@opentiny/tiny-robot 0.2.0-alpha.0 → 0.2.0-alpha.2

package/dist/packages/components/src/bubble/BubbleList.vue2.js

@@ -0,0 +1,50 @@
+import { defineComponent as h, useTemplateRef as v, computed as B, watch as S, createElementBlock as f, openBlock as s, Fragment as k, renderList as i, createBlock as m, mergeProps as p, createSlots as y, withCtx as x, resolveDynamicComponent as I } from "vue";
+import { useScroll as w } from "../../../../node_modules/.pnpm/@vueuse_core@13.1.0_vue@3.5.13/node_modules/@vueuse/core/index.js";
+import L from "./Bubble.vue.js";
+const P = {
+  class: "tr-bubble-list",
+  ref: "scrollContainer"
+}, F = /* @__PURE__ */ h({
+  __name: "BubbleList",
+  props: {
+    items: {},
+    roles: {},
+    autoScroll: { type: Boolean }
+  },
+  setup(_) {
+    const o = _, n = v("scrollContainer"), { y: b } = w(n, {
+      behavior: "smooth",
+      throttle: 100
+    }), d = B(() => o.items.at(-1));
+    S([() => o.items.length, () => {
+      var e;
+      return (e = d.value) == null ? void 0 : e.content;
+    }], () => {
+      !o.autoScroll || !n.value || (b.value = n.value.scrollHeight);
+    });
+    const C = (e) => {
+      var l;
+      const c = e.role ? ((l = o.roles) == null ? void 0 : l[e.role]) || {} : {}, { slots: t, ...u } = c, { slots: g, ...r } = e;
+      return { ...u, ...r };
+    }, a = (e) => {
+      var t;
+      return { ...(e.role ? ((t = o.roles) == null ? void 0 : t[e.role]) || {} : {}).slots, ...e.slots };
+    };
+    return (e, c) => (s(), f("div", P, [
+      (s(!0), f(k, null, i(o.items, (t, u) => (s(), m(L, p({
+        key: t.id || u,
+        ref_for: !0
+      }, C(t)), y({ _: 2 }, [
+        i(a(t), (g, r) => ({
+          name: r,
+          fn: x((l) => [
+            (s(), m(I(a(t)[r]), p({ ref_for: !0 }, l), null, 16))
+          ])
+        }))
+      ]), 1040))), 128))
+    ], 512));
+  }
+});
+export {
+  F as default
+};

package/dist/packages/components/src/bubble/index.js

@@ -1,5 +1,5 @@
-import n from "./bubble.vue.js";
-import t from "./bubble-list.vue.js";
+import n from "./Bubble.vue.js";
+import t from "./BubbleList.vue.js";
 n.name = "TrBubble";
 const o = function(b) {
   b.component(n.name, n);

package/dist/packages/components/src/container/index.vue.js

@@ -1,7 +1,7 @@
 import o from "./index.vue2.js";
 /* empty css           */
 import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6a7e1263"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-81c9f59e"]]);
 export {
-  m as default
+  f as default
 };

package/dist/packages/components/src/container/index.vue2.js

