hys-ui 0.1.1 → 0.2.0

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

@@ -0,0 +1,156 @@
+import { defineComponent as J, ref as A, watch as P, onActivated as K, nextTick as Q, onDeactivated as Z, onBeforeUnmount as ee, openBlock as N, createBlock as te, Teleport as ie, createElementBlock as oe, mergeProps as ne, unref as le, renderSlot as se, createCommentVNode as re } from "vue";
+import { useHysRootAttrs as ae } from "../../config.js";
+const ce = ["id"], fe = /* @__PURE__ */ J({
+  __name: "SliderTooltip",
+  props: {
+    id: {},
+    anchor: {},
+    container: {},
+    placement: {},
+    position: {}
+  },
+  setup(q) {
+    const i = q, C = ae(), g = A(), p = A(!0), R = A({ position: "fixed", visibility: "hidden" }), X = A(i.placement);
+    let h, x, L = [], S = {}, z;
+    function B() {
+      if (L = [], S = {}, !i.anchor) return;
+      for (let n = i.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 t = getComputedStyle(i.anchor);
+      for (const n of [
+        "--hys-ui-text",
+        "--hys-ui-surface",
+        "--hys-ui-theme-text",
+        "--hys-ui-theme-surface"
+      ]) {
+        const e = t.getPropertyValue(n).trim();
+        e && (S[n] = e);
+      }
+    }
+    function Y() {
+      h = void 0;
+      const t = i.anchor, n = g.value;
+      if (!p.value || !(t != null && t.isConnected) || !n) return;
+      const e = window.visualViewport, l = (e == null ? void 0 : e.offsetLeft) ?? 0, c = (e == null ? void 0 : e.offsetTop) ?? 0, w = (e == null ? void 0 : e.width) ?? (document.documentElement.clientWidth || window.innerWidth), r = (e == null ? void 0 : e.height) ?? (document.documentElement.clientHeight || window.innerHeight), a = l + w, y = c + r, s = 8, u = 8, o = (t.querySelector(".hys-ui-slider-handle") ?? t).getBoundingClientRect();
+      let _ = l, W = c, F = a, H = y;
+      for (const { element: v, x: G, y: I } of L) {
+        const b = v.getBoundingClientRect();
+        G && (_ = Math.max(_, b.left + v.clientLeft), F = Math.min(
+          F,
+          b.left + v.clientLeft + (v.clientWidth || b.width)
+        )), I && (W = Math.max(W, b.top + v.clientTop), H = Math.min(
+          H,
+          b.top + v.clientTop + (v.clientHeight || b.height)
+        ));
+      }
+      if (!o.width && !o.height || o.right <= _ || o.left >= F || o.bottom <= W || o.top >= H) {
+        R.value = { position: "fixed", visibility: "hidden" };
+        return;
+      }
+      n.style.maxWidth = Math.max(1, w - s * 2) + "px";
+      const f = z ?? n.getBoundingClientRect(), O = {
+        top: o.top - c - u - s,
+        bottom: y - o.bottom - u - s,
+        left: o.left - l - u - s,
+        right: a - o.right - u - s
+      }, U = {
+        top: "bottom",
+        bottom: "top",
+        left: "right",
+        right: "left"
+      };
+      let d = i.placement;
+      const D = U[d], $ = d === "top" || d === "bottom" ? f.height : f.width;
+      O[d] < $ && O[D] > O[d] && (d = D);
+      let E = o.left + (o.width - f.width) / 2, M = o.top + (o.height - f.height) / 2;
+      d === "top" ? M = o.top - f.height - u : d === "bottom" ? M = o.bottom + u : d === "left" ? E = o.left - f.width - u : E = o.right + u, E = Math.max(l + s, Math.min(E, a - f.width - s)), M = Math.max(c + s, Math.min(M, y - f.height - s)), X.value = d, R.value = {
+        ...S,
+        position: "fixed",
+        left: Math.round(E) + "px",
+        top: Math.round(M) + "px",
+        maxWidth: Math.max(1, w - s * 2) + "px",
+        visibility: "visible"
+      };
+    }
+    function m() {
+      p.value && h === void 0 && (h = requestAnimationFrame(Y));
+    }
+    function T() {
+      h !== void 0 && cancelAnimationFrame(h), h = void 0, Y();
+    }
+    function k() {
+      z = void 0, B(), m();
+    }
+    function V() {
+      x == null || x(), x = void 0, h !== void 0 && cancelAnimationFrame(h), h = void 0, z = void 0, L = [];
+    }
+    function j() {
+      var c, w;
+      if (V(), !p.value || !i.anchor || !g.value) return;
+      B(), window.addEventListener("scroll", m, !0), window.addEventListener("resize", k), (c = window.visualViewport) == null || c.addEventListener("scroll", m), (w = window.visualViewport) == null || w.addEventListener("resize", k);
+      const t = typeof ResizeObserver > "u" ? void 0 : new ResizeObserver((r) => {
+        var a;
+        for (const y of r)
+          if (y.target === g.value) {
+            const s = (a = y.borderBoxSize) == null ? void 0 : a[0];
+            z = s ? { width: s.inlineSize, height: s.blockSize } : void 0;
+          }
+        T();
+      });
+      t == null || t.observe(i.anchor), t == null || t.observe(g.value), i.container && (t == null || t.observe(i.container));
+      const n = () => {
+        var r, a;
+        return [
+          (r = i.container) == null ? void 0 : r.getAttribute("style"),
+          (a = i.container) == null ? void 0 : a.getAttribute("class"),
+          C.value["data-hys-theme"]
+        ].join("|");
+      };
+      let e = n();
+      const l = typeof MutationObserver > "u" ? void 0 : new MutationObserver(() => {
+        const r = n();
+        r !== e && (e = r, B(), m());
+      });
+      i.container && (l == null || l.observe(i.container, {
+        attributes: !0,
+        attributeFilter: ["style", "class", "data-hys-theme"]
+      })), x = () => {
+        var r, a;
+        window.removeEventListener("scroll", m, !0), window.removeEventListener("resize", k), (r = window.visualViewport) == null || r.removeEventListener("scroll", m), (a = window.visualViewport) == null || a.removeEventListener("resize", k), t == null || t.disconnect(), l == null || l.disconnect();
+      }, m();
+    }
+    return P(
+      () => [i.anchor, i.container, g.value, p.value],
+      j,
+      { flush: "post" }
+    ), P(() => [i.position, i.placement], T, { flush: "post" }), P(
+      () => C.value["data-hys-theme"],
+      () => {
+        B(), T();
+      },
+      { flush: "post" }
+    ), K(() => {
+      p.value = !0, Q(j);
+    }), Z(() => {
+      p.value = !1, V();
+    }), ee(V), (t, n) => (N(), te(ie, { to: "body" }, [
+      p.value ? (N(), oe("span", ne({
+        key: 0,
+        id: q.id,
+        ref_key: "panel",
+        ref: g
+      }, le(C), {
+        class: ["hys-ui-slider-tooltip", "hys-ui-slider-tooltip-" + X.value],
+        role: "tooltip",
+        style: R.value
+      }), [
+        se(t.$slots, "default", {}, void 0, !0)
+      ], 16, ce)) : re("", !0)
+    ]));
+  }
+});
+export {
+  fe 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
 };

package/dist/components/HysTable/HysTable.vue.js

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