hys-ui 0.1.0 → 0.1.1

package/dist/components/HysSelect/HysSelect2.vue.js

@@ -1,14 +1,14 @@
-import { defineComponent as G, ref as p, useId as J, computed as x, watch as I, openBlock as s, createElementBlock as o, mergeProps as q, unref as i, createElementVNode as H, renderSlot as k, Fragment as A, renderList as F, toDisplayString as L, createTextVNode as z, createBlock as E, withModifiers as O, createVNode as Q, createCommentVNode as g, Teleport as Y, withDirectives as Z, vModelText as _, normalizeClass as ee, nextTick as ae } from "vue";
-import { LoaderCircle as le, ChevronDown as te, X as ie, Check as se } from "lucide-vue-next";
-import { useHysRootAttrs as oe } from "../../config.js";
-import { useFloating as ue } from "../../composables/useFloating.js";
-const re = ["aria-label", "disabled", "aria-expanded", "aria-controls", "aria-activedescendant"], ne = { class: "hys-ui-select-label" }, de = ["aria-controls", "aria-activedescendant"], ce = ["id", "aria-multiselectable"], ve = {
+import { defineComponent as Q, ref as p, useId as Y, computed as I, watch as m, nextTick as q, openBlock as s, createElementBlock as n, mergeProps as F, unref as i, createElementVNode as L, renderSlot as C, Fragment as D, renderList as K, toDisplayString as z, createBlock as E, withModifiers as Z, createVNode as _, createCommentVNode as V, Teleport as ee, withDirectives as le, vModelText as ae, createTextVNode as H, normalizeClass as te } from "vue";
+import { LoaderCircle as ie, ChevronDown as se, X as oe, Check as ue } from "lucide-vue-next";
+import { useHysRootAttrs as re } from "../../config.js";
+import { useFloating as ne } from "../../composables/useFloating.js";
+const de = ["aria-label", "disabled", "aria-expanded", "aria-controls", "aria-activedescendant"], ce = { class: "hys-ui-select-label" }, ve = ["title"], ye = ["aria-controls", "aria-activedescendant"], fe = ["id", "aria-multiselectable"], he = {
   key: 0,
   class: "hys-ui-floating-empty"
-}, ye = ["id", "data-active", "aria-selected", "disabled", "onPointerenter", "onClick"], fe = {
+}, be = ["id", "data-active", "aria-selected", "disabled", "onPointerenter", "onClick"], pe = ["title"], me = {
   key: 0,
   class: "hys-ui-floating-empty"
-}, ke = /* @__PURE__ */ G({
+}, Ve = /* @__PURE__ */ Q({
   __name: "HysSelect",
   props: {
     modelValue: {},
@@ -21,181 +21,202 @@ const re = ["aria-label", "disabled", "aria-expanded", "aria-controls", "aria-ac
     clearable: { type: Boolean },
     loading: { type: Boolean },
     remote: { type: Boolean },
+    popupMatchWidth: { type: Boolean },
+    filterMethod: {},
     emptyText: { default: "暂无选项" },
     size: { default: "md" }
   },
   emits: ["update:modelValue", "change", "clear", "search", "visibleChange"],
-  setup(u, { expose: K, emit: R }) {
-    const t = u, b = R, M = oe(), h = p(), w = p(), N = p(), y = p(""), n = p(0), f = J(), { open: v, style: W, show: X, close: m } = ue(h, w, { placement: "bottom-start", matchWidth: !0 }), C = x(() => t.multiple || Array.isArray(t.modelValue)), d = x(() => Array.isArray(t.modelValue) ? t.modelValue : [t.modelValue].filter(Boolean)), V = x(() => t.options.filter((e) => d.value.includes(e.value))), c = x(() => t.remote ? t.options : t.options.filter((e) => !y.value || e.label.toLocaleLowerCase().includes(y.value.toLocaleLowerCase())));
-    function T(e) {
-      b("update:modelValue", e), b("change", e);
+  setup(d, { expose: R, emit: X }) {
+    const t = d, k = X, N = re(), g = p(), B = p(), P = p(), y = p(""), o = p(0), f = Y(), { open: v, style: j, show: G, close: h, update: J } = ne(g, B, { placement: "bottom-start", matchWidth: () => t.popupMatchWidth ? !0 : "min" }), x = I(() => t.multiple || Array.isArray(t.modelValue)), u = I(() => Array.isArray(t.modelValue) ? t.modelValue : [t.modelValue].filter(Boolean)), T = p(/* @__PURE__ */ new Map());
+    m(() => [t.options, u.value], () => {
+      const e = T.value, a = /* @__PURE__ */ new Map();
+      for (const l of t.options) a.set(l.value, l);
+      for (const l of u.value) !a.has(l) && e.has(l) && a.set(l, e.get(l));
+      T.value = a;
+    }, { immediate: !0, deep: !0 });
+    const w = I(() => u.value.map((e) => T.value.get(e) ?? { value: e, label: e })), r = I(() => t.remote ? t.options : t.options.filter((e) => !y.value || (t.filterMethod ? t.filterMethod(y.value, e) : e.label.toLocaleLowerCase().includes(y.value.toLocaleLowerCase()))));
+    function $(e) {
+      k("update:modelValue", e), k("change", e);
     }
     function S(e) {
-      const l = c.value[e];
-      !l || l.disabled || t.disabled || t.loading || (C.value ? T(d.value.includes(l.value) ? d.value.filter((a) => a !== l.value) : [...d.value, l.value]) : (T(l.value), m(!0)));
+      const a = r.value[e];
+      !a || a.disabled || t.disabled || t.loading || (x.value ? $(u.value.includes(a.value) ? u.value.filter((l) => l !== a.value) : [...u.value, a.value]) : ($(a.value), h(!0)));
     }
-    function j() {
+    function O() {
       var e;
-      t.disabled || (T(C.value ? [] : ""), b("clear"), (e = h.value) == null || e.focus());
+      t.disabled || ($(x.value ? [] : ""), k("clear"), (e = g.value) == null || e.focus());
     }
-    async function $() {
-      var e;
-      if (!t.disabled) {
-        if (v.value) {
-          m();
-          return;
-        }
-        y.value = "", n.value = Math.max(0, c.value.findIndex((l) => d.value.includes(l.value) && !l.disabled)), await X(), t.filterable && ((e = N.value) == null || e.focus());
+    async function M() {
+      var a;
+      if (t.disabled) return;
+      if (v.value) {
+        h();
+        return;
       }
+      y.value = "";
+      const e = r.value.findIndex((l) => u.value.includes(l.value) && !l.disabled);
+      o.value = e >= 0 ? e : r.value.findIndex((l) => !l.disabled), await G(), t.filterable && ((a = P.value) == null || a.focus());
     }
-    async function P(e) {
-      var l, a, r;
-      if (!t.disabled)
+    async function W(e) {
+      var a, l, c;
+      if (!(t.disabled || e.isComposing || e.keyCode === 229))
         if (["ArrowDown", "ArrowUp", "Home", "End"].includes(e.key)) {
-          if (e.preventDefault(), !v.value) await $();
+          if (e.preventDefault(), !v.value) await M();
           else {
-            const D = e.key === "ArrowUp" ? -1 : 1;
-            let B = e.key === "Home" ? -1 : e.key === "End" ? c.value.length : n.value;
-            for (let U = 0; U < c.value.length; U++)
-              if (B = (B + (e.key === "End" ? -1 : D) + c.value.length) % c.value.length, !c.value[B].disabled) {
-                n.value = B;
+            const b = e.key === "ArrowUp" ? -1 : 1;
+            let A = e.key === "Home" ? -1 : e.key === "End" ? r.value.length : o.value;
+            for (let U = 0; U < r.value.length; U++)
+              if (A = (A + (e.key === "End" ? -1 : b) + r.value.length) % r.value.length, !r.value[A].disabled) {
+                o.value = A;
                 break;
               }
           }
-          await ae(), (a = (l = w.value) == null ? void 0 : l.querySelector('[data-active="true"]')) == null || a.scrollIntoView({ block: "nearest" });
-        } else e.key === "Enter" || e.key === " " && !t.filterable ? (e.preventDefault(), v.value ? S(n.value) : await $()) : e.key === "Tab" && m(!!((r = w.value) != null && r.contains(document.activeElement)));
+          await q(), (l = (a = B.value) == null ? void 0 : a.querySelector('[data-active="true"]')) == null || l.scrollIntoView({ block: "nearest" });
+        } else e.key === "Enter" || e.key === " " && !t.filterable ? (e.preventDefault(), v.value ? S(o.value) : await M()) : e.key === "Tab" && h(!!((c = B.value) != null && c.contains(document.activeElement)));
     }
-    return I(y, (e) => {
-      n.value = Math.max(0, c.value.findIndex((l) => !l.disabled)), b("search", e);
-    }), I(v, (e) => b("visibleChange", e)), I(() => t.disabled, (e) => {
-      e && m();
-    }), K({ focus: () => {
+    return m(y, (e) => {
+      o.value = r.value.findIndex((a) => !a.disabled), k("search", e);
+    }), m(r, (e) => {
+      (!e[o.value] || e[o.value].disabled) && (o.value = e.findIndex((a) => !a.disabled)), v.value && q(J);
+    }, { deep: !0 }), m(() => t.popupMatchWidth, () => {
+      v.value && (h(), M());
+    }), m(v, (e) => k("visibleChange", e)), m(() => t.disabled, (e) => {
+      e && h();
+    }), R({ focus: () => {
       var e;
-      return (e = h.value) == null ? void 0 : e.focus();
+      return (e = g.value) == null ? void 0 : e.focus();
     }, blur: () => {
       var e;
-      return (e = h.value) == null ? void 0 : e.blur();
-    }, close: () => m() }), (e, l) => (s(), o("div", q(i(M), {
-      class: ["hys-ui-select-wrap", "hys-ui-select-" + u.size]
+      return (e = g.value) == null ? void 0 : e.blur();
+    }, close: () => h() }), (e, a) => (s(), n("div", F(i(N), {
+      class: ["hys-ui-select-wrap", "hys-ui-select-" + d.size]
     }), [
-      H("button", {
+      L("button", {
         ref_key: "trigger",
-        ref: h,
+        ref: g,
         type: "button",
         class: "hys-ui-select",
-        "aria-label": u.ariaLabel,
-        disabled: u.disabled,
+        "aria-label": d.ariaLabel,
+        disabled: d.disabled,
         role: "combobox",
         "aria-haspopup": "listbox",
         "aria-expanded": i(v),
         "aria-controls": i(v) ? i(f) : void 0,
-        "aria-activedescendant": i(v) ? i(f) + "-" + n.value : void 0,
-        onClick: $,
-        onKeydown: P
+        "aria-activedescendant": i(v) ? i(f) + "-" + o.value : void 0,
+        onClick: M,
+        onKeydown: W
       }, [
-        H("span", ne, [
-          k(e.$slots, "label", { selected: V.value }, () => {
-            var a;
+        L("span", ce, [
+          C(e.$slots, "label", { selected: w.value }, () => {
+            var l, c;
             return [
-              C.value && V.value.length ? (s(!0), o(A, { key: 0 }, F(V.value, (r) => (s(), o("span", {
-                key: r.value,
+              x.value && w.value.length ? (s(!0), n(D, { key: 0 }, K(w.value, (b) => (s(), n("span", {
+                key: b.value,
                 class: "hys-ui-select-tag"
-              }, L(r.label), 1))), 128)) : (s(), o(A, { key: 1 }, [
-                z(L(((a = V.value[0]) == null ? void 0 : a.label) || u.placeholder), 1)
-              ], 64))
+              }, z(b.label), 1))), 128)) : (s(), n("span", {
+                key: 1,
+                class: "hys-ui-select-single-label",
+                title: (l = w.value[0]) == null ? void 0 : l.label
+              }, z(((c = w.value[0]) == null ? void 0 : c.label) || d.placeholder), 9, ve))
             ];
           }, !0)
         ]),
-        u.loading ? (s(), E(i(le), {
+        d.loading ? (s(), E(i(ie), {
           key: 0,
           class: "hys-ui-icon-spin",
           size: 16
-        })) : (s(), E(i(te), {
+        })) : (s(), E(i(se), {
           key: 1,
           class: "hys-ui-select-chevron",
           size: 16,
           "aria-hidden": "true"
         }))
-      ], 40, re),
-      u.clearable && d.value.length && !u.disabled ? (s(), o("button", {
+      ], 40, de),
+      d.clearable && u.value.length && !d.disabled ? (s(), n("button", {
         key: 0,
         type: "button",
         class: "hys-ui-select-clear",
         "aria-label": "清空选择",
-        onClick: O(j, ["stop"])
+        onClick: Z(O, ["stop"])
       }, [
-        Q(i(ie), { size: 13 })
-      ])) : g("", !0),
-      (s(), E(Y, { to: "body" }, [
-        i(v) ? (s(), o("div", q({
+        _(i(oe), { size: 13 })
+      ])) : V("", !0),
+      (s(), E(ee, { to: "body" }, [
+        i(v) ? (s(), n("div", F({
           key: 0,
           ref_key: "panel",
-          ref: w
-        }, i(M), {
+          ref: B
+        }, i(N), {
           class: "hys-ui-select-options hys-ui-floating-surface",
-          style: i(W),
-          onKeydown: P
+          style: i(j),
+          onKeydown: W
         }), [
-          u.filterable ? Z((s(), o("input", {
+          d.filterable ? le((s(), n("input", {
             key: 0,
             ref_key: "searchInput",
-            ref: N,
-            "onUpdate:modelValue": l[0] || (l[0] = (a) => y.value = a),
+            ref: P,
+            "onUpdate:modelValue": a[0] || (a[0] = (l) => y.value = l),
             class: "hys-ui-select-search",
             placeholder: "搜索选项…",
             "aria-label": "搜索选项",
             "aria-controls": i(f),
-            "aria-activedescendant": i(f) + "-" + n.value
-          }, null, 8, de)), [
-            [_, y.value]
-          ]) : g("", !0),
-          H("div", {
+            "aria-activedescendant": i(f) + "-" + o.value
+          }, null, 8, ye)), [
+            [ae, y.value]
+          ]) : V("", !0),
+          L("div", {
             id: i(f),
             role: "listbox",
-            "aria-multiselectable": C.value || void 0
+            "aria-multiselectable": x.value || void 0
           }, [
-            u.loading ? (s(), o("p", ve, [
-              k(e.$slots, "loading", {}, () => [
-                l[1] || (l[1] = z("加载中…", -1))
+            d.loading ? (s(), n("p", he, [
+              C(e.$slots, "loading", {}, () => [
+                a[1] || (a[1] = H("加载中…", -1))
               ], !0)
-            ])) : (s(), o(A, { key: 1 }, [
-              (s(!0), o(A, null, F(c.value, (a, r) => (s(), o("button", {
-                id: i(f) + "-" + r,
-                key: a.value,
+            ])) : (s(), n(D, { key: 1 }, [
+              (s(!0), n(D, null, K(r.value, (l, c) => (s(), n("button", {
+                id: i(f) + "-" + c,
+                key: l.value,
                 type: "button",
                 role: "option",
-                class: ee(["hys-ui-select-option", { "hys-ui-selected": d.value.includes(a.value), "hys-ui-active": n.value === r && !a.disabled }]),
-                "data-active": n.value === r,
-                "aria-selected": d.value.includes(a.value),
-                disabled: a.disabled,
-                onPointerenter: (D) => !a.disabled && (n.value = r),
-                onClick: (D) => S(r)
+                class: te(["hys-ui-select-option", { "hys-ui-selected": u.value.includes(l.value), "hys-ui-active": o.value === c && !l.disabled }]),
+                "data-active": o.value === c,
+                "aria-selected": u.value.includes(l.value),
+                disabled: l.disabled,
+                onPointerenter: (b) => !l.disabled && (o.value = c),
+                onClick: (b) => S(c)
               }, [
-                k(e.$slots, "option", {
-                  option: a,
-                  selected: d.value.includes(a.value)
-                }, () => [
-                  z(L(a.label), 1)
-                ], !0),
-                d.value.includes(a.value) ? (s(), E(i(se), {
+                L("span", {
+                  class: "hys-ui-select-option-label",
+                  title: l.label
+                }, [
+                  C(e.$slots, "option", {
+                    option: l,
+                    selected: u.value.includes(l.value)
+                  }, () => [
+                    H(z(l.label), 1)
+                  ], !0)
+                ], 8, pe),
+                u.value.includes(l.value) ? (s(), E(i(ue), {
                   key: 0,
                   size: 15,
                   "aria-hidden": "true"
-                })) : g("", !0)
-              ], 42, ye))), 128)),
-              c.value.length ? g("", !0) : (s(), o("p", fe, [
-                k(e.$slots, "empty", {}, () => [
-                  z(L(u.emptyText), 1)
+                })) : V("", !0)
+              ], 42, be))), 128)),
+              r.value.length ? V("", !0) : (s(), n("p", me, [
+                C(e.$slots, "empty", {}, () => [
+                  H(z(d.emptyText), 1)
                 ], !0)
               ]))
             ], 64))
-          ], 8, ce),
-          k(e.$slots, "footer", {}, void 0, !0)
-        ], 16)) : g("", !0)
+          ], 8, fe),
+          C(e.$slots, "footer", {}, void 0, !0)
+        ], 16)) : V("", !0)
       ]))
     ], 16));
   }
 });
 export {
-  ke as default
+  Ve as default
 };

package/dist/components/HysSlider/HysSlider.vue.js

@@ -1,7 +1,7 @@
 import o from "./HysSlider2.vue.js";
 /* empty css               */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-75f3c7ec"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-a22942a0"]]);
 export {
-  f as default
+  p as default
 };

package/dist/components/HysSlider/HysSlider2.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as A, computed as x, openBlock as i, createElementBlock as u, mergeProps as C, unref as B, toDisplayString as f, createCommentVNode as y, createElementVNode as T, withModifiers as N, normalizeClass as R, normalizeStyle as b, Fragment as g, renderList as V } from "vue";
-import { useHysRootAttrs as S } from "../../config.js";
-const z = { key: 0 }, E = ["aria-label", "min", "max", "step", "value", "disabled", "aria-valuetext", "onInput", "onChange"], H = {
+import { defineComponent as C, computed as v, openBlock as u, createElementBlock as m, mergeProps as N, unref as B, toDisplayString as y, createCommentVNode as x, createElementVNode as T, withModifiers as S, normalizeClass as z, normalizeStyle as M, Fragment as V, renderList as k } from "vue";
+import { useHysRootAttrs as F } from "../../config.js";
+const R = { key: 0 }, E = ["aria-label", "min", "max", "step", "value", "disabled", "aria-valuetext", "onInput", "onChange"], H = {
   key: 1,
   class: "hys-ui-slider-marks"
-}, j = /* @__PURE__ */ A({
+}, j = /* @__PURE__ */ C({
   __name: "HysSlider",
   props: {
     modelValue: {},
@@ -17,58 +17,58 @@ const z = { key: 0 }, E = ["aria-label", "min", "max", "step", "value", "disable
     formatTooltip: {}
   },
   emits: ["update:modelValue", "change"],
-  setup(e, { emit: M }) {
-    const t = e, s = M, k = S(), o = x(() => Array.isArray(t.modelValue)), m = x(() => Array.isArray(t.modelValue) ? t.modelValue : [t.modelValue]), c = (r) => Math.max(0, Math.min(100, (r - t.min) / Math.max(1, t.max - t.min) * 100));
-    function w(r) {
-      if (t.disabled || !o.value) return;
-      const n = r.currentTarget.getBoundingClientRect();
-      if (!n.width) return;
-      const l = Math.min(t.max, Math.max(t.min, Math.round((t.min + (r.clientX - n.left) / n.width * (t.max - t.min)) / t.step) * t.step)), a = [...m.value], d = Math.abs(l - a[0]) < Math.abs(l - a[1]) ? 0 : 1;
-      a[d] = l, s("update:modelValue", a), s("change", a);
+  setup(t, { emit: p }) {
+    const e = t, d = p, w = F(), s = v(() => Array.isArray(e.modelValue)), r = v(() => Array.isArray(e.modelValue) ? e.modelValue : [e.modelValue]), h = v(() => Number.isFinite(e.step) && e.step > 0 ? e.step : 1), b = (n) => Math.max(e.min, Math.min(Math.max(e.min, e.max), Number((e.min + Math.round((n - e.min) / h.value) * h.value).toFixed(10)))), c = (n) => Math.max(0, Math.min(100, (n - e.min) / (e.max > e.min ? e.max - e.min : 1) * 100));
+    function A(n) {
+      if (e.disabled || !s.value) return;
+      const i = n.currentTarget.getBoundingClientRect();
+      if (!i.width) return;
+      const l = b(e.min + (n.clientX - i.left) / i.width * (e.max - e.min)), a = [...r.value], o = Math.abs(l - a[0]) < Math.abs(l - a[1]) ? 0 : 1;
+      a[o] = Math.max(o === 1 ? a[0] : e.min, Math.min(o === 0 ? a[1] : e.max, l)), d("update:modelValue", a), d("change", a);
     }
-    function v(r, n) {
-      const l = Number(r.target.value);
-      if (o.value) {
-        const a = [...m.value];
-        return a[n] = Math.max(n === 1 ? a[0] : t.min, Math.min(n === 0 ? a[1] : t.max, l)), a;
+    function g(n, i) {
+      const l = b(Number(n.target.value));
+      if (s.value) {
+        const a = [...r.value];
+        return a[i] = Math.max(i === 1 ? a[0] : e.min, Math.min(i === 0 ? a[1] : e.max, l)), a;
       }
       return l;
     }
-    return (r, n) => (i(), u("div", C(B(k), { class: "hys-ui-ex-field" }), [
-      e.showValue ? (i(), u("span", z, f(e.label || "数值") + "：" + f(m.value.map((l) => e.formatTooltip ? e.formatTooltip(l) : l).join(" ~ ")), 1)) : y("", !0),
+    return (n, i) => (u(), m("div", N(B(w), { class: "hys-ui-ex-field" }), [
+      t.showValue ? (u(), m("span", R, y(t.label || "数值") + "：" + y(r.value.map((l) => t.formatTooltip ? t.formatTooltip(l) : l).join(" ~ ")), 1)) : x("", !0),
       T("div", {
-        class: R({ "hys-ui-slider-range": o.value }),
-        onPointerdown: N(w, ["self"])
+        class: z({ "hys-ui-slider-range": s.value }),
+        onPointerdown: S(A, ["self"])
       }, [
-        o.value ? (i(), u("div", {
+        s.value ? (u(), m("div", {
           key: 0,
           class: "hys-ui-slider-selection",
-          style: b({ left: c(m.value[0]) + "%", width: c(m.value[1]) - c(m.value[0]) + "%" })
-        }, null, 4)) : y("", !0),
-        (i(!0), u(g, null, V(m.value, (l, a) => {
-          var d;
-          return i(), u("input", {
+          style: M({ left: c(r.value[0]) + "%", width: c(r.value[1]) - c(r.value[0]) + "%" })
+        }, null, 4)) : x("", !0),
+        (u(!0), m(V, null, k(r.value, (l, a) => {
+          var o;
+          return u(), m("input", {
             key: a,
             class: "hys-ui-ex-slider",
             type: "range",
-            "aria-label": (e.label || "数值") + (o.value ? a === 0 ? "下限" : "上限" : ""),
-            min: e.min,
-            max: e.max,
-            step: e.step,
+            "aria-label": (t.label || "数值") + (s.value ? a === 0 ? "下限" : "上限" : ""),
+            min: t.min,
+            max: t.max,
+            step: h.value,
             value: l,
-            disabled: e.disabled,
-            "aria-valuetext": (d = e.formatTooltip) == null ? void 0 : d.call(e, l),
-            onInput: (h) => s("update:modelValue", v(h, a)),
-            onChange: (h) => s("change", v(h, a))
+            disabled: t.disabled,
+            "aria-valuetext": (o = t.formatTooltip) == null ? void 0 : o.call(t, l),
+            onInput: (f) => d("update:modelValue", g(f, a)),
+            onChange: (f) => d("change", g(f, a))
           }, null, 40, E);
         }), 128))
       ], 34),
-      e.marks ? (i(), u("div", H, [
-        (i(!0), u(g, null, V(e.marks, (l, a) => (i(), u("span", {
+      t.marks ? (u(), m("div", H, [
+        (u(!0), m(V, null, k(t.marks, (l, a) => (u(), m("span", {
           key: a,
-          style: b({ left: (Number(a) - e.min) / (e.max - e.min) * 100 + "%" })
-        }, f(l), 5))), 128))
-      ])) : y("", !0)
+          style: M({ left: c(Number(a)) + "%" })
+        }, y(l), 5))), 128))
+      ])) : x("", !0)
     ], 16));
   }
 });

package/dist/components/HysSplitPane/HysSplitPane.vue.js

@@ -1,65 +1,71 @@
-import { defineComponent as x, ref as E, computed as L, onDeactivated as g, onBeforeUnmount as A, openBlock as b, createElementBlock as M, mergeProps as k, unref as B, createElementVNode as d, renderSlot as v } from "vue";
-import { useHysRootAttrs as V } from "../../config.js";
-const R = { class: "hys-ui-ent-split-first" }, D = ["tabindex", "aria-orientation", "aria-valuenow", "aria-valuemin", "aria-valuemax"], P = { class: "hys-ui-ent-split-second" }, H = /* @__PURE__ */ x({
+import { defineComponent as g, ref as M, computed as v, watch as z, onDeactivated as B, onBeforeUnmount as P, openBlock as V, createElementBlock as C, mergeProps as D, unref as I, createElementVNode as h, renderSlot as w } from "vue";
+import { useHysRootAttrs as N } from "../../config.js";
+const R = { class: "hys-ui-ent-split-first" }, F = ["tabindex", "aria-disabled", "aria-orientation", "aria-valuenow", "aria-valuemin", "aria-valuemax"], H = { class: "hys-ui-ent-split-second" }, K = /* @__PURE__ */ g({
   __name: "HysSplitPane",
   props: {
     modelValue: { default: 40 },
     min: { default: 15 },
     max: { default: 85 },
     vertical: { type: Boolean, default: !1 },
-    disabled: { type: Boolean }
+    disabled: { type: Boolean },
+    step: { default: 2 }
   },
-  emits: ["update:modelValue"],
-  setup(i, { emit: p }) {
-    const h = V(), t = i, u = p, s = E(), l = L(() => Math.min(t.max, Math.max(t.min, t.modelValue)));
-    let o = () => {
+  emits: ["update:modelValue", "resizeStart", "resizeEnd"],
+  setup(l, { emit: E }) {
+    const a = l, d = E, x = N(), c = M(), s = v(() => Math.max(0, Math.min(100, Number.isFinite(a.min) ? a.min : 0))), m = v(() => Math.max(s.value, Math.min(100, Number.isFinite(a.max) ? a.max : 100))), p = (e) => Math.max(s.value, Math.min(m.value, Number.isFinite(e) ? e : s.value)), u = v(() => p(a.modelValue));
+    let r = () => {
     };
-    g(() => o()), A(() => o());
-    function f(n) {
-      if (o(), !s.value || t.disabled) return;
-      const e = n.currentTarget;
-      e.setPointerCapture(n.pointerId);
-      const r = s.value.getBoundingClientRect(), c = (m) => {
-        const w = t.vertical ? (m.clientY - r.top) / r.height * 100 : (m.clientX - r.left) / r.width * 100;
-        u("update:modelValue", Math.round(Math.max(t.min, Math.min(t.max, w))));
-      }, a = () => {
-        e.removeEventListener("pointermove", c), e.removeEventListener("pointerup", a), e.removeEventListener("pointercancel", a), e.removeEventListener("lostpointercapture", a), o = () => {
-        };
+    z(() => [a.disabled, a.vertical, a.min, a.max], () => r()), B(() => r()), P(() => r());
+    function L(e) {
+      if (r(), !c.value || a.disabled || e.button !== 0) return;
+      const t = e.currentTarget, n = c.value.getBoundingClientRect(), f = a.vertical, y = f ? n.height : n.width;
+      if (!y) return;
+      e.preventDefault(), t.setPointerCapture(e.pointerId), d("resizeStart");
+      const b = (o) => {
+        if (a.disabled || o.pointerId !== e.pointerId) return;
+        const A = (f ? o.clientY - n.top : o.clientX - n.left) / y * 100;
+        d("update:modelValue", Math.round(p(A)));
+      }, i = () => {
+        var o;
+        r = () => {
+        }, t.removeEventListener("pointermove", b), t.removeEventListener("pointerup", i), t.removeEventListener("pointercancel", i), t.removeEventListener("lostpointercapture", i), (o = t.hasPointerCapture) != null && o.call(t, e.pointerId) && t.releasePointerCapture(e.pointerId), d("resizeEnd", u.value);
       };
-      o = a, e.addEventListener("lostpointercapture", a), e.addEventListener("pointermove", c), e.addEventListener("pointerup", a), e.addEventListener("pointercancel", a);
+      r = i, t.addEventListener("pointermove", b), t.addEventListener("pointerup", i), t.addEventListener("pointercancel", i), t.addEventListener("lostpointercapture", i);
     }
-    function y(n) {
-      if (t.disabled) return;
-      const e = n.shiftKey ? 10 : 2;
-      ["ArrowLeft", "ArrowUp", "ArrowRight", "ArrowDown"].includes(n.key) && (n.preventDefault(), u("update:modelValue", Math.max(t.min, Math.min(t.max, l.value + (["ArrowRight", "ArrowDown"].includes(n.key) ? e : -e)))));
+    function k(e) {
+      if (a.disabled || !["ArrowLeft", "ArrowUp", "ArrowRight", "ArrowDown", "Home", "End"].includes(e.key)) return;
+      e.preventDefault();
+      const t = (Number.isFinite(a.step) && a.step > 0 ? a.step : 2) * (e.shiftKey ? 5 : 1), n = e.key === "Home" ? s.value : e.key === "End" ? m.value : u.value + (["ArrowRight", "ArrowDown"].includes(e.key) ? t : -t);
+      d("update:modelValue", p(n));
     }
-    return (n, e) => (b(), M("div", k(B(h), {
+    return (e, t) => (V(), C("div", D(I(x), {
       ref_key: "host",
-      ref: s,
-      class: ["hys-ui-ent-split", { "hys-ui-vertical": i.vertical }],
-      style: { "--hys-ui-split": l.value + "%" }
+      ref: c,
+      class: ["hys-ui-ent-split", { "hys-ui-vertical": l.vertical }],
+      style: { "--hys-ui-split": u.value + "%" }
     }), [
-      d("div", R, [
-        v(n.$slots, "first")
+      h("div", R, [
+        w(e.$slots, "first")
       ]),
-      d("div", {
+      h("div", {
         class: "hys-ui-ent-split-handle",
         role: "separator",
-        tabindex: i.disabled ? -1 : 0,
+        tabindex: l.disabled ? -1 : 0,
         "aria-label": "调整面板比例",
-        "aria-orientation": i.vertical ? "horizontal" : "vertical",
-        "aria-valuenow": l.value,
-        "aria-valuemin": i.min,
-        "aria-valuemax": i.max,
-        onPointerdown: f,
-        onKeydown: y
-      }, null, 40, D),
-      d("div", P, [
-        v(n.$slots, "second")
+        "aria-disabled": l.disabled || void 0,
+        "aria-orientation": l.vertical ? "horizontal" : "vertical",
+        "aria-valuenow": u.value,
+        "aria-valuemin": s.value,
+        "aria-valuemax": m.value,
+        onPointerdown: L,
+        onKeydown: k
+      }, null, 40, F),
+      h("div", H, [
+        w(e.$slots, "second")
       ])
     ], 16));
   }
 });
 export {
-  H as default
+  K as default
 };

package/dist/components/HysSteps/HysSteps.vue.js

@@ -1,7 +1,7 @@
 import o from "./HysSteps2.vue.js";
 /* empty css              */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-111d19b5"]]);
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1ad8ab01"]]);
 export {
-  m as default
+  s as default
 };