hys-ui 0.1.0 → 0.1.1

package/dist/components/HysResizablePanel/HysResizablePanel.vue.js

@@ -1,48 +1,66 @@
-import { defineComponent as f, useModel as c, ref as o, openBlock as x, createElementBlock as b, mergeProps as W, unref as w, renderSlot as y, createElementVNode as M, withKeys as d, withModifiers as u, mergeModels as g } from "vue";
-import { useHysRootAttrs as P } from "../../config.js";
-const p = ["tabindex", "aria-valuemin", "aria-valuemax", "aria-valuenow"], B = /* @__PURE__ */ f({
+import { defineComponent as W, useModel as P, ref as k, computed as p, watch as z, onDeactivated as g, onBeforeUnmount as M, openBlock as E, createElementBlock as A, mergeProps as N, unref as B, renderSlot as C, createElementVNode as F, mergeModels as v } from "vue";
+import { useHysRootAttrs as H } from "../../config.js";
+const R = ["tabindex", "aria-disabled", "aria-valuemin", "aria-valuemax", "aria-valuenow"], I = /* @__PURE__ */ W({
   __name: "HysResizablePanel",
-  props: /* @__PURE__ */ g({
+  props: /* @__PURE__ */ v({
     minWidth: { default: 180 },
     maxWidth: { default: 1200 },
-    disabled: { type: Boolean }
+    disabled: { type: Boolean },
+    step: { default: 10 }
   }, {
     modelValue: { default: 320 },
     modelModifiers: {}
   }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const s = P(), n = e, a = c(e, "modelValue"), l = o(0), r = o(0);
-    function m(t) {
-      n.disabled || (l.value = t.clientX, r.value = a.value, t.currentTarget.setPointerCapture(t.pointerId));
+  emits: /* @__PURE__ */ v(["resizeStart", "resizeEnd"], ["update:modelValue"]),
+  setup(l, { emit: h }) {
+    const a = l, c = h, s = P(l, "modelValue"), b = H(), d = k(), n = p(() => Math.max(0, Number.isFinite(a.minWidth) ? a.minWidth : 0)), u = p(() => Math.max(n.value, Number.isFinite(a.maxWidth) ? a.maxWidth : 1200)), m = (e) => Math.max(n.value, Math.min(u.value, Number.isFinite(e) ? e : n.value)), o = p(() => m(s.value));
+    let t;
+    function r() {
+      var i, f;
+      const e = t;
+      t = void 0, e && ((f = (i = d.value) == null ? void 0 : i.hasPointerCapture) != null && f.call(i, e.pointer) && d.value.releasePointerCapture(e.pointer), c("resizeEnd", o.value));
     }
-    function v(t) {
-      t.currentTarget.hasPointerCapture(t.pointerId) && (a.value = Math.min(n.maxWidth, Math.max(n.minWidth, r.value + t.clientX - l.value)));
+    z(() => [a.disabled, a.minWidth, a.maxWidth], r), g(r), M(r);
+    function x(e) {
+      var i;
+      a.disabled || e.button !== 0 || (r(), e.preventDefault(), t = { pointer: e.pointerId, x: e.clientX, initial: o.value }, (i = d.value) == null || i.setPointerCapture(e.pointerId), c("resizeStart"));
     }
-    return (t, i) => (x(), b("div", W(w(s), {
+    function y(e) {
+      !t || a.disabled || t.pointer !== e.pointerId || (s.value = m(t.initial + e.clientX - t.x));
+    }
+    function w(e) {
+      if (a.disabled || !["ArrowLeft", "ArrowRight", "Home", "End"].includes(e.key)) return;
+      e.preventDefault();
+      const i = (Number.isFinite(a.step) && a.step > 0 ? a.step : 10) * (e.shiftKey ? 5 : 1);
+      s.value = e.key === "Home" ? n.value : e.key === "End" ? u.value : m(o.value + (e.key === "ArrowLeft" ? -i : i));
+    }
+    return (e, i) => (E(), A("div", N(B(b), {
       class: "hys-ui-ent-resizable",
-      style: { width: a.value + "px", minWidth: e.minWidth + "px" }
+      style: { width: o.value + "px", minWidth: n.value + "px", maxWidth: u.value + "px" }
     }), [
-      y(t.$slots, "default"),
-      M("div", {
+      C(e.$slots, "default"),
+      F("div", {
+        ref_key: "edge",
+        ref: d,
         class: "hys-ui-ent-resize-edge",
         role: "separator",
-        tabindex: e.disabled ? -1 : 0,
+        tabindex: l.disabled ? -1 : 0,
         "aria-label": "调整面板宽度",
         "aria-orientation": "vertical",
-        "aria-valuemin": e.minWidth,
-        "aria-valuemax": e.maxWidth,
-        "aria-valuenow": a.value,
-        onPointerdown: m,
-        onPointermove: v,
-        onKeydown: [
-          i[0] || (i[0] = d(u((h) => !e.disabled && (a.value = Math.max(e.minWidth, a.value - 10)), ["prevent"]), ["left"])),
-          i[1] || (i[1] = d(u((h) => !e.disabled && (a.value = Math.min(e.maxWidth, a.value + 10)), ["prevent"]), ["right"]))
-        ]
-      }, null, 40, p)
+        "aria-disabled": l.disabled || void 0,
+        "aria-valuemin": n.value,
+        "aria-valuemax": u.value,
+        "aria-valuenow": o.value,
+        onPointerdown: x,
+        onPointermove: y,
+        onPointerup: r,
+        onPointercancel: r,
+        onLostpointercapture: r,
+        onKeydown: w
+      }, null, 40, R)
     ], 16));
   }
 });
 export {
-  B as default
+  I as default
 };

package/dist/components/HysRichTextEditor/HysRichTextEditor.vue.js

@@ -1,7 +1,7 @@
 import o from "./HysRichTextEditor2.vue.js";
 /* empty css                       */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8817491e"]]);
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5fd1d858"]]);
 export {
-  m as default
+  i as default
 };

package/dist/components/HysRichTextEditor/HysRichTextEditor2.vue.js

@@ -1,16 +1,16 @@
-import { defineComponent as w, useModel as R, ref as s, onMounted as B, watch as A, openBlock as b, createElementBlock as p, mergeProps as N, unref as E, Fragment as S, renderList as F, createElementVNode as h, withModifiers as I, toDisplayString as O, createCommentVNode as U, createVNode as k, withCtx as g, createTextVNode as $, mergeModels as L, nextTick as D } from "vue";
-import { useHysRootAttrs as P } from "../../config.js";
-import j from "../HysModal/HysModal.vue.js";
-import q from "../HysInput/HysInput.vue.js";
-import z from "../HysButton/HysButton.vue.js";
-const G = {
+import { defineComponent as N, useModel as S, ref as f, watch as M, onActivated as E, onDeactivated as U, onBeforeUnmount as D, onMounted as F, openBlock as k, createElementBlock as h, mergeProps as I, unref as O, Fragment as $, renderList as P, createElementVNode as x, withModifiers as j, toDisplayString as q, createCommentVNode as z, createVNode as C, withCtx as L, createTextVNode as G, mergeModels as w, nextTick as J } from "vue";
+import { useHysRootAttrs as K } from "../../config.js";
+import Q from "../HysModal/HysModal.vue.js";
+import W from "../HysInput/HysInput.vue.js";
+import X from "../HysButton/HysButton.vue.js";
+const Y = {
   key: 0,
   class: "hys-ui-ent-toolbar",
   role: "toolbar",
   "aria-label": "文本格式"
-}, J = ["disabled", "onClick"], K = ["contenteditable", "data-placeholder", "aria-readonly", "aria-disabled"], _ = /* @__PURE__ */ w({
+}, Z = ["disabled", "onClick"], _ = ["contenteditable", "data-placeholder", "aria-readonly", "aria-disabled"], ae = /* @__PURE__ */ N({
   __name: "HysRichTextEditor",
-  props: /* @__PURE__ */ L({
+  props: /* @__PURE__ */ w({
     disabled: { type: Boolean },
     readonly: { type: Boolean },
     placeholder: {},
@@ -19,96 +19,115 @@ const G = {
     modelValue: { default: "" },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ L(["change", "focus", "blur"], ["update:modelValue"]),
-  setup(n, { expose: M, emit: x }) {
-    const i = n, d = R(n, "modelValue"), m = x, C = P(), l = s(), u = s(!1), r = s(""), c = s(""), H = [["bold", "粗体"], ["italic", "斜体"], ["insertUnorderedList", "列表"], ["insertOrderedList", "编号"], ["createLink", "链接"], ["undo", "撤销"], ["redo", "重做"]];
-    let f = !1, v;
-    B(() => {
-      l.value && (l.value.innerHTML = d.value);
-    }), A(d, (t) => {
-      !f && l.value && l.value.innerHTML !== t && (l.value.innerHTML = t), f = !1;
+  emits: /* @__PURE__ */ w(["change", "focus", "blur"], ["update:modelValue"]),
+  setup(l, { expose: H, emit: R }) {
+    const a = l, c = S(l, "modelValue"), m = R, T = K(), n = f(), d = f(!1), u = f(""), v = f(""), V = [["bold", "粗体"], ["italic", "斜体"], ["insertUnorderedList", "列表"], ["insertOrderedList", "编号"], ["createLink", "链接"], ["undo", "撤销"], ["redo", "重做"]];
+    let y = !1, s, i = !0, b = 0;
+    function p() {
+      b++, d.value = !1, s = void 0;
+    }
+    M(() => [a.disabled, a.readonly], p), E(() => {
+      i = !0;
+    }), U(() => {
+      i = !1, p();
+    }), D(() => {
+      i = !1, p();
+    }), F(() => {
+      n.value && (n.value.innerHTML = c.value);
+    }), M(c, (t) => {
+      !y && n.value && n.value.innerHTML !== t && (n.value.innerHTML = t), y = !1;
     });
-    function y() {
+    function g() {
       var t;
-      i.disabled || i.readonly || (f = !0, d.value = ((t = l.value) == null ? void 0 : t.innerHTML) || "", m("change", d.value));
+      a.disabled || a.readonly || (y = !0, c.value = ((t = n.value) == null ? void 0 : t.innerHTML) || "", m("change", c.value));
     }
-    function T(t) {
-      var e, o;
-      if (!(i.disabled || i.readonly)) {
+    function A(t) {
+      var o, e;
+      if (!(!i || a.disabled || a.readonly)) {
         if (t === "createLink") {
-          const a = window.getSelection();
-          v = a != null && a.rangeCount && ((e = l.value) != null && e.contains(a.getRangeAt(0).commonAncestorContainer)) ? a.getRangeAt(0).cloneRange() : void 0, r.value = "", c.value = "", u.value = !0;
+          const r = window.getSelection();
+          s = r != null && r.rangeCount && ((o = n.value) != null && o.contains(r.getRangeAt(0).commonAncestorContainer)) ? r.getRangeAt(0).cloneRange() : void 0, u.value = "", v.value = "", d.value = !0;
           return;
         }
-        (o = l.value) == null || o.focus(), document.execCommand(t, !1), y();
+        (e = n.value) == null || e.focus(), document.execCommand(t, !1), g();
       }
     }
-    async function V() {
-      var t;
-      if (!/^https?:\/\//i.test(r.value)) {
-        c.value = "请输入 http:// 或 https:// 链接";
+    async function B() {
+      var o;
+      if (!i || a.disabled || a.readonly) return;
+      if (!/^https?:\/\//i.test(u.value)) {
+        v.value = "请输入 http:// 或 https:// 链接";
         return;
       }
-      if (u.value = !1, await D(), (t = l.value) == null || t.focus(), v) {
-        const e = window.getSelection();
-        e == null || e.removeAllRanges(), e == null || e.addRange(v);
+      const t = ++b;
+      if (d.value = !1, await J(), !(!i || a.disabled || a.readonly || t !== b || !((o = n.value) != null && o.isConnected))) {
+        if (n.value.focus(), s && n.value.contains(s.commonAncestorContainer)) {
+          const e = window.getSelection();
+          e == null || e.removeAllRanges(), e == null || e.addRange(s);
+        } else {
+          const e = window.getSelection();
+          if (e && !n.value.contains(e.anchorNode)) {
+            const r = document.createRange();
+            r.selectNodeContents(n.value), r.collapse(!1), e.removeAllRanges(), e.addRange(r);
+          }
+        }
+        document.execCommand("createLink", !1, u.value), g();
       }
-      document.execCommand("createLink", !1, r.value), y();
     }
-    return M({ focus: () => {
+    return H({ focus: () => {
       var t;
-      return (t = l.value) == null ? void 0 : t.focus();
+      return (t = n.value) == null ? void 0 : t.focus();
     }, blur: () => {
       var t;
-      return (t = l.value) == null ? void 0 : t.blur();
+      return (t = n.value) == null ? void 0 : t.blur();
     }, getHTML: () => {
       var t;
-      return ((t = l.value) == null ? void 0 : t.innerHTML) || "";
-    } }), (t, e) => (b(), p("div", N(E(C), { class: "hys-ui-ent-panel" }), [
-      n.hideToolbar ? U("", !0) : (b(), p("div", G, [
-        (b(), p(S, null, F(H, (o) => h("button", {
-          key: o[0],
+      return ((t = n.value) == null ? void 0 : t.innerHTML) || "";
+    } }), (t, o) => (k(), h("div", I(O(T), { class: "hys-ui-ent-panel" }), [
+      l.hideToolbar ? z("", !0) : (k(), h("div", Y, [
+        (k(), h($, null, P(V, (e) => x("button", {
+          key: e[0],
           type: "button",
-          disabled: n.disabled || n.readonly,
-          onMousedown: e[0] || (e[0] = I(() => {
+          disabled: l.disabled || l.readonly,
+          onMousedown: o[0] || (o[0] = j(() => {
           }, ["prevent"])),
-          onClick: (a) => T(o[0])
-        }, O(o[1]), 41, J)), 64))
+          onClick: (r) => A(e[0])
+        }, q(e[1]), 41, Z)), 64))
       ])),
-      h("div", {
+      x("div", {
         ref_key: "editor",
-        ref: l,
+        ref: n,
         class: "hys-ui-ent-editor",
-        contenteditable: !n.disabled && !n.readonly,
-        "data-placeholder": n.placeholder,
+        contenteditable: !l.disabled && !l.readonly,
+        "data-placeholder": l.placeholder,
         role: "textbox",
-        "aria-readonly": n.readonly,
-        "aria-disabled": n.disabled,
+        "aria-readonly": l.readonly,
+        "aria-disabled": l.disabled,
         "aria-label": "富文本编辑器",
         "aria-multiline": "true",
-        onInput: y,
-        onFocus: e[1] || (e[1] = (o) => m("focus", o)),
-        onBlur: e[2] || (e[2] = (o) => m("blur", o))
-      }, null, 40, K),
-      k(j, {
-        open: u.value,
+        onInput: g,
+        onFocus: o[1] || (o[1] = (e) => m("focus", e)),
+        onBlur: o[2] || (o[2] = (e) => m("blur", e))
+      }, null, 40, _),
+      C(Q, {
+        open: d.value,
         title: "插入链接",
-        onClose: e[4] || (e[4] = (o) => u.value = !1)
+        onClose: o[4] || (o[4] = (e) => d.value = !1)
       }, {
-        footer: g(() => [
-          k(z, { onClick: V }, {
-            default: g(() => [...e[5] || (e[5] = [
-              $("插入", -1)
+        footer: L(() => [
+          C(X, { onClick: B }, {
+            default: L(() => [...o[5] || (o[5] = [
+              G("插入", -1)
             ])]),
             _: 1
           })
         ]),
-        default: g(() => [
-          k(q, {
-            modelValue: r.value,
-            "onUpdate:modelValue": e[3] || (e[3] = (o) => r.value = o),
+        default: L(() => [
+          C(W, {
+            modelValue: u.value,
+            "onUpdate:modelValue": o[3] || (o[3] = (e) => u.value = e),
             placeholder: "https://example.com",
-            error: c.value
+            error: v.value
           }, null, 8, ["modelValue", "error"])
         ]),
         _: 1
@@ -117,5 +136,5 @@ const G = {
   }
 });
 export {
-  _ as default
+  ae as default
 };

package/dist/components/HysSearch/HysSearch.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as B, ref as V, onBeforeUnmount as k, onDeactivated as v, openBlock as i, createElementBlock as y, mergeProps as g, unref as d, createBlock as f, createElementVNode as C, withKeys as T, createVNode as x, createCommentVNode as z } from "vue";
-import { useHysRootAttrs as L } from "../../config.js";
-import { LoaderCircle as N, Search as w, X as A } from "lucide-vue-next";
-const E = ["value", "placeholder", "disabled", "readonly", "aria-label"], S = /* @__PURE__ */ B({
+import { defineComponent as C, ref as v, watch as p, onBeforeUnmount as x, onDeactivated as N, openBlock as s, createElementBlock as V, mergeProps as w, unref as m, createBlock as g, createElementVNode as z, withKeys as L, createVNode as A, createCommentVNode as E } from "vue";
+import { LoaderCircle as F, Search as H, X as K } from "lucide-vue-next";
+import { useHysRootAttrs as R } from "../../config.js";
+const S = ["value", "placeholder", "disabled", "readonly", "aria-label"], M = /* @__PURE__ */ C({
   __name: "HysSearch",
   props: {
     modelValue: {},
@@ -14,59 +14,70 @@ const E = ["value", "placeholder", "disabled", "readonly", "aria-label"], S = /*
     ariaLabel: {}
   },
   emits: ["update:modelValue", "search", "clear", "focus", "blur"],
-  setup(e, { expose: b, emit: h }) {
-    const p = L(), n = e, t = h, u = V();
-    let r;
-    function s(l) {
-      clearTimeout(r), n.disabled || t("search", l);
+  setup(a, { expose: k, emit: B }) {
+    const t = a, i = B, h = R(), r = v(), d = v(!1);
+    let y, u;
+    function n() {
+      clearTimeout(y), y = void 0, u = void 0;
     }
-    function m(l) {
-      n.disabled || n.readonly || (t("update:modelValue", l), clearTimeout(r), r = setTimeout(() => s(l), n.delay));
+    function c(e) {
+      n(), t.disabled || i("search", e);
     }
-    return k(() => clearTimeout(r)), v(() => clearTimeout(r)), b({ focus: () => {
-      var l;
-      return (l = u.value) == null ? void 0 : l.focus();
+    function f(e) {
+      t.disabled || t.readonly || d.value || (n(), u = e, i("update:modelValue", e), y = setTimeout(() => c(e), Number.isFinite(t.delay) ? Math.max(0, t.delay) : 300));
+    }
+    return p(() => [t.disabled, t.readonly], n, { flush: "sync" }), p(() => t.modelValue, (e) => {
+      u !== void 0 && e !== u && n();
+    }), x(n), N(n), k({ focus: () => {
+      var e;
+      return (e = r.value) == null ? void 0 : e.focus();
     }, blur: () => {
-      var l;
-      return (l = u.value) == null ? void 0 : l.blur();
-    } }), (l, a) => (i(), y("div", g(d(p), { class: "hys-ui-ex-search" }), [
-      e.loading ? (i(), f(d(N), {
+      var e;
+      return (e = r.value) == null ? void 0 : e.blur();
+    } }), (e, l) => (s(), V("div", w(m(h), { class: "hys-ui-ex-search" }), [
+      a.loading ? (s(), g(m(F), {
         key: 0,
         class: "hys-ui-icon-spin",
         size: 16
-      })) : (i(), f(d(w), {
+      })) : (s(), g(m(H), {
         key: 1,
         size: 16,
         "aria-hidden": "true"
       })),
-      C("input", {
+      z("input", {
         ref_key: "input",
-        ref: u,
+        ref: r,
         type: "search",
-        value: e.modelValue,
-        placeholder: e.placeholder,
-        disabled: e.disabled,
-        readonly: e.readonly,
-        "aria-label": e.ariaLabel || "搜索",
-        onInput: a[0] || (a[0] = (o) => m(o.target.value)),
-        onKeydown: a[1] || (a[1] = T((o) => !o.isComposing && s(e.modelValue), ["enter"])),
-        onFocus: a[2] || (a[2] = (o) => t("focus", o)),
-        onBlur: a[3] || (a[3] = (o) => t("blur", o))
-      }, null, 40, E),
-      e.clearable && e.modelValue && !e.disabled && !e.readonly ? (i(), y("button", {
+        value: a.modelValue,
+        placeholder: a.placeholder,
+        disabled: a.disabled,
+        readonly: a.readonly,
+        "aria-label": a.ariaLabel || "搜索",
+        onInput: l[0] || (l[0] = (o) => f(o.target.value)),
+        onCompositionstart: l[1] || (l[1] = (o) => {
+          d.value = !0, n();
+        }),
+        onCompositionend: l[2] || (l[2] = (o) => {
+          d.value = !1, f(o.target.value);
+        }),
+        onKeydown: l[3] || (l[3] = L((o) => !o.isComposing && o.keyCode !== 229 && !d.value && c(a.modelValue), ["enter"])),
+        onFocus: l[4] || (l[4] = (o) => i("focus", o)),
+        onBlur: l[5] || (l[5] = (o) => i("blur", o))
+      }, null, 40, S),
+      a.clearable && a.modelValue && !a.disabled && !a.readonly ? (s(), V("button", {
         key: 2,
         type: "button",
         "aria-label": "清空搜索",
-        onClick: a[4] || (a[4] = (o) => {
-          var c;
-          m(""), t("clear"), (c = u.value) == null || c.focus();
+        onClick: l[6] || (l[6] = (o) => {
+          var b;
+          f(""), i("clear"), (b = r.value) == null || b.focus();
         })
       }, [
-        x(d(A), { size: 14 })
-      ])) : z("", !0)
+        A(m(K), { size: 14 })
+      ])) : E("", !0)
     ], 16));
   }
 });
 export {
-  S as default
+  M as default
 };

package/dist/components/HysSegmented/HysSegmented.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as g, ref as h, openBlock as n, createElementBlock as r, mergeProps as v, unref as x, Fragment as V, renderList as A, normalizeStyle as z, normalizeClass as L, renderSlot as S, createTextVNode as w, toDisplayString as B } from "vue";
-import { useHysRootAttrs as C } from "../../config.js";
-const H = ["aria-label"], E = ["data-value", "disabled", "aria-checked", "tabindex", "onClick"], D = /* @__PURE__ */ g({
+import { defineComponent as x, ref as V, computed as y, openBlock as n, createElementBlock as r, mergeProps as A, unref as p, Fragment as L, renderList as w, normalizeStyle as z, normalizeClass as S, renderSlot as B, createTextVNode as C, toDisplayString as H } from "vue";
+import { useHysRootAttrs as E } from "../../config.js";
+const R = ["aria-label"], D = ["data-value", "disabled", "aria-checked", "tabindex", "onClick"], F = /* @__PURE__ */ x({
   __name: "HysSegmented",
   props: {
     modelValue: {},
@@ -11,50 +11,55 @@ const H = ["aria-label"], E = ["data-value", "disabled", "aria-checked", "tabind
     ariaLabel: {}
   },
   emits: ["update:modelValue", "change"],
-  setup(l, { emit: b }) {
-    const y = C(), d = l, s = b, u = h();
-    function c(a) {
-      var t;
-      d.disabled || (t = d.options.find((e) => e.value === a)) != null && t.disabled || (s("update:modelValue", a), s("change", a));
+  setup(t, { emit: v }) {
+    const g = E(), d = t, s = v, u = V(), c = y(() => d.options.filter((e) => !d.disabled && !e.disabled)), h = y(() => {
+      var e, a;
+      return ((e = c.value.find((l) => l.value === d.modelValue)) == null ? void 0 : e.value) ?? ((a = c.value[0]) == null ? void 0 : a.value);
+    });
+    function f(e) {
+      var l;
+      if (d.disabled || (l = d.options.find((o) => o.value === e)) != null && l.disabled) return;
+      const a = e !== d.modelValue;
+      s("update:modelValue", e), a && s("change", e);
     }
-    function k(a) {
-      var m, f;
-      if (!["ArrowLeft", "ArrowRight", "Home", "End"].includes(a.key) || d.disabled) return;
-      const t = d.options.filter((o) => !o.disabled);
-      if (!t.length) return;
-      a.preventDefault();
-      const e = t.findIndex((o) => o.value === d.modelValue), i = t[a.key === "Home" ? 0 : a.key === "End" ? t.length - 1 : (e + (a.key === "ArrowLeft" ? -1 : 1) + t.length) % t.length];
-      c(i.value), (f = Array.from(((m = u.value) == null ? void 0 : m.querySelectorAll("button")) || []).find((o) => o.dataset.value === i.value)) == null || f.focus();
+    function k(e) {
+      var m, b;
+      if (!["ArrowLeft", "ArrowRight", "Home", "End"].includes(e.key) || d.disabled) return;
+      const a = d.options.filter((i) => !i.disabled);
+      if (!a.length) return;
+      e.preventDefault();
+      const l = a.findIndex((i) => i.value === d.modelValue), o = a[e.key === "Home" ? 0 : e.key === "End" ? a.length - 1 : l < 0 ? e.key === "ArrowLeft" ? a.length - 1 : 0 : (l + (e.key === "ArrowLeft" ? -1 : 1) + a.length) % a.length];
+      f(o.value), (b = Array.from(((m = u.value) == null ? void 0 : m.querySelectorAll("button")) || []).find((i) => i.dataset.value === o.value)) == null || b.focus();
     }
-    return (a, t) => (n(), r("div", v({
+    return (e, a) => (n(), r("div", A({
       ref_key: "root",
       ref: u
-    }, x(y), {
+    }, p(g), {
       class: "hys-ui-ex-segment",
       role: "radiogroup",
-      "aria-label": l.ariaLabel || "分段选择",
-      style: { display: l.block ? "flex" : void 0 },
+      "aria-label": t.ariaLabel || "分段选择",
+      style: { display: t.block ? "flex" : void 0 },
       onKeydown: k
     }), [
-      (n(!0), r(V, null, A(l.options, (e) => (n(), r("button", {
-        key: e.value,
-        "data-value": e.value,
+      (n(!0), r(L, null, w(t.options, (l) => (n(), r("button", {
+        key: l.value,
+        "data-value": l.value,
         type: "button",
         role: "radio",
-        disabled: l.disabled || e.disabled,
-        "aria-checked": l.modelValue === e.value,
-        tabindex: l.modelValue === e.value ? 0 : -1,
-        class: L({ "hys-ui-active": l.modelValue === e.value }),
-        style: z({ flex: l.block ? 1 : void 0, padding: l.size === "sm" ? "5px 10px" : l.size === "lg" ? "12px 20px" : void 0 }),
-        onClick: (i) => c(e.value)
+        disabled: t.disabled || l.disabled,
+        "aria-checked": t.modelValue === l.value,
+        tabindex: h.value === l.value ? 0 : -1,
+        class: S({ "hys-ui-active": t.modelValue === l.value }),
+        style: z({ flex: t.block ? 1 : void 0, padding: t.size === "sm" ? "5px 10px" : t.size === "lg" ? "12px 20px" : void 0 }),
+        onClick: (o) => f(l.value)
       }, [
-        S(a.$slots, "label", { option: e }, () => [
-          w(B(e.label), 1)
+        B(e.$slots, "label", { option: l }, () => [
+          C(H(l.label), 1)
         ])
-      ], 14, E))), 128))
-    ], 16, H));
+      ], 14, D))), 128))
+    ], 16, R));
   }
 });
 export {
-  D as default
+  F as default
 };

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

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