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

package/dist/index3.js

@@ -1,710 +1,301 @@
-import { onMounted as re, nextTick as he, watch as k, getCurrentScope as me, onScopeDispose as ge, getCurrentInstance as j, isRef as ie, toValue as w, hasInjectionContext as le, inject as we, toRefs as be, customRef as ye, shallowRef as y, computed as P, reactive as Z, unref as Oe, watchEffect as se, ref as Se, readonly as Te } from "vue";
-function z(e) {
-  return me() ? (ge(e), !0) : !1;
-}
-// @__NO_SIDE_EFFECTS__
-function ee() {
-  const e = /* @__PURE__ */ new Set(), t = (i) => {
-    e.delete(i);
-  };
-  return {
-    on: (i) => {
-      e.add(i);
-      const a = () => t(i);
-      return z(a), {
-        off: a
-      };
-    },
-    off: t,
-    trigger: (...i) => Promise.all(Array.from(e).map((a) => a(...i))),
-    clear: () => {
-      e.clear();
-    }
-  };
-}
-const B = /* @__PURE__ */ new WeakMap(), Ee = /* @__NO_SIDE_EFFECTS__ */ (...e) => {
-  var t;
-  const o = e[0], n = (t = j()) == null ? void 0 : t.proxy;
-  if (n == null && !le())
-    throw new Error("injectLocal must be called in setup");
-  return n && B.has(n) && o in B.get(n) ? B.get(n)[o] : we(...e);
-}, $ = typeof window < "u" && typeof document < "u";
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const xe = (e) => e != null, We = Object.prototype.toString, Me = (e) => We.call(e) === "[object Object]", W = () => {
-}, Ie = (e, t) => Object.prototype.hasOwnProperty.call(e, t), Pe = /* @__PURE__ */ Ae();
-function Ae() {
-  var e, t;
-  return $ && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((t = window == null ? void 0 : window.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
-}
-function Y(e, t) {
-  function o(...n) {
-    return new Promise((u, i) => {
-      Promise.resolve(e(() => t.apply(this, n), { fn: t, thisArg: this, args: n })).then(u).catch(i);
-    });
-  }
-  return o;
-}
-const Fe = (e) => e();
-function ue(e, t = {}) {
-  let o, n, u = W;
-  const i = (s) => {
-    clearTimeout(s), u(), u = W;
+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, c as ve, e as ge, d as ye } from "./index4.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;
   };
-  let a;
-  return (s) => {
-    const d = w(e), v = w(t.maxWait);
-    return o && i(o), d <= 0 || v !== void 0 && v <= 0 ? (n && (i(n), n = void 0), Promise.resolve(s())) : new Promise((l, c) => {
-      u = t.rejectOnCancel ? c : l, a = s, v && !n && (n = setTimeout(() => {
-        o && i(o), n = void 0, l(a());
-      }, v)), o = setTimeout(() => {
-        n && i(n), n = void 0, l(s());
-      }, d);
-    });
-  };
-}
-function ce(...e) {
-  let t = 0, o, n = !0, u = W, i, a, r, s, d;
-  !ie(e[0]) && typeof e[0] == "object" ? { delay: a, trailing: r = !0, leading: s = !0, rejectOnCancel: d = !1 } = e[0] : [a, r = !0, s = !0, d = !1] = e;
-  const v = () => {
-    o && (clearTimeout(o), o = void 0, u(), u = W);
+  m(), s.addEventListener("change", m);
+  const t = (c) => {
+    D.value = c.pointerType !== "mouse";
   };
-  return (c) => {
-    const p = w(a), h = Date.now() - t, O = () => i = c();
-    return v(), p <= 0 ? (t = Date.now(), O()) : (h > p && (s || !n) ? (t = Date.now(), O()) : r && (i = new Promise((f, m) => {
-      u = d ? m : f, o = setTimeout(() => {
-        t = Date.now(), n = !0, f(O()), v();
-      }, Math.max(0, p - h));
-    })), !s && !o && (o = setTimeout(() => n = !0, p)), n = !1, i);
+  return window.addEventListener("pointerdown", t, !0), () => {
+    s.removeEventListener("change", m), window.removeEventListener("pointerdown", t, !0);
   };
 }
-function te(e) {
-  return e.endsWith("rem") ? Number.parseFloat(e) * 16 : Number.parseFloat(e);
+function he() {
+  b == null || b(), b = void 0;
 }
-function _e(e, t, o = !1) {
-  return t.reduce((n, u) => (u in e && (!o || e[u] !== void 0) && (n[u] = e[u]), n), {});
-}
-function C(e) {
-  return Array.isArray(e) ? e : [e];
-}
-function Le(e) {
-  return j();
-}
-// @__NO_SIDE_EFFECTS__
-function ke(e, t = 200, o = {}) {
-  return Y(
-    ue(t, o),
-    e
-  );
-}
-// @__NO_SIDE_EFFECTS__
-function De(e, t = 200, o = !1, n = !0, u = !1) {
-  return Y(
-    ce(t, o, n, u),
-    e
-  );
-}
-function ae(e, t, o = {}) {
-  const {
-    eventFilter: n = Fe,
-    ...u
-  } = o;
-  return k(
-    e,
-    Y(
-      n,
-      t
-    ),
-    u
-  );
+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
+  });
 }
-function Re(e, t = {}) {
-  if (!ie(e))
-    return be(e);
-  const o = Array.isArray(e.value) ? Array.from({ length: e.value.length }) : {};
-  for (const n in e.value)
-    o[n] = ye(() => ({
-      get() {
-        return e.value[n];
+const ke = { class: "tr-history__empty" }, Le = { class: "tr-history__empty-icon" }, Ee = { class: "tr-history__empty-text" }, we = /* @__PURE__ */ P({
+  __name: "Empty",
+  props: {
+    text: { default: "暂无内容" }
+  },
+  setup(s) {
+    const m = s;
+    return (t, c) => (r(), a("div", ke, [
+      w("span", Le, [
+        $(n(ue))
+      ]),
+      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;
       },
-      set(u) {
-        var i;
-        if ((i = w(t.replaceRef)) != null ? i : !0)
-          if (Array.isArray(e.value)) {
-            const r = [...e.value];
-            r[n] = u, e.value = r;
-          } else {
-            const r = { ...e.value, [n]: u };
-            Object.setPrototypeOf(r, Object.getPrototypeOf(e.value)), e.value = r;
-          }
-        else
-          e.value[n] = u;
+      {
+        ignore: [t]
       }
-    }));
-  return o;
-}
-function N(e, t = !0, o) {
-  Le() ? re(e, o) : t ? e() : he(e);
-}
-function Xe(e, t, o = {}) {
-  const {
-    debounce: n = 0,
-    maxWait: u = void 0,
-    ...i
-  } = o;
-  return ae(
-    e,
-    t,
-    {
-      ...i,
-      eventFilter: ue(n, { maxWait: u })
-    }
-  );
-}
-function Ce(e, t, o) {
-  return k(
-    e,
-    t,
-    {
-      ...o,
-      immediate: !0
-    }
-  );
-}
-function Qe(e, t, o = {}) {
-  const {
-    throttle: n = 0,
-    trailing: u = !0,
-    leading: i = !0,
-    ...a
-  } = o;
-  return ae(
-    e,
-    t,
-    {
-      ...a,
-      eventFilter: ce(n, u, i)
-    }
-  );
-}
-const A = $ ? window : void 0, Ve = $ ? window.document : void 0;
-function S(e) {
-  var t;
-  const o = w(e);
-  return (t = o == null ? void 0 : o.$el) != null ? t : o;
-}
-function M(...e) {
-  const t = [], o = () => {
-    t.forEach((r) => r()), t.length = 0;
-  }, n = (r, s, d, v) => (r.addEventListener(s, d, v), () => r.removeEventListener(s, d, v)), u = P(() => {
-    const r = C(w(e[0])).filter((s) => s != null);
-    return r.every((s) => typeof s != "string") ? r : void 0;
-  }), i = Ce(
-    () => {
-      var r, s;
-      return [
-        (s = (r = u.value) == null ? void 0 : r.map((d) => S(d))) != null ? s : [A].filter((d) => d != null),
-        C(w(u.value ? e[1] : e[0])),
-        C(Oe(u.value ? e[2] : e[1])),
-        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        w(u.value ? e[3] : e[2])
-      ];
-    },
-    ([r, s, d, v]) => {
-      if (o(), !(r != null && r.length) || !(s != null && s.length) || !(d != null && d.length))
-        return;
-      const l = Me(v) ? { ...v } : v;
-      t.push(
-        ...r.flatMap(
-          (c) => s.flatMap(
-            (p) => d.map((h) => n(c, p, h, l))
-          )
-        )
-      );
-    },
-    { flush: "post" }
-  ), a = () => {
-    i(), o();
-  };
-  return z(o), a;
-}
-let ne = !1;
-function Ue(e, t, o = {}) {
-  const { window: n = A, ignore: u = [], capture: i = !0, detectIframe: a = !1, controls: r = !1 } = o;
-  if (!n)
-    return r ? { stop: W, cancel: W, trigger: W } : W;
-  if (Pe && !ne) {
-    ne = !0;
-    const f = { passive: !0 };
-    Array.from(n.document.body.children).forEach((m) => m.addEventListener("click", W, f)), n.document.documentElement.addEventListener("click", W, f);
-  }
-  let s = !0;
-  const d = (f) => w(u).some((m) => {
-    if (typeof m == "string")
-      return Array.from(n.document.querySelectorAll(m)).some((b) => b === f.target || f.composedPath().includes(b));
-    {
-      const b = S(m);
-      return b && (f.target === b || f.composedPath().includes(b));
-    }
-  });
-  function v(f) {
-    const m = w(f);
-    return m && m.$.subTree.shapeFlag === 16;
-  }
-  function l(f, m) {
-    const b = w(f), T = b.$.subTree && b.$.subTree.children;
-    return T == null || !Array.isArray(T) ? !1 : T.some((E) => E.el === m.target || m.composedPath().includes(E.el));
+    );
+    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)
+    }, [
+      (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));
   }
-  const c = (f) => {
-    const m = S(e);
-    if (f.target != null && !(!(m instanceof Element) && v(e) && l(e, f)) && !(!m || m === f.target || f.composedPath().includes(m))) {
-      if ("detail" in f && f.detail === 0 && (s = !d(f)), !s) {
-        s = !0;
-        return;
-      }
-      t(f);
-    }
+}), 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 = "";
   };
-  let p = !1;
-  const h = [
-    M(n, "click", (f) => {
-      p || (p = !0, setTimeout(() => {
-        p = !1;
-      }, 0), c(f));
-    }, { passive: !0, capture: i }),
-    M(n, "pointerdown", (f) => {
-      const m = S(e);
-      s = !d(f) && !!(m && !f.composedPath().includes(m));
-    }, { passive: !0 }),
-    a && M(n, "blur", (f) => {
-      setTimeout(() => {
-        var m;
-        const b = S(e);
-        ((m = n.document.activeElement) == null ? void 0 : m.tagName) === "IFRAME" && !(b != null && b.contains(n.document.activeElement)) && t(f);
-      }, 0);
-    }, { passive: !0 })
-  ].filter(Boolean), O = () => h.forEach((f) => f());
-  return r ? {
-    stop: O,
-    cancel: () => {
-      s = !1;
-    },
-    trigger: (f) => {
-      s = !0, c(f), s = !1;
-    }
-  } : O;
-}
-// @__NO_SIDE_EFFECTS__
-function He() {
-  const e = y(!1), t = j();
-  return t && re(() => {
-    e.value = !0;
-  }, t), e;
-}
-// @__NO_SIDE_EFFECTS__
-function G(e) {
-  const t = /* @__PURE__ */ He();
-  return P(() => (t.value, !!e()));
-}
-function fe(e, t, o = {}) {
-  const { window: n = A, ...u } = o;
-  let i;
-  const a = /* @__PURE__ */ G(() => n && "MutationObserver" in n), r = () => {
-    i && (i.disconnect(), i = void 0);
-  }, s = P(() => {
-    const c = w(e), p = C(c).map(S).filter(xe);
-    return new Set(p);
-  }), d = k(
-    s,
-    (c) => {
-      r(), a.value && c.size && (i = new MutationObserver(t), c.forEach((p) => i.observe(p, u)));
+  return (s === "confirm" || s === "cancel") && Z(
+    h,
+    () => {
+      s === "confirm" ? R() : k();
     },
-    { immediate: !0, flush: "post" }
-  ), v = () => i == null ? void 0 : i.takeRecords(), l = () => {
-    d(), r();
-  };
-  return z(l), {
-    isSupported: a,
-    stop: l,
-    takeRecords: v
-  };
-}
-const ze = Symbol("vueuse-ssr-width");
-// @__NO_SIDE_EFFECTS__
-function Ne() {
-  const e = le() ? /* @__PURE__ */ Ee(ze, null) : null;
-  return typeof e == "number" ? e : void 0;
-}
-function Be(e, t = {}) {
-  const { window: o = A, ssrWidth: n = /* @__PURE__ */ Ne() } = t, u = /* @__PURE__ */ G(() => o && "matchMedia" in o && typeof o.matchMedia == "function"), i = y(typeof n == "number"), a = y(), r = y(!1), s = (d) => {
-    r.value = d.matches;
+    { ignore: [E, x] }
+  ), {
+    editingItem: t,
+    editorRefList: c,
+    editorConfirmRefList: C,
+    editorCancelRefList: p,
+    editorValue: y,
+    handleEdit: M,
+    handleEditCancel: k,
+    handleEditConfirm: R
   };
-  return se(() => {
-    if (i.value) {
-      i.value = !u.value;
-      const d = w(e).split(",");
-      r.value = d.some((v) => {
-        const l = v.includes("not all"), c = v.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), p = v.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
-        let h = !!(c || p);
-        return c && h && (h = n >= te(c[1])), p && h && (h = n <= te(p[1])), l ? !h : h;
-      });
-      return;
-    }
-    u.value && (a.value = o.matchMedia(w(e)), r.value = a.value.matches);
-  }), M(a, "change", s, { passive: !0 }), P(() => r.value);
-}
-function de(e, t, o = {}) {
-  const { window: n = A, ...u } = o;
-  let i;
-  const a = /* @__PURE__ */ G(() => n && "ResizeObserver" in n), r = () => {
-    i && (i.disconnect(), i = void 0);
-  }, s = P(() => {
-    const l = w(e);
-    return Array.isArray(l) ? l.map((c) => S(c)) : [S(l)];
-  }), d = k(
-    s,
-    (l) => {
-      if (r(), a.value && n) {
-        i = new ResizeObserver(t);
-        for (const c of l)
-          c && i.observe(c, u);
+}, X = Symbol("NO_GROUP"), $e = {
+  key: 0,
+  class: "tr-history__group-title"
+}, be = { class: "tr-history__group-items" }, Ge = ["onClick"], Oe = ["title"], Se = ["onClick"], Be = /* @__PURE__ */ P({
+  __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);
       }
-    },
-    { immediate: !0, flush: "post" }
-  ), v = () => {
-    r(), d();
-  };
-  return z(v), {
-    isSupported: a,
-    stop: v
-  };
-}
-function qe(e, t = {}) {
-  const {
-    reset: o = !0,
-    windowResize: n = !0,
-    windowScroll: u = !0,
-    immediate: i = !0,
-    updateTiming: a = "sync"
-  } = t, r = y(0), s = y(0), d = y(0), v = y(0), l = y(0), c = y(0), p = y(0), h = y(0);
-  function O() {
-    const m = S(e);
-    if (!m) {
-      o && (r.value = 0, s.value = 0, d.value = 0, v.value = 0, l.value = 0, c.value = 0, p.value = 0, h.value = 0);
-      return;
-    }
-    const b = m.getBoundingClientRect();
-    r.value = b.height, s.value = b.bottom, d.value = b.left, v.value = b.right, l.value = b.top, c.value = b.width, p.value = b.x, h.value = b.y;
-  }
-  function f() {
-    a === "sync" ? O() : a === "next-frame" && requestAnimationFrame(() => O());
-  }
-  return de(e, f), k(() => S(e), (m) => !m && f()), fe(e, f, {
-    attributeFilter: ["style", "class"]
-  }), u && M("scroll", f, { capture: !0, passive: !0 }), n && M("resize", f, { passive: !0 }), N(() => {
-    i && f();
-  }), {
-    height: r,
-    bottom: s,
-    left: d,
-    right: v,
-    top: l,
-    width: c,
-    x: p,
-    y: h,
-    update: f
-  };
-}
-function Je(e, t = { width: 0, height: 0 }, o = {}) {
-  const { window: n = A, box: u = "content-box" } = o, i = P(() => {
-    var l, c;
-    return (c = (l = S(e)) == null ? void 0 : l.namespaceURI) == null ? void 0 : c.includes("svg");
-  }), a = y(t.width), r = y(t.height), { stop: s } = de(
-    e,
-    ([l]) => {
-      const c = u === "border-box" ? l.borderBoxSize : u === "content-box" ? l.contentBoxSize : l.devicePixelContentBoxSize;
-      if (n && i.value) {
-        const p = S(e);
-        if (p) {
-          const h = p.getBoundingClientRect();
-          a.value = h.width, r.value = h.height;
+    }), { 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;
         }
-      } else if (c) {
-        const p = C(c);
-        a.value = p.reduce((h, { inlineSize: O }) => h + O, 0), r.value = p.reduce((h, { blockSize: O }) => h + O, 0);
+        g.value = i.currentTarget, u.value = e;
       } else
-        a.value = l.contentRect.width, r.value = l.contentRect.height;
-    },
-    o
-  );
-  N(() => {
-    const l = S(e);
-    l && (a.value = "offsetWidth" in l ? l.offsetWidth : t.width, r.value = "offsetHeight" in l ? l.offsetHeight : t.height);
-  });
-  const d = k(
-    () => S(e),
-    (l) => {
-      a.value = l ? t.width : 0, r.value = l ? t.height : 0;
-    }
-  );
-  function v() {
-    s(), d();
-  }
-  return {
-    width: a,
-    height: r,
-    stop: v
-  };
-}
-const je = {
-  multiple: !0,
-  accept: "*",
-  reset: !1,
-  directory: !1
-};
-function $e(e) {
-  if (!e)
-    return null;
-  if (e instanceof FileList)
-    return e;
-  const t = new DataTransfer();
-  for (const o of e)
-    t.items.add(o);
-  return t.files;
-}
-function Ke(e = {}) {
-  const {
-    document: t = Ve
-  } = e, o = Se($e(e.initialFiles)), { on: n, trigger: u } = /* @__PURE__ */ ee(), { on: i, trigger: a } = /* @__PURE__ */ ee(), r = P(() => {
-    var l;
-    const c = (l = S(e.input)) != null ? l : t ? t.createElement("input") : void 0;
-    return c && (c.type = "file", c.onchange = (p) => {
-      const h = p.target;
-      o.value = h.files, u(o.value);
-    }, c.oncancel = () => {
-      a();
-    }), c;
-  }), s = () => {
-    o.value = null, r.value && r.value.value && (r.value.value = "", u(null));
-  }, d = (l) => {
-    const c = r.value;
-    c && (c.multiple = w(l.multiple), c.accept = w(l.accept), c.webkitdirectory = w(l.directory), Ie(l, "capture") && (c.capture = w(l.capture)));
-  }, v = (l) => {
-    const c = r.value;
-    if (!c)
-      return;
-    const p = {
-      ...je,
-      ...e,
-      ...l
+        g.value = null, u.value = null;
+    }, ee = (i) => {
+      const e = u.value;
+      e && (i.id === "rename" && R(e), c("item-action", i, e));
     };
-    d(p), w(p.reset) && s(), c.click();
-  };
-  return se(() => {
-    d(e);
-  }), {
-    files: Te(o),
-    open: v,
-    reset: s,
-    onCancel: i,
-    onChange: n
-  };
-}
-const oe = 1;
-function Ze(e, t = {}) {
-  const {
-    throttle: o = 0,
-    idle: n = 200,
-    onStop: u = W,
-    onScroll: i = W,
-    offset: a = {
-      left: 0,
-      right: 0,
-      top: 0,
-      bottom: 0
-    },
-    observe: r = {
-      mutation: !1
-    },
-    eventListenerOptions: s = {
-      capture: !1,
-      passive: !0
-    },
-    behavior: d = "auto",
-    window: v = A,
-    onError: l = (g) => {
-      console.error(g);
-    }
-  } = t, c = typeof r == "boolean" ? {
-    mutation: r
-  } : r, p = y(0), h = y(0), O = P({
-    get() {
-      return p.value;
-    },
-    set(g) {
-      m(g, void 0);
-    }
-  }), f = P({
-    get() {
-      return h.value;
-    },
-    set(g) {
-      m(void 0, g);
-    }
-  });
-  function m(g, _) {
-    var x, D, R, H;
-    if (!v)
-      return;
-    const I = w(e);
-    if (!I)
-      return;
-    (R = I instanceof Document ? v.document.body : I) == null || R.scrollTo({
-      top: (x = w(_)) != null ? x : f.value,
-      left: (D = w(g)) != null ? D : O.value,
-      behavior: w(d)
-    });
-    const F = ((H = I == null ? void 0 : I.document) == null ? void 0 : H.documentElement) || (I == null ? void 0 : I.documentElement) || I;
-    O != null && (p.value = F.scrollLeft), f != null && (h.value = F.scrollTop);
-  }
-  const b = y(!1), T = Z({
-    left: !0,
-    right: !1,
-    top: !0,
-    bottom: !1
-  }), E = Z({
-    left: !1,
-    right: !1,
-    top: !1,
-    bottom: !1
-  }), X = (g) => {
-    b.value && (b.value = !1, E.left = !1, E.right = !1, E.top = !1, E.bottom = !1, u(g));
-  }, pe = /* @__PURE__ */ ke(X, o + n), V = (g) => {
-    var _;
-    if (!v)
-      return;
-    const x = ((_ = g == null ? void 0 : g.document) == null ? void 0 : _.documentElement) || (g == null ? void 0 : g.documentElement) || S(g), { display: D, flexDirection: R, direction: H } = getComputedStyle(x), I = H === "rtl" ? -1 : 1, F = x.scrollLeft;
-    E.left = F < p.value, E.right = F > p.value;
-    const U = Math.abs(F * I) <= (a.left || 0), q = Math.abs(F * I) + x.clientWidth >= x.scrollWidth - (a.right || 0) - oe;
-    D === "flex" && R === "row-reverse" ? (T.left = q, T.right = U) : (T.left = U, T.right = q), p.value = F;
-    let L = x.scrollTop;
-    g === v.document && !L && (L = v.document.body.scrollTop), E.top = L < h.value, E.bottom = L > h.value;
-    const J = Math.abs(L) <= (a.top || 0), K = Math.abs(L) + x.clientHeight >= x.scrollHeight - (a.bottom || 0) - oe;
-    D === "flex" && R === "column-reverse" ? (T.top = K, T.bottom = J) : (T.top = J, T.bottom = K), h.value = L;
-  }, Q = (g) => {
-    var _;
-    if (!v)
-      return;
-    const x = (_ = g.target.documentElement) != null ? _ : g.target;
-    V(x), b.value = !0, pe(g), i(g);
-  };
-  return M(
-    e,
-    "scroll",
-    o ? /* @__PURE__ */ De(Q, o, !0, !1) : Q,
-    s
-  ), N(() => {
-    try {
-      const g = w(e);
-      if (!g)
-        return;
-      V(g);
-    } catch (g) {
-      l(g);
-    }
-  }), c != null && c.mutation && e != null && e !== v && e !== document && fe(
-    e,
-    () => {
-      const g = w(e);
-      g && V(g);
-    },
-    {
-      attributes: !0,
-      childList: !0,
-      subtree: !0
-    }
-  ), M(
-    e,
-    "scrollend",
-    X,
-    s
-  ), {
-    x: O,
-    y: f,
-    isScrolling: b,
-    arrivedState: T,
-    directions: E,
-    measure() {
-      const g = w(e);
-      v && g && V(g);
-    }
-  };
-}
-const ve = {
-  x: 0,
-  y: 0,
-  pointerId: 0,
-  pressure: 0,
-  tiltX: 0,
-  tiltY: 0,
-  width: 0,
-  height: 0,
-  twist: 0,
-  pointerType: null
-}, Ye = /* @__PURE__ */ Object.keys(ve);
-function et(e = {}) {
-  const {
-    target: t = A
-  } = e, o = y(!1), n = y(e.initialValue || {});
-  Object.assign(n.value, ve, n.value);
-  const u = (i) => {
-    o.value = !0, !(e.pointerTypes && !e.pointerTypes.includes(i.pointerType)) && (n.value = _e(i, Ye, !1));
-  };
-  if (t) {
-    const i = { passive: !0 };
-    M(t, ["pointerdown", "pointermove", "pointerup"], u, i), M(t, "pointerleave", () => o.value = !1, i);
+    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
+        }, [
+          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))
+    ], 2));
   }
