hys-ui 0.2.0 → 0.4.0

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