@opentiny/tiny-robot 0.3.1-alpha.4 → 0.3.1-alpha.6

package/dist/index2.js

@@ -1,301 +1,199 @@
-import { ref as _, onMounted as ne, onBeforeUnmount as oe, defineComponent as P, createElementBlock as a, openBlock as r, createElementVNode as w, createVNode as $, unref as n, toDisplayString as B, mergeModels as W, useModel as j, computed as I, normalizeStyle as ie, Fragment as S, renderList as V, createBlock as H, resolveDynamicComponent as Y, nextTick as se, normalizeClass as U, withDirectives as q, createCommentVNode as G, renderSlot as A, withKeys as F, withModifiers as J, isRef as le, vModelText as re, vShow as ae } from "vue";
-import { IconEmptySearch as ue, IconEditPen as ce, IconDelete as de, IconCheck as me, IconClose as fe, IconMenu2 as pe } from "@opentiny/tiny-robot-svgs";
-import { _ as z } from "./_plugin-vue_export-helper.js";
-import { o as Z, a as ve, d as ge, c as ye } from "./index3.js";
-import { t as O } from "./utils.js";
-const D = _(!1);
-let T = 0, b;
-function _e() {
-  const s = window.matchMedia("(hover: none) and (pointer: coarse)"), m = () => {
-    D.value = s.matches;
-  };
-  m(), s.addEventListener("change", m);
-  const t = (c) => {
-    D.value = c.pointerType !== "mouse";
-  };
-  return window.addEventListener("pointerdown", t, !0), () => {
-    s.removeEventListener("change", m), window.removeEventListener("pointerdown", t, !0);
-  };
+import { inject as E, defineComponent as h, computed as p, createBlock as m, createElementBlock as d, openBlock as i, unref as o, withCtx as x, createElementVNode as f, normalizeClass as b, renderSlot as $, resolveDynamicComponent as T, normalizeStyle as B, createVNode as _, createCommentVNode as k, toDisplayString as I, Transition as P } from "vue";
+import { _ as g } from "./_plugin-vue_export-helper.js";
+import { IconSend as A, IconStop as N, IconClear as F } from "@opentiny/tiny-robot-svgs";
+import { TinyTooltip as D } from "@opentiny/vue";
+const L = Symbol("chat-input-context");
+function w() {
+  const s = E(L);
+  if (!s)
+    throw new Error("useChatInputContext must be used within ChatInput component");
+  return s;
 }
-function he() {
-  b == null || b(), b = void 0;
+function S(s) {
+  if (s)
+    return typeof s == "string" ? () => s : s;
 }
-function Ce() {
-  return typeof window > "u" ? {
-    isTouchDevice: D
-  } : (ne(() => {
-    T++, T === 1 && (b = _e());
-  }), oe(() => {
-    T = Math.max(0, T - 1), T === 0 && he();
-  }), {
-    isTouchDevice: D
-  });
-}
-const ke = { class: "tr-history__empty" }, Le = { class: "tr-history__empty-icon" }, Ee = { class: "tr-history__empty-text" }, we = /* @__PURE__ */ P({
-  __name: "Empty",
+const R = ["disabled"], V = ["disabled"], W = /* @__PURE__ */ h({
+  __name: "index",
   props: {
-    text: { default: "暂无内容" }
+    icon: {},
+    disabled: { type: Boolean, default: !1 },
+    active: { type: Boolean, default: !1 },
+    tooltip: {},
+    tooltipPlacement: { default: "top" },
+    size: { default: 32 }
   },
   setup(s) {
-    const m = s;
-    return (t, c) => (r(), a("div", ke, [
-      w("span", Le, [
-        $(n(ue))
+    const t = s, a = p(() => S(t.tooltip)), l = p(() => ({ fontSize: typeof t.size == "number" ? `${t.size}px` : t.size }));
+    return (r, c) => t.tooltip ? (i(), m(o(D), {
+      key: 0,
+      "render-content": a.value,
+      placement: t.tooltipPlacement,
+      effect: "light",
+      "visible-arrow": !1,
+      "popper-class": "tr-action-button-tooltip-popper"
+    }, {
+      default: x(() => [
+        f("button", {
+          class: b(["tr-action-button", { active: t.active }]),
+          disabled: t.disabled,
+          onFocusCapture: c[0] || (c[0] = (u) => u.stopPropagation())
+        }, [
+          $(r.$slots, "icon", {}, () => [
+            (i(), m(T(t.icon), {
+              style: B(l.value)
+            }, null, 8, ["style"]))
+          ], !0)
+        ], 42, R)
       ]),
-      w("span", Ee, B(m.text), 1)
-    ]));
-  }
-}), Re = /* @__PURE__ */ z(we, [["__scopeId", "data-v-d0340c39"]]), Ie = ["onClick"], Q = 4, xe = /* @__PURE__ */ P({
-  __name: "MenuList",
-  props: /* @__PURE__ */ W({
-    items: {},
-    menuListGap: { default: 8 }
-  }, {
-    trigger: { default: null },
-    triggerModifiers: {},
-    data: { default: null },
-    dataModifiers: {}
-  }),
-  emits: /* @__PURE__ */ W(["item-click"], ["update:trigger", "update:data"]),
-  setup(s, { emit: m }) {
-    const t = j(s, "trigger"), c = j(s, "data"), h = s, C = m, E = _(null);
-    Z(
-      E,
-      () => {
-        t.value = null, c.value = null;
-      },
-      {
-        ignore: [t]
-      }
-    );
-    const { top: p, bottom: x, left: y } = ve(t), { width: M, height: k } = ge(E, void 0, { box: "border-box" }), { height: R } = ye(), o = I(() => {
-      const L = {
-        left: `min(${O(y.value)}, calc(100% - ${O(M.value + Q)}))`
-      }, g = x.value + h.menuListGap;
-      return g + k.value + Q > R.value ? L.bottom = `calc(100% - ${O(p.value - h.menuListGap)})` : L.top = O(g), L;
-    }), v = (L) => {
-      C("item-click", L), t.value = null, c.value = null;
-    };
-    return (L, g) => (r(), a("ul", {
-      class: "tr-history__menu-list",
-      ref_key: "menuRef",
-      ref: E,
-      style: ie(o.value)
+      _: 3
+    }, 8, ["render-content", "placement"])) : (i(), d("button", {
+      key: 1,
+      class: b(["tr-action-button", { active: t.active }]),
+      disabled: t.disabled
     }, [
-      (r(!0), a(S, null, V(h.items, (u) => (r(), a("li", {
-        class: "tr-history__menu-list__item",
-        key: u.id,
-        onClick: (K) => v(u)
-      }, [
-        (r(), H(Y(u.icon))),
-        w("span", null, B(u.text), 1)
-      ], 8, Ie))), 128))
-    ], 4));
+      $(r.$slots, "icon", {}, () => [
+        (i(), m(T(t.icon), {
+          style: B(l.value)
+        }, null, 8, ["style"]))
+      ], !0)
+    ], 10, V));
   }
-}), Me = /* @__PURE__ */ z(xe, [["__scopeId", "data-v-89fdb41c"]]), Te = ({
-  renameControlOnClickOutside: s,
-  onItemTitleChange: m
-}) => {
-  const t = _(void 0), c = _(null), h = I(() => {
-    var o;
-    return (o = c.value) == null ? void 0 : o.at(0);
-  }), C = _(null), E = I(() => {
-    var o;
-    return (o = C.value) == null ? void 0 : o.at(0);
-  }), p = _(null), x = I(() => {
-    var o;
-    return (o = p.value) == null ? void 0 : o.at(0);
-  }), y = _(""), M = (o) => {
-    t.value = o, y.value = o.title, se(() => {
-      const v = h.value;
-      v && (v.focus(), v.select());
-    });
-  }, k = () => {
-    t.value = void 0, y.value = "";
-  }, R = () => {
-    t.value && m(y.value, t.value), t.value = void 0, y.value = "";
-  };
-  return (s === "confirm" || s === "cancel") && Z(
-    h,
-    () => {
-      s === "confirm" ? R() : k();
-    },
-    { ignore: [E, x] }
-  ), {
-    editingItem: t,
-    editorRefList: c,
-    editorConfirmRefList: C,
-    editorCancelRefList: p,
-    editorValue: y,
-    handleEdit: M,
-    handleEditCancel: k,
-    handleEditConfirm: R
-  };
-}, X = Symbol("NO_GROUP"), $e = {
+}), O = /* @__PURE__ */ g(W, [["__scopeId", "data-v-13f08153"]]), j = {
   key: 0,
-  class: "tr-history__group-title"
-}, be = { class: "tr-history__group-items" }, Ge = ["onClick"], Oe = ["title"], Se = ["onClick"], Be = /* @__PURE__ */ P({
+  class: "tr-chat-input-submit-button__cancel-text"
+}, H = /* @__PURE__ */ h({
   __name: "index",
-  props: {
-    data: {},
-    selected: {},
-    showRenameControls: { type: Boolean, default: !1 },
-    renameControlOnClickOutside: { default: "confirm" },
-    menuItems: { default: () => [
-      { id: "rename", text: "重命名", icon: ce },
-      { id: "delete", text: "删除", icon: de }
-    ] },
-    menuListGap: { default: 8 }
-  },
-  emits: ["item-click", "item-title-change", "item-action"],
-  setup(s, { emit: m }) {
-    const t = s, c = m, h = (i) => {
-      var f;
-      const e = typeof ((f = i[0]) == null ? void 0 : f.group);
-      return e === "string" || e === "symbol";
-    }, C = I(() => {
-      const i = t.data;
-      return h(i) ? i : [{ group: X, items: i }];
-    }), E = I(() => C.value.length === 0 || C.value.every((i) => i.items.length === 0)), {
-      editingItem: p,
-      editorRefList: x,
-      editorConfirmRefList: y,
-      editorCancelRefList: M,
-      editorValue: k,
-      handleEdit: R,
-      handleEditCancel: o,
-      handleEditConfirm: v
-    } = Te({
-      renameControlOnClickOutside: t.renameControlOnClickOutside,
-      onItemTitleChange: (i, e) => {
-        c("item-title-change", i, e);
-      }
-    }), { isTouchDevice: L } = Ce(), g = _(null), u = _(null), K = (i, e) => {
-      if (i.currentTarget instanceof HTMLButtonElement) {
-        if (u.value === e) {
-          g.value = null, u.value = null;
-          return;
-        }
-        g.value = i.currentTarget, u.value = e;
-      } else
-        g.value = null, u.value = null;
-    }, ee = (i) => {
-      const e = u.value;
-      e && (i.id === "rename" && R(e), c("item-action", i, e));
+  setup(s) {
+    const { canSubmit: t, loading: a, defaultActions: l, submit: r, cancel: c, stopText: u } = w(), v = p(() => {
+      var e, n;
+      return (n = (e = l.value) == null ? void 0 : e.submit) != null && n.disabled ? !0 : !t.value && !a.value;
+    }), y = p(() => {
+      var e, n;
+      return S((n = (e = l.value) == null ? void 0 : e.submit) == null ? void 0 : n.tooltip);
+    }), z = p(() => {
+      var e, n;
+      return ((n = (e = l.value) == null ? void 0 : e.submit) == null ? void 0 : n.tooltipPlacement) ?? "top";
+    }), C = () => {
+      a.value ? c() : r();
     };
-    return (i, e) => (r(), a("div", {
-      class: U(["tr-history", { "touch-device": n(L) }])
-    }, [
-      E.value ? (r(), H(Re, { key: 1 })) : (r(), a(S, { key: 0 }, [
-        (r(!0), a(S, null, V(C.value, (f) => (r(), a("div", {
-          class: "tr-history__group",
-          key: f.group
+    return (e, n) => y.value && !o(a) ? (i(), m(o(D), {
+      key: 0,
+      "render-content": y.value,
+      placement: z.value,
+      effect: "light",
+      "visible-arrow": !1,
+      "popper-class": "tr-submit-button-tooltip-popper"
+    }, {
+      default: x(() => [
+        f("div", {
+          class: b([
+            "tr-chat-input-submit-button",
+            {
+              "is-disabled": v.value,
+              "is-loading": o(a)
+            }
+          ]),
+          onClick: C
         }, [
-          f.group !== n(X) ? (r(), a("div", $e, B(f.group), 1)) : G("", !0),
-          w("div", be, [
-            (r(!0), a(S, null, V(f.items, (l, te) => (r(), a("div", {
-              class: U(["tr-history__item", {
-                selected: l.id && l.id === t.selected,
-                editing: n(p) === l,
-                active: u.value === l
-              }]),
-              key: l.id || te,
-              onClick: (d) => c("item-click", l)
-            }, [
-              A(i.$slots, "item-prefix", { item: l }, void 0, !0),
-              l.icon ? (r(), H(Y(l.icon), { key: 0 })) : G("", !0),
-              n(p) === l ? q((r(), a("input", {
-                key: 1,
-                class: "tr-history__item-editor",
-                type: "text",
-                onClick: e[0] || (e[0] = J(() => {
-                }, ["stop"])),
-                ref_for: !0,
-                ref_key: "editorRefList",
-                ref: x,
-                "onUpdate:modelValue": e[1] || (e[1] = (d) => le(k) ? k.value = d : null),
-                onKeydown: [
-                  e[2] || (e[2] = F(
-                    //@ts-ignore
-                    (...d) => n(v) && n(v)(...d),
-                    ["enter"]
-                  )),
-                  e[3] || (e[3] = F(
-                    //@ts-ignore
-                    (...d) => n(o) && n(o)(...d),
-                    ["escape"]
-                  ))
-                ]
-              }, null, 544)), [
-                [re, n(k)]
-              ]) : A(i.$slots, "item-title", {
-                key: 2,
-                item: l
-              }, () => [
-                w("span", {
-                  class: "text",
-                  title: l.title
-                }, B(l.title), 9, Oe)
-              ], !0),
-              w("span", {
-                class: "tr-history__item-actions",
-                onClick: e[6] || (e[6] = J(() => {
-                }, ["stop"]))
-              }, [
-                t.showRenameControls && n(p) === l ? (r(), a("button", {
-                  key: 0,
-                  class: "editor-confirm",
-                  ref_for: !0,
-                  ref_key: "editorConfirmRefList",
-                  ref: y,
-                  onClick: e[4] || (e[4] = //@ts-ignore
-                  (...d) => n(v) && n(v)(...d))
-                }, [
-                  $(n(me))
-                ], 512)) : G("", !0),
-                t.showRenameControls && n(p) === l ? (r(), a("button", {
-                  key: 1,
-                  class: "editor-cancel",
-                  ref_for: !0,
-                  ref_key: "editorCancelRefList",
-                  ref: M,
-                  onClick: e[5] || (e[5] = //@ts-ignore
-                  (...d) => n(o) && n(o)(...d))
-                }, [
-                  $(n(fe))
-                ], 512)) : G("", !0),
-                w("button", {
-                  class: U(["menu", { hidden: n(p) === l }]),
-                  onClick: (d) => K(d, l)
-                }, [
-                  $(n(pe))
-                ], 10, Se)
-              ])
-            ], 10, Ge))), 128))
-          ])
-        ]))), 128)),
-        q($(Me, {
-          trigger: g.value,
-          "onUpdate:trigger": e[7] || (e[7] = (f) => g.value = f),
-          data: u.value,
-          "onUpdate:data": e[8] || (e[8] = (f) => u.value = f),
-          items: t.menuItems,
-          "menu-list-gap": t.menuListGap,
-          onItemClick: ee
-        }, null, 8, ["trigger", "data", "items", "menu-list-gap"]), [
-          [ae, g.value]
-        ])
-      ], 64))
+          _(o(A), { class: "tr-chat-input-submit-button__icon" })
+        ], 2)
+      ]),
+      _: 1
+    }, 8, ["render-content", "placement"])) : (i(), d("div", {
+      key: 1,
+      class: b([
+        "tr-chat-input-submit-button",
+        {
+          "is-disabled": v.value,
+          "is-loading": o(a)
+        }
+      ]),
+      onClick: C
+    }, [
+      o(a) ? (i(), d("div", {
+        key: 1,
+        class: b(["tr-chat-input-submit-button__cancel", { "icon-only": !o(u) }])
+      }, [
+        _(o(N), { class: "tr-chat-input-submit-button__cancel-icon" }),
+        o(u) ? (i(), d("span", j, I(o(u)), 1)) : k("", !0)
+      ], 2)) : (i(), m(o(A), {
+        key: 0,
+        class: "tr-chat-input-submit-button__icon"
+      }))
     ], 2));
   }
-}), N = /* @__PURE__ */ z(Be, [["__scopeId", "data-v-97a7e8a2"]]), De = function(s) {
-  s.component(N.name, N);
-};
-Object.assign(N, {
-  name: "TrHistory",
-  install: De
-});
+}), K = /* @__PURE__ */ g(H, [["__scopeId", "data-v-f1b6fef8"]]), U = /* @__PURE__ */ h({
+  __name: "index",
+  setup(s) {
+    const { hasContent: t, clearable: a, clear: l, loading: r, defaultActions: c } = w(), u = p(() => {
+      var e, n;
+      return ((n = (e = c.value) == null ? void 0 : e.clear) == null ? void 0 : n.disabled) !== void 0 ? c.value.clear.disabled : !1;
+    }), v = p(() => {
+      var e, n;
+      return S((n = (e = c.value) == null ? void 0 : e.clear) == null ? void 0 : n.tooltip);
+    }), y = p(() => {
+      var e, n;
+      return ((n = (e = c.value) == null ? void 0 : e.clear) == null ? void 0 : n.tooltipPlacement) ?? "top";
+    }), z = p(() => a.value && t.value && !r.value && !u.value), C = () => {
+      u.value || l();
+    };
+    return (e, n) => z.value ? (i(), m(O, {
+      key: 0,
+      icon: o(F),
+      disabled: u.value,
+      tooltip: v.value,
+      "tooltip-placement": y.value,
+      onClick: C
+    }, null, 8, ["icon", "disabled", "tooltip", "tooltip-placement"])) : k("", !0);
+  }
+}), X = {
+  key: 0,
+  class: "tr-chat-input-word-counter"
+}, Y = /* @__PURE__ */ h({
+  __name: "index",
+  setup(s) {
+    const { characterCount: t, maxLength: a, isOverLimit: l, showWordLimit: r } = w(), c = p(() => r.value && a.value !== void 0);
+    return (u, v) => c.value ? (i(), d("span", X, [
+      f("span", {
+        class: b({ "is-over-limit": o(l) })
+      }, I(o(t)), 3),
+      f("span", null, "/" + I(o(a)), 1)
+    ])) : k("", !0);
+  }
+}), nt = /* @__PURE__ */ g(Y, [["__scopeId", "data-v-e7c0fd64"]]), q = { class: "tr-default-action-buttons" }, G = {
+  key: 0,
+  class: "tr-action-buttons-group"
+}, J = { class: "tr-submit-wrapper" }, M = /* @__PURE__ */ h({
+  __name: "index",
+  setup(s) {
+    const { hasContent: t, loading: a } = w();
+    return (l, r) => (i(), d("div", q, [
+      _(P, { name: "tr-slide-right" }, {
+        default: x(() => [
+          o(t) || o(a) ? (i(), d("div", G, [
+            _(P, { name: "tr-slide-right" }, {
+              default: x(() => [
+                _(U)
+              ]),
+              _: 1
+            }),
+            f("div", J, [
+              _(K)
+            ])
+          ])) : k("", !0)
+        ]),
+        _: 1
+      })
+    ]));
+  }
+}), ot = /* @__PURE__ */ g(M, [["__scopeId", "data-v-e40bfaf6"]]);
 export {
-  N as H,
-  Ce as u
+  O as A,
+  L as C,
+  ot as D,
+  K as S,
+  nt as W,
+  U as _,
+  w as u
 };