hys-ui 0.1.1 → 0.3.0

package/dist/components/HysProgress/HysProgress2.vue.js

@@ -1,74 +1,341 @@
-import { defineComponent as c, computed as l, openBlock as s, createElementBlock as a, mergeProps as h, unref as m, createElementVNode as o, normalizeStyle as n, normalizeClass as y, renderSlot as v, createTextVNode as f, toDisplayString as k, createCommentVNode as g } from "vue";
-import { useHysRootAttrs as w } from "../../config.js";
-const x = ["aria-valuenow"], b = {
+import { defineComponent as ke, useSlots as ge, useAttrs as fe, ref as Q, onActivated as me, onDeactivated as we, useId as be, computed as a, openBlock as r, createElementBlock as l, mergeProps as Y, unref as A, Fragment as S, renderList as T, createCommentVNode as c, createElementVNode as m, withDirectives as xe, normalizeClass as H, vShow as Le, normalizeStyle as w, renderSlot as Z, normalizeProps as _, guardReactiveProps as ee, createBlock as te, resolveDynamicComponent as ae, createVNode as se } from "vue";
+import { CircleX as Ce, AlertTriangle as Ae, CheckCircle2 as Se } from "lucide-vue-next";
+import { useHysRootAttrs as Be } from "../../config.js";
+import { progressId as Me, progressPercent as U, progressNumber as v, progressArc as re, progressPaint as oe, progressStatusColor as le, progressGradientCoordinates as Pe, progressCssPaint as G } from "../../composables/progress.js";
+const Fe = ["data-status", "aria-label", "aria-valuenow", "aria-valuetext"], Ie = {
   key: 0,
   viewBox: "0 0 100 100",
-  "aria-hidden": "true"
-}, p = ["stroke-width"], B = ["stroke-width", "stroke", "stroke-dashoffset"], N = {
+  "aria-hidden": "true",
+  class: "hys-ui-progress-svg"
+}, Ve = { key: 0 }, ze = ["id"], De = ["offset", "stop-color"], Te = {
+  key: 1,
+  class: "hys-ui-progress-ring-steps"
+}, Ge = ["d", "stroke", "stroke-width", "stroke-linecap"], Ne = ["d", "stroke", "stroke-width", "stroke-linecap", "stroke-dasharray"], $e = ["d", "stroke", "stroke-width", "stroke-linecap", "stroke-dasharray"], Re = { key: 2 }, Ee = ["d", "stroke", "stroke-width", "stroke-linecap"], He = ["d", "stroke", "stroke-width", "stroke-linecap", "stroke-dasharray"], Ue = ["d", "stroke", "stroke-width", "stroke-linecap", "stroke-dasharray"], We = {
+  key: 2,
+  class: "hys-ui-progress-label hys-ui-progress-inside-label"
+}, Oe = {
   key: 2,
   class: "hys-ui-progress-label"
-}, V = /* @__PURE__ */ c({
+}, Ke = /* @__PURE__ */ ke({
+  inheritAttrs: !1,
   __name: "HysProgress",
   props: {
     value: {},
     showLabel: { type: Boolean, default: !0 },
     color: {},
     status: { default: "normal" },
-    strokeWidth: { default: 7 },
+    strokeWidth: {},
     type: { default: "line" },
-    width: { default: 100 },
+    width: {},
     format: {},
-    indeterminate: { type: Boolean }
+    indeterminate: { type: Boolean },
+    size: { default: "md" },
+    textInside: { type: Boolean },
+    textColor: {},
+    precision: {},
+    showStatusIcon: { type: Boolean, default: !1 },
+    trailColor: {},
+    strokeLinecap: { default: "round" },
+    success: {},
+    steps: {},
+    stepGap: { default: 3 },
+    gapDegree: {},
+    gapPosition: { default: "bottom" },
+    striped: { type: Boolean },
+    stripedFlow: { type: Boolean },
+    animated: { type: Boolean, default: !0 },
+    duration: { default: 250 },
+    flowDuration: { default: 1300 },
+    ariaLabel: {},
+    ariaValueText: {}
   },
-  setup(e) {
-    const u = w(), r = e, t = l(() => Number.isFinite(r.value) ? Math.max(0, Math.min(100, r.value)) : 0), i = l(() => r.color || { normal: "", success: "#16a46e", warning: "#d9860c", error: "#ed4556" }[r.status] || "var(--hys-ui-primary,var(--hys-ui-theme-primary))");
-    return (d, W) => (s(), a("div", h(m(u), {
-      class: ["hys-ui-progress-line", { "hys-ui-progress-circle": e.type === "circle" }],
+  setup(s, { expose: ie }) {
+    const e = s, N = ge(), ue = fe(), W = Be(), O = Q(), $ = Q(!0);
+    me(() => $.value = !0), we(() => $.value = !1);
+    const B = Me() + "-" + be().replaceAll(":", "-"), i = a(() => U(e.value)), u = a(
+      () => {
+        var t;
+        return Math.min(i.value, U((t = e.success) == null ? void 0 : t.value));
+      }
+    ), k = a(
+      () => ["normal", "success", "warning", "error", "active"].includes(e.status) ? e.status : "normal"
+    ), h = a(
+      () => e.type === "circle" || e.type === "dashboard"
+    ), p = a(
+      () => ({
+        sm: { stroke: 4, width: 80, font: 11, roundFont: 14 },
+        md: { stroke: 7, width: 100, font: 12, roundFont: 16 },
+        lg: { stroke: 12, width: 132, font: 14, roundFont: 20 }
+      })[e.size] ?? { stroke: 7, width: 100, font: 12, roundFont: 16 }
+    ), y = a(
+      () => v(
+        e.strokeWidth,
+        e.textInside && !h.value ? Math.max(p.value.stroke, Math.ceil(p.value.font * 1.8)) : p.value.stroke,
+        1,
+        h.value ? 48 : 100
+      )
+    ), b = a(
+      () => typeof e.width == "string" ? e.width : v(e.width, p.value.width, 20, 2e3)
+    ), M = a(() => Math.min(44, (100 - y.value) / 2 - 1)), x = a(
+      () => v(e.gapDegree, e.type === "dashboard" ? 75 : 0, 0, 295)
+    ), X = a(
+      () => x.value ? ({ top: -90, right: 0, bottom: 90, left: 180 }[e.gapPosition] ?? 90) + x.value / 2 : -90
+    ), R = a(
+      () => re(M.value, X.value, 360 - x.value)
+    ), n = a(
+      () => e.indeterminate ? 0 : Math.floor(v(e.steps, 0, 0, 200))
+    ), j = a(() => v(e.stepGap, 3, 0, 40)), P = a(
+      () => e.strokeLinecap === "butt" || !n.value ? y.value : Math.min(
+        y.value,
+        2 * Math.PI * M.value * (360 - x.value) / 360 / n.value * 0.5
+      )
+    ), E = a(
+      () => !!e.textInside && !h.value && y.value >= p.value.font * 1.5
+    ), g = (t, d) => U((t / 100 * n.value - d) * 100), L = a(
+      () => oe(e.color, i.value, le(k.value))
+    ), f = a(
+      () => {
+        var t;
+        return oe(
+          (t = e.success) == null ? void 0 : t.color,
+          u.value,
+          le("success")
+        );
+      }
+    ), F = (t) => t.gradient ? "url(#" + (t === f.value ? B + "-success" : B + "-main") + ")" : t.color, q = a(
+      () => [
+        { id: B + "-main", paint: L.value },
+        { id: B + "-success", paint: f.value }
+      ].filter((t) => t.paint.gradient).map((t) => ({
+        ...t,
+        coordinates: Pe(t.paint.gradient.angle)
+      }))
+    ), ne = (t) => Array.isArray(e.color) && e.color.length && e.color.every((d) => typeof d == "string") ? e.color[t % e.color.length] : G(L.value), ce = (t) => Array.isArray(e.color) && e.color.length && e.color.every((d) => typeof d == "string") ? e.color[t % e.color.length] : F(L.value), de = a(
+      () => Array.from({ length: n.value }, (t, d) => {
+        const o = (360 - x.value) / n.value, C = Math.min(
+          o * 0.8,
+          (j.value + (e.strokeLinecap === "butt" ? 0 : P.value)) / M.value * 180 / Math.PI
+        );
+        return {
+          index: d,
+          path: re(
+            M.value,
+            X.value + d * o + C / 2,
+            o - C
+          )
+        };
+      })
+    ), I = a(() => ({
+      value: i.value,
+      successValue: u.value,
+      status: k.value,
+      indeterminate: !!e.indeterminate
+    })), V = a(
+      () => e.format ? e.format(i.value, u.value) : e.precision === void 0 ? i.value + "%" : i.value.toFixed(
+        Math.floor(v(e.precision, 0, 0, 6))
+      ) + "%"
+    ), z = a(
+      () => ({ success: Se, warning: Ae, error: Ce })[k.value]
+    ), J = () => {
+      var t;
+      return ((t = N.default) == null ? void 0 : t.call(N, I.value)) ?? V.value;
+    }, ve = a(
+      () => typeof e.ariaValueText == "function" ? e.ariaValueText(I.value) : e.ariaValueText ?? (e.indeterminate ? "处理中" : typeof V.value == "string" || typeof V.value == "number" ? String(V.value) : i.value + "%")
+    ), K = a(
+      () => e.animated && $.value && W.value["data-hys-motion"] !== "off"
+    ), he = a(
+      () => K.value && v(e.flowDuration, 1300, 0, 3e4) > 0
+    ), pe = a(() => ({
+      "--hys-ui-progress-duration": (K.value ? v(e.duration, 250, 0, 5e3) : 0) + "ms",
+      "--hys-ui-progress-flow-duration": v(e.flowDuration, 1300, 1, 3e4) + "ms",
+      "--hys-ui-progress-text": e.textColor || "var(--hys-ui-text,var(--hys-ui-theme-text))",
+      "--hys-ui-progress-font": (h.value ? Math.min(
+        p.value.roundFont,
+        typeof b.value == "number" ? b.value / 4 : p.value.roundFont
+      ) : p.value.font) + "px",
+      "--hys-ui-progress-radius": e.strokeLinecap === "round" ? "999px" : "0px",
+      ...h.value ? {
+        width: typeof b.value == "number" ? b.value + "px" : b.value,
+        aspectRatio: "1"
+      } : {}
+    })), D = a(
+      () => e.trailColor || "var(--hys-ui-border,var(--hys-ui-theme-border))"
+    );
+    return ie({ element: O, value: i, successValue: u, status: k }), (t, d) => (r(), l("div", Y({
+      ref_key: "element",
+      ref: O
+    }, { ...A(W), ...A(ue) }, {
+      class: ["hys-ui-progress-line", {
+        "hys-ui-progress-circle": h.value,
+        "hys-ui-progress-dashboard": s.type === "dashboard",
+        "hys-ui-progress-inside": E.value,
+        "hys-ui-progress-no-label": !s.showLabel,
+        "hys-ui-progress-flow": he.value,
+        "hys-ui-progress-striped": s.striped,
+        "hys-ui-progress-striped-flow": s.stripedFlow,
+        "hys-ui-progress-active": k.value === "active",
+        "hys-ui-progress-unknown": s.indeterminate
+      }],
+      style: pe.value,
+      "data-status": k.value,
       role: "progressbar",
-      "aria-valuenow": e.indeterminate ? void 0 : t.value,
+      "aria-label": s.ariaLabel,
+      "aria-valuenow": s.indeterminate ? void 0 : i.value,
+      "aria-valuetext": ve.value,
       "aria-valuemin": "0",
-      "aria-valuemax": "100",
-      style: e.type === "circle" ? { width: e.width + "px", height: e.width + "px" } : void 0
+      "aria-valuemax": "100"
     }), [
-      e.type === "circle" ? (s(), a("svg", b, [
-        o("circle", {
-          cx: "50",
-          cy: "50",
-          r: "44",
-          fill: "none",
-          "stroke-width": e.strokeWidth,
-          stroke: "var(--hys-ui-border,var(--hys-ui-theme-border))"
-        }, null, 8, p),
-        o("circle", {
-          cx: "50",
-          cy: "50",
-          r: "44",
-          fill: "none",
-          "stroke-width": e.strokeWidth,
-          stroke: i.value,
-          "stroke-linecap": "round",
-          "stroke-dasharray": 276.46,
-          "stroke-dashoffset": 276.46 * (1 - t.value / 100),
-          transform: "rotate(-90 50 50)"
-        }, null, 8, B)
-      ])) : (s(), a("div", {
+      h.value ? (r(), l("svg", Ie, [
+        q.value.length ? (r(), l("defs", Ve, [
+          (r(!0), l(S, null, T(q.value, (o) => (r(), l("linearGradient", Y({
+            id: o.id,
+            key: o.id,
+            gradientUnits: "userSpaceOnUse"
+          }, { ref_for: !0 }, o.coordinates), [
+            (r(!0), l(S, null, T(o.paint.gradient.stops, (C, ye) => (r(), l("stop", {
+              key: ye,
+              offset: C.offset + "%",
+              "stop-color": C.color
+            }, null, 8, De))), 128))
+          ], 16, ze))), 128))
+        ])) : c("", !0),
+        n.value ? (r(), l("g", Te, [
+          (r(!0), l(S, null, T(de.value, (o) => (r(), l("g", {
+            key: o.index
+          }, [
+            m("path", {
+              d: o.path,
+              stroke: D.value,
+              "stroke-width": P.value,
+              "stroke-linecap": s.strokeLinecap,
+              fill: "none"
+            }, null, 8, Ge),
+            g(i.value, o.index) > 0 ? (r(), l("path", {
+              key: 0,
+              class: "hys-ui-progress-ring-fill",
+              d: o.path,
+              pathLength: "100",
+              stroke: ce(o.index),
+              "stroke-width": P.value,
+              "stroke-linecap": s.strokeLinecap,
+              "stroke-dasharray": g(i.value, o.index) + " 100",
+              fill: "none"
+            }, null, 8, Ne)) : c("", !0),
+            g(u.value, o.index) > 0 ? (r(), l("path", {
+              key: 1,
+              class: "hys-ui-progress-ring-success",
+              d: o.path,
+              pathLength: "100",
+              stroke: F(f.value),
+              "stroke-width": P.value,
+              "stroke-linecap": s.strokeLinecap,
+              "stroke-dasharray": g(u.value, o.index) + " 100",
+              fill: "none"
+            }, null, 8, $e)) : c("", !0)
+          ]))), 128))
+        ])) : (r(), l("g", Re, [
+          m("path", {
+            class: "hys-ui-progress-ring-trail",
+            d: R.value,
+            stroke: D.value,
+            "stroke-width": y.value,
+            "stroke-linecap": s.strokeLinecap,
+            fill: "none"
+          }, null, 8, Ee),
+          xe(m("path", {
+            class: H(["hys-ui-progress-ring-fill", { "hys-ui-progress-ring-indeterminate": s.indeterminate }]),
+            d: R.value,
+            pathLength: "100",
+            stroke: F(L.value),
+            "stroke-width": y.value,
+            "stroke-linecap": s.strokeLinecap,
+            "stroke-dasharray": (s.indeterminate ? 25 : i.value) + " 100",
+            fill: "none"
+          }, null, 10, He), [
+            [Le, s.indeterminate || i.value > 0]
+          ]),
+          u.value > 0 && !s.indeterminate ? (r(), l("path", {
+            key: 0,
+            class: "hys-ui-progress-ring-success",
+            d: R.value,
+            pathLength: "100",
+            stroke: F(f.value),
+            "stroke-width": y.value,
+            "stroke-linecap": s.strokeLinecap,
+            "stroke-dasharray": u.value + " 100",
+            fill: "none"
+          }, null, 8, Ue)) : c("", !0)
+        ]))
+      ])) : (r(), l("div", {
         key: 1,
-        class: "hys-ui-progress-track",
-        style: n({ height: e.strokeWidth + "px" })
+        class: H(["hys-ui-progress-track", { "hys-ui-progress-steps": n.value }]),
+        style: w({
+          height: y.value + "px",
+          background: n.value ? "transparent" : D.value,
+          gap: j.value + "px"
+        })
       }, [
-        o("div", {
-          class: y(["hys-ui-progress-fill hys-ui-motion-progress", { "hys-ui-progress-indeterminate": e.indeterminate }]),
-          style: n({ width: t.value + "%", height: "100%", background: i.value })
-        }, null, 6)
-      ], 4)),
-      e.showLabel ? (s(), a("span", N, [
-        v(d.$slots, "default", { value: t.value }, () => [
-          f(k(e.format ? e.format(t.value) : t.value + "%"), 1)
-        ], !0)
-      ])) : g("", !0)
-    ], 16, x));
+        n.value ? (r(!0), l(S, { key: 0 }, T(n.value, (o) => (r(), l("span", {
+          key: o,
+          class: "hys-ui-progress-step",
+          style: w({ background: D.value })
+        }, [
+          m("i", {
+            class: "hys-ui-progress-fill",
+            style: w({
+              width: g(i.value, o - 1) + "%",
+              background: ne(o - 1)
+            })
+          }, null, 4),
+          u.value > 0 ? (r(), l("i", {
+            key: 0,
+            class: "hys-ui-progress-success",
+            style: w({
+              width: g(u.value, o - 1) + "%",
+              background: A(G)(f.value)
+            })
+          }, null, 4)) : c("", !0)
+        ], 4))), 128)) : (r(), l(S, { key: 1 }, [
+          m("div", {
+            class: H(["hys-ui-progress-fill hys-ui-motion-progress", { "hys-ui-progress-indeterminate": s.indeterminate }]),
+            style: w({
+              width: (s.indeterminate ? 35 : i.value) + "%",
+              background: A(G)(L.value)
+            })
+          }, null, 6),
+          u.value > 0 && !s.indeterminate ? (r(), l("div", {
+            key: 0,
+            class: "hys-ui-progress-success",
+            style: w({
+              width: u.value + "%",
+              background: A(G)(f.value)
+            })
+          }, null, 4)) : c("", !0)
+        ], 64)),
+        s.showLabel && E.value ? (r(), l("span", We, [
+          m("span", null, [
+            s.showStatusIcon && (z.value || t.$slots.icon) ? Z(t.$slots, "icon", _(ee(I.value)), () => [
+              (r(), te(ae(z.value), {
+                size: 14,
+                "aria-hidden": "true"
+              }))
+            ], !0, 0) : c("", !0),
+            se(J)
+          ])
+        ])) : c("", !0)
+      ], 6)),
+      s.showLabel && !E.value ? (r(), l("span", Oe, [
+        s.showStatusIcon && (z.value || t.$slots.icon) ? Z(t.$slots, "icon", _(ee(I.value)), () => [
+          (r(), te(ae(z.value), {
+            size: h.value ? 18 : 14,
+            "aria-hidden": "true"
+          }, null, 8, ["size"]))
+        ], !0, 0) : c("", !0),
+        se(J)
+      ])) : c("", !0)
+    ], 16, Fe));
   }
 });
 export {
-  V as default
+  Ke as default
 };

package/dist/components/HysRadio/HysRadio.vue.js

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

package/dist/components/HysRadio/HysRadio2.vue.js

@@ -0,0 +1,180 @@
+import { defineComponent as Y, inject as M, useAttrs as Z, ref as p, useId as g, computed as d, watch as _, onMounted as ee, onActivated as ae, onDeactivated as te, onBeforeUnmount as le, openBlock as O, createElementBlock as R, mergeProps as I, unref as l, createElementVNode as S, renderSlot as $, createTextVNode as oe, toDisplayString as K, createCommentVNode as ie } from "vue";
+import { fieldKey as re, useHysControlState as de } from "../../composables/formContext.js";
+import { radioGroupKey as ue, isChoice as se } from "../../composables/choice.js";
+import { useChoiceModel as ne, useChoiceNativeReset as ve } from "../../composables/choiceModel.js";
+import { useHysRootAttrs as ce } from "../../config.js";
+const fe = ["data-status"], be = ["id", "data-hys-ui-radio-controlled", "name", "form", "value", "checked", "disabled", "required", "aria-readonly", "aria-label", "aria-invalid", "aria-describedby", "tabindex"], me = {
+  class: "hys-ui-radio-box",
+  "aria-hidden": "true"
+}, ye = { class: "hys-ui-radio-label" }, he = ["id"], Ee = /* @__PURE__ */ Y({
+  inheritAttrs: !1,
+  __name: "HysRadio",
+  props: {
+    modelValue: { default: void 0 },
+    defaultValue: { default: void 0 },
+    value: { default: void 0 },
+    label: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    size: {},
+    button: { type: Boolean, default: void 0 },
+    border: { type: Boolean, default: void 0 },
+    buttonStyle: {},
+    name: {},
+    form: {},
+    required: { type: Boolean },
+    ariaLabel: {},
+    tabindex: {},
+    focusable: { type: Boolean, default: !0 },
+    autofocus: { type: Boolean },
+    error: {},
+    status: {}
+  },
+  emits: ["update:modelValue", "change", "focus", "blur"],
+  setup(i, { expose: T, emit: U }) {
+    const t = i, m = U, e = M(ue, void 0), s = M(re, void 0), y = Z(), W = ce(), u = p(), q = g(), A = de(t), x = ne(
+      t,
+      () => t.defaultValue ?? null
+    ), n = d(() => se(t.value) ? t.value : "on"), v = d(
+      () => (e ? e.value.value : x.current.value) === n.value
+    ), h = d(() => A.disabled.value || !!(e != null && e.disabled.value)), C = d(() => t.readonly || (e == null ? void 0 : e.readonly.value)), F = d(() => t.size ?? (e == null ? void 0 : e.size.value) ?? A.size.value), G = d(() => t.button ?? (e == null ? void 0 : e.button.value) ?? !1), P = d(() => t.border ?? (e == null ? void 0 : e.border.value) ?? !1), J = d(
+      () => t.buttonStyle ? t.buttonStyle === "solid" : (e == null ? void 0 : e.solid.value) ?? !1
+    ), E = d(
+      () => {
+        var a, o;
+        return t.error || t.status === "error" || !e && ((a = s == null ? void 0 : s.invalid) != null && a.value) ? "error" : t.status ?? (e == null ? void 0 : e.status.value) ?? ((o = s == null ? void 0 : s.status) == null ? void 0 : o.value);
+      }
+    );
+    function c() {
+      u.value && (u.value.checked = v.value);
+    }
+    async function j() {
+      var k, V;
+      if (!x.isLive() || h.value || C.value || v.value)
+        return c(), !1;
+      const a = e == null ? void 0 : e.select(n.value);
+      e && m("change", n.value);
+      const o = a ? await a : await x.commit(
+        n.value,
+        (r) => m("update:modelValue", r),
+        (r) => m("change", r),
+        !0
+      );
+      c();
+      const B = (k = u.value) == null ? void 0 : k.name;
+      if (!e && B)
+        for (const r of document.getElementsByName(B))
+          r instanceof HTMLInputElement && r.type === "radio" && r.form === ((V = u.value) == null ? void 0 : V.form) && r.hasAttribute("data-hys-ui-radio-controlled") && r.dispatchEvent(new Event("hys-ui-radio-sync"));
+      return o;
+    }
+    let b;
+    function w() {
+      e && !b && (b = e.register({
+        input: u,
+        value: d(() => n.value),
+        disabled: d(() => !!t.disabled),
+        locked: d(() => !!t.disabled || !!t.readonly)
+      }));
+    }
+    function z() {
+      b == null || b(), b = void 0;
+    }
+    _(v, c, { flush: "post" }), ve(
+      u,
+      x.reset,
+      c,
+      () => t.form ?? (e == null ? void 0 : e.form.value)
+    ), ee(() => {
+      var a;
+      c(), w(), t.autofocus && !h.value && ((a = u.value) == null || a.focus());
+    }), ae(w), te(z), le(z);
+    const Q = () => Object.fromEntries(
+      Object.entries(y).filter(
+        ([a]) => a === "id" || a.startsWith("aria-")
+      )
+    ), X = () => Object.fromEntries(
+      Object.entries(y).filter(
+        ([a]) => a !== "id" && !a.startsWith("aria-")
+      )
+    );
+    return T({
+      input: u,
+      checked: v,
+      focus: (a) => {
+        var o;
+        h.value || (o = u.value) == null || o.focus(a);
+      },
+      blur: () => {
+        var a;
+        return (a = u.value) == null ? void 0 : a.blur();
+      },
+      select: j
+    }), (a, o) => {
+      var B, k, V, r, H, N, D, L;
+      return O(), R("label", I({ ...l(W), ...X() }, {
+        class: ["hys-ui-radio-option", [
+          "hys-ui-radio-" + F.value,
+          {
+            "hys-ui-radio-option-disabled": h.value,
+            "hys-ui-radio-option-readonly": C.value,
+            "hys-ui-radio-bordered": P.value,
+            "hys-ui-radio-button": G.value,
+            "hys-ui-radio-solid": J.value,
+            "hys-ui-radio-selected": v.value,
+            "hys-ui-radio-error": E.value === "error"
+          }
+        ]],
+        "data-status": E.value,
+        onMousedown: o[3] || (o[3] = (f) => !i.focusable && f.preventDefault())
+      }), [
+        S("input", I({
+          ref_key: "input",
+          ref: u
+        }, Q(), {
+          class: "hys-ui-radio-native",
+          type: "radio",
+          id: l(y).id || (l(e) || (B = l(s)) == null ? void 0 : B.id.value),
+          "data-hys-ui-field-managed": "",
+          "data-hys-ui-radio-controlled": i.modelValue !== void 0 ? "" : void 0,
+          name: ((k = l(e)) == null ? void 0 : k.name.value) || i.name,
+          form: i.form || ((V = l(e)) == null ? void 0 : V.form.value),
+          value: String(n.value),
+          checked: v.value,
+          disabled: h.value,
+          required: i.required || ((r = l(e)) == null ? void 0 : r.required.value) || !l(e) && ((H = l(s)) == null ? void 0 : H.required.value),
+          "aria-readonly": C.value || void 0,
+          "aria-label": i.ariaLabel || l(y)["aria-label"] || i.label || (!i.label && !a.$slots.default && !l(e) ? (N = l(s)) == null ? void 0 : N.label.value : void 0),
+          "aria-invalid": E.value === "error" || void 0,
+          "aria-describedby": [
+            l(y)["aria-describedby"],
+            i.error ? l(q) : void 0,
+            l(e) || (D = l(s)) == null ? void 0 : D.describedBy.value
+          ].filter(Boolean).join(" ") || void 0,
+          tabindex: i.focusable ? i.tabindex ?? ((L = l(e)) == null ? void 0 : L.tabindex(n.value)) : -1,
+          onClick: o[0] || (o[0] = (f) => C.value && f.preventDefault()),
+          onChange: j,
+          onHysUiRadioSync: c,
+          onFocus: o[1] || (o[1] = (f) => m("focus", f)),
+          onBlur: o[2] || (o[2] = (f) => m("blur", f))
+        }), null, 16, be),
+        S("span", me, [
+          $(a.$slots, "icon", { checked: v.value }, void 0, !0)
+        ]),
+        S("span", ye, [
+          $(a.$slots, "default", {}, () => [
+            oe(K(i.label), 1)
+          ], !0)
+        ]),
+        i.error ? (O(), R("small", {
+          key: 0,
+          id: l(q),
+          class: "hys-ui-radio-error-text",
+          role: "alert"
+        }, K(i.error), 9, he)) : ie("", !0)
+      ], 16, fe);
+    };
+  }
+});
+export {
+  Ee as default
+};

package/dist/components/HysRadioGroup/HysRadioGroup.vue.js

@@ -1,7 +1,7 @@
 import o from "./HysRadioGroup2.vue.js";
 /* empty css                   */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-281378b2"]]);
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f34c441a"]]);
 export {
-  m as default
+  f as default
 };