hys-ui 0.2.0 → 0.4.0

package/dist/composables/useHysModal.js

@@ -0,0 +1,185 @@
+import { createApp as q, defineComponent as E, getCurrentInstance as T, shallowReactive as y, h as C, Fragment as D, onDeactivated as F, onActivated as Q, onScopeDispose as j, nextTick as v, render as M } from "vue";
+import I from "../components/HysModal/HysModal.vue.js";
+import { provideHysConfig as N } from "../config.js";
+let P = 0;
+function R(l = {}) {
+  const a = T();
+  if (!a)
+    throw new Error("useHysModal must be called during component setup");
+  const i = y([]);
+  let t, d = !0, b = !1;
+  function O(e) {
+    try {
+      e == null || e();
+    } catch (o) {
+      try {
+        a.appContext.config.errorHandler ? a.appContext.config.errorHandler(
+          o,
+          a.proxy,
+          "HysModal callback"
+        ) : console.error(o);
+      } catch (c) {
+        console.error(c);
+      }
+    }
+  }
+  function u(e, o = e.result ?? { action: "cancel", reason: "api" }) {
+    if (e.finished) return;
+    e.finished = !0;
+    const c = i.indexOf(e);
+    c >= 0 && i.splice(c, 1), v(async () => {
+      await v(), e.resolve(o), O(() => {
+        var n, f;
+        return (f = (n = e.options).onAfterClose) == null ? void 0 : f.call(n, o);
+      }), t && !i.length && (M(null, t), t.remove(), t = void 0);
+    });
+  }
+  const x = E({
+    name: "HysModalQueue",
+    setup() {
+      return () => C(
+        D,
+        i.map((e) => {
+          const { content: o, onOk: c, onCancel: n, onAfterClose: f, ...r } = e.options;
+          return C(
+            I,
+            {
+              ...r,
+              key: e.id,
+              open: e.open,
+              appendTo: l.appendTo ?? "body",
+              ref: (s) => {
+                e.instance = s;
+              },
+              beforeConfirm: e.beforeConfirm,
+              beforeClose: e.beforeClose,
+              "onUpdate:open": (s) => {
+                e.open = s;
+              },
+              onOk: () => {
+                e.result = { action: "confirm", reason: "confirm" };
+              },
+              onCancel: (s) => {
+                e.result = { action: "cancel", reason: s.reason };
+              },
+              onClosed: () => u(e)
+            },
+            {
+              default: (s) => typeof o == "function" ? o(s) : o
+            }
+          );
+        })
+      );
+    }
+  });
+  function A() {
+    if (t) return;
+    t = document.createElement("div"), t.className = "hys-ui-modal-service", document.body.append(t);
+    const e = C(x);
+    e.appContext = {
+      ...a.appContext,
+      provides: a.provides
+    }, M(e, t);
+  }
+  function g(e) {
+    if (b || !d) throw new Error("HysModal owner is inactive");
+    if (typeof document > "u")
+      throw new Error("HysModal requires a browser document");
+    let o;
+    const c = new Promise((r) => o = r), n = y({
+      id: "hys-modal-" + ++P,
+      open: !0,
+      finished: !1,
+      options: y({
+        footer: !0,
+        closeOnMask: !1,
+        initialFocus: "confirm",
+        ...l.defaults,
+        ...e
+      }),
+      resolve: o,
+      async beforeConfirm(r) {
+        var s, m, w, h;
+        return await ((m = (s = n.options).beforeConfirm) == null ? void 0 : m.call(s, r)) === !1 || r.signal.aborted ? !1 : (h = (w = n.options).onOk) == null ? void 0 : h.call(w, r);
+      },
+      async beforeClose(r, s) {
+        var m, w, h, H;
+        if (await ((w = (m = n.options).beforeClose) == null ? void 0 : w.call(m, r, s)) === !1 || s.signal.aborted)
+          return !1;
+        if (r !== "confirm") return (H = (h = n.options).onCancel) == null ? void 0 : H.call(h, s);
+      }
+    });
+    i.push(n), A();
+    async function f(r) {
+      return await v(), !n.finished && n.instance ? n.instance[r]() : !1;
+    }
+    return {
+      id: n.id,
+      closed: c,
+      update(r) {
+        n.finished || Object.assign(n.options, r);
+      },
+      confirm: () => f("confirm"),
+      cancel: () => f("cancel"),
+      close: () => f("close"),
+      destroy: () => u(n, { action: "destroy", reason: "destroy" })
+    };
+  }
+  const p = (e, o) => g({
+    title: {
+      confirm: "操作确认",
+      info: "提示",
+      success: "操作成功",
+      warning: "注意",
+      error: "操作失败",
+      default: "提示"
+    }[e],
+    showCancel: e === "confirm",
+    ...typeof o == "string" ? { content: o } : o,
+    type: e
+  }), k = () => {
+    for (const e of [...i])
+      u(e, { action: "destroy", reason: "destroy" });
+  };
+  return F(() => {
+    d = !1;
+    for (const e of [...i])
+      u(e, { action: "owner-dispose", reason: "owner-dispose" });
+  }), Q(() => {
+    d = !0;
+  }), j(() => {
+    b = !0, d = !1;
+    for (const e of [...i])
+      u(e, { action: "owner-dispose", reason: "owner-dispose" });
+  }), {
+    show: g,
+    confirm: (e) => p("confirm", e),
+    info: (e) => p("info", e),
+    success: (e) => p("success", e),
+    warning: (e) => p("warning", e),
+    error: (e) => p("error", e),
+    destroyAll: k
+  };
+}
+function B(l = {}) {
+  if (typeof document > "u")
+    throw new Error("HysModal requires a browser document");
+  let a, i = !1;
+  const t = q(
+    E({
+      setup() {
+        return N(l), a = R(l), () => null;
+      }
+    })
+  ), d = document.createElement("div");
+  return t.mount(d), {
+    ...a,
+    dispose() {
+      i || (i = !0, t.unmount());
+    }
+  };
+}
+export {
+  B as createHysModal,
+  R as useHysModal
+};