@@ -1,6 +1,8 @@
-import { defineComponent as f, useCssVars as v, useModel as i, computed as p, createElementBlock as _, openBlock as m, createElementVNode as e, renderSlot as n, createVNode as a, unref as c } from "vue";
-import { IconCancelFullScreen as b, IconFullScreen as h, IconClose as w } from "../../../svgs/dist/tiny-robot-svgs.js";
-const $ = { class: "tr-container" }, g = { class: "tr-container__header" }, C = { class: "tr-container__header-operations" }, S = { class: "tr-container__body" }, k = { class: "tr-container__footer" }, I = /* @__PURE__ */ f({
+import { defineComponent as f, useCssVars as v, useModel as a, computed as m, createElementBlock as _, openBlock as w, createElementVNode as n, renderSlot as t, createVNode as c, unref as r } from "vue";
+import { IconCancelFullScreen as g, IconFullScreen as h, IconClose as $ } from "../../../svgs/dist/tiny-robot-svgs.js";
+import "../icon-button/index.js";
+import u from "../icon-button/index.vue.js";
+const C = { class: "tr-container" }, b = { class: "tr-container__header" }, B = { class: "tr-container__header-operations" }, I = { class: "tr-container__footer" }, N = /* @__PURE__ */ f({
   __name: "index",
   props: {
     show: { type: Boolean, required: !0 },
@@ -9,47 +11,45 @@ const $ = { class: "tr-container" }, g = { class: "tr-container__header" }, C =
     fullscreenModifiers: {}
   },
   emits: ["update:show", "update:fullscreen"],
-  setup(r) {
+  setup(l) {
     v((o) => ({
-      "4f670360": s.value ? "0" : "unset",
-      "01550f1a": s.value ? "unset" : "var(--tr-container-width)",
-      "9b01cee4": l.value ? "100" : "-1",
-      "46b87c3c": l.value ? "1" : "0"
+      b67b7ee6: s.value ? "0" : "unset",
+      "72873ea0": s.value ? "unset" : "var(--tr-container-width)",
+      "224ae4c1": i.value ? "100" : "-1",
+      cb10cae2: i.value ? "1" : "0"
     }));
-    const l = i(r, "show"), s = i(r, "fullscreen"), u = p(() => s.value ? b : h);
-    return (o, t) => (m(), _("div", $, [
-      t[3] || (t[3] = e("div", { class: "tr-container__dragging-bar-wrapper" }, [
-        e("div", { class: "tr-container__dragging-bar" })
+    const i = a(l, "show"), s = a(l, "fullscreen"), d = m(() => s.value ? g : h);
+    return (o, e) => (w(), _("div", C, [
+      e[3] || (e[3] = n("div", { class: "tr-container__dragging-bar-wrapper" }, [
+        n("div", { class: "tr-container__dragging-bar" })
       ], -1)),
-      e("div", g, [
-        n(o.$slots, "title", {}, () => [
-          t[2] || (t[2] = e("h3", { class: "tr-container__title" }, "OpenTiny NEXT", -1))
-        ], !0),
-        e("div", C, [
-          n(o.$slots, "operations", {}, void 0, !0),
-          e("button", {
-            class: "icon-btn",
-            onClick: t[0] || (t[0] = (d) => o.$emit("update:fullscreen", !s.value))
-          }, [
-            a(c(u))
-          ]),
-          e("button", {
-            class: "icon-btn",
-            onClick: t[1] || (t[1] = (d) => o.$emit("update:show", !1))
-          }, [
-            a(c(w))
-          ])
+      n("div", b, [
+        t(o.$slots, "title", {}, () => [
+          e[2] || (e[2] = n("h3", { class: "tr-container__title" }, "OpenTiny NEXT", -1))
+        ]),
+        n("div", B, [
+          t(o.$slots, "operations"),
+          c(r(u), {
+            size: "28",
+            "svg-size": "20",
+            icon: d.value,
+            onClick: e[0] || (e[0] = (p) => o.$emit("update:fullscreen", !s.value))
+          }, null, 8, ["icon"]),
+          c(r(u), {
+            size: "28",
+            "svg-size": "20",
+            icon: r($),
+            onClick: e[1] || (e[1] = (p) => o.$emit("update:show", !1))
+          }, null, 8, ["icon"])
         ])
       ]),
-      e("div", S, [
-        n(o.$slots, "default", {}, void 0, !0)
-      ]),
-      e("div", k, [
-        n(o.$slots, "footer", {}, void 0, !0)
+      t(o.$slots, "default"),
+      n("div", I, [
+        t(o.$slots, "footer")
       ])
     ]));
   }
 });
 export {
-  I as default
+  N as default
 };

package/dist/packages/components/src/feedback/components/SourceList.vue.js

@@ -0,0 +1,7 @@
+import o from "./SourceList.vue2.js";
+/* empty css                */
+import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5817f518"]]);
+export {
+  p as default
+};

package/dist/packages/components/src/feedback/components/SourceList.vue2.js

@@ -0,0 +1,52 @@
+import { defineComponent as I, ref as i, computed as L, onMounted as g, watch as h, createElementBlock as n, openBlock as r, createCommentVNode as c, Fragment as v, renderList as A, toDisplayString as d, createVNode as C, unref as T, nextTick as b } from "vue";
+import { IconArrowUp as w } from "../../../../svgs/dist/tiny-robot-svgs.js";
+const x = { class: "tr-feedback__source-list" }, E = ["href"], M = /* @__PURE__ */ I({
+  __name: "SourceList",
+  props: {
+    sources: {},
+    linesLimit: { default: Number.MAX_SAFE_INTEGER }
+  },
+  setup(k) {
+    const a = k, u = i(!1), p = i([]), l = i(null), f = () => {
+      b(() => {
+        const s = p.value.map((t) => (t == null ? void 0 : t.offsetTop) || 0), e = Array.from(new Set(s));
+        if (e.length > a.linesLimit) {
+          const t = e[a.linesLimit - 1], o = s.lastIndexOf(t);
+          l.value = o;
+        } else
+          l.value = null;
+      });
+    }, _ = L(() => a.sources.length - (l.value || 0));
+    g(f), h(() => a.sources, f);
+    const y = (s, e) => {
+      s && (p.value[e] = s);
+    };
+    return (s, e) => (r(), n("div", x, [
+      (r(!0), n(v, null, A(a.sources, (t, o) => (r(), n(v, { key: o }, [
+        !l.value || u.value || o < l.value ? (r(), n("a", {
+          key: 0,
+          class: "pill",
+          href: t.link,
+          target: "_blank",
+          ref_for: !0,
+          ref: (m) => y(m, o)
+        }, d(t.label), 9, E)) : c("", !0),
+        l.value && !u.value && o === l.value ? (r(), n("span", {
+          key: 1,
+          class: "pill",
+          onClick: e[0] || (e[0] = (m) => u.value = !0)
+        }, d(_.value) + "+ ", 1)) : c("", !0)
+      ], 64))), 128)),
+      u.value ? (r(), n("span", {
+        key: 0,
+        class: "pill collapse-pill",
+        onClick: e[1] || (e[1] = (t) => u.value = !1)
+      }, [
+        C(T(w))
+      ])) : c("", !0)
+    ]));
+  }
+});
+export {
+  M as default
+};

package/dist/packages/components/src/feedback/index.js

@@ -0,0 +1,9 @@
+import e from "./index.vue.js";
+e.name = "TrFeedback";
+const a = function(n) {
+  n.component(e.name, e);
+};
+e.install = a;
+export {
+  e as default
+};

package/dist/packages/components/src/feedback/index.vue.js

@@ -0,0 +1,7 @@
+import o from "./index.vue2.js";
+/* empty css           */
+import t from "../../../../_virtual/_plugin-vue_export-helper.js";
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cc6ef316"]]);
+export {
+  a as default
+};

package/dist/packages/components/src/feedback/index.vue2.js

@@ -0,0 +1,143 @@
+import { defineComponent as R, ref as T, createElementBlock as p, openBlock as o, createElementVNode as a, createCommentVNode as _, createBlock as l, unref as t, withCtx as c, Fragment as C, renderList as x, createVNode as f, createTextVNode as X, toDisplayString as k, resolveDynamicComponent as h } from "vue";
+import { IconArrowDown as b, IconArrowUp as N, IconDislike as z, IconLike as O, IconRefresh as U, IconCopy as Z } from "../../../svgs/dist/tiny-robot-svgs.js";
+import w from "../../../../node_modules/.pnpm/@opentiny_vue-button@3.21.0/node_modules/@opentiny/vue-button/lib/index.js";
+import { ActionGroupItem as S } from "../action-group/index.js";
+import "../icon-button/index.js";
+import j from "./components/SourceList.vue.js";
+import B from "../action-group/ActionGroup.vue.js";
+import q from "../icon-button/index.vue.js";
+const H = { class: "tr-feedback" }, J = { class: "tr-feedback__operations" }, K = { class: "tr-feedback__operations-left" }, P = { key: 1 }, Q = { class: "tr-feedback__operations-right" }, W = {
+  key: 0,
+  class: "tr-feedback__footer"
+}, Y = { key: 0 }, ae = /* @__PURE__ */ R({
+  __name: "index",
+  props: {
+    operations: {},
+    operationsLimit: { default: Number.MAX_SAFE_INTEGER },
+    actions: {},
+    actionsLimit: { default: Number.MAX_SAFE_INTEGER },
+    sources: {},
+    sourcesLinesLimit: { default: Number.MAX_SAFE_INTEGER }
+  },
+  emits: ["operation", "action"],
+  setup(D, { emit: G }) {
+    const e = D, V = {
+      copy: Z,
+      refresh: U,
+      like: O,
+      dislike: z
+    }, y = G, F = (m) => {
+      var r, n, i;
+      (i = (n = (r = e.operations) == null ? void 0 : r.find((d) => d.name === m)) == null ? void 0 : n.onClick) == null || i.call(n), y("operation", m);
+    }, M = (m) => {
+      var r, n, i;
+      (i = (n = (r = e.actions) == null ? void 0 : r.find((d) => d.name === m)) == null ? void 0 : n.onClick) == null || i.call(n), y("action", m);
+    }, u = T(!1), v = () => {
+      u.value = !u.value;
+    };
+    return (m, r) => {
+      var n, i, d, g, I, L, E, A;
+      return o(), p("div", H, [
+        a("div", J, [
+          a("div", K, [
+            (n = e.operations) != null && n.length ? (o(), l(t(B), {
+              key: 0,
+              "max-num": e.operationsLimit,
+              "drop-down-show-label-only": !0,
+              onItemClick: F,
+              class: "tr-feedback__operations-left-action-group"
+            }, {
+              moreBtn: c(() => [
+                f(t(w), {
+                  round: "",
+                  size: "mini",
+                  "reset-time": 0,
+                  class: "tr-feedback__operations-more-btn"
+                }, {
+                  default: c(() => [
+                    r[0] || (r[0] = a("span", null, "更多", -1)),
+                    f(t(b))
+                  ]),
+                  _: 1
+                })
+              ]),
+              default: c(() => [
+                (o(!0), p(C, null, x(e.operations, (s) => (o(), l(t(S), {
+                  key: s.name,
+                  name: s.name,
+                  label: s.label
+                }, {
+                  default: c(() => [
+                    f(t(w), {
+                      round: "",
+                      "reset-time": 0,
+                      size: "mini"
+                    }, {
+                      default: c(() => [
+                        X(k(s.label), 1)
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  _: 2
+                }, 1032, ["name", "label"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["max-num"])) : (i = e.sources) != null && i.length ? (o(), p("div", P, [
+              a("span", {
+                class: "tr-feedback__source",
+                onClick: v
+              }, [
+                a("span", null, k((d = e.sources) == null ? void 0 : d.length) + "条来源", 1),
+                (o(), l(h(u.value ? t(N) : t(b))))
+              ])
+            ])) : _("", !0)
+          ]),
+          a("div", Q, [
+            f(t(B), {
+              "max-num": e.actionsLimit,
+              "show-tooltip": !0,
+              onItemClick: M
+            }, {
+              default: c(() => [
+                (o(!0), p(C, null, x(e.actions, (s) => (o(), l(t(S), {
+                  key: s.name,
+                  name: s.name,
+                  label: s.label
+                }, {
+                  default: c(() => [
+                    typeof s.icon == "string" ? (o(), l(t(q), {
+                      key: 0,
+                      icon: V[s.icon]
+                    }, null, 8, ["icon"])) : (o(), l(h(s.icon), { key: 1 }))
+                  ]),
+                  _: 2
+                }, 1032, ["name", "label"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["max-num"])
+          ])
+        ]),
+        (g = e.operations) != null && g.length && ((I = e.sources) != null && I.length) || u.value && e.sources ? (o(), p("div", W, [
+          (L = e.operations) != null && L.length && ((E = e.sources) != null && E.length) ? (o(), p("div", Y, [
+            a("span", {
+              class: "tr-feedback__source",
+              onClick: v
+            }, [
+              a("span", null, k((A = e.sources) == null ? void 0 : A.length) + "条来源", 1),
+              (o(), l(h(u.value ? t(N) : t(b))))
+            ])
+          ])) : _("", !0),
+          u.value && e.sources ? (o(), l(t(j), {
+            key: 1,
+            sources: e.sources,
+            "lines-limit": e.sourcesLinesLimit
+          }, null, 8, ["sources", "lines-limit"])) : _("", !0)
+        ])) : _("", !0)
+      ]);
+    };
+  }
+});
+export {
+  ae as default
+};

package/dist/packages/components/src/history/components/item-tag.vue.js

@@ -0,0 +1,7 @@
+import o from "./item-tag.vue2.js";
+/* empty css              */
+import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-346767bb"]]);
+export {
+  p as default
+};

package/dist/packages/components/src/history/components/item-tag.vue2.js

@@ -0,0 +1,21 @@
+import { defineComponent as l, createElementBlock as a, openBlock as n, normalizeStyle as o, normalizeClass as s, createElementVNode as r, toDisplayString as p } from "vue";
+const y = /* @__PURE__ */ l({
+  __name: "item-tag",
+  props: {
+    text: {},
+    type: { default: "default" },
+    style: {}
+  },
+  setup(t) {
+    const e = t;
+    return (c, i) => (n(), a("div", {
+      class: s(["tr-history__item-tag", e.type]),
+      style: o(e.style)
+    }, [
+      r("span", null, p(e.text), 1)
+    ], 6));
+  }
+});
+export {
+  y as default
+};

package/dist/packages/components/src/history/components/search-empty.vue.js

@@ -0,0 +1,7 @@
+import o from "./search-empty.vue2.js";
+/* empty css                  */
+import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b21f5bc0"]]);
+export {
+  a as default
+};

package/dist/packages/components/src/history/components/search-empty.vue2.js

@@ -0,0 +1,20 @@
+import { defineComponent as s, createElementBlock as r, openBlock as c, createElementVNode as t, createVNode as n, unref as a, toDisplayString as p } from "vue";
+import { IconEmptySearch as _ } from "../../../../svgs/dist/tiny-robot-svgs.js";
+const i = { class: "tr-history__empty" }, m = { class: "tr-history__empty-icon" }, l = { class: "tr-history__empty-text" }, u = /* @__PURE__ */ s({
+  __name: "search-empty",
+  props: {
+    text: { default: "暂无内容" }
+  },
+  setup(e) {
+    const o = e;
+    return (d, h) => (c(), r("div", i, [
+      t("span", m, [
+        n(a(_))
+      ]),
+      t("span", l, p(o.text), 1)
+    ]));
+  }
+});
+export {
+  u as default
+};

package/dist/packages/components/src/history/composables/useEditItemTitle.js

@@ -0,0 +1,43 @@
+import { onClickOutside as v } from "../../../../../node_modules/.pnpm/@vueuse_core@13.1.0_vue@3.5.13/node_modules/@vueuse/core/index.js";
+import { ref as n, watchEffect as s, nextTick as h } from "vue";
+const w = (o) => {
+  const i = n(), u = (t) => {
+    i.value = {
+      id: t.id,
+      title: t.title,
+      rawData: t
+    };
+  }, a = n(null), r = (t) => {
+    t && h(() => {
+      a.value = t, a.value.focus();
+    });
+  };
+  let e;
+  const l = () => {
+    if (i.value) {
+      if (i.value.title !== i.value.rawData.title) {
+        const { title: t, rawData: f } = i.value;
+        o("item-title-change", t, f);
+      }
+      i.value = void 0;
+    }
+    e == null || e(), e = void 0;
+  }, c = () => {
+    i.value = void 0, e == null || e(), e = void 0;
+  }, d = (t) => {
+    t.key === "Enter" ? l() : t.key === "Escape" && c();
+  };
+  return s(() => {
+    a.value && (e == null || e(), e = v(a, () => {
+      l();
+    }));
+  }), {
+    editingItem: i,
+    handleEdit: u,
+    handleEditorInputRef: r,
+    handleKeyDown: d
+  };
+};
+export {
+  w as useEditItemTitle
+};

package/dist/packages/components/src/history/index.js

@@ -0,0 +1,11 @@
+import o from "./index.vue.js";
+const r = function(t) {
+  t.component("TrHistory", o);
+}, s = {
+  ...o,
+  install: r,
+  name: "TrHistory"
+};
+export {
+  s as default
+};

package/dist/packages/components/src/history/index.vue.js

@@ -0,0 +1,7 @@
+import o from "./index.vue2.js";
+/* empty css           */
+import t from "../../../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a5085e7d"]]);
+export {
+  p as default
+};

package/dist/packages/components/src/history/index.vue2.js

@@ -0,0 +1,130 @@
+import { defineComponent as N, mergeModels as w, useCssVars as K, computed as u, useModel as F, createElementBlock as l, openBlock as i, createElementVNode as n, createCommentVNode as M, Fragment as p, renderList as k, normalizeClass as Q, toDisplayString as b, createVNode as v, unref as e, createBlock as $, withDirectives as U, mergeProps as W, withModifiers as A, vModelText as j } from "vue";
+import { IconSearch as G, IconEditPen as R, IconDelete as H, IconClose as J } from "../../../svgs/dist/tiny-robot-svgs.js";
+import C from "../../../../node_modules/.pnpm/@opentiny_vue-button@3.21.0/node_modules/@opentiny/vue-button/lib/index.js";
+import O from "../../../../node_modules/.pnpm/@opentiny_vue-input@3.21.0/node_modules/@opentiny/vue-input/lib/index.js";
+import X from "./components/item-tag.vue.js";
+import Y from "./components/search-empty.vue.js";
+import { useEditItemTitle as Z } from "./composables/useEditItemTitle.js";
+const q = { class: "tr-history" }, ee = { class: "tr-history__tabs" }, te = ["onClick"], re = {
+  key: 0,
+  class: "tr-history__search"
+}, ie = { class: "tr-history__content" }, se = { class: "tr-history__date" }, oe = ["onClick"], le = { class: "tr-history__item-title" }, ae = { class: "tr-history__item-actions" }, ne = { class: "tr-history__close" }, ve = /* @__PURE__ */ N({
+  __name: "index",
+  props: /* @__PURE__ */ w({
+    tabTitle: {},
+    data: {},
+    activeTab: {},
+    searchBar: { type: Boolean },
+    searchQuery: {},
+    searchPlaceholder: {},
+    searchFn: { type: Function, default: (c, { title: y }) => c ? y.toLowerCase().includes(c.toLowerCase()) : !0 },
+    selected: {},
+    tabs: {}
+  }, {
+    activeTab: {},
+    activeTabModifiers: {},
+    searchQuery: {},
+    searchQueryModifiers: {}
+  }),
+  emits: /* @__PURE__ */ w(["close", "item-click", "item-title-change", "item-delete"], ["update:activeTab", "update:searchQuery"]),
+  setup(c, { emit: y }) {
+    K((a) => ({
+      "8b6c417a": x.value ? "1px solid rgb(240, 240, 240)" : "none",
+      "744b1e9a": x.value ? "2px solid rgb(25, 25, 25)" : "none"
+    }));
+    const s = c, g = F(c, "activeTab"), h = F(c, "searchQuery"), m = y, f = u(() => Array.isArray(s.tabs) ? s.tabs : [{ title: s.tabTitle, id: "0" }]), T = u(() => g.value || f.value[0].id), x = u(() => f.value.length > 1), I = u(() => Array.isArray(s.data) ? s.data || [] : s.data[T.value] || []), B = u(() => s.searchBar ? I.value.map((t) => ({
+      ...t,
+      items: t.items.filter((r) => s.searchFn(h.value || "", r))
+    })).filter((t) => t.items.length > 0) : I.value), D = (a) => {
+      var t;
+      a.id !== ((t = _.value) == null ? void 0 : t.id) && m("item-click", a);
+    }, z = () => {
+      m("close");
+    }, P = (a) => {
+      m("item-delete", a);
+    }, { editingItem: _, handleEdit: S, handleEditorInputRef: L, handleKeyDown: V } = Z(m);
+    return (a, t) => (i(), l("div", q, [
+      n("div", ee, [
+        (i(!0), l(p, null, k(f.value, (r) => (i(), l("div", {
+          key: r.id,
+          class: Q(["tr-history__tab", { active: T.value === r.id }]),
+          onClick: (o) => g.value = r.id
+        }, b(r.title), 11, te))), 128))
+      ]),
+      s.searchBar ? (i(), l("div", re, [
+        v(e(O), {
+          modelValue: h.value,
+          "onUpdate:modelValue": t[0] || (t[0] = (r) => h.value = r),
+          placeholder: s.searchPlaceholder || "搜索对话名称",
+          "prefix-icon": e(G),
+          clearable: ""
+        }, null, 8, ["modelValue", "placeholder", "prefix-icon"])
+      ])) : M("", !0),
+      n("div", ie, [
+        B.value.length > 0 ? (i(!0), l(p, { key: 0 }, k(B.value, (r) => (i(), l("div", {
+          key: r.date,
+          class: "tr-history__group"
+        }, [
+          n("div", se, [
+            n("span", null, b(r.date), 1)
+          ]),
+          (i(!0), l(p, null, k(r.items, (o) => {
+            var E;
+            return i(), l("div", {
+              key: `${o.id}-${o.title}`,
+              class: Q(["tr-history__item", { selected: s.selected === o.id }]),
+              onClick: (d) => D(o)
+            }, [
+              ((E = e(_)) == null ? void 0 : E.id) !== o.id ? (i(), l(p, { key: 0 }, [
+                n("span", le, b(o.title), 1),
+                o.tag ? (i(), $(e(X), W({
+                  key: 0,
+                  class: "tr-history__item-tag",
+                  ref_for: !0
+                }, o.tag), null, 16)) : M("", !0),
+                n("div", ae, [
+                  v(e(C), {
+                    icon: e(R),
+                    type: "text",
+                    size: "mini",
+                    onClick: A((d) => e(S)(o), ["stop"])
+                  }, null, 8, ["icon", "onClick"]),
+                  v(e(C), {
+                    icon: e(H),
+                    type: "text",
+                    size: "mini",
+                    onClick: A((d) => P(o), ["stop"])
+                  }, null, 8, ["icon", "onClick"])
+                ])
+              ], 64)) : U((i(), l("input", {
+                key: 1,
+                "onUpdate:modelValue": t[1] || (t[1] = (d) => e(_).title = d),
+                class: "tr-history__item-edit",
+                ref_for: !0,
+                ref: e(L),
+                onKeydown: t[2] || (t[2] = //@ts-ignore
+                (...d) => e(V) && e(V)(...d))
+              }, null, 544)), [
+                [j, e(_).title]
+              ])
+            ], 10, oe);
+          }), 128))
+        ]))), 128)) : (i(), $(e(Y), {
+          key: 1,
+          text: h.value ? "暂无搜索结果" : "暂无内容"
+        }, null, 8, ["text"]))
+      ]),
+      n("div", ne, [
+        v(e(C), {
+          icon: e(J),
+          type: "text",
+          size: "mini",
+          onClick: z
+        }, null, 8, ["icon"])
+      ])
+    ]));
+  }
+});
+export {
+  ve as default
+};

package/dist/packages/components/src/icon-button/index.js

@@ -0,0 +1,9 @@
+import n from "./index.vue.js";
+n.name = "TrIconButton";
+const o = function(t) {
+  t.component(n.name, n);
+};
+n.install = o;
+export {
+  n as default
+};

package/dist/packages/components/src/icon-button/index.vue.js

@@ -0,0 +1,7 @@
+import o from "./index.vue2.js";
+/* empty css           */
+import t from "../../../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f6ea2c1a"]]);
+export {
+  f as default
+};