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

package/dist/index2.js

@@ -1,552 +1,295 @@
-import { onMounted as ne, nextTick as ce, watch as L, getCurrentScope as ae, onScopeDispose as de, isRef as fe, getCurrentInstance as B, toValue as g, hasInjectionContext as oe, inject as ve, shallowRef as y, computed as _, reactive as K, unref as he, watchEffect as me } from "vue";
-function N(e) {
-  return ae() ? (de(e), !0) : !1;
-}
-const H = /* @__PURE__ */ new WeakMap(), pe = (...e) => {
-  var t;
-  const o = e[0], n = (t = B()) == null ? void 0 : t.proxy;
-  if (n == null && !oe())
-    throw new Error("injectLocal must be called in setup");
-  return n && H.has(n) && o in H.get(n) ? H.get(n)[o] : ve(...e);
-}, ie = typeof window < "u" && typeof document < "u";
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const be = (e) => e != null, we = Object.prototype.toString, ge = (e) => we.call(e) === "[object Object]", M = () => {
-}, ye = /* @__PURE__ */ Se();
-function Se() {
-  var e, t;
-  return ie && ((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 $(e, t) {
-  function o(...n) {
-    return new Promise((f, a) => {
-      Promise.resolve(e(() => t.apply(this, n), { fn: t, thisArg: this, args: n })).then(f).catch(a);
-    });
-  }
-  return o;
-}
-const Ee = (e) => e();
-function re(e, t = {}) {
-  let o, n, f = M;
-  const a = (r) => {
-    clearTimeout(r), f(), f = M;
+import { ref as y, onMounted as ee, onBeforeUnmount as te, defineComponent as N, createElementBlock as r, openBlock as s, createElementVNode as R, createVNode as b, unref as n, toDisplayString as B, mergeModels as K, useModel as W, computed as x, normalizeStyle as ne, Fragment as O, renderList as V, createBlock as Q, resolveDynamicComponent as oe, nextTick as ie, normalizeClass as S, withDirectives as j, createCommentVNode as U, withKeys as q, withModifiers as A, isRef as se, vModelText as le, vShow as re } from "vue";
+import { IconEmptySearch as ae, IconEditPen as ue, IconDelete as ce, IconCheck as de, IconClose as me, IconMenu2 as fe } from "@opentiny/tiny-robot-svgs";
+import { _ as P } from "./_plugin-vue_export-helper.js";
+import { o as X, a as pe, d as ve, c as _e } from "./index3.js";
+import { t as G } from "./utils.js";
+const D = y(!1);
+let T = 0, $;
+function ge() {
+  const i = window.matchMedia("(hover: none) and (pointer: coarse)"), m = () => {
+    D.value = i.matches;
   };
-  let d;
-  return (r) => {
-    const c = g(e), u = g(t.maxWait);
-    return o && a(o), c <= 0 || u !== void 0 && u <= 0 ? (n && (a(n), n = void 0), Promise.resolve(r())) : new Promise((s, v) => {
-      f = t.rejectOnCancel ? v : s, d = r, u && !n && (n = setTimeout(() => {
-        o && a(o), n = void 0, s(d());
-      }, u)), o = setTimeout(() => {
-        n && a(n), n = void 0, s(r());
-      }, c);
-    });
-  };
-}
-function Te(...e) {
-  let t = 0, o, n = !0, f = M, a, d, i, r, c;
-  !fe(e[0]) && typeof e[0] == "object" ? { delay: d, trailing: i = !0, leading: r = !0, rejectOnCancel: c = !1 } = e[0] : [d, i = !0, r = !0, c = !1] = e;
-  const u = () => {
-    o && (clearTimeout(o), o = void 0, f(), f = M);
+  m(), i.addEventListener("change", m);
+  const t = (c) => {
+    D.value = c.pointerType !== "mouse";
   };
-  return (v) => {
-    const h = g(d), b = Date.now() - t, S = () => a = v();
-    return u(), h <= 0 ? (t = Date.now(), S()) : (b > h && (r || !n) ? (t = Date.now(), S()) : i && (a = new Promise((l, m) => {
-      f = c ? m : l, o = setTimeout(() => {
-        t = Date.now(), n = !0, l(S()), u();
-      }, Math.max(0, h - b));
-    })), !r && !o && (o = setTimeout(() => n = !0, h)), n = !1, a);
+  return window.addEventListener("pointerdown", t, !0), () => {
+    i.removeEventListener("change", m), window.removeEventListener("pointerdown", t, !0);
   };
 }
-function Z(e) {
-  return e.endsWith("rem") ? Number.parseFloat(e) * 16 : Number.parseFloat(e);
-}
-function D(e) {
-  return Array.isArray(e) ? e : [e];
-}
-function xe(e) {
-  return B();
-}
-function We(e, t = 200, o = {}) {
-  return $(
-    re(t, o),
-    e
-  );
-}
-function Me(e, t = 200, o = !1, n = !0, f = !1) {
-  return $(
-    Te(t, o, n, f),
-    e
-  );
-}
-function Oe(e, t, o = {}) {
-  const {
-    eventFilter: n = Ee,
-    ...f
-  } = o;
-  return L(
-    e,
-    $(
-      n,
-      t
-    ),
-    f
-  );
-}
-function z(e, t = !0, o) {
-  xe() ? ne(e, o) : t ? e() : ce(e);
-}
-function Le(e, t, o = {}) {
-  const {
-    debounce: n = 0,
-    maxWait: f = void 0,
-    ...a
-  } = o;
-  return Oe(
-    e,
-    t,
-    {
-      ...a,
-      eventFilter: re(n, { maxWait: f })
-    }
-  );
-}
-function Ie(e, t, o) {
-  return L(
-    e,
-    t,
-    {
-      ...o,
-      immediate: !0
-    }
-  );
-}
-const P = ie ? window : void 0;
-function E(e) {
-  var t;
-  const o = g(e);
-  return (t = o == null ? void 0 : o.$el) != null ? t : o;
+function ye() {
+  $ == null || $(), $ = void 0;
 }
-function I(...e) {
-  const t = [], o = () => {
-    t.forEach((i) => i()), t.length = 0;
-  }, n = (i, r, c, u) => (i.addEventListener(r, c, u), () => i.removeEventListener(r, c, u)), f = _(() => {
-    const i = D(g(e[0])).filter((r) => r != null);
-    return i.every((r) => typeof r != "string") ? i : void 0;
-  }), a = Ie(
-    () => {
-      var i, r;
-      return [
-        (r = (i = f.value) == null ? void 0 : i.map((c) => E(c))) != null ? r : [P].filter((c) => c != null),
-        D(g(f.value ? e[1] : e[0])),
-        D(he(f.value ? e[2] : e[1])),
-        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        g(f.value ? e[3] : e[2])
-      ];
-    },
-    ([i, r, c, u]) => {
-      if (o(), !(i != null && i.length) || !(r != null && r.length) || !(c != null && c.length))
-        return;
-      const s = ge(u) ? { ...u } : u;
-      t.push(
-        ...i.flatMap(
-          (v) => r.flatMap(
-            (h) => c.map((b) => n(v, h, b, s))
-          )
-        )
-      );
-    },
-    { flush: "post" }
-  ), d = () => {
-    a(), o();
-  };
-  return N(o), d;
-}
-let ee = !1;
-function Ce(e, t, o = {}) {
-  const { window: n = P, ignore: f = [], capture: a = !0, detectIframe: d = !1, controls: i = !1 } = o;
-  if (!n)
-    return i ? { stop: M, cancel: M, trigger: M } : M;
-  if (ye && !ee) {
-    ee = !0;
-    const l = { passive: !0 };
-    Array.from(n.document.body.children).forEach((m) => m.addEventListener("click", M, l)), n.document.documentElement.addEventListener("click", M, l);
-  }
-  let r = !0;
-  const c = (l) => g(f).some((m) => {
-    if (typeof m == "string")
-      return Array.from(n.document.querySelectorAll(m)).some((w) => w === l.target || l.composedPath().includes(w));
-    {
-      const w = E(m);
-      return w && (l.target === w || l.composedPath().includes(w));
-    }
+function he() {
+  return typeof window > "u" ? {
+    isTouchDevice: D
+  } : (ee(() => {
+    T++, T === 1 && ($ = ge());
+  }), te(() => {
+    T = Math.max(0, T - 1), T === 0 && ye();
+  }), {
+    isTouchDevice: D
   });
-  function u(l) {
-    const m = g(l);
-    return m && m.$.subTree.shapeFlag === 16;
-  }
-  function s(l, m) {
-    const w = g(l), T = w.$.subTree && w.$.subTree.children;
-    return T == null || !Array.isArray(T) ? !1 : T.some((x) => x.el === m.target || m.composedPath().includes(x.el));
-  }
-  const v = (l) => {
-    const m = E(e);
-    if (l.target != null && !(!(m instanceof Element) && u(e) && s(e, l)) && !(!m || m === l.target || l.composedPath().includes(m))) {
-      if ("detail" in l && l.detail === 0 && (r = !c(l)), !r) {
-        r = !0;
-        return;
-      }
-      t(l);
-    }
-  };
-  let h = !1;
-  const b = [
-    I(n, "click", (l) => {
-      h || (h = !0, setTimeout(() => {
-        h = !1;
-      }, 0), v(l));
-    }, { passive: !0, capture: a }),
-    I(n, "pointerdown", (l) => {
-      const m = E(e);
-      r = !c(l) && !!(m && !l.composedPath().includes(m));
-    }, { passive: !0 }),
-    d && I(n, "blur", (l) => {
-      setTimeout(() => {
-        var m;
-        const w = E(e);
-        ((m = n.document.activeElement) == null ? void 0 : m.tagName) === "IFRAME" && !(w != null && w.contains(n.document.activeElement)) && t(l);
-      }, 0);
-    }, { passive: !0 })
-  ].filter(Boolean), S = () => b.forEach((l) => l());
-  return i ? {
-    stop: S,
-    cancel: () => {
-      r = !1;
-    },
-    trigger: (l) => {
-      r = !0, v(l), r = !1;
-    }
-  } : S;
-}
-function Re() {
-  const e = y(!1), t = B();
-  return t && ne(() => {
-    e.value = !0;
-  }, t), e;
-}
-function G(e) {
-  const t = Re();
-  return _(() => (t.value, !!e()));
-}
-function se(e, t, o = {}) {
-  const { window: n = P, ...f } = o;
-  let a;
-  const d = G(() => n && "MutationObserver" in n), i = () => {
-    a && (a.disconnect(), a = void 0);
-  }, r = _(() => {
-    const v = g(e), h = D(v).map(E).filter(be);
-    return new Set(h);
-  }), c = L(
-    () => r.value,
-    (v) => {
-      i(), d.value && v.size && (a = new MutationObserver(t), v.forEach((h) => a.observe(h, f)));
-    },
-    { immediate: !0, flush: "post" }
-  ), u = () => a == null ? void 0 : a.takeRecords(), s = () => {
-    c(), i();
-  };
-  return N(s), {
-    isSupported: d,
-    stop: s,
-    takeRecords: u
-  };
-}
-const _e = Symbol("vueuse-ssr-width");
-function Pe() {
-  const e = oe() ? pe(_e, null) : null;
-  return typeof e == "number" ? e : void 0;
-}
-function Ae(e, t = {}) {
-  const { window: o = P, ssrWidth: n = Pe() } = t, f = G(() => o && "matchMedia" in o && typeof o.matchMedia == "function"), a = y(typeof n == "number"), d = y(), i = y(!1), r = (c) => {
-    i.value = c.matches;
-  };
-  return me(() => {
-    if (a.value) {
-      a.value = !f.value;
-      const c = g(e).split(",");
-      i.value = c.some((u) => {
-        const s = u.includes("not all"), v = u.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), h = u.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
-        let b = !!(v || h);
-        return v && b && (b = n >= Z(v[1])), h && b && (b = n <= Z(h[1])), s ? !b : b;
-      });
-      return;
-    }
-    f.value && (d.value = o.matchMedia(g(e)), i.value = d.value.matches);
-  }), I(d, "change", r, { passive: !0 }), _(() => i.value);
-}
-function le(e, t, o = {}) {
-  const { window: n = P, ...f } = o;
-  let a;
-  const d = G(() => n && "ResizeObserver" in n), i = () => {
-    a && (a.disconnect(), a = void 0);
-  }, r = _(() => {
-    const s = g(e);
-    return Array.isArray(s) ? s.map((v) => E(v)) : [E(s)];
-  }), c = L(
-    r,
-    (s) => {
-      if (i(), d.value && n) {
-        a = new ResizeObserver(t);
-        for (const v of s)
-          v && a.observe(v, f);
-      }
-    },
-    { immediate: !0, flush: "post" }
-  ), u = () => {
-    i(), c();
-  };
-  return N(u), {
-    isSupported: d,
-    stop: u
-  };
 }
-function ke(e, t = {}) {
-  const {
-    reset: o = !0,
-    windowResize: n = !0,
-    windowScroll: f = !0,
-    immediate: a = !0,
-    updateTiming: d = "sync"
-  } = t, i = y(0), r = y(0), c = y(0), u = y(0), s = y(0), v = y(0), h = y(0), b = y(0);
-  function S() {
-    const m = E(e);
-    if (!m) {
-      o && (i.value = 0, r.value = 0, c.value = 0, u.value = 0, s.value = 0, v.value = 0, h.value = 0, b.value = 0);
-      return;
-    }
-    const w = m.getBoundingClientRect();
-    i.value = w.height, r.value = w.bottom, c.value = w.left, u.value = w.right, s.value = w.top, v.value = w.width, h.value = w.x, b.value = w.y;
+const Ce = { class: "tr-history__empty" }, ke = { class: "tr-history__empty-icon" }, Le = { class: "tr-history__empty-text" }, Ee = /* @__PURE__ */ N({
+  __name: "Empty",
+  props: {
+    text: { default: "暂无内容" }
+  },
+  setup(i) {
+    const m = i;
+    return (t, c) => (s(), r("div", Ce, [
+      R("span", ke, [
+        b(n(ae))
+      ]),
+      R("span", Le, B(m.text), 1)
+    ]));
   }
-  function l() {
-    d === "sync" ? S() : d === "next-frame" && requestAnimationFrame(() => S());
-  }
-  return le(e, l), L(() => E(e), (m) => !m && l()), se(e, l, {
-    attributeFilter: ["style", "class"]
-  }), f && I("scroll", l, { capture: !0, passive: !0 }), n && I("resize", l, { passive: !0 }), z(() => {
-    a && l();
-  }), {
-    height: i,
-    bottom: r,
-    left: c,
-    right: u,
-    top: s,
-    width: v,
-    x: h,
-    y: b,
-    update: l
-  };
-}
-function De(e, t = { width: 0, height: 0 }, o = {}) {
-  const { window: n = P, box: f = "content-box" } = o, a = _(() => {
-    var s, v;
-    return (v = (s = E(e)) == null ? void 0 : s.namespaceURI) == null ? void 0 : v.includes("svg");
-  }), d = y(t.width), i = y(t.height), { stop: r } = le(
-    e,
-    ([s]) => {
-      const v = f === "border-box" ? s.borderBoxSize : f === "content-box" ? s.contentBoxSize : s.devicePixelContentBoxSize;
-      if (n && a.value) {
-        const h = E(e);
-        if (h) {
-          const b = h.getBoundingClientRect();
-          d.value = b.width, i.value = b.height;
-        }
-      } else if (v) {
-        const h = D(v);
-        d.value = h.reduce((b, { inlineSize: S }) => b + S, 0), i.value = h.reduce((b, { blockSize: S }) => b + S, 0);
-      } else
-        d.value = s.contentRect.width, i.value = s.contentRect.height;
-    },
-    o
-  );
-  z(() => {
-    const s = E(e);
-    s && (d.value = "offsetWidth" in s ? s.offsetWidth : t.width, i.value = "offsetHeight" in s ? s.offsetHeight : t.height);
-  });
-  const c = L(
-    () => E(e),
-    (s) => {
-      d.value = s ? t.width : 0, i.value = s ? t.height : 0;
-    }
-  );
-  function u() {
-    r(), c();
+}), we = /* @__PURE__ */ P(Ee, [["__scopeId", "data-v-d0340c39"]]), Re = ["onClick"], F = 4, xe = /* @__PURE__ */ N({
+  __name: "MenuList",
+  props: /* @__PURE__ */ K({
+    items: {},
+    menuListGap: { default: 8 }
+  }, {
+    trigger: { default: null },
+    triggerModifiers: {},
+    data: { default: null },
+    dataModifiers: {}
+  }),
+  emits: /* @__PURE__ */ K(["item-click"], ["update:trigger", "update:data"]),
+  setup(i, { emit: m }) {
+    const t = W(i, "trigger"), c = W(i, "data"), h = i, C = m, E = y(null);
+    X(
+      E,
+      () => {
+        t.value = null, c.value = null;
+      },
+      {
+        ignore: [t]
+      }
+    );
+    const { top: p, bottom: I, left: g } = pe(t), { width: M, height: k } = ve(E, void 0, { box: "border-box" }), { height: w } = _e(), o = x(() => {
+      const L = {
+        left: `min(${G(g.value)}, calc(100% - ${G(M.value + F)}))`
+      }, _ = I.value + h.menuListGap;
+      return _ + k.value + F > w.value ? L.bottom = `calc(100% - ${G(p.value - h.menuListGap)})` : L.top = G(_), L;
+    }), v = (L) => {
+      C("item-click", L), t.value = null, c.value = null;
+    };
+    return (L, _) => (s(), r("ul", {
+      class: "tr-history__menu-list",
+      ref_key: "menuRef",
+      ref: E,
+      style: ne(o.value)
+    }, [
+      (s(!0), r(O, null, V(h.items, (a) => (s(), r("li", {
+        class: "tr-history__menu-list__item",
+        key: a.id,
+        onClick: (z) => v(a)
+      }, [
+        (s(), Q(oe(a.icon))),
+        R("span", null, B(a.text), 1)
+      ], 8, Re))), 128))
+    ], 4));
   }
-  return {
-    width: d,
-    height: i,
-    stop: u
-  };
-}
-const te = 1;
-function je(e, t = {}) {
-  const {
-    throttle: o = 0,
-    idle: n = 200,
-    onStop: f = M,
-    onScroll: a = M,
-    offset: d = {
-      left: 0,
-      right: 0,
-      top: 0,
-      bottom: 0
-    },
-    observe: i = {
-      mutation: !1
-    },
-    eventListenerOptions: r = {
-      capture: !1,
-      passive: !0
-    },
-    behavior: c = "auto",
-    window: u = P,
-    onError: s = (p) => {
-      console.error(p);
-    }
-  } = t, v = typeof i == "boolean" ? {
-    mutation: i
-  } : i, h = y(0), b = y(0), S = _({
-    get() {
-      return h.value;
-    },
-    set(p) {
-      m(p, void 0);
-    }
-  }), l = _({
-    get() {
-      return b.value;
-    },
-    set(p) {
-      m(void 0, p);
-    }
-  });
-  function m(p, A) {
-    var W, C, k, V;
-    if (!u)
-      return;
-    const O = g(e);
-    if (!O)
-      return;
-    (k = O instanceof Document ? u.document.body : O) == null || k.scrollTo({
-      top: (W = g(A)) != null ? W : l.value,
-      left: (C = g(p)) != null ? C : S.value,
-      behavior: g(c)
+}), Ie = /* @__PURE__ */ P(xe, [["__scopeId", "data-v-c8365732"]]), Me = ({
+  renameControlOnClickOutside: i,
+  onItemTitleChange: m
+}) => {
+  const t = y(void 0), c = y(null), h = x(() => {
+    var o;
+    return (o = c.value) == null ? void 0 : o.at(0);
+  }), C = y(null), E = x(() => {
+    var o;
+    return (o = C.value) == null ? void 0 : o.at(0);
+  }), p = y(null), I = x(() => {
+    var o;
+    return (o = p.value) == null ? void 0 : o.at(0);
+  }), g = y(""), M = (o) => {
+    t.value = o, g.value = o.title, ie(() => {
+      const v = h.value;
+      v && (v.focus(), v.select());
     });
-    const R = ((V = O == null ? void 0 : O.document) == null ? void 0 : V.documentElement) || (O == null ? void 0 : O.documentElement) || O;
-    S != null && (h.value = R.scrollLeft), l != null && (b.value = R.scrollTop);
-  }
-  const w = y(!1), T = K({
-    left: !0,
-    right: !1,
-    top: !0,
-    bottom: !1
-  }), x = K({
-    left: !1,
-    right: !1,
-    top: !1,
-    bottom: !1
-  }), Y = (p) => {
-    w.value && (w.value = !1, x.left = !1, x.right = !1, x.top = !1, x.bottom = !1, f(p));
-  }, ue = We(Y, o + n), j = (p) => {
-    var A;
-    if (!u)
-      return;
-    const W = ((A = p == null ? void 0 : p.document) == null ? void 0 : A.documentElement) || (p == null ? void 0 : p.documentElement) || E(p), { display: C, flexDirection: k, direction: V } = getComputedStyle(W), O = V === "rtl" ? -1 : 1, R = W.scrollLeft;
-    x.left = R < h.value, x.right = R > h.value;
-    const X = Math.abs(R * O) <= (d.left || 0), U = Math.abs(R * O) + W.clientWidth >= W.scrollWidth - (d.right || 0) - te;
-    C === "flex" && k === "row-reverse" ? (T.left = U, T.right = X) : (T.left = X, T.right = U), h.value = R;
-    let F = W.scrollTop;
-    p === u.document && !F && (F = u.document.body.scrollTop), x.top = F < b.value, x.bottom = F > b.value;
-    const q = Math.abs(F) <= (d.top || 0), J = Math.abs(F) + W.clientHeight >= W.scrollHeight - (d.bottom || 0) - te;
-    C === "flex" && k === "column-reverse" ? (T.top = J, T.bottom = q) : (T.top = q, T.bottom = J), b.value = F;
-  }, Q = (p) => {
-    var A;
-    if (!u)
-      return;
-    const W = (A = p.target.documentElement) != null ? A : p.target;
-    j(W), w.value = !0, ue(p), a(p);
+  }, k = () => {
+    t.value = void 0, g.value = "";
+  }, w = () => {
+    t.value && m(g.value, t.value), t.value = void 0, g.value = "";
   };
-  return I(
-    e,
-    "scroll",
-    o ? Me(Q, o, !0, !1) : Q,
-    r
-  ), z(() => {
-    try {
-      const p = g(e);
-      if (!p)
-        return;
-      j(p);
-    } catch (p) {
-      s(p);
-    }
-  }), v != null && v.mutation && e != null && e !== u && e !== document && se(
-    e,
+  return (i === "confirm" || i === "cancel") && X(
+    h,
     () => {
-      const p = g(e);
-      p && j(p);
+      i === "confirm" ? w() : k();
     },
-    {
-      attributes: !0,
-      childList: !0,
-      subtree: !0
-    }
-  ), I(
-    e,
-    "scrollend",
-    Y,
-    r
+    { ignore: [E, I] }
   ), {
-    x: S,
-    y: l,
-    isScrolling: w,
-    arrivedState: T,
-    directions: x,
-    measure() {
-      const p = g(e);
-      u && p && j(p);
-    }
-  };
-}
-function Ve(e = {}) {
-  const {
-    window: t = P,
-    initialWidth: o = Number.POSITIVE_INFINITY,
-    initialHeight: n = Number.POSITIVE_INFINITY,
-    listenOrientation: f = !0,
-    includeScrollbar: a = !0,
-    type: d = "inner"
-  } = e, i = y(o), r = y(n), c = () => {
-    if (t)
-      if (d === "outer")
-        i.value = t.outerWidth, r.value = t.outerHeight;
-      else if (d === "visual" && t.visualViewport) {
-        const { width: s, height: v, scale: h } = t.visualViewport;
-        i.value = Math.round(s * h), r.value = Math.round(v * h);
-      } else a ? (i.value = t.innerWidth, r.value = t.innerHeight) : (i.value = t.document.documentElement.clientWidth, r.value = t.document.documentElement.clientHeight);
+    editingItem: t,
+    editorRefList: c,
+    editorConfirmRefList: C,
+    editorCancelRefList: p,
+    editorValue: g,
+    handleEdit: M,
+    handleEditCancel: k,
+    handleEditConfirm: w
   };
-  c(), z(c);
-  const u = { passive: !0 };
-  if (I("resize", c, u), t && d === "visual" && t.visualViewport && I(t.visualViewport, "resize", c, u), f) {
-    const s = Ae("(orientation: portrait)");
-    L(s, () => c());
+}, J = Symbol("NO_GROUP"), Te = {
+  key: 0,
+  class: "tr-history__group-title"
+}, be = { class: "tr-history__group-items" }, $e = ["onClick"], Ge = ["title"], Oe = ["onClick"], Be = /* @__PURE__ */ N({
+  __name: "index",
+  props: {
+    data: {},
+    selected: {},
+    showRenameControls: { type: Boolean, default: !1 },
+    renameControlOnClickOutside: { default: "confirm" },
+    menuItems: { default: () => [
+      { id: "rename", text: "重命名", icon: ue },
+      { id: "delete", text: "删除", icon: ce }
+    ] },
+    menuListGap: { default: 8 }
+  },
+  emits: ["item-click", "item-title-change", "item-action"],
+  setup(i, { emit: m }) {
+    const t = i, c = m, h = (l) => {
+      var f;
+      const e = typeof ((f = l[0]) == null ? void 0 : f.group);
+      return e === "string" || e === "symbol";
+    }, C = x(() => {
+      const l = t.data;
+      return h(l) ? l : [{ group: J, items: l }];
+    }), E = x(() => C.value.length === 0 || C.value.every((l) => l.items.length === 0)), {
+      editingItem: p,
+      editorRefList: I,
+      editorConfirmRefList: g,
+      editorCancelRefList: M,
+      editorValue: k,
+      handleEdit: w,
+      handleEditCancel: o,
+      handleEditConfirm: v
+    } = Me({
+      renameControlOnClickOutside: t.renameControlOnClickOutside,
+      onItemTitleChange: (l, e) => {
+        c("item-title-change", l, e);
+      }
+    }), { isTouchDevice: L } = he(), _ = y(null), a = y(null), z = (l, e) => {
+      if (l.currentTarget instanceof HTMLButtonElement) {
+        if (a.value === e) {
+          _.value = null, a.value = null;
+          return;
+        }
+        _.value = l.currentTarget, a.value = e;
+      } else
+        _.value = null, a.value = null;
+    }, Y = (l) => {
+      const e = a.value;
+      e && (l.id === "rename" && w(e), c("item-action", l, e));
+    };
+    return (l, e) => (s(), r("div", {
+      class: S(["tr-history", { "touch-device": n(L) }])
+    }, [
+      E.value ? (s(), Q(we, { key: 1 })) : (s(), r(O, { key: 0 }, [
+        (s(!0), r(O, null, V(C.value, (f) => (s(), r("div", {
+          class: "tr-history__group",
+          key: f.group
+        }, [
+          f.group !== n(J) ? (s(), r("div", Te, B(f.group), 1)) : U("", !0),
+          R("div", be, [
+            (s(!0), r(O, null, V(f.items, (u, Z) => (s(), r("div", {
+              class: S(["tr-history__item", {
+                selected: u.id && u.id === t.selected,
+                editing: n(p) === u,
+                active: a.value === u
+              }]),
+              key: u.id || Z,
+              onClick: (d) => c("item-click", u)
+            }, [
+              n(p) === u ? j((s(), r("input", {
+                key: 0,
+                class: "tr-history__item-editor",
+                type: "text",
+                onClick: e[0] || (e[0] = A(() => {
+                }, ["stop"])),
+                ref_for: !0,
+                ref_key: "editorRefList",
+                ref: I,
+                "onUpdate:modelValue": e[1] || (e[1] = (d) => se(k) ? k.value = d : null),
+                onKeydown: [
+                  e[2] || (e[2] = q(
+                    //@ts-ignore
+                    (...d) => n(v) && n(v)(...d),
+                    ["enter"]
+                  )),
+                  e[3] || (e[3] = q(
+                    //@ts-ignore
+                    (...d) => n(o) && n(o)(...d),
+                    ["escape"]
+                  ))
+                ]
+              }, null, 544)), [
+                [le, n(k)]
+              ]) : (s(), r("span", {
+                key: 1,
+                class: "text",
+                title: u.title
+              }, B(u.title), 9, Ge)),
+              R("span", {
+                class: "tr-history__item-actions",
+                onClick: e[6] || (e[6] = A(() => {
+                }, ["stop"]))
+              }, [
+                t.showRenameControls && n(p) === u ? (s(), r("button", {
+                  key: 0,
+                  class: "editor-confirm",
+                  ref_for: !0,
+                  ref_key: "editorConfirmRefList",
+                  ref: g,
+                  onClick: e[4] || (e[4] = //@ts-ignore
+                  (...d) => n(v) && n(v)(...d))
+                }, [
+                  b(n(de))
+                ], 512)) : U("", !0),
+                t.showRenameControls && n(p) === u ? (s(), r("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))
+                }, [
+                  b(n(me))
+                ], 512)) : U("", !0),
+                R("button", {
+                  class: S(["menu", { hidden: n(p) === u }]),
+                  onClick: (d) => z(d, u)
+                }, [
+                  b(n(fe))
+                ], 10, Oe)
+              ])
+            ], 10, $e))), 128))
+          ])
+        ]))), 128)),
+        j(b(Ie, {
+          trigger: _.value,
+          "onUpdate:trigger": e[7] || (e[7] = (f) => _.value = f),
+          data: a.value,
+          "onUpdate:data": e[8] || (e[8] = (f) => a.value = f),
+          items: t.menuItems,
+          "menu-list-gap": t.menuListGap,
+          onItemClick: Y
+        }, null, 8, ["trigger", "data", "items", "menu-list-gap"]), [
+          [re, _.value]
+        ])
+      ], 64))
+    ], 2));
   }
-  return { width: i, height: r };
-}
+}), H = /* @__PURE__ */ P(Be, [["__scopeId", "data-v-b8f23455"]]), De = function(i) {
+  i.component(H.name, H);
+};
+Object.assign(H, {
+  name: "TrHistory",
+  install: De
+});
 export {
-  Ve as a,
-  De as b,
-  ke as c,
-  Ae as d,
-  Ce as o,
-  je as u,
-  Le as w
+  H,
+  he as u
 };