package/dist/composables/useMentionCaret.js

@@ -0,0 +1,81 @@
+import { computed as x, onBeforeUnmount as y, onDeactivated as C } from "vue";
+function L(r, a, p) {
+  let e;
+  function d() {
+    e == null || e.remove(), e = void 0;
+  }
+  function f() {
+    const t = r.value, o = t.getBoundingClientRect();
+    if (!o.width && !o.height) return o;
+    const n = getComputedStyle(t);
+    e || (e = document.createElement("div"), e.setAttribute("aria-hidden", "true"), document.body.append(e));
+    for (const l of [
+      "direction",
+      "font",
+      "font-family",
+      "font-size",
+      "font-weight",
+      "font-style",
+      "font-variant",
+      "letter-spacing",
+      "word-spacing",
+      "text-transform",
+      "text-indent",
+      "text-align",
+      "line-height",
+      "padding-top",
+      "padding-right",
+      "padding-bottom",
+      "padding-left",
+      "border-top-width",
+      "border-right-width",
+      "border-bottom-width",
+      "border-left-width",
+      "border-style",
+      "box-sizing",
+      "tab-size"
+    ])
+      e.style.setProperty(l, n.getPropertyValue(l));
+    const s = parseFloat(n.borderLeftWidth) || 0, g = parseFloat(n.borderRightWidth) || 0, u = parseFloat(n.borderTopWidth) || 0, b = t instanceof HTMLInputElement || t instanceof HTMLTextAreaElement && t.wrap === "off";
+    Object.assign(e.style, {
+      position: "fixed",
+      top: "0px",
+      left: "-10000px",
+      visibility: "hidden",
+      pointerEvents: "none",
+      height: "auto",
+      overflow: "hidden",
+      whiteSpace: b ? "pre" : "pre-wrap",
+      overflowWrap: "break-word",
+      wordBreak: n.wordBreak,
+      width: (t.clientWidth ? t.clientWidth + s + g : o.width) + "px"
+    });
+    const c = p();
+    e.textContent = a.value.slice(0, c);
+    const i = document.createElement("span");
+    i.textContent = a.value.slice(c) || "​", e.append(i);
+    const w = parseFloat(n.lineHeight) || (parseFloat(n.fontSize) || 14) * 1.6, m = o.left + i.offsetLeft + s - t.scrollLeft, v = o.top + i.offsetTop + u - t.scrollTop;
+    return new window.DOMRect(m, v, 1, w);
+  }
+  const h = x(
+    () => r.value ? {
+      getBoundingClientRect: f,
+      contains: (t) => {
+        var o;
+        return !!((o = r.value) != null && o.contains(t));
+      },
+      focus: () => {
+        var t;
+        return (t = r.value) == null ? void 0 : t.focus();
+      },
+      get isConnected() {
+        var t;
+        return !!((t = r.value) != null && t.isConnected);
+      }
+    } : void 0
+  );
+  return y(d), C(d), { anchor: h, removeMirror: d };
+}
+export {
+  L as useMentionCaret
+};

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
+};