hys-ui 0.3.0 → 0.5.0

package/dist/composables/useMentionList.js

@@ -0,0 +1,81 @@
+import { computed as u, ref as m, watch as R } from "vue";
+function F(o, H, s, M) {
+  const c = u(() => {
+    const e = /* @__PURE__ */ new Map();
+    for (const l of H.value) {
+      const i = l.option.group ?? "", t = e.get(i);
+      t ? t.push(l) : e.set(i, [l]);
+    }
+    let a = 0;
+    return [...e].flatMap(([l, i]) => [
+      ...l ? [{ key: "group:" + l, group: l }] : [],
+      ...i.map((t) => ({ key: t.key, entry: t, index: a++ }))
+    ]);
+  }), x = u(
+    () => c.value.flatMap(
+      (e) => "entry" in e && !e.entry.user.disabled ? [e.entry] : []
+    )
+  ), r = m(0), v = m(240), n = u(
+    () => o.itemHeight && Number.isFinite(o.itemHeight) ? Math.max(20, o.itemHeight) : 44
+  ), f = u(
+    () => o.overscan !== void 0 && Number.isFinite(o.overscan) ? Math.max(0, Math.floor(o.overscan)) : 4
+  ), h = u(
+    () => o.virtual ? Math.max(
+      0,
+      Math.floor(r.value / n.value) - f.value
+    ) : 0
+  ), d = u(
+    () => o.virtual ? Math.ceil((r.value + v.value) / n.value) + f.value : c.value.length
+  ), y = u(() => c.value.slice(h.value, d.value)), T = u(
+    () => o.virtual ? h.value * n.value : 0
+  ), b = u(
+    () => o.virtual ? Math.max(0, c.value.length - d.value) * n.value : 0
+  );
+  function p() {
+    const e = s.value;
+    e && (r.value = e.scrollTop, e.scrollHeight > e.clientHeight && e.scrollHeight - e.scrollTop - e.clientHeight <= n.value && M());
+  }
+  function w() {
+    r.value = 0, s.value && (s.value.scrollTop = 0);
+  }
+  R(
+    s,
+    (e, a, l) => {
+      if (!e) return;
+      const i = () => {
+        v.value = e.clientHeight || 240;
+      };
+      i();
+      const t = typeof ResizeObserver > "u" ? void 0 : new ResizeObserver(i);
+      t == null || t.observe(e), l(() => t == null ? void 0 : t.disconnect());
+    },
+    { flush: "post" }
+  );
+  function k(e) {
+    var g;
+    const a = s.value;
+    if (!a) return;
+    if (!o.virtual) {
+      (g = a.querySelector('[data-active="true"]')) == null || g.scrollIntoView({ block: "nearest" });
+      return;
+    }
+    const l = c.value.findIndex((S) => S.key === e);
+    if (l < 0) return;
+    const i = l * n.value, t = a.clientHeight || v.value;
+    i < a.scrollTop ? a.scrollTop = i : i + n.value > a.scrollTop + t && (a.scrollTop = i + n.value - t), r.value = a.scrollTop;
+  }
+  return {
+    rows: c,
+    enabled: x,
+    visibleRows: y,
+    topSpacer: T,
+    bottomSpacer: b,
+    rowHeight: n,
+    onScroll: p,
+    reset: w,
+    ensureVisible: k
+  };
+}
+export {
+  F as useMentionList
+};

package/dist/composables/useMentionModel.js

@@ -0,0 +1,90 @@
+import { ref as j, computed as R, shallowRef as A, watch as B, nextTick as C } from "vue";
+import { normalizeMentionEntities as M, rebaseMentionEntities as K } from "./mentionDocument.js";
+function b(e) {
+  return JSON.stringify([
+    typeof e.id,
+    e.id,
+    e.type,
+    e.prefix,
+    e.text
+  ]);
+}
+function D(e, n) {
+  function i(a, u) {
+    const d = /* @__PURE__ */ new Map();
+    for (const l of u) {
+      const r = b(l);
+      d.set(r, (d.get(r) ?? 0) + 1);
+    }
+    return a.filter((l) => {
+      const r = b(l), v = d.get(r) ?? 0;
+      return v ? (d.set(r, v - 1), !1) : !0;
+    });
+  }
+  return {
+    added: i(n, e),
+    removed: i(e, n)
+  };
+}
+function T(e, n) {
+  return e.length === n.length && e.every(
+    (i, a) => i.start === n[a].start && i.end === n[a].end && b(i) === b(n[a]) && i.label === n[a].label && i.value === n[a].value && i.payload === n[a].payload
+  );
+}
+function H(e, n, i) {
+  var z;
+  const a = j(e.defaultValue ?? ""), u = R(() => e.modelValue ?? a.value), d = e.defaultEntities ?? ((z = e.parseEntities) == null ? void 0 : z.call(e, u.value)) ?? [], l = A({
+    text: u.value,
+    entities: M(u.value, d)
+  }), r = R(() => {
+    const t = u.value, o = e.entities ?? (l.value.text === t ? l.value.entities : K(l.value, t)), f = M(t, o);
+    return e.invalidEntity === "text" && e.validateEntity ? f.filter(e.validateEntity) : f;
+  }), v = R(() => ({
+    text: u.value,
+    entities: r.value
+  }));
+  let s, V = 0;
+  const m = [], w = [];
+  B(
+    u,
+    (t) => {
+      var o;
+      e.entities !== void 0 || (s == null ? void 0 : s.text) === t || (l.value = {
+        text: t,
+        entities: M(t, [
+          ...K(l.value, t),
+          ...((o = e.parseEntities) == null ? void 0 : o.call(e, t)) ?? []
+        ])
+      });
+    },
+    { flush: "sync" }
+  );
+  async function q(t, o, f, y = !0, E = !1) {
+    const c = v.value, h = M(t.text, t.entities), x = t.text !== c.text;
+    if (!x && T(c.entities, h) || !E && e.beforeRemove && D(c.entities, h).removed.some(
+      (S) => {
+        var J;
+        return ((J = e.beforeRemove) == null ? void 0 : J.call(e, S)) === !1;
+      }
+    ) || (s == null ? void 0 : s.text) === t.text && T(s.entities, h))
+      return !1;
+    const k = { text: t.text, entities: h }, O = ++V;
+    if (s = k, x && e.modelValue === void 0 && (a.value = t.text), f == null || f(), n(k, c, x), await C(), O !== V || (s = void 0, u.value !== t.text)) return !1;
+    e.entities === void 0 && (l.value = k);
+    const g = v.value;
+    return !x && T(g.entities, c.entities) ? !1 : (y && (m.push({ ...c, selection: o }), m.length > 100 && m.shift(), w.length = 0), i(g, c), !0);
+  }
+  async function N(t, o) {
+    const f = t === "undo" ? m : w, y = t === "undo" ? w : m, E = f.at(-1);
+    if (!E) return;
+    const c = v.value;
+    if (await q(E, o, void 0, !1))
+      return f.pop(), y.push({ ...c, selection: o }), E.selection;
+  }
+  return { value: u, entities: r, document: v, commit: q, history: N };
+}
+export {
+  D as diffMentionEntities,
+  b as mentionEntityKey,
+  H as useMentionModel
+};

package/dist/composables/useMentionOptions.js

@@ -0,0 +1,421 @@
+import { computed as w, shallowRef as W, ref as ce, watch as Z, onBeforeUnmount as we, onDeactivated as Me, onMounted as Se } from "vue";
+function k(e, c) {
+  const d = e.id ?? (c == null ? void 0 : c.id) ?? e.value;
+  return {
+    option: e,
+    key: (e.type ?? e.prefix ?? "") + ":" + typeof d + ":" + d,
+    user: c ?? {
+      id: String(d),
+      name: typeof e.label == "string" ? e.label : String(e.value),
+      disabled: e.disabled
+    }
+  };
+}
+function ke(e, c, d) {
+  const g = e, O = g[(c == null ? void 0 : c.value) ?? "value"];
+  if (typeof O != "string" && typeof O != "number") return;
+  const b = { ...e, value: O };
+  if (c) {
+    const A = g[c.label ?? "label"], z = g[c.id ?? "id"];
+    b.label = typeof A == "string" || typeof A == "function" ? A : void 0, b.id = typeof z == "string" || typeof z == "number" ? z : void 0, b.disabled = !!g[c.disabled ?? "disabled"];
+    for (const N of ["group", "avatar", "description", "type"]) {
+      const F = g[c[N] ?? N];
+      b[N] = typeof F == "string" ? F : void 0;
+    }
+    b.payload = g.payload ?? e;
+  }
+  return b.group ?? (b.group = d), b;
+}
+const R = (e) => e.normalize("NFKC").toLocaleLowerCase(), $ = (e) => R(e).replace(/ü/g, "v").replace(/[\s'’-]/g, "");
+function Oe(e, c) {
+  let d = 0;
+  for (const g of e) {
+    const O = c.indexOf(g, d);
+    if (O < 0) return !1;
+    d = O + g.length;
+  }
+  return !0;
+}
+function ze(e, c) {
+  return c.split(".").reduce(
+    (d, g) => d && typeof d == "object" ? d[g] : void 0,
+    e
+  );
+}
+function ue(e) {
+  return Array.isArray(e) ? e.map(ue).filter(Boolean).join(" ") : typeof e == "string" || typeof e == "number" ? String(e) : "";
+}
+function j(e, c) {
+  return typeof e == "number" && Number.isFinite(e) ? Math.max(0, Math.floor(e)) : c;
+}
+function Ne(e) {
+  return Array.isArray(e) ? { items: e, hasMore: !1 } : e;
+}
+function Pe(e, c, d, g, O, b) {
+  const A = w(() => {
+    const t = d.value, n = (t == null ? void 0 : t.options) ?? e.options, o = (t == null ? void 0 : t.loadOptions) ?? e.loadOptions;
+    return [
+      {
+        key: "$default",
+        options: n,
+        loader: o,
+        fields: e.fieldNames
+      },
+      ...(e.sources ?? []).filter(
+        (l) => {
+          var i;
+          return !l.prefixes || l.prefixes.includes(((i = c.value) == null ? void 0 : i.prefix) ?? "");
+        }
+      ).map((l) => ({
+        key: "source:" + l.key,
+        loader: l.loadOptions,
+        options: l.options,
+        fields: l.fieldNames ?? e.fieldNames,
+        group: l.group
+      }))
+    ];
+  }), z = w(
+    () => A.value.filter((t) => t.loader)
+  ), N = /* @__PURE__ */ new WeakMap();
+  let F = 0;
+  const fe = w(
+    () => JSON.stringify(
+      z.value.map(({ key: t, loader: n }) => (N.has(n) || N.set(n, ++F), [t, N.get(n)]))
+    )
+  ), K = w(() => {
+    const t = c.value;
+    return t && !g.value ? JSON.stringify([
+      t.prefix,
+      t.query,
+      t.start,
+      t.manual,
+      fe.value,
+      e.pageSize
+    ]) : void 0;
+  }), M = W(/* @__PURE__ */ new Map()), L = ce(!1), D = ce(!1), T = W(), Q = w(
+    () => e.loading || L.value && !D.value
+  ), X = w(
+    () => z.value.some(({ key: t }) => {
+      var n;
+      return (n = M.value.get(t)) == null ? void 0 : n.hasMore;
+    })
+  ), p = /* @__PURE__ */ new Map();
+  let S, Y, _ = -1 / 0;
+  function B() {
+    clearTimeout(Y), S == null || S.abort(), S = void 0, L.value = !1, D.value = !1;
+  }
+  function de() {
+    if (!e.cache) return;
+    const t = typeof e.cache == "object" ? e.cache : void 0;
+    return {
+      ttl: j(t == null ? void 0 : t.ttl, 3e4),
+      limit: j(t == null ? void 0 : t.maxEntries, 40)
+    };
+  }
+  async function ve(t, n, o, l, i, u) {
+    const r = t.loader, s = Math.max(1, j(e.pageSize, 20)), a = JSON.stringify([
+      t.key,
+      N.get(r),
+      n.prefix,
+      n.query,
+      s,
+      o,
+      l
+    ]), v = de(), y = v && !u ? p.get(a) : void 0;
+    if (y && y.expires > Date.now())
+      return p.delete(a), p.set(a, y), y.page;
+    p.delete(a);
+    const x = Ne(
+      await r({
+        ...n,
+        text: O.value,
+        page: o,
+        pageSize: s,
+        cursor: l,
+        signal: i
+      })
+    );
+    if (!i.aborted && (v != null && v.limit) && v.ttl)
+      for (p.set(a, { expires: Date.now() + v.ttl, page: x }); p.size > v.limit; )
+        p.delete(p.keys().next().value);
+    return x;
+  }
+  async function q(t, n, o, l) {
+    if (n.aborted || K.value !== o) return !1;
+    _ = Date.now();
+    const i = M.value, u = z.value.filter((s) => {
+      const a = i.get(s.key);
+      return t === "initial" || (t === "more" ? (a == null ? void 0 : a.hasMore) && !a.failed : a == null ? void 0 : a.failed);
+    });
+    let r = !1;
+    return await Promise.all(
+      u.map(async (s) => {
+        const a = i.get(s.key), v = ((a == null ? void 0 : a.page) ?? 0) + 1;
+        try {
+          const y = await ve(
+            s,
+            l,
+            v,
+            a == null ? void 0 : a.cursor,
+            n,
+            t === "retry"
+          );
+          if (n.aborted || K.value !== o) return;
+          const x = [...(a == null ? void 0 : a.items) ?? [], ...y.items], G = y.hasMore ?? (y.nextCursor !== void 0 ? y.nextCursor !== null : y.total !== void 0 && x.length < y.total), J = new Map(M.value);
+          J.set(s.key, {
+            page: v,
+            cursor: y.nextCursor ?? void 0,
+            hasMore: G,
+            items: x
+          }), M.value = J, r = !0;
+        } catch (y) {
+          if (n.aborted || K.value !== o) return;
+          const x = new Map(M.value);
+          x.set(s.key, {
+            page: (a == null ? void 0 : a.page) ?? 0,
+            cursor: a == null ? void 0 : a.cursor,
+            hasMore: (a == null ? void 0 : a.hasMore) ?? !1,
+            items: (a == null ? void 0 : a.items) ?? [],
+            failed: !0
+          }), M.value = x, T.value = { reason: y }, b(y, l);
+        }
+      })
+    ), !n.aborted && (S == null ? void 0 : S.signal) === n && (S = void 0, L.value = !1, D.value = !1), r;
+  }
+  function U(t) {
+    if (t !== "initial" && L.value)
+      return Promise.resolve(!1);
+    B(), t === "initial" && (M.value = /* @__PURE__ */ new Map()), t !== "more" && (T.value = void 0);
+    const n = c.value, o = K.value;
+    if (!n || !o || !z.value.length)
+      return Promise.resolve(!1);
+    const l = new AbortController();
+    S = l, L.value = !0, D.value = t !== "initial" && [...M.value.values()].some(({ items: u }) => u.length);
+    const i = t === "initial" ? Math.max(
+      j(e.debounce, 180),
+      j(e.throttle, 0) - (Date.now() - _)
+    ) : 0;
+    return i ? (Y = setTimeout(
+      () => void q(t, l.signal, o, n),
+      i
+    ), Promise.resolve(!1)) : q(t, l.signal, o, n);
+  }
+  Z(
+    [K, () => e.debounce, () => e.throttle],
+    () => void U("initial"),
+    { flush: "post" }
+  ), we(B), Me(B);
+  const ye = () => {
+    U("retry");
+  }, me = () => X.value ? U("more") : Promise.resolve(!1), P = W([]);
+  function ee() {
+    if (P.value = [], !(!e.historyKey || typeof window > "u"))
+      try {
+        const t = JSON.parse(
+          window.localStorage.getItem(e.historyKey) ?? "[]"
+        );
+        Array.isArray(t) && (P.value = t.filter(
+          (n) => n && typeof n.prefix == "string" && Number.isFinite(n.count) && n.option && ["number", "string"].includes(typeof n.option.value)
+        ));
+      } catch {
+      }
+  }
+  Se(ee), Z(() => e.historyKey, ee);
+  function he(t, n) {
+    const o = k(t).key, l = P.value.filter(
+      (u) => u.prefix !== n || k(u.option).key !== o
+    ), i = P.value.find(
+      (u) => u.prefix === n && k(u.option).key === o
+    );
+    if (P.value = [
+      { option: t, prefix: n, count: ((i == null ? void 0 : i.count) ?? 0) + 1 },
+      ...l
+    ].slice(0, j(e.recentLimit, 8)), !!e.historyKey)
+      try {
+        window.localStorage.setItem(
+          e.historyKey,
+          JSON.stringify(
+            P.value.map(({ prefix: u, count: r, option: s }) => ({
+              prefix: u,
+              count: r,
+              option: {
+                id: s.id,
+                value: s.value,
+                label: k(s).user.name,
+                type: s.type,
+                avatar: s.avatar
+              }
+            }))
+          )
+        );
+      } catch {
+      }
+  }
+  const te = w(() => {
+    var n, o, l;
+    const t = [];
+    if (!((n = d.value) != null && n.options) && !e.options && !e.loadOptions && !((o = d.value) != null && o.loadOptions))
+      for (const i of e.users ?? [])
+        t.push(
+          k(
+            {
+              id: i.id,
+              value: i.name,
+              label: i.name,
+              disabled: i.disabled
+            },
+            i
+          )
+        );
+    for (const i of A.value) {
+      const u = i.options ?? [], r = ((l = M.value.get(i.key)) == null ? void 0 : l.items) ?? [];
+      for (const [s, a] of [...u, ...r].entries()) {
+        const v = ke(a, i.fields, i.group);
+        v && t.push({
+          ...k(v),
+          remote: s >= u.length
+        });
+      }
+    }
+    return t;
+  }), I = w(() => {
+    var n;
+    const t = ((n = d.value) == null ? void 0 : n.searchMode) ?? e.searchMode ?? "includes";
+    return typeof t == "string" ? [t] : t;
+  }), E = W();
+  let V = !1;
+  Z(
+    () => I.value.some((t) => t === "pinyin" || t === "initials"),
+    (t) => {
+      !t || E.value || V || (V = !0, import("pinyin-pro").then((n) => {
+        E.value = n.pinyin;
+      }).catch(() => {
+      }).finally(() => {
+        V = !1;
+      }));
+    },
+    { immediate: !0 }
+  );
+  const ne = /* @__PURE__ */ new Map();
+  function ge(t, n, o) {
+    if (!o) return 0;
+    const l = [
+      n,
+      String(t.value),
+      ...t.keywords ?? [],
+      ...(e.searchFields ?? []).map(
+        (r) => ue(
+          typeof r == "function" ? r(t) : ze(t, r)
+        )
+      )
+    ], i = l.map(R);
+    if (i.some((r) => r === o)) return 5;
+    if (i.some((r) => r.startsWith(o))) return 4;
+    if (i.join(" ").includes(o) || o.includes(" ") && o.split(/\s+/).every((r) => i.some((s) => s.includes(r))))
+      return 3;
+    if (I.value.includes("fuzzy") && i.some((r) => Oe(o, r)))
+      return 1;
+    if (!E.value || !I.value.some((r) => r === "pinyin" || r === "initials"))
+      return -1;
+    const u = $(o);
+    for (const r of l) {
+      if (!new RegExp("\\p{Script=Han}", "u").test(r)) continue;
+      let s = ne.get(r);
+      if (!s) {
+        const a = E.value(r, {
+          toneType: "none",
+          type: "array",
+          nonZh: "consecutive"
+        });
+        s = {
+          full: $(a.join("")),
+          initials: $(a.map((v) => v[0]).join(""))
+        }, ne.set(r, s);
+      }
+      if (I.value.includes("pinyin") && s.full.includes(u) || I.value.includes("initials") && s.initials.includes(u))
+        return 2;
+    }
+    return -1;
+  }
+  const ae = w(() => {
+    var y, x, G, J, ie;
+    const t = c.value;
+    if (!t || g.value || Q.value) return [];
+    const n = R(t.query.trim()), o = d.value, l = (o == null ? void 0 : o.filterOption) ?? e.filterOption, i = /* @__PURE__ */ new Set(), u = te.value.slice();
+    if (!n) {
+      const f = P.value.filter(
+        (m) => m.prefix === t.prefix
+      ), h = ((y = e.locale) == null ? void 0 : y.recent) ?? "最近使用", C = ((x = e.locale) == null ? void 0 : x.recommended) ?? "常用推荐", H = [
+        ...e.recommendations ?? [],
+        ...u.filter(({ option: m }) => m.recommended).map(({ option: m }) => m),
+        ...f.filter(({ count: m }) => m > 1).sort((m, oe) => oe.count - m.count).map(({ option: m }) => m)
+      ];
+      u.unshift(
+        ...H.map(
+          (m) => k({ ...m, group: C })
+        ),
+        ...f.map(
+          ({ option: m }) => k({ ...m, group: h })
+        )
+      );
+    }
+    const r = u.flatMap((f) => {
+      var le, se;
+      const { option: h, user: C, key: H } = f;
+      if (i.has(H) || h.prefix !== void 0 && h.prefix !== t.prefix)
+        return [];
+      const m = ge(h, C.name, n);
+      if (!(typeof l == "function" ? l(t.query, h, t.prefix) : l === !1 || l !== !0 && f.remote || m >= 0)) return [];
+      i.add(H);
+      const xe = ((le = e.groupBy) == null ? void 0 : le.call(e, h, t)) ?? h.group, re = C.disabled || ((se = e.canSelect) == null ? void 0 : se.call(e, h, t)) === !1;
+      return [
+        {
+          entry: {
+            ...f,
+            option: { ...h, group: xe },
+            user: re === C.disabled ? C : { ...C, disabled: re }
+          },
+          relevance: m
+        }
+      ];
+    }), s = e.sortOptions;
+    s && r.sort(
+      (f, h) => typeof s == "function" ? s(f.entry.option, h.entry.option, t) : h.relevance - f.relevance
+    );
+    const a = j(e.maxOptions, 8), v = r.slice(0, a || void 0).map(({ entry: f }) => f);
+    if (!T.value && ((o == null ? void 0 : o.allowCreate) ?? e.allowCreate) && n && !u.some(
+      ({ option: f }) => (!f.prefix || f.prefix === t.prefix) && R(String(f.value)) === n
+    )) {
+      const f = ((G = e.createOption) == null ? void 0 : G.call(e, t)) ?? {
+        value: t.query,
+        label: (((J = e.locale) == null ? void 0 : J.create) ?? "创建 {value}").replace(
+          "{value}",
+          t.query
+        )
+      };
+      if (f && ((ie = e.canSelect) == null ? void 0 : ie.call(e, f, t)) !== !1) {
+        const h = k(f);
+        i.has(h.key) || v.push({ ...h, created: !0 });
+      }
+    }
+    return v;
+  }), be = w(
+    () => ae.value.filter(({ user: t }) => !t.disabled)
+  );
+  return {
+    entries: te,
+    choices: ae,
+    enabled: be,
+    busy: Q,
+    loadingMore: D,
+    hasMore: X,
+    loadError: T,
+    retry: ye,
+    loadMore: me,
+    cancelLoad: B,
+    remember: he
+  };
+}
+export {
+  Pe as useMentionOptions
+};

package/dist/composables/useSplitPaneDrag.js

@@ -0,0 +1,52 @@
+function m(s, v) {
+  let n;
+  const p = (e, t) => t ? e.clientY : e.clientX;
+  function w(e, t) {
+    var r;
+    if (n || e.button !== 0 || t.available <= 0) return !1;
+    e.preventDefault();
+    const i = e.currentTarget;
+    i.focus({ preventScroll: !0 }), n = {
+      ...t,
+      pointer: e.pointerId,
+      handle: i,
+      origin: p(e, t.vertical),
+      latest: t.initial,
+      reported: t.initial
+    };
+    try {
+      (r = i.setPointerCapture) == null || r.call(i, e.pointerId);
+    } catch {
+    }
+    return window.addEventListener("pointermove", c), window.addEventListener("pointerup", l), window.addEventListener("pointercancel", a), window.addEventListener("keydown", d, !0), !0;
+  }
+  function c(e) {
+    const t = n;
+    if (!t || e.pointerId !== t.pointer) return;
+    const i = p(e, t.vertical) - t.origin;
+    t.latest = i === 0 ? t.initial : t.constrain(
+      t.initial + t.direction * i / t.available * 100
+    ), t.frame === void 0 && (t.frame = requestAnimationFrame(() => u(t)));
+  }
+  function u(e) {
+    e.frame = void 0, e.latest !== e.reported && (e.reported = e.latest, s(e.latest));
+  }
+  function l(e) {
+    e.pointerId === (n == null ? void 0 : n.pointer) && o(!1);
+  }
+  function a(e) {
+    e.pointerId === (n == null ? void 0 : n.pointer) && o(!0);
+  }
+  function d(e) {
+    e.key !== "Escape" || !n || (e.preventDefault(), e.stopPropagation(), o(!0));
+  }
+  function o(e, t = !0) {
+    var r, f;
+    const i = n;
+    i && (n = void 0, i.frame !== void 0 && cancelAnimationFrame(i.frame), window.removeEventListener("pointermove", c), window.removeEventListener("pointerup", l), window.removeEventListener("pointercancel", a), window.removeEventListener("keydown", d, !0), (f = (r = i.handle).hasPointerCapture) != null && f.call(r, i.pointer) && i.handle.releasePointerCapture(i.pointer), e || u(i), v(i.latest, e, t));
+  }
+  return { start: w, cancel: a, finish: o, active: () => !!n };
+}
+export {
+  m as useSplitPaneDrag
+};

package/dist/composables/useSplitPaneStorage.js

@@ -0,0 +1,38 @@
+import { onMounted as a, watch as f } from "vue";
+function l(r) {
+  if (!r || typeof r != "object" || Array.isArray(r)) return;
+  const n = Object.entries(r).filter((o) => {
+    const t = o[1];
+    return typeof t == "number" ? Number.isFinite(t) && t >= 0 : typeof t == "string" && /^(?:\d+(?:\.\d+)?|\.\d+)(?:e[+-]?\d+)?(?:px|%)$/i.test(t);
+  });
+  if (n.length) return Object.fromEntries(n);
+}
+function u(r, n, o) {
+  let t = !1;
+  const i = (e) => "hys-ui:split-pane:" + e;
+  function c(e) {
+    try {
+      n.value = o(JSON.parse(window.localStorage.getItem(i(e)) ?? "null"));
+    } catch {
+      n.value = void 0;
+    }
+  }
+  a(() => {
+    t = !0;
+    const e = r();
+    e && c(e);
+  }), f(r, (e) => {
+    t && e && c(e);
+  }, { flush: "sync" }), f(n, (e) => {
+    const s = r();
+    if (!(!t || !s))
+      try {
+        e === void 0 ? window.localStorage.removeItem(i(s)) : window.localStorage.setItem(i(s), JSON.stringify(e));
+      } catch {
+      }
+  });
+}
+export {
+  l as readStoredPaneSizes,
+  u as useSplitPaneStorage
+};