hys-ui 0.1.1 → 0.3.0

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

@@ -0,0 +1,170 @@
+import { defineComponent as K, ref as S, watch as q, onActivated as Q, nextTick as Z, onDeactivated as tt, onBeforeUnmount as et, openBlock as j, createBlock as it, Teleport as ot, createVNode as nt, unref as U, withCtx as lt, createElementBlock as st, mergeProps as at, renderSlot as rt, createCommentVNode as ct } from "vue";
+import dt from "../../motion/PopupMotion.js";
+import { popupSize as pt } from "../../motion/popup.js";
+import { useHysRootAttrs as ut } from "../../config.js";
+const ht = ["id"], yt = /* @__PURE__ */ K({
+  __name: "SliderTooltip",
+  props: {
+    popupTransition: {},
+    popupTransitionDuration: {},
+    visible: { type: Boolean },
+    id: {},
+    anchor: {},
+    container: {},
+    placement: {},
+    position: {}
+  },
+  setup(k) {
+    const t = k, A = ut(), w = S(), f = S(!0), C = S({ position: "fixed", visibility: "hidden" }), V = S(t.placement);
+    let p, x, L = [], R = {}, z;
+    function T() {
+      if (L = [], R = {}, !t.anchor) return;
+      for (let n = t.anchor.parentElement; n; n = n.parentElement) {
+        const e = getComputedStyle(n), l = /hidden|clip|auto|scroll/.test(e.overflowX || e.overflow), c = /hidden|clip|auto|scroll/.test(e.overflowY || e.overflow);
+        (l || c) && L.push({ element: n, x: l, y: c });
+      }
+      const i = getComputedStyle(t.anchor);
+      for (const n of [
+        "--hys-ui-text",
+        "--hys-ui-surface",
+        "--hys-ui-theme-text",
+        "--hys-ui-theme-surface"
+      ]) {
+        const e = i.getPropertyValue(n).trim();
+        e && (R[n] = e);
+      }
+    }
+    function N() {
+      p = void 0;
+      const i = t.anchor, n = w.value;
+      if (!t.visible || !f.value || !(i != null && i.isConnected) || !n) return;
+      const e = window.visualViewport, l = (e == null ? void 0 : e.offsetLeft) ?? 0, c = (e == null ? void 0 : e.offsetTop) ?? 0, g = (e == null ? void 0 : e.width) ?? (document.documentElement.clientWidth || window.innerWidth), a = (e == null ? void 0 : e.height) ?? (document.documentElement.clientHeight || window.innerHeight), r = l + g, y = c + a, s = 8, u = 8, o = (i.querySelector(".hys-ui-slider-handle") ?? i).getBoundingClientRect();
+      let F = l, H = c, O = r, P = y;
+      for (const { element: v, x: I, y: J } of L) {
+        const b = v.getBoundingClientRect();
+        I && (F = Math.max(F, b.left + v.clientLeft), O = Math.min(
+          O,
+          b.left + v.clientLeft + (v.clientWidth || b.width)
+        )), J && (H = Math.max(H, b.top + v.clientTop), P = Math.min(
+          P,
+          b.top + v.clientTop + (v.clientHeight || b.height)
+        ));
+      }
+      if (!o.width && !o.height || o.right <= F || o.left >= O || o.bottom <= H || o.top >= P) {
+        C.value = { position: "fixed", visibility: "hidden" };
+        return;
+      }
+      n.style.maxWidth = Math.max(1, g - s * 2) + "px";
+      const h = z ?? pt(n), D = {
+        top: o.top - c - u - s,
+        bottom: y - o.bottom - u - s,
+        left: o.left - l - u - s,
+        right: r - o.right - u - s
+      }, $ = {
+        top: "bottom",
+        bottom: "top",
+        left: "right",
+        right: "left"
+      };
+      let d = t.placement;
+      const Y = $[d], G = d === "top" || d === "bottom" ? h.height : h.width;
+      D[d] < G && D[Y] > D[d] && (d = Y);
+      let M = o.left + (o.width - h.width) / 2, E = o.top + (o.height - h.height) / 2;
+      d === "top" ? E = o.top - h.height - u : d === "bottom" ? E = o.bottom + u : d === "left" ? M = o.left - h.width - u : M = o.right + u, M = Math.max(l + s, Math.min(M, r - h.width - s)), E = Math.max(c + s, Math.min(E, y - h.height - s)), V.value = d, C.value = {
+        ...R,
+        position: "fixed",
+        left: Math.round(M) + "px",
+        top: Math.round(E) + "px",
+        maxWidth: Math.max(1, g - s * 2) + "px",
+        visibility: "visible"
+      };
+    }
+    function m() {
+      t.visible && f.value && p === void 0 && (p = requestAnimationFrame(N));
+    }
+    function W() {
+      p !== void 0 && cancelAnimationFrame(p), p = void 0, N();
+    }
+    function B() {
+      z = void 0, T(), m();
+    }
+    function _() {
+      x == null || x(), x = void 0, p !== void 0 && cancelAnimationFrame(p), p = void 0, z = void 0, L = [];
+    }
+    function X() {
+      var c, g;
+      if (_(), !t.visible || !f.value || !t.anchor || !w.value) return;
+      T(), window.addEventListener("scroll", m, !0), window.addEventListener("resize", B), (c = window.visualViewport) == null || c.addEventListener("scroll", m), (g = window.visualViewport) == null || g.addEventListener("resize", B);
+      const i = typeof ResizeObserver > "u" ? void 0 : new ResizeObserver((a) => {
+        var r;
+        for (const y of a)
+          if (y.target === w.value) {
+            const s = (r = y.borderBoxSize) == null ? void 0 : r[0];
+            z = s ? { width: s.inlineSize, height: s.blockSize } : void 0;
+          }
+        W();
+      });
+      i == null || i.observe(t.anchor), i == null || i.observe(w.value), t.container && (i == null || i.observe(t.container));
+      const n = () => {
+        var a, r;
+        return [
+          (a = t.container) == null ? void 0 : a.getAttribute("style"),
+          (r = t.container) == null ? void 0 : r.getAttribute("class"),
+          A.value["data-hys-theme"]
+        ].join("|");
+      };
+      let e = n();
+      const l = typeof MutationObserver > "u" ? void 0 : new MutationObserver(() => {
+        const a = n();
+        a !== e && (e = a, T(), m());
+      });
+      t.container && (l == null || l.observe(t.container, {
+        attributes: !0,
+        attributeFilter: ["style", "class", "data-hys-theme"]
+      })), x = () => {
+        var a, r;
+        window.removeEventListener("scroll", m, !0), window.removeEventListener("resize", B), (a = window.visualViewport) == null || a.removeEventListener("scroll", m), (r = window.visualViewport) == null || r.removeEventListener("resize", B), i == null || i.disconnect(), l == null || l.disconnect();
+      }, m();
+    }
+    return q(
+      () => [t.anchor, t.container, w.value, f.value, t.visible],
+      X,
+      { flush: "post" }
+    ), q(() => [t.position, t.placement], W, { flush: "post" }), q(
+      () => A.value["data-hys-theme"],
+      () => {
+        T(), W();
+      },
+      { flush: "post" }
+    ), Q(() => {
+      f.value = !0, Z(X);
+    }), tt(() => {
+      f.value = !1, _();
+    }), et(_), (i, n) => (j(), it(ot, { to: "body" }, [
+      nt(U(dt), {
+        "popup-transition": t.popupTransition,
+        "popup-transition-duration": t.popupTransitionDuration,
+        placement: V.value
+      }, {
+        default: lt(() => [
+          f.value && k.visible ? (j(), st("span", at({
+            key: 0,
+            id: k.id,
+            ref_key: "panel",
+            ref: w
+          }, U(A), {
+            class: ["hys-ui-slider-tooltip", "hys-ui-slider-tooltip-" + V.value],
+            role: "tooltip",
+            style: C.value
+          }), [
+            rt(i.$slots, "default", {}, void 0, !0)
+          ], 16, ht)) : ct("", !0)
+        ]),
+        _: 3
+      }, 8, ["popup-transition", "popup-transition-duration", "placement"])
+    ]));
+  }
+});
+export {
+  yt 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 s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1ad8ab01"]]);
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-aee36fc0"]]);
 export {
   s as default
 };

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

@@ -1,54 +1,128 @@
-import { defineComponent as h, openBlock as s, createElementBlock as c, mergeProps as k, unref as n, Fragment as l, renderList as b, normalizeClass as f, createElementVNode as u, createBlock as i, createTextVNode as m, toDisplayString as a, createCommentVNode as g } from "vue";
-import { useHysRootAttrs as v } from "../../config.js";
-import { Check as C, CircleAlert as B } from "lucide-vue-next";
-const z = ["aria-current"], A = ["disabled", "onClick"], N = { key: 1 }, V = { key: 2 }, w = /* @__PURE__ */ h({
+import { defineComponent as H, ref as N, computed as f, openBlock as a, createElementBlock as i, mergeProps as S, unref as m, Fragment as A, renderList as M, normalizeClass as P, createElementVNode as B, renderSlot as y, createBlock as $, createTextVNode as h, toDisplayString as p, createCommentVNode as C } from "vue";
+import { Check as R, CircleAlert as V } from "lucide-vue-next";
+import { useHysRootAttrs as F } from "../../config.js";
+const K = ["aria-label"], U = ["aria-current"], q = {
+  class: "hys-ui-step-marker",
+  "aria-hidden": "true"
+}, I = {
+  key: 0,
+  class: "hys-ui-step-dot"
+}, O = { class: "hys-ui-step-content" }, T = ["data-step-index", "disabled", "tabindex", "onClick", "onKeydown"], j = { key: 1 }, G = {
+  key: 2,
+  class: "hys-ui-step-subtitle"
+}, J = {
+  key: 3,
+  class: "hys-ui-step-description"
+}, Y = /* @__PURE__ */ H({
   __name: "HysSteps",
   props: {
     items: {},
-    current: {},
+    current: { default: 0 },
     vertical: { type: Boolean },
     clickable: { type: Boolean },
     disabled: { type: Boolean },
-    status: {}
+    status: { default: "process" },
+    size: { default: "md" },
+    labelPlacement: { default: "right" },
+    progressDot: { type: Boolean },
+    simple: { type: Boolean },
+    responsive: { type: Boolean, default: !0 },
+    ariaLabel: {}
   },
   emits: ["update:current", "change"],
-  setup(e, { emit: y }) {
-    const d = v(), o = y;
-    return (j, E) => (s(), c("ol", k(n(d), {
-      class: ["hys-ui-ex-steps", { "hys-ui-steps-vertical": e.vertical }],
-      "aria-label": "流程进度"
+  setup(s, { emit: D }) {
+    const u = s, v = D, L = F(), k = N(), b = f(() => u.items.map((e) => typeof e == "string" ? { title: e } : e)), c = f(() => Number.isFinite(u.current) ? Math.max(-1, Math.min(u.items.length, Math.trunc(u.current))) : 0), o = f(() => b.value.map((e, n) => !u.disabled && !e.disabled ? n : -1).filter((e) => e >= 0));
+    function r(e) {
+      var n;
+      return ((n = b.value[e]) == null ? void 0 : n.status) ?? (e < c.value ? "finish" : e === c.value ? u.status : "wait");
+    }
+    function g(e) {
+      !u.clickable || !o.value.includes(e) || e === c.value || (v("update:current", e), v("change", e));
+    }
+    function E(e, n) {
+      var z, w;
+      if (!["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End"].includes(e.key) || !o.value.length) return;
+      e.preventDefault();
+      const l = ["ArrowLeft", "ArrowUp"].includes(e.key) ? -1 : 1, t = o.value.indexOf(n), d = e.key === "Home" ? 0 : e.key === "End" ? o.value.length - 1 : (t + l + o.value.length) % o.value.length;
+      (w = (z = k.value) == null ? void 0 : z.querySelector('[data-step-index="' + o.value[d] + '"]')) == null || w.focus(), g(o.value[d]);
+    }
+    return (e, n) => (a(), i("ol", S({
+      ref_key: "root",
+      ref: k
+    }, m(L), {
+      class: ["hys-ui-ex-steps", ["hys-ui-steps-size-" + s.size, { "hys-ui-steps-vertical": s.vertical, "hys-ui-steps-bottom": s.labelPlacement === "bottom", "hys-ui-steps-dots": s.progressDot, "hys-ui-steps-simple": s.simple, "hys-ui-steps-responsive": s.responsive }]],
+      "aria-label": s.ariaLabel || "流程进度"
     }), [
-      (s(!0), c(l, null, b(e.items, (t, r) => (s(), c("li", {
-        key: r,
-        class: f({ "hys-ui-done": r < e.current, "hys-ui-active": r === e.current && e.status !== "wait", "hys-ui-step-error": r === e.current && e.status === "error" }),
-        "aria-current": r === e.current ? "step" : void 0
+      (a(!0), i(A, null, M(b.value, (l, t) => (a(), i("li", {
+        key: t,
+        class: P(["hys-ui-step-" + r(t), { "hys-ui-done": r(t) === "finish", "hys-ui-active": r(t) === "process", "hys-ui-step-disabled": s.disabled || l.disabled }]),
+        "aria-current": t === c.value ? "step" : void 0
       }, [
-        u("span", null, [
-          r < e.current || r === e.current && e.status === "finish" ? (s(), i(n(C), {
-            key: 0,
-            size: 14
-          })) : r === e.current && e.status === "error" ? (s(), i(n(B), {
-            key: 1,
-            size: 14
-          })) : (s(), c(l, { key: 2 }, [
-            m(a(r + 1), 1)
-          ], 64))
+        B("span", q, [
+          y(e.$slots, "icon", {
+            item: l,
+            index: t,
+            status: r(t)
+          }, () => [
+            s.progressDot ? (a(), i("i", I)) : r(t) === "finish" ? (a(), $(m(R), {
+              key: 1,
+              size: s.size === "sm" ? 12 : 15
+            }, null, 8, ["size"])) : r(t) === "error" ? (a(), $(m(V), {
+              key: 2,
+              size: s.size === "sm" ? 12 : 15
+            }, null, 8, ["size"])) : (a(), i(A, { key: 3 }, [
+              h(p(t + 1), 1)
+            ], 64))
+          ], !0)
         ]),
-        u("div", null, [
-          e.clickable ? (s(), c("button", {
+        B("div", O, [
+          s.clickable ? (a(), i("button", {
             key: 0,
             type: "button",
-            disabled: e.disabled || typeof t == "object" && t.disabled,
-            onClick: (H) => {
-              o("update:current", r), o("change", r);
-            }
-          }, a(typeof t == "string" ? t : t.title), 9, A)) : (s(), c("strong", N, a(typeof t == "string" ? t : t.title), 1)),
-          typeof t == "object" && t.description ? (s(), c("small", V, a(t.description), 1)) : g("", !0)
+            "data-step-index": t,
+            disabled: s.disabled || l.disabled,
+            tabindex: (o.value.includes(c.value) ? c.value : o.value[0]) === t ? 0 : -1,
+            onClick: (d) => g(t),
+            onKeydown: (d) => E(d, t)
+          }, [
+            y(e.$slots, "title", {
+              item: l,
+              index: t,
+              status: r(t)
+            }, () => [
+              h(p(l.title), 1)
+            ], !0)
+          ], 40, T)) : (a(), i("strong", j, [
+            y(e.$slots, "title", {
+              item: l,
+              index: t,
+              status: r(t)
+            }, () => [
+              h(p(l.title), 1)
+            ], !0)
+          ])),
+          l.subtitle || e.$slots.subtitle ? (a(), i("small", G, [
+            y(e.$slots, "subtitle", {
+              item: l,
+              index: t
+            }, () => [
+              h(p(l.subtitle), 1)
+            ], !0)
+          ])) : C("", !0),
+          !s.simple && (l.description || e.$slots.description) ? (a(), i("div", J, [
+            y(e.$slots, "description", {
+              item: l,
+              index: t,
+              status: r(t)
+            }, () => [
+              h(p(l.description), 1)
+            ], !0)
+          ])) : C("", !0)
         ])
-      ], 10, z))), 128))
-    ], 16));
+      ], 10, U))), 128))
+    ], 16, K));
   }
 });
 export {
-  w as default
+  Y as default
 };

package/dist/components/HysSwitch/HysSwitch.vue.js

@@ -1,7 +1,7 @@
 import o from "./HysSwitch2.vue.js";
 /* empty css               */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b5383e6b"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-89733ae0"]]);
 export {
-  s as default
+  p as default
 };

package/dist/components/HysSwitch/HysSwitch2.vue.js

@@ -1,67 +1,249 @@
-import { defineComponent as g, ref as x, watch as V, onActivated as k, onDeactivated as C, onBeforeUnmount as T, openBlock as s, createElementBlock as u, mergeProps as w, unref as d, createElementVNode as f, normalizeClass as B, createBlock as A, createCommentVNode as m, toDisplayString as L } from "vue";
-import { LoaderCircle as z } from "lucide-vue-next";
-import { useHysRootAttrs as D } from "../../config.js";
-const E = ["aria-label", "aria-checked", "aria-busy", "disabled"], H = { key: 0 }, F = /* @__PURE__ */ g({
+import { defineComponent as Z, useAttrs as p, ref as M, inject as _, useId as ee, computed as g, watch as O, onMounted as ae, openBlock as l, createElementBlock as d, mergeProps as R, unref as i, createElementVNode as A, toDisplayString as y, createCommentVNode as v, renderSlot as k, createBlock as B, resolveDynamicComponent as T, toRaw as z, Fragment as q, createTextVNode as $, createVNode as te } from "vue";
+import { LoaderCircle as ie } from "lucide-vue-next";
+import { fieldKey as ne, useHysControlState as le } from "../../composables/formContext.js";
+import { useChoiceModel as oe, useChoiceNativeReset as ue } from "../../composables/choiceModel.js";
+import { isChoice as K } from "../../composables/choice.js";
+import { useHysRootAttrs as re } from "../../config.js";
+const se = ["id", "data-status", "disabled", "tabindex", "autofocus", "aria-label", "aria-checked", "aria-readonly", "aria-busy", "aria-invalid", "aria-describedby"], ce = {
+  key: 0,
+  class: "hys-ui-switch-sizer",
+  "aria-hidden": "true"
+}, de = {
+  key: 1,
+  class: "hys-ui-switch-prompt",
+  "aria-hidden": "true"
+}, ve = {
+  class: "hys-ui-switch-thumb",
+  "aria-hidden": "true"
+}, fe = {
+  key: 0,
+  class: "hys-ui-switch-text"
+}, ye = ["name", "form", "value", "disabled"], he = ["id"], xe = /* @__PURE__ */ Z({
+  inheritAttrs: !1,
   __name: "HysSwitch",
   props: {
-    modelValue: { type: Boolean },
+    modelValue: { default: void 0 },
+    defaultValue: { default: void 0 },
+    activeValue: { default: void 0 },
+    inactiveValue: { default: void 0 },
     disabled: { type: Boolean },
+    readonly: { type: Boolean },
     loading: { type: Boolean },
+    size: {},
+    width: {},
+    round: { type: Boolean, default: !0 },
+    activeColor: {},
+    inactiveColor: {},
     activeText: {},
     inactiveText: {},
+    inlinePrompt: { type: Boolean },
+    activeIcon: {},
+    inactiveIcon: {},
+    activeActionIcon: {},
+    inactiveActionIcon: {},
     ariaLabel: {},
-    beforeChange: { type: Function }
+    name: {},
+    form: {},
+    tabindex: {},
+    autofocus: { type: Boolean },
+    focusable: { type: Boolean, default: !0 },
+    error: {},
+    status: {},
+    beforeChange: {}
   },
-  emits: ["update:modelValue", "change", "error"],
-  setup(e, { emit: h }) {
-    const a = e, c = h, y = D(), t = x(!1);
-    let l = 0, i = !0;
-    function r() {
-      l++, t.value = !1;
+  emits: ["update:modelValue", "change", "error", "click", "focus", "blur"],
+  setup(e, { expose: G, emit: J }) {
+    const a = e, h = J, Q = re(), m = p(), I = M(), r = _(ne, void 0), { disabled: s, size: P, label: U } = le(a), x = M(!1), D = ee(), L = M(!1);
+    let C = 0, b;
+    function E() {
+      C++, b == null || b.abort(), b = void 0, x.value = !1;
     }
-    V(() => [a.disabled, a.loading, a.modelValue], r, { flush: "sync" }), k(() => {
-      i = !0;
-    }), C(() => {
-      i = !1, r();
-    }), T(() => {
-      i = !1, r();
-    });
-    async function v() {
-      if (!i || a.disabled || a.loading || t.value) return;
-      const n = ++l, o = !a.modelValue;
-      t.value = !0;
+    const N = g(
+      () => K(a.activeValue) ? a.activeValue : !0
+    ), S = g(
+      () => K(a.inactiveValue) ? a.inactiveValue : !1
+    ), o = oe(
+      a,
+      () => a.defaultValue ?? S.value,
+      Object.is,
+      E
+    ), u = g(() => o.current.value === N.value), f = g(() => a.loading || x.value), j = g(
+      () => {
+        var t, n;
+        return a.error || (t = r == null ? void 0 : r.invalid) != null && t.value || a.status === "error" ? "error" : a.status ?? ((n = r == null ? void 0 : r.status) == null ? void 0 : n.value);
+      }
+    );
+    O(() => [s.value, a.readonly, a.loading], E, {
+      flush: "sync"
+    }), O([N, S], o.invalidate, { flush: "sync" });
+    async function F() {
+      if (!o.isLive() || s.value || a.readonly || f.value)
+        return !1;
+      const t = u.value ? S.value : N.value;
+      if (t === o.current.value) return !1;
+      const n = ++C, w = new AbortController();
+      b = w, x.value = !!a.beforeChange;
       try {
-        if (a.beforeChange && await a.beforeChange(o) === !1 || !i || n !== l || a.disabled || a.loading) return;
-        c("update:modelValue", o), c("change", o);
-      } catch (b) {
-        i && n === l && c("error", b);
+        return a.beforeChange && await a.beforeChange(t, o.current.value, {
+          signal: w.signal
+        }) === !1 || !o.isLive() || n !== C || w.signal.aborted || s.value || a.readonly || a.loading ? !1 : await o.commit(
+          t,
+          (c) => h("update:modelValue", c),
+          (c) => h("change", c),
+          !0
+        );
+      } catch (c) {
+        return o.isLive() && n === C && h("error", c), !1;
       } finally {
-        n === l && (t.value = !1);
+        n === C && (x.value = !1, b = void 0);
       }
     }
-    return (n, o) => (s(), u("span", w(d(y), { class: "hys-ui-switch-wrap" }), [
-      f("button", {
-        type: "button",
-        role: "switch",
-        "aria-label": e.ariaLabel || e.activeText || e.inactiveText || "切换",
-        "aria-checked": e.modelValue,
-        "aria-busy": e.loading || t.value,
-        class: B(["hys-ui-switch", { "hys-ui-on": e.modelValue }]),
-        disabled: e.disabled || e.loading || t.value,
-        onClick: v
-      }, [
-        f("span", null, [
-          e.loading || t.value ? (s(), A(d(z), {
-            key: 0,
-            class: "hys-ui-icon-spin",
-            size: 12
-          })) : m("", !0)
-        ])
-      ], 10, E),
-      e.activeText || e.inactiveText ? (s(), u("span", H, L(e.modelValue ? e.activeText : e.inactiveText), 1)) : m("", !0)
-    ], 16));
+    function W(t) {
+      s.value || a.readonly || f.value || (h("click", o.current.value, t), F());
+    }
+    function H(t) {
+      var n;
+      !s.value && !f.value && ((n = I.value) == null || n.focus(t));
+    }
+    ue(I, o.reset, void 0, () => a.form), ae(() => {
+      a.autofocus && H();
+    });
+    const X = () => Object.fromEntries(
+      Object.entries(m).filter(([t]) => t !== "class" && t !== "style")
+    ), Y = g(() => ({
+      width: typeof a.width == "number" && Number.isFinite(a.width) ? Math.max(0, a.width) + "px" : a.width ?? (a.inlinePrompt ? "max-content" : void 0),
+      "--hys-ui-switch-on": a.activeColor || "var(--hys-ui-primary,var(--hys-ui-theme-primary))",
+      "--hys-ui-switch-off": a.inactiveColor || "var(--hys-ui-border,var(--hys-ui-theme-border))"
+    }));
+    return G({
+      element: I,
+      checked: u,
+      pending: x,
+      focus: H,
+      blur: () => {
+        var t;
+        return (t = I.value) == null ? void 0 : t.blur();
+      },
+      toggle: F
+    }), (t, n) => {
+      var w, c;
+      return l(), d("span", R(i(Q), {
+        class: ["hys-ui-switch-wrap", [
+          i(m).class,
+          "hys-ui-switch-" + i(P),
+          {
+            "hys-ui-switch-disabled": i(s),
+            "hys-ui-switch-readonly": e.readonly
+          }
+        ]],
+        style: i(m).style
+      }), [
+        A("button", R({
+          ref_key: "element",
+          ref: I
+        }, X(), {
+          id: i(m).id || ((w = i(r)) == null ? void 0 : w.id.value),
+          "data-hys-ui-field-managed": "",
+          type: "button",
+          role: "switch",
+          class: ["hys-ui-switch", {
+            "hys-ui-on": u.value,
+            "hys-ui-switch-square": !e.round,
+            "hys-ui-switch-inline": e.inlinePrompt,
+            "hys-ui-switch-error": j.value === "error"
+          }],
+          "data-status": j.value,
+          style: Y.value,
+          disabled: i(s) || f.value,
+          tabindex: e.focusable ? e.tabindex : -1,
+          autofocus: e.autofocus,
+          "aria-label": e.ariaLabel || i(m)["aria-label"] || i(U) || e.activeText || e.inactiveText || "切换",
+          "aria-checked": u.value,
+          "aria-readonly": e.readonly || void 0,
+          "aria-busy": f.value || void 0,
+          "aria-invalid": j.value === "error" || void 0,
+          "aria-describedby": [i(m)["aria-describedby"], e.error ? i(D) : (c = i(r)) == null ? void 0 : c.describedBy.value].filter(Boolean).join(" ") || void 0,
+          onMousedown: n[0] || (n[0] = (V) => !e.focusable && V.preventDefault()),
+          onClick: W,
+          onFocus: n[1] || (n[1] = (V) => {
+            L.value = !0, h("focus", V);
+          }),
+          onBlur: n[2] || (n[2] = (V) => {
+            L.value = !1, h("blur", V);
+          })
+        }), [
+          e.inlinePrompt ? (l(), d("span", ce, [
+            A("span", null, y(e.activeText), 1),
+            A("span", null, y(e.inactiveText), 1)
+          ])) : v("", !0),
+          e.inlinePrompt ? (l(), d("span", de, [
+            u.value ? k(t.$slots, "active", {}, () => [
+              e.activeIcon ? (l(), B(T(z(e.activeIcon)), {
+                key: 0,
+                size: 14
+              })) : (l(), d(q, { key: 1 }, [
+                $(y(e.activeText), 1)
+              ], 64))
+            ], !0, 0) : k(t.$slots, "inactive", {}, () => [
+              e.inactiveIcon ? (l(), B(T(z(e.inactiveIcon)), {
+                key: 0,
+                size: 14
+              })) : (l(), d(q, { key: 1 }, [
+                $(y(e.inactiveText), 1)
+              ], 64))
+            ], !0, 1)
+          ])) : v("", !0),
+          A("span", ve, [
+            k(t.$slots, "thumb", {
+              checked: u.value,
+              loading: f.value,
+              focused: L.value
+            }, () => [
+              f.value ? k(t.$slots, "loading", {}, () => [
+                te(i(ie), {
+                  class: "hys-ui-icon-spin",
+                  size: i(P) === "lg" ? 14 : 11
+                }, null, 8, ["size"])
+              ], !0, 0) : (u.value ? e.activeActionIcon : e.inactiveActionIcon) ? (l(), B(T(z(u.value ? e.activeActionIcon : e.inactiveActionIcon)), {
+                key: 1,
+                size: i(P) === "lg" ? 14 : 11
+              }, null, 8, ["size"])) : v("", !0)
+            ], !0)
+          ])
+        ], 16, se),
+        !e.inlinePrompt && (e.activeText || e.inactiveText || e.activeIcon || e.inactiveIcon || t.$slots.active || t.$slots.inactive) ? (l(), d("span", fe, [
+          u.value ? k(t.$slots, "active", {}, () => [
+            e.activeIcon ? (l(), B(T(z(e.activeIcon)), {
+              key: 0,
+              size: 15
+            })) : v("", !0),
+            $(y(e.activeText), 1)
+          ], !0, 0) : k(t.$slots, "inactive", {}, () => [
+            e.inactiveIcon ? (l(), B(T(z(e.inactiveIcon)), {
+              key: 0,
+              size: 15
+            })) : v("", !0),
+            $(y(e.inactiveText), 1)
+          ], !0, 1)
+        ])) : v("", !0),
+        e.name ? (l(), d("input", {
+          key: 1,
+          type: "hidden",
+          name: e.name,
+          form: e.form,
+          value: String(i(o).current.value),
+          disabled: i(s)
+        }, null, 8, ye)) : v("", !0),
+        e.error ? (l(), d("small", {
+          key: 2,
+          id: i(D),
+          class: "hys-ui-switch-error-text",
+          role: "alert"
+        }, y(e.error), 9, he)) : v("", !0)
+      ], 16);
+    };
   }
 });
 export {
-  F as default
+  xe as default
 };