-  return {
-    ...Re(n),
-    isInside: o
-  };
-}
-// @__NO_SIDE_EFFECTS__
-function tt(e = {}) {
-  const {
-    window: t = A,
-    initialWidth: o = Number.POSITIVE_INFINITY,
-    initialHeight: n = Number.POSITIVE_INFINITY,
-    listenOrientation: u = !0,
-    includeScrollbar: i = !0,
-    type: a = "inner"
-  } = e, r = y(o), s = y(n), d = () => {
-    if (t)
-      if (a === "outer")
-        r.value = t.outerWidth, s.value = t.outerHeight;
-      else if (a === "visual" && t.visualViewport) {
-        const { width: l, height: c, scale: p } = t.visualViewport;
-        r.value = Math.round(l * p), s.value = Math.round(c * p);
-      } else i ? (r.value = t.innerWidth, s.value = t.innerHeight) : (r.value = t.document.documentElement.clientWidth, s.value = t.document.documentElement.clientHeight);
-  };
-  d(), N(d);
-  const v = { passive: !0 };
-  if (M("resize", d, v), t && a === "visual" && t.visualViewport && M(t.visualViewport, "resize", d, v), u) {
-    const l = Be("(orientation: portrait)");
-    k(l, () => d());
-  }
-  return { width: r, height: s };
-}
+}), N = /* @__PURE__ */ z(Be, [["__scopeId", "data-v-97a7e8a2"]]), De = function(s) {
+  s.component(N.name, N);
+};
+Object.assign(N, {
+  name: "TrHistory",
+  install: De
+});
 export {
-  qe as a,
-  S as b,
-  tt as c,
-  Je as d,
-  Ke as e,
-  Xe as f,
-  M as g,
-  Be as h,
-  et as i,
-  Ue as o,
-  Ze as u,
-  Qe as w
+  N as H,
+  Ce as u
 };