hys-ui 0.1.1 → 0.3.0

package/dist/components/HysTreeSelect/HysTreeSelectPanel2.vue.js

@@ -0,0 +1,323 @@
+import { defineComponent as ge, ref as K, useId as xe, computed as k, watch as X, onBeforeUnmount as Ce, onDeactivated as Me, openBlock as d, createElementBlock as x, normalizeStyle as L, normalizeClass as se, unref as l, createElementVNode as Y, Fragment as Te, renderList as He, withModifiers as Z, renderSlot as A, mergeProps as O, createBlock as U, resolveDynamicComponent as Ne, createCommentVNode as V, createTextVNode as ne, toDisplayString as q, nextTick as _ } from "vue";
+import { LoaderCircle as ze, ChevronDown as De, ChevronRight as Be, Check as Ee } from "lucide-vue-next";
+import Ae from "../HysCheckbox/HysCheckbox.vue.js";
+const Fe = ["id", "aria-label", "aria-multiselectable", "aria-busy"], Ie = ["id", "aria-level", "aria-posinset", "aria-setsize", "aria-expanded", "aria-selected", "aria-checked", "aria-disabled", "tabindex", "data-tree-select-key", "onClick", "onKeydown", "onFocus"], Se = ["disabled", "aria-label", "onClick"], $e = {
+  key: 1,
+  class: "hys-ui-tree-select-spacer"
+}, Re = {
+  key: 3,
+  class: "hys-ui-tree-select-icon",
+  "aria-hidden": "true"
+}, Ke = { class: "hys-ui-tree-select-label" }, Le = ["disabled", "onClick"], Oe = {
+  key: 0,
+  class: "hys-ui-tree-select-empty"
+}, Pe = /* @__PURE__ */ ge({
+  __name: "HysTreeSelectPanel",
+  props: {
+    store: {},
+    size: {},
+    treeId: {},
+    checkable: { type: Boolean },
+    checkStrictly: { type: Boolean },
+    leafOnly: { type: Boolean },
+    expandOnClickNode: { type: Boolean },
+    showLine: { type: Boolean },
+    showIcon: { type: Boolean, default: !0 },
+    indent: { default: 18 },
+    listHeight: { default: 256 },
+    virtual: { type: Boolean },
+    itemHeight: { default: 36 },
+    overscan: { default: 4 }
+  },
+  emits: ["choose", "scroll"],
+  setup(o, { expose: oe, emit: ue }) {
+    const s = o, w = ue, F = s.store, { tree: h, busy: u, words: m, query: N } = F, {
+      index: P,
+      visible: y,
+      expanded: z,
+      checked: I,
+      halfChecked: j,
+      loadingKeys: G,
+      failures: ce,
+      selection: S,
+      matches: de
+    } = h, c = K(), p = K(null), C = K(0), $ = K(0), re = xe(), b = k(
+      () => Number.isFinite(s.itemHeight) ? Math.min(240, Math.max(24, s.itemHeight)) : 36
+    ), D = k(
+      () => Number.isFinite(s.listHeight) ? Math.min(1200, Math.max(80, s.listHeight)) : 256
+    ), ee = k(
+      () => Number.isFinite(s.overscan) ? Math.min(30, Math.max(0, Math.floor(s.overscan))) : 4
+    ), he = k(
+      () => Number.isFinite(s.indent) ? Math.min(80, Math.max(0, s.indent)) : 18
+    ), f = k(() => y.value.filter((e) => !e.disabled)), te = k(
+      () => s.virtual ? Math.max(0, Math.floor(C.value / b.value) - ee.value) : 0
+    ), ye = k(
+      () => s.virtual ? Math.min(
+        y.value.length,
+        Math.ceil(
+          (C.value + ($.value || D.value)) / b.value
+        ) + ee.value
+      ) : y.value.length
+    ), ve = k(() => y.value.slice(te.value, ye.value)), H = k(
+      () => {
+        var e;
+        return p.value !== null && y.value.some((a) => a.key === p.value && !a.disabled) ? p.value : (e = f.value[0]) == null ? void 0 : e.key;
+      }
+    );
+    let B = 0, g, J = 0, M = !0;
+    const R = /* @__PURE__ */ new Map();
+    function ke(e, a) {
+      a instanceof HTMLElement ? R.set(e, a) : R.delete(e);
+    }
+    const ae = (e) => re + "-" + typeof e + "-" + String(e);
+    X([c, () => s.virtual], () => {
+      g == null || g.disconnect(), c.value && s.virtual && typeof ResizeObserver < "u" && (g = new ResizeObserver(
+        (e) => {
+          var a;
+          return $.value = ((a = e[0]) == null ? void 0 : a.contentRect.height) || 0;
+        }
+      ), g.observe(c.value));
+    }), X(N, () => {
+      var e;
+      C.value = 0, c.value && (c.value.scrollTop = 0), p.value = ((e = f.value[0]) == null ? void 0 : e.key) ?? null;
+    }), X(
+      () => y.value.length,
+      () => {
+        const e = Math.max(
+          0,
+          y.value.length * b.value - ($.value || D.value)
+        );
+        s.virtual && C.value > e && (C.value = e, c.value && (c.value.scrollTop = e));
+      }
+    );
+    function fe(e) {
+      !M || !c.value || (s.virtual && !B && (B = requestAnimationFrame(() => {
+        B = 0, c.value && (C.value = c.value.scrollTop);
+      })), w("scroll", e));
+    }
+    async function le(e) {
+      if (!M) return;
+      e.key !== void 0 && (await h.setExpandedKeys([
+        .../* @__PURE__ */ new Set([...h.rawExpanded.value, ...h.ancestors(e.key)])
+      ]), await _());
+      const a = c.value;
+      if (!a || !M) return;
+      let t = e.top ?? a.scrollTop;
+      if (e.key !== void 0) {
+        const i = y.value.findIndex((n) => n.key === e.key);
+        if (i < 0) return;
+        if (s.virtual) {
+          const n = i * b.value, r = n + b.value, v = $.value || D.value;
+          t = e.align === "top" ? n : e.align === "bottom" ? r - v : n < a.scrollTop ? n : r > a.scrollTop + v ? r - v : a.scrollTop;
+        } else {
+          const n = R.get(e.key);
+          if (n) {
+            const r = n.getBoundingClientRect().top - a.getBoundingClientRect().top + a.scrollTop, v = r + n.offsetHeight;
+            t = e.align === "top" ? r : e.align === "bottom" ? v - a.clientHeight : r < a.scrollTop ? r : v > a.scrollTop + a.clientHeight ? v - a.clientHeight : a.scrollTop;
+          }
+        }
+      }
+      t = Number.isFinite(t) ? Math.max(0, t) : 0, a.scrollTop = t, C.value = a.scrollTop, await _();
+    }
+    async function E(e) {
+      var i, n;
+      if (u.value || !M) return;
+      const a = e ?? H.value;
+      if (a === void 0 || (i = P.value.map.get(a)) != null && i.disabled) return;
+      const t = ++J;
+      p.value = a, await le({ key: a }), !(!M || u.value || t !== J) && (await _(), (n = R.get(a)) == null || n.focus({ preventScroll: !!s.virtual }));
+    }
+    function T(e) {
+      return {
+        node: F.rawNode(e.node),
+        key: e.key,
+        label: e.label,
+        depth: e.depth,
+        expanded: z.value.has(e.key) || !!N.value.trim(),
+        selected: S.value.has(e.key),
+        checked: I.value.has(e.key),
+        indeterminate: j.value.has(e.key),
+        disabled: u.value || e.disabled,
+        loading: G.value.has(e.key),
+        leaf: !e.hasChildren
+      };
+    }
+    async function Q(e, a) {
+      u.value || e.disabled || (await F.pick(e, a), M && w("choose", e.key));
+    }
+    function me(e, a) {
+      e.target instanceof Element && e.target.closest(
+        "button,input,a,textarea,select,[contenteditable=true]"
+      ) || (p.value = a.key, Q(a, e), s.expandOnClickNode && a.hasChildren && !s.leafOnly && h.expandNode(a.key, !z.value.has(a.key)));
+    }
+    function pe(e, a) {
+      var r, v;
+      if (e.isComposing || e.keyCode === 229 || u.value) return;
+      const t = e.target;
+      if (t != null && t.matches("input:not([type=checkbox]),textarea,select") || t != null && t.closest("[contenteditable=true],a") || t != null && t.closest("button") && !t.closest(".hys-ui-tree-select-toggle") || t != null && t.matches("input[type=checkbox]") && ["Enter", " "].includes(e.key) || t != null && t.closest(".hys-ui-tree-select-toggle") && ["Enter", " "].includes(e.key))
+        return;
+      const i = a ?? P.value.map.get(H.value);
+      if (!i) return;
+      const n = f.value.findIndex((W) => W.key === i.key);
+      if (["ArrowDown", "ArrowUp", "Home", "End"].includes(e.key)) {
+        e.preventDefault();
+        const W = e.key === "Home" ? 0 : e.key === "End" ? f.value.length - 1 : Math.max(
+          0,
+          Math.min(
+            f.value.length - 1,
+            n + (e.key === "ArrowDown" ? 1 : -1)
+          )
+        );
+        E((r = f.value[W]) == null ? void 0 : r.key);
+      } else e.key === "ArrowRight" ? (e.preventDefault(), i.hasChildren && !z.value.has(i.key) ? h.expandNode(i.key) : i.hasChildren && E((v = f.value[n + 1]) == null ? void 0 : v.key)) : e.key === "ArrowLeft" ? (e.preventDefault(), i.hasChildren && z.value.has(i.key) ? h.expandNode(i.key, !1) : i.parent !== void 0 && E(i.parent)) : (e.key === "Enter" || e.key === " ") && (e.preventDefault(), Q(i, e));
+    }
+    async function be(e) {
+      var a, t;
+      if (!(e.isComposing || e.keyCode === 229)) {
+        if (e.key === "ArrowDown" || e.key === "ArrowUp")
+          e.preventDefault(), await E(
+            e.key === "ArrowUp" ? (a = f.value.at(-1)) == null ? void 0 : a.key : (t = f.value[0]) == null ? void 0 : t.key
+          );
+        else if (e.key === "Enter") {
+          e.preventDefault();
+          const i = P.value.map.get(H.value);
+          i && await Q(i, e);
+        }
+      }
+    }
+    function ie() {
+      M = !1, J++, cancelAnimationFrame(B), B = 0, g == null || g.disconnect();
+    }
+    return Ce(ie), Me(ie), oe({
+      focus: E,
+      scrollTo: le,
+      searchKeys: be,
+      activeId: k(
+        () => H.value === void 0 ? void 0 : ae(H.value)
+      ),
+      setActive: (e) => p.value = e
+    }), (e, a) => (d(), x("div", {
+      ref_key: "port",
+      ref: c,
+      id: o.treeId,
+      role: "tree",
+      "aria-label": l(m).tree,
+      "aria-multiselectable": l(F).multiple.value || void 0,
+      "aria-busy": l(u) || l(G).size > 0 || void 0,
+      class: se(["hys-ui-tree-select-list", { "hys-ui-tree-select-virtual": o.virtual }]),
+      style: L({
+        maxHeight: D.value + "px",
+        height: o.virtual ? D.value + "px" : void 0,
+        "--hys-ui-tree-select-height": b.value + "px",
+        "--hys-ui-tree-select-indent": he.value + "px"
+      }),
+      onScroll: fe
+    }, [
+      Y("div", {
+        class: "hys-ui-tree-select-space",
+        style: L(o.virtual ? { height: l(y).length * b.value + "px" } : void 0)
+      }, [
+        Y("div", {
+          class: "hys-ui-tree-select-rows",
+          style: L(
+            o.virtual ? {
+              position: "absolute",
+              top: te.value * b.value + "px",
+              insetInline: "0"
+            } : void 0
+          )
+        }, [
+          (d(!0), x(Te, null, He(ve.value, (t) => (d(), x("div", {
+            id: ae(t.key),
+            key: typeof t.key + ":" + t.key,
+            ref_for: !0,
+            ref: (i) => ke(t.key, i),
+            role: "treeitem",
+            "aria-level": t.depth + 1,
+            "aria-posinset": t.pos,
+            "aria-setsize": t.size,
+            "aria-expanded": t.hasChildren ? T(t).expanded : void 0,
+            "aria-selected": !o.checkable && t.selectable ? l(S).has(t.key) : void 0,
+            "aria-checked": o.checkable && t.checkable ? l(j).has(t.key) ? "mixed" : l(I).has(t.key) : void 0,
+            "aria-disabled": l(u) || t.disabled || void 0,
+            tabindex: !l(u) && H.value === t.key ? 0 : -1,
+            "data-tree-select-key": typeof t.key + ":" + t.key,
+            class: se(["hys-ui-tree-select-row", {
+              "hys-ui-tree-select-selected": o.checkable ? l(I).has(t.key) : l(S).has(t.key),
+              "hys-ui-tree-select-disabled": t.disabled,
+              "hys-ui-tree-select-line": o.showLine,
+              "hys-ui-tree-select-match": l(N).trim() && l(de).has(t.key)
+            }]),
+            style: L({ "--hys-ui-tree-select-depth": t.depth }),
+            onClick: (i) => me(i, t),
+            onKeydown: (i) => pe(i, t),
+            onFocus: (i) => p.value = t.key
+          }, [
+            t.hasChildren ? (d(), x("button", {
+              key: 0,
+              class: "hys-ui-tree-select-toggle",
+              type: "button",
+              tabindex: "-1",
+              disabled: l(u) || t.disabled,
+              "aria-label": (T(t).expanded ? l(m).collapse : l(m).expand) + " " + t.label,
+              onClick: Z((i) => l(h).expandNode(t.key, !l(z).has(t.key)), ["stop"])
+            }, [
+              A(e.$slots, "switcher", O({ ref_for: !0 }, T(t)), () => [
+                l(G).has(t.key) ? (d(), U(l(ze), {
+                  key: 0,
+                  size: 14,
+                  class: "hys-ui-icon-spin"
+                })) : (d(), U(Ne(T(t).expanded ? l(De) : l(Be)), {
+                  key: 1,
+                  size: 14
+                }))
+              ], !0)
+            ], 8, Se)) : (d(), x("span", $e, [
+              A(e.$slots, "switcher", O({ ref_for: !0 }, T(t)), void 0, !0)
+            ])),
+            o.checkable && t.checkable ? (d(), U(Ae, {
+              key: 2,
+              "model-value": l(I).has(t.key),
+              indeterminate: l(j).has(t.key),
+              disabled: l(u) || t.checkboxDisabled,
+              "aria-label": l(m).check + " " + t.label,
+              tabindex: -1,
+              size: o.size,
+              onClick: a[0] || (a[0] = Z(() => {
+              }, ["stop"])),
+              "onUpdate:modelValue": (i) => l(h).setChecked(t.key, i, !o.checkStrictly)
+            }, null, 8, ["model-value", "indeterminate", "disabled", "aria-label", "size", "onUpdate:modelValue"])) : V("", !0),
+            o.showIcon && e.$slots.icon ? (d(), x("span", Re, [
+              A(e.$slots, "icon", O({ ref_for: !0 }, T(t)), void 0, !0)
+            ])) : V("", !0),
+            Y("span", Ke, [
+              A(e.$slots, "option", O({ ref_for: !0 }, T(t)), () => [
+                ne(q(t.label), 1)
+              ], !0)
+            ]),
+            l(ce).has(t.key) ? (d(), x("button", {
+              key: 4,
+              class: "hys-ui-tree-select-retry",
+              type: "button",
+              disabled: l(u),
+              onClick: Z((i) => l(h).reloadNode(t.key), ["stop"])
+            }, q(l(m).loadError) + " · " + q(l(m).retry), 9, Le)) : !o.checkable && l(S).has(t.key) ? (d(), U(l(Ee), {
+              key: 5,
+              size: 15,
+              class: "hys-ui-tree-select-check",
+              "aria-hidden": "true"
+            })) : V("", !0)
+          ], 46, Ie))), 128))
+        ], 4)
+      ], 4),
+      !l(y).length && !l(u) ? (d(), x("div", Oe, [
+        A(e.$slots, "empty", { query: l(N) }, () => [
+          ne(q(l(N).trim() ? l(m).noMatch : l(m).empty), 1)
+        ], !0)
+      ])) : V("", !0)
+    ], 46, Fe));
+  }
+});
+export {
+  Pe as default
+};

package/dist/components/HysUpload/HysUpload.vue.js

@@ -1,7 +1,7 @@
 import o from "./HysUpload2.vue.js";
 /* empty css               */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const d = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d2ca10d8"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2a1015ce"]]);
 export {
-  d as default
+  m as default
 };