hys-ui 0.1.0 → 0.2.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 e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-023eb5ec"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-41868bf4"]]);
 export {
-  e as default
+  f as default
 };

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

@@ -1,7 +1,8 @@
-import { defineComponent as B, ref as v, openBlock as f, createElementBlock as c, normalizeProps as D, guardReactiveProps as F, unref as p, createElementVNode as u, withModifiers as b, withKeys as h, normalizeClass as L, renderSlot as k, createVNode as y, toDisplayString as z, Fragment as S, renderList as A, createTextVNode as N, createCommentVNode as V } from "vue";
-import { CloudUpload as W, FileText as E, X as R } from "lucide-vue-next";
-import { useHysRootAttrs as T } from "../../config.js";
-const H = ["aria-disabled", "tabindex"], K = ["accept", "multiple", "disabled"], P = { key: 0 }, I = ["aria-label", "disabled", "onClick"], q = /* @__PURE__ */ B({
+import { defineComponent as L, ref as g, watch as N, onActivated as V, onDeactivated as W, onBeforeUnmount as E, openBlock as b, createElementBlock as h, normalizeProps as H, guardReactiveProps as R, unref as i, createElementVNode as c, withModifiers as k, withKeys as x, normalizeClass as T, renderSlot as U, createVNode as z, toDisplayString as $, Fragment as K, renderList as P, createTextVNode as I, createCommentVNode as M } from "vue";
+import { useHysControlState as X } from "../../composables/formContext.js";
+import { CloudUpload as j, FileText as q, X as G } from "lucide-vue-next";
+import { useHysRootAttrs as J } from "../../config.js";
+const O = ["aria-disabled", "tabindex"], Q = ["accept", "multiple", "disabled"], Y = { key: 0 }, Z = ["aria-label", "disabled", "onClick"], le = /* @__PURE__ */ L({
   __name: "HysUpload",
   props: {
     accept: {},
@@ -14,115 +15,133 @@ const H = ["aria-disabled", "tabindex"], K = ["accept", "multiple", "disabled"],
     beforeUpload: {}
   },
   emits: ["change", "remove", "exceed", "error", "select"],
-  setup(l, { expose: w, emit: x }) {
-    const i = l, r = x, C = T(), o = v([]), d = v(), m = v(!1), s = v(!1);
-    function $(a) {
-      return !i.accept || i.accept.split(",").some((e) => (e = e.trim().toLowerCase(), e.startsWith(".") ? a.name.toLowerCase().endsWith(e) : e.endsWith("/*") ? a.type.startsWith(e.slice(0, -1)) : a.type === e));
+  setup(m, { expose: B, emit: D }) {
+    const r = m, { disabled: n } = X(r), o = D, S = J(), u = g([]), s = g(), p = g(!1), v = g(!1);
+    function A(l) {
+      return !r.accept || r.accept.split(",").some((e) => (e = e.trim().toLowerCase(), e.startsWith(".") ? l.name.toLowerCase().endsWith(e) : e.endsWith("/*") ? l.type.startsWith(e.slice(0, -1)) : l.type === e));
     }
-    async function g(a) {
-      if (i.disabled || s.value) return;
-      if (i.multiple || (a = a.slice(0, 1)), i.limit && o.value.length + a.length > i.limit) {
-        r("exceed", a);
+    let f = 0, d = !0;
+    function y() {
+      f++, v.value = !1, p.value = !1, s.value && (s.value.value = "");
+    }
+    N(() => n.value, y), V(() => {
+      d = !0;
+    }), W(() => {
+      d = !1, y();
+    }), E(() => {
+      d = !1, y();
+    });
+    async function w(l) {
+      if (!d || n.value || v.value) return;
+      if (r.multiple || (l = l.slice(0, 1)), r.limit && (r.multiple ? u.value.length : 0) + l.length > r.limit) {
+        o("exceed", l);
         return;
       }
-      s.value = !0;
-      const e = [];
+      const e = ++f;
+      v.value = !0;
+      const a = [];
       try {
-        for (const t of a) {
-          if (!$(t)) {
-            r("error", "文件类型不符合要求：" + t.name);
-            continue;
-          }
-          if (i.maxSize && t.size > i.maxSize) {
-            r("error", "文件超过大小限制：" + t.name);
-            continue;
+        for (const t of l) {
+          if (!d || e !== f || n.value) return;
+          try {
+            if (!A(t)) {
+              o("error", "文件类型不符合要求：" + t.name);
+              continue;
+            }
+            if (r.maxSize && t.size > r.maxSize) {
+              o("error", "文件超过大小限制：" + t.name);
+              continue;
+            }
+            if (r.beforeUpload && await r.beforeUpload(t) === !1) continue;
+            if (!d || e !== f || n.value) return;
+            a.push({ uid: crypto.randomUUID(), name: t.name, size: t.size, raw: t });
+          } catch (C) {
+            d && e === f && o("error", C instanceof Error ? C.message : "文件检查失败");
           }
-          i.beforeUpload && await i.beforeUpload(t) === !1 || e.push({ uid: crypto.randomUUID(), name: t.name, size: t.size, raw: t });
         }
-        o.value = i.multiple ? [...o.value, ...e] : e, e.length && (r("select", e.map((t) => t.raw)), r("change", [...o.value]));
-      } catch (t) {
-        r("error", t instanceof Error ? t.message : "文件检查失败");
+        if (!d || e !== f || n.value || !a.length) return;
+        u.value = r.multiple ? [...u.value, ...a] : a, a.length && (o("select", a.map((t) => t.raw)), o("change", [...u.value]));
       } finally {
-        s.value = !1, d.value && (d.value.value = "");
+        e === f && (v.value = !1, s.value && (s.value.value = ""));
       }
     }
-    function U(a) {
-      i.disabled || (o.value = o.value.filter((e) => e.uid !== a.uid), r("remove", a), r("change", [...o.value]));
+    function F(l) {
+      n.value || (u.value = u.value.filter((e) => e.uid !== l.uid), o("remove", l), o("change", [...u.value]));
     }
-    return w({ clearFiles: () => {
-      o.value = [], r("change", []);
+    return B({ clearFiles: () => {
+      y(), u.value = [], o("change", []);
     }, open: () => {
-      var a;
-      i.disabled || (a = d.value) == null || a.click();
-    } }), (a, e) => (f(), c("div", D(F(p(C))), [
-      u("div", {
-        class: L(["hys-ui-upload-zone", { "hys-ui-upload-dragging": m.value }]),
+      var l;
+      d && !n.value && !v.value && ((l = s.value) == null || l.click());
+    } }), (l, e) => (b(), h("div", H(R(i(S))), [
+      c("div", {
+        class: T(["hys-ui-upload-zone", { "hys-ui-upload-dragging": p.value }]),
         role: "button",
-        "aria-disabled": l.disabled || s.value,
-        tabindex: l.disabled ? -1 : 0,
+        "aria-disabled": i(n) || v.value,
+        tabindex: i(n) ? -1 : 0,
         "aria-label": "选择上传文件",
-        onClick: e[0] || (e[0] = (t) => {
-          var n;
-          return !l.disabled && ((n = d.value) == null ? void 0 : n.click());
+        onClick: e[0] || (e[0] = (a) => {
+          var t;
+          return !i(n) && ((t = s.value) == null ? void 0 : t.click());
         }),
         onKeydown: [
-          e[1] || (e[1] = h(b((t) => {
-            var n;
-            return !l.disabled && ((n = d.value) == null ? void 0 : n.click());
+          e[1] || (e[1] = x(k((a) => {
+            var t;
+            return !i(n) && ((t = s.value) == null ? void 0 : t.click());
           }, ["prevent"]), ["enter"])),
-          e[2] || (e[2] = h(b((t) => {
-            var n;
-            return !l.disabled && ((n = d.value) == null ? void 0 : n.click());
+          e[2] || (e[2] = x(k((a) => {
+            var t;
+            return !i(n) && ((t = s.value) == null ? void 0 : t.click());
           }, ["prevent"]), ["space"]))
         ],
-        onDragover: e[3] || (e[3] = b((t) => l.drag && !l.disabled && (m.value = !0), ["prevent"])),
-        onDragleave: e[4] || (e[4] = (t) => m.value = !1),
-        onDrop: e[5] || (e[5] = b((t) => {
-          var n;
-          m.value = !1, l.drag && g(Array.from(((n = t.dataTransfer) == null ? void 0 : n.files) || []));
+        onDragover: e[3] || (e[3] = k((a) => m.drag && !i(n) && (p.value = !0), ["prevent"])),
+        onDragleave: e[4] || (e[4] = (a) => p.value = !1),
+        onDrop: e[5] || (e[5] = k((a) => {
+          var t;
+          p.value = !1, m.drag && w(Array.from(((t = a.dataTransfer) == null ? void 0 : t.files) || []));
         }, ["prevent"]))
       }, [
-        k(a.$slots, "default", {}, () => [
-          y(p(W), {
+        U(l.$slots, "default", {}, () => [
+          z(i(j), {
             size: 28,
             "aria-hidden": "true"
           }),
-          u("strong", null, z(s.value ? "正在检查文件…" : "点击选择或拖入文件"), 1),
-          e[7] || (e[7] = u("span", null, "文件通过事件交给业务层上传", -1))
+          c("strong", null, $(v.value ? "正在检查文件…" : "点击选择或拖入文件"), 1),
+          e[7] || (e[7] = c("span", null, "文件通过事件交给业务层上传", -1))
         ], !0)
-      ], 42, H),
-      u("input", {
+      ], 42, O),
+      c("input", {
         ref_key: "input",
-        ref: d,
+        ref: s,
         hidden: "",
         type: "file",
-        accept: l.accept,
-        multiple: l.multiple,
-        disabled: l.disabled || s.value,
-        onChange: e[6] || (e[6] = (t) => g(Array.from(t.target.files || [])))
-      }, null, 40, K),
-      l.showFileList ? (f(), c("div", P, [
-        (f(!0), c(S, null, A(o.value, (t) => (f(), c("div", {
-          key: t.uid,
+        accept: m.accept,
+        multiple: m.multiple,
+        disabled: i(n) || v.value,
+        onChange: e[6] || (e[6] = (a) => w(Array.from(a.target.files || [])))
+      }, null, 40, Q),
+      m.showFileList ? (b(), h("div", Y, [
+        (b(!0), h(K, null, P(u.value, (a) => (b(), h("div", {
+          key: a.uid,
           class: "hys-ui-upload-file"
         }, [
-          y(p(E), { size: 16 }),
-          k(a.$slots, "file", { file: t }, () => [
-            N(z(t.name), 1)
+          z(i(q), { size: 16 }),
+          U(l.$slots, "file", { file: a }, () => [
+            I($(a.name), 1)
           ], !0),
-          u("button", {
+          c("button", {
             type: "button",
-            "aria-label": "移除" + t.name,
-            disabled: l.disabled,
-            onClick: (n) => U(t)
+            "aria-label": "移除" + a.name,
+            disabled: i(n),
+            onClick: (t) => F(a)
           }, [
-            y(p(R), { size: 14 })
-          ], 8, I)
+            z(i(G), { size: 14 })
+          ], 8, Z)
         ]))), 128))
-      ])) : V("", !0)
+      ])) : M("", !0)
     ], 16));
   }
 });
 export {
-  q as default
+  le as default
 };

package/dist/composables/autocomplete.js

@@ -0,0 +1,50 @@
+function k(l, n = "value", e = "label") {
+  return typeof l == "string" ? l : String(l[n] ?? l.value ?? l[e] ?? l.label ?? "");
+}
+function S(l, n, e) {
+  const c = (t) => e.caseSensitive ? t : t.toLocaleLowerCase(), p = c(n);
+  function y(t, g = "", b = !1) {
+    return t.flatMap((o, h) => {
+      if (typeof o != "string" && (!o || typeof o != "object" || Array.isArray(o)))
+        return [];
+      const i = g + h, r = typeof o == "string" ? void 0 : o, s = r && (Array.isArray(r.options) ? r.options : Array.isArray(r.children) ? r.children : void 0);
+      if (s) {
+        const f = r, A = y(s, i + "-", b || !!f.disabled);
+        return A.length ? [
+          {
+            key: i,
+            kind: "group",
+            label: String(f.label ?? ""),
+            value: "",
+            disabled: !0,
+            item: "",
+            group: f
+          },
+          ...A
+        ] : [];
+      }
+      const a = o, u = k(a, e.valueKey, e.labelKey), v = typeof a == "string" ? a : String(a[e.labelKey] ?? a.label ?? u);
+      let d = !0;
+      try {
+        d = typeof e.filter == "function" ? e.filter(n, a) : !e.filter || !n || c(v).includes(p) || c(u).includes(p);
+      } catch {
+        d = !1;
+      }
+      return d ? [
+        {
+          key: i,
+          kind: "option",
+          label: v,
+          value: u,
+          disabled: b || !!(r && r.disabled),
+          item: a
+        }
+      ] : [];
+    });
+  }
+  return y(l);
+}
+export {
+  k as autocompleteValue,
+  S as normalizeAutocomplete
+};

package/dist/composables/avatar.js

@@ -0,0 +1,57 @@
+import { ref as f, watch as d, onActivated as s, onDeactivated as c, onBeforeUnmount as p, computed as b } from "vue";
+const h = Symbol(
+  "hys-ui-avatar-group"
+), y = [
+  ["xs", 0],
+  ["sm", 576],
+  ["md", 768],
+  ["lg", 992],
+  ["xl", 1200],
+  ["xxl", 1600]
+], l = f(0), a = /* @__PURE__ */ new Set();
+let o;
+function m() {
+  o = void 0, l.value = window.innerWidth;
+}
+function u() {
+  o === void 0 && (o = requestAnimationFrame(m));
+}
+function w(e, i) {
+  let t = typeof e == "object" ? void 0 : e;
+  if (e && typeof e == "object")
+    for (const [n, r] of y)
+      i >= r && e[n] !== void 0 && (t = e[n]);
+  return typeof t == "string" && (t = {
+    sm: 24,
+    small: 24,
+    md: 36,
+    medium: 36,
+    default: 36,
+    lg: 48,
+    large: 48
+  }[t]), typeof t == "number" && Number.isFinite(t) ? Math.max(1, Math.min(1024, t)) : 36;
+}
+function x(e) {
+  const i = f(!0), t = Symbol();
+  let n = !1;
+  function r() {
+    n && (n = !1, a.delete(t), a.size || (window.removeEventListener("resize", u), o !== void 0 && cancelAnimationFrame(o), o = void 0));
+  }
+  function v() {
+    if (!i.value || !e.value || typeof e.value != "object") {
+      r();
+      return;
+    }
+    n || (n = !0, a.add(t), a.size === 1 && (m(), window.addEventListener("resize", u)));
+  }
+  return d([i, () => !!e.value && typeof e.value == "object"], v, {
+    immediate: !0
+  }), s(() => i.value = !0), c(() => {
+    i.value = !1, r();
+  }), p(r), b(() => w(e.value, l.value));
+}
+export {
+  h as avatarGroupKey,
+  w as resolveAvatarSize,
+  x as useAvatarSize
+};