@rhino-design/vue 0.2.1 → 0.2.3

package/dist/components/XProgress.vue.js

@@ -0,0 +1,263 @@
+import { defineComponent as ne, computed as r, openBlock as s, createElementBlock as l, normalizeClass as $, createElementVNode as d, normalizeStyle as c, Fragment as z, renderList as P, renderSlot as W, createTextVNode as N, toDisplayString as T, createBlock as g, unref as h, createCommentVNode as v } from "vue";
+import y from "./XIcon.js";
+const ue = ["aria-valuenow"], ce = {
+  key: 0,
+  class: "x-progress-steps-text"
+}, de = ["aria-valuenow"], ve = {
+  key: 0,
+  class: "x-progress-line-text"
+}, me = ["aria-valuenow"], pe = ["viewBox"], fe = { key: 0 }, ge = ["offset", "stop-color"], he = ["cx", "cy", "r", "stroke-width"], ye = ["cx", "cy", "r", "stroke-width"], ke = {
+  key: 2,
+  class: "x-progress-circle-text"
+}, we = /* @__PURE__ */ ne({
+  __name: "XProgress",
+  props: {
+    type: { default: "line" },
+    size: { default: "medium" },
+    percent: { default: 0 },
+    steps: { default: 0 },
+    animation: { type: Boolean, default: !1 },
+    strokeWidth: { default: void 0 },
+    width: { default: void 0 },
+    color: { default: void 0 },
+    trackColor: { default: void 0 },
+    showText: { type: Boolean, default: !0 },
+    status: { default: void 0 }
+  },
+  setup(p) {
+    const O = {
+      small: 3,
+      medium: 4,
+      large: 8
+    }, j = {
+      mini: 16,
+      small: 48,
+      medium: 64,
+      large: 80
+    }, R = {
+      mini: 4,
+      small: 3,
+      medium: 4,
+      large: 4
+    };
+    let A = 0;
+    const t = p, b = r(() => t.type === "circle" ? "circle" : "line"), i = r(() => t.size === "mini" || t.size === "small" || t.size === "large" ? t.size : "medium"), o = r(() => {
+      const e = Number(t.percent);
+      return Number.isFinite(e) ? Math.min(1, Math.max(0, e)) : 0;
+    }), f = r(() => {
+      const e = Math.floor(Number(t.steps));
+      return !Number.isFinite(e) || e <= 0 ? 0 : e;
+    }), G = r(() => f.value > 0 ? "steps" : b.value), I = r(() => {
+      if (t.status === "error")
+        return "danger";
+      if (t.status === "normal" || t.status === "success" || t.status === "warning" || t.status === "danger")
+        return t.status;
+    }), m = r(() => I.value ? I.value : o.value >= 1 ? "success" : "normal"), H = r(() => [
+      "x-progress",
+      `x-progress-type-${G.value}`,
+      `x-progress-size-${i.value}`,
+      `x-progress-status-${m.value}`
+    ]);
+    function F(e, n) {
+      return typeof e == "number" && Number.isFinite(e) ? `${e}px` : typeof e == "string" && e.trim().length > 0 ? e : n;
+    }
+    function w(e) {
+      return typeof e == "object" && e !== null;
+    }
+    function U(e) {
+      if (!e)
+        return {};
+      if (w(e)) {
+        const n = Object.keys(e).map((a) => `${e[a]} ${a}`).join(",");
+        return n ? {
+          backgroundImage: `linear-gradient(to right, ${n})`
+        } : {};
+      }
+      return {
+        backgroundColor: e
+      };
+    }
+    function V(e) {
+      return `${(Math.round((e * 100 + Number.EPSILON) * 100) / 100).toFixed(2).replace(/\.?0+$/, "")}%`;
+    }
+    const C = r(() => V(o.value)), E = r(() => f.value <= 0 && b.value === "line" && i.value !== "mini"), K = r(() => f.value <= 0 && !E.value), X = r(() => typeof t.strokeWidth == "number" && Number.isFinite(t.strokeWidth) ? t.strokeWidth : O[i.value === "mini" ? "medium" : i.value]), q = r(() => ({
+      width: F(t.width, "100%"),
+      height: `${X.value}px`,
+      ...t.trackColor ? { backgroundColor: t.trackColor } : {}
+    })), J = r(() => [
+      "x-progress-line-bar",
+      {
+        "x-progress-line-bar-animate": t.animation && o.value < 1
+      }
+    ]), Q = r(() => ({
+      width: `${o.value * 100}%`,
+      ...U(t.color)
+    })), Y = r(() => typeof t.strokeWidth == "number" && Number.isFinite(t.strokeWidth) ? t.strokeWidth : i.value === "small" ? 8 : 4), L = r(() => {
+      if (typeof t.color == "string")
+        return t.color;
+      if (w(t.color)) {
+        const e = Object.keys(t.color);
+        return e.length > 0 ? t.color[e[0]] : void 0;
+      }
+    }), Z = r(() => {
+      const e = f.value;
+      return e <= 0 ? [] : Array.from({ length: e }, (n, a) => o.value > 0 && o.value > 1 / e * a);
+    });
+    function ee(e) {
+      return e ? L.value ? { backgroundColor: L.value } : void 0 : t.trackColor ? { backgroundColor: t.trackColor } : void 0;
+    }
+    function te(e) {
+      if (typeof e == "number" && Number.isFinite(e))
+        return e;
+      if (typeof e == "string" && /^\d+(\.\d+)?$/.test(e.trim()))
+        return Number(e);
+    }
+    const u = r(() => te(t.width) ?? j[i.value]), k = r(() => typeof t.strokeWidth == "number" && Number.isFinite(t.strokeWidth) ? t.strokeWidth : i.value === "mini" ? u.value / 2 : R[i.value]), re = r(() => i.value === "mini" ? k.value : Math.max(2, k.value - 2)), S = r(() => Math.max(0, (u.value - k.value) / 2)), B = r(() => Math.PI * 2 * S.value), x = r(() => u.value / 2), _ = r(() => w(t.color)), M = r(() => _.value ? t.color : {}), se = r(() => Object.keys(M.value)), D = `x-progress-linear-gradient-${A++}`, oe = r(() => t.trackColor ? { stroke: t.trackColor } : void 0), le = r(() => {
+      const e = {
+        strokeDasharray: B.value,
+        strokeDashoffset: (o.value >= 1 ? 0 : 1 - o.value) * B.value
+      };
+      return _.value ? e.stroke = `url(#${D})` : typeof t.color == "string" && t.color && (e.stroke = t.color), e;
+    }), ie = r(() => {
+      if (typeof t.color == "string" && t.color)
+        return { color: t.color };
+    });
+    return (e, n) => (s(), l("div", {
+      class: $(H.value)
+    }, [
+      f.value > 0 ? (s(), l("div", {
+        key: 0,
+        role: "progressbar",
+        "aria-valuemin": "0",
+        "aria-valuemax": "100",
+        "aria-valuenow": o.value,
+        class: "x-progress-steps-wrapper"
+      }, [
+        d("div", {
+          class: "x-progress-steps",
+          style: c({ height: `${Y.value}px`, width: F(p.width, "100%") })
+        }, [
+          (s(!0), l(z, null, P(Z.value, (a, ae) => (s(), l("div", {
+            key: ae,
+            class: $([
+              "x-progress-steps-item",
+              {
+                "x-progress-steps-item-active": a
+              }
+            ]),
+            style: c(ee(a))
+          }, null, 6))), 128))
+        ], 4),
+        p.showText ? (s(), l("div", ce, [
+          W(e.$slots, "text", { percent: o.value }, () => [
+            N(T(C.value) + " ", 1),
+            m.value === "danger" ? (s(), g(h(y), {
+              key: 0,
+              name: "warning",
+              size: 12
+            })) : v("", !0)
+          ])
+        ])) : v("", !0)
+      ], 8, ue)) : E.value ? (s(), l("div", {
+        key: 1,
+        role: "progressbar",
+        "aria-valuemin": "0",
+        "aria-valuemax": "100",
+        "aria-valuenow": o.value,
+        class: "x-progress-line-wrapper"
+      }, [
+        d("div", {
+          class: "x-progress-line",
+          style: c(q.value)
+        }, [
+          n[0] || (n[0] = d("div", { class: "x-progress-line-bar-buffer" }, null, -1)),
+          d("div", {
+            class: $(J.value),
+            style: c(Q.value)
+          }, null, 6)
+        ], 4),
+        p.showText ? (s(), l("div", ve, [
+          W(e.$slots, "text", { percent: o.value }, () => [
+            N(T(C.value) + " ", 1),
+            m.value === "danger" ? (s(), g(h(y), {
+              key: 0,
+              name: "warning",
+              size: 12
+            })) : v("", !0)
+          ])
+        ])) : v("", !0)
+      ], 8, de)) : K.value ? (s(), l("div", {
+        key: 2,
+        role: "progressbar",
+        "aria-valuemin": "0",
+        "aria-valuemax": "100",
+        "aria-valuenow": o.value,
+        class: "x-progress-circle-wrapper",
+        style: c({ width: `${u.value}px`, height: `${u.value}px` })
+      }, [
+        b.value === "circle" && i.value === "mini" && m.value === "success" ? (s(), g(h(y), {
+          key: 0,
+          name: "dui",
+          size: Math.max(12, u.value - 2),
+          style: c(ie.value)
+        }, null, 8, ["size", "style"])) : (s(), l("svg", {
+          key: 1,
+          viewBox: `0 0 ${u.value} ${u.value}`,
+          class: "x-progress-circle-svg"
+        }, [
+          _.value ? (s(), l("defs", fe, [
+            d("linearGradient", {
+              id: D,
+              x1: "0",
+              y1: "1",
+              x2: "0",
+              y2: "0"
+            }, [
+              (s(!0), l(z, null, P(se.value, (a) => (s(), l("stop", {
+                key: a,
+                offset: a,
+                "stop-color": M.value[a]
+              }, null, 8, ge))), 128))
+            ])
+          ])) : v("", !0),
+          d("circle", {
+            class: "x-progress-circle-bg",
+            fill: "none",
+            cx: x.value,
+            cy: x.value,
+            r: S.value,
+            "stroke-width": re.value,
+            style: c(oe.value)
+          }, null, 12, he),
+          d("circle", {
+            class: "x-progress-circle-bar",
+            fill: "none",
+            cx: x.value,
+            cy: x.value,
+            r: S.value,
+            "stroke-width": k.value,
+            style: c(le.value)
+          }, null, 12, ye)
+        ], 8, pe)),
+        p.showText && i.value !== "mini" ? (s(), l("div", ke, [
+          W(e.$slots, "text", { percent: o.value }, () => [
+            m.value === "danger" ? (s(), g(h(y), {
+              key: 0,
+              name: "warning",
+              size: 16
+            })) : m.value === "success" ? (s(), g(h(y), {
+              key: 1,
+              name: "dui",
+              size: 16
+            })) : (s(), l(z, { key: 2 }, [
+              N(T(C.value), 1)
+            ], 64))
+          ])
+        ])) : v("", !0)
+      ], 12, me)) : v("", !0)
+    ], 2));
+  }
+});
+export {
+  we as default
+};

package/dist/components/XProgress.vue2.js

@@ -0,0 +1,4 @@
+import f from "./XProgress.vue.js";
+export {
+  f as default
+};

package/dist/components/XQRCode.vue.d.ts

@@ -32,12 +32,12 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onRefresh?: ((event: MouseEvent) => any) | undefined;
 }>, {
-    color: string;
-    background: string;
-    size: number;
     type: QRCodeRenderType;
+    size: number;
+    color: string;
     value: string;
     status: QRCodeStatus;
+    background: string;
     bordered: boolean;
     iconUrl: string;
     errorLevel: QRCodeErrorLevel;

package/dist/components/XQRCode.vue.js

@@ -0,0 +1,141 @@
+import { defineComponent as S, ref as h, useSlots as U, watch as q, computed as i, openBlock as t, createElementBlock as o, normalizeStyle as B, normalizeClass as g, createElementVNode as a, unref as l, renderSlot as y, createCommentVNode as u, toDisplayString as v, createVNode as E } from "vue";
+import "../node_modules/qrcode/lib/browser.js";
+import R from "./XIcon.js";
+import { useXI18n as $ } from "../composables/i18n.js";
+import { __exports as C } from "../_virtual/browser.js";
+const N = {
+  key: 0,
+  class: "x-qr-code__content"
+}, V = ["src", "alt"], X = ["src"], D = {
+  key: 1,
+  class: "x-qr-code__status"
+}, F = {
+  key: 0,
+  class: "x-qr-code__status-loading",
+  "aria-label": "loading"
+}, M = {
+  key: 1,
+  class: "x-qr-code__status-expired"
+}, O = { class: "x-qr-code__status-title" }, Q = ["aria-label"], W = {
+  key: 2,
+  class: "x-qr-code__status-scanned"
+}, j = {
+  key: 1,
+  class: "x-qr-code__placeholder"
+}, P = /* @__PURE__ */ S({
+  __name: "XQRCode",
+  props: {
+    value: { default: "" },
+    type: { default: "canvas" },
+    size: { default: 160 },
+    color: { default: "#303133" },
+    background: { default: "#ffffff" },
+    bgColor: {},
+    bordered: { type: Boolean, default: !1 },
+    iconUrl: { default: "" },
+    errorLevel: { default: "M" },
+    status: { default: "active" }
+  },
+  emits: ["refresh"],
+  setup(s, { emit: b }) {
+    const e = s, k = b, c = h(""), f = h(!1), _ = h(!1), { t: n } = $(), w = U();
+    q(
+      () => [e.value, e.type, e.size, e.color, e.background, e.bgColor, e.errorLevel],
+      async () => {
+        f.value = !0;
+        const r = {
+          margin: 1,
+          width: e.size,
+          errorCorrectionLevel: e.errorLevel,
+          color: {
+            dark: e.color,
+            light: e.bgColor || e.background
+          }
+        };
+        try {
+          if (e.type === "svg") {
+            const d = await C.toString(e.value || " ", {
+              ...r,
+              type: "svg"
+            });
+            c.value = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(d)}`;
+          } else
+            c.value = await C.toDataURL(e.value || " ", r);
+        } finally {
+          f.value = !1;
+        }
+      },
+      { immediate: !0 }
+    ), q(
+      () => e.iconUrl,
+      () => {
+        _.value = !1;
+      },
+      { immediate: !0 }
+    );
+    const x = i(() => !!(e.iconUrl && !_.value)), I = i(() => !!w.icon), z = i(() => I.value || x.value), m = i(() => e.status !== "active");
+    function L() {
+      _.value = !0;
+    }
+    function p(r) {
+      k("refresh", r);
+    }
+    return (r, d) => (t(), o("div", {
+      class: g(["x-qr-code", { "is-bordered": s.bordered }]),
+      style: B({ width: `${s.size}px` })
+    }, [
+      c.value && !f.value ? (t(), o("div", N, [
+        a("img", {
+          class: g(["x-qr-code__image", { "is-inactive": m.value }]),
+          src: c.value,
+          alt: l(n)("qrCode.alt", void 0, "二维码")
+        }, null, 10, V),
+        z.value ? (t(), o("div", {
+          key: 0,
+          class: g(["x-qr-code__icon-wrap", { "is-inactive": m.value }]),
+          "aria-hidden": "true"
+        }, [
+          y(r.$slots, "icon", {}, () => [
+            x.value ? (t(), o("img", {
+              key: 0,
+              class: "x-qr-code__icon",
+              src: s.iconUrl,
+              alt: "",
+              onError: L
+            }, null, 40, X)) : u("", !0)
+          ])
+        ], 2)) : u("", !0),
+        m.value ? (t(), o("div", D, [
+          y(r.$slots, "status", {
+            status: s.status,
+            onRefresh: p
+          }, () => [
+            s.status === "loading" ? (t(), o("div", F, [...d[0] || (d[0] = [
+              a("span", { class: "x-qr-code__status-dot" }, null, -1),
+              a("span", { class: "x-qr-code__status-dot" }, null, -1),
+              a("span", { class: "x-qr-code__status-dot" }, null, -1),
+              a("span", { class: "x-qr-code__status-dot" }, null, -1)
+            ])])) : s.status === "expired" ? (t(), o("div", M, [
+              a("div", O, v(l(n)("qrCode.expired", void 0, "二维码已过期")), 1),
+              a("button", {
+                type: "button",
+                class: "x-qr-code__status-refresh",
+                "aria-label": l(n)("qrCode.refresh", void 0, "点击刷新"),
+                onClick: p
+              }, [
+                E(l(R), {
+                  name: "shuaxin",
+                  size: 14
+                }),
+                a("span", null, v(l(n)("qrCode.refresh", void 0, "点击刷新")), 1)
+              ], 8, Q)
+            ])) : s.status === "scanned" ? (t(), o("div", W, v(l(n)("qrCode.scanned", void 0, "已扫描")), 1)) : u("", !0)
+          ])
+        ])) : u("", !0)
+      ])) : (t(), o("div", j, v(l(n)("qrCode.loading", void 0, "生成中...")), 1))
+    ], 6));
+  }
+});
+export {
+  P as default
+};

package/dist/components/XQRCode.vue2.js

@@ -0,0 +1,4 @@
+import f from "./XQRCode.vue.js";
+export {
+  f as default
+};

package/dist/components/XRadio.vue.d.ts

@@ -31,9 +31,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     onChange?: ((value: XRadioValue, ev: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((value: XRadioValue) => any) | undefined;
 }>, {
-    disabled: boolean;
     type: XRadioType;
     value: XRadioValue;
+    disabled: boolean;
     defaultChecked: boolean;
     uninjectGroupContext: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/dist/components/XRadio.vue.js

@@ -0,0 +1,138 @@
+import { defineComponent as p, ref as g, useSlots as K, inject as L, computed as d, watch as m, onMounted as M, onBeforeUnmount as U, openBlock as i, createElementBlock as f, normalizeClass as A, createElementVNode as k, Fragment as B, createBlock as H, unref as J, renderSlot as R, createCommentVNode as O, nextTick as Q } from "vue";
+import { useXFormField as W } from "../composables/form.js";
+import { xRadioGroupKey as Y } from "./x-radio-context.js";
+const Z = ["checked", "value", "disabled"], C = {
+  key: 0,
+  class: "x-radio-label x-radio__label"
+}, P = {
+  key: 1,
+  class: "x-radio-button-content"
+}, le = /* @__PURE__ */ p({
+  __name: "XRadio",
+  props: {
+    modelValue: { type: [String, Number, Boolean] },
+    defaultChecked: { type: Boolean, default: !1 },
+    value: { type: [String, Number, Boolean], default: !0 },
+    type: { default: "radio" },
+    disabled: { type: Boolean, default: !1 },
+    uninjectGroupContext: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(_, { expose: V, emit: S }) {
+    const t = _, b = S, o = g(null), r = g(t.defaultChecked), F = K(), a = W(), l = t.uninjectGroupContext ? void 0 : L(Y, void 0), c = d(() => (l == null ? void 0 : l.name) === "XRadioGroup"), h = d(() => t.type === "button" ? "button" : (l == null ? void 0 : l.type.value) ?? t.type), D = d(() => !!(l != null && l.disabled.value || t.disabled)), N = d(() => !!(a != null && a.disabled.value)), v = d(() => D.value || N.value), u = d(() => t.value ?? !0), s = d(() => c.value ? (l == null ? void 0 : l.value.value) === u.value : t.modelValue !== void 0 ? t.modelValue === u.value : r.value);
+    m(
+      () => t.modelValue,
+      (e) => {
+        e == null && (r.value = !1);
+      }
+    ), m(s, (e, n) => {
+      e !== n && (r.value = e, o.value && (o.value.checked = e));
+    });
+    function X(e) {
+      e.stopPropagation();
+    }
+    function j(e) {
+      c.value && s.value && (l != null && l.allowCancel.value) && !v.value && (e.preventDefault(), e.stopPropagation(), o.value && (o.value.checked = !1), l.handleChange(void 0, e));
+    }
+    function q(e) {
+      r.value = !0, c.value ? l == null || l.handleChange(u.value, e) : (b("update:modelValue", u.value), b("change", u.value, e)), a == null || a.notifyChange(e), Q(() => {
+        o.value && o.value.checked !== s.value && (o.value.checked = s.value);
+      });
+    }
+    function $(e) {
+      a == null || a.notifyBlur(e);
+    }
+    function w(e) {
+      a == null || a.notifyFocus(e);
+    }
+    function E() {
+      var e;
+      (e = o.value) == null || e.focus();
+    }
+    function T() {
+      var e;
+      (e = o.value) == null || e.blur();
+    }
+    V({
+      focus: E,
+      blur: T
+    });
+    const z = d(() => [
+      h.value === "button" ? "x-radio-button" : "x-radio",
+      {
+        "x-radio-checked": s.value,
+        "x-radio-disabled": v.value,
+        "is-checked": s.value,
+        "is-disabled": v.value
+      }
+    ]), y = d(() => F.radio ?? (l == null ? void 0 : l.radioSlot));
+    M(() => {
+      c.value && (l == null || l.registerRadio(u.value));
+    }), U(() => {
+      c.value && (l == null || l.unregisterRadio(u.value));
+    }), m(u, (e, n) => {
+      !c.value || e === n || n === void 0 || (l == null || l.unregisterRadio(n), l == null || l.registerRadio(e));
+    });
+    const I = p({
+      name: "XRadioSlotRenderer",
+      props: {
+        render: {
+          type: Function,
+          required: !0
+        },
+        checked: {
+          type: Boolean,
+          required: !0
+        },
+        disabled: {
+          type: Boolean,
+          required: !0
+        }
+      },
+      setup(e) {
+        return () => {
+          var n;
+          return (n = e.render) == null ? void 0 : n.call(e, { checked: e.checked, disabled: e.disabled });
+        };
+      }
+    });
+    return (e, n) => (i(), f("label", {
+      class: A(z.value),
+      onClick: j
+    }, [
+      k("input", {
+        ref_key: "inputRef",
+        ref: o,
+        class: "x-radio-target x-radio__input",
+        type: "radio",
+        checked: s.value,
+        value: u.value,
+        disabled: v.value,
+        onClick: X,
+        onChange: q,
+        onFocus: w,
+        onBlur: $
+      }, null, 40, Z),
+      h.value === "radio" ? (i(), f(B, { key: 0 }, [
+        y.value ? (i(), H(J(I), {
+          key: 0,
+          render: y.value,
+          checked: s.value,
+          disabled: v.value
+        }, null, 8, ["render", "checked", "disabled"])) : (i(), f(B, { key: 1 }, [
+          n[0] || (n[0] = k("span", { class: "x-radio-icon-hover" }, [
+            k("span", { class: "x-radio-icon x-radio__dot" })
+          ], -1)),
+          e.$slots.default ? (i(), f("span", C, [
+            R(e.$slots, "default")
+          ])) : O("", !0)
+        ], 64))
+      ], 64)) : (i(), f("span", P, [
+        R(e.$slots, "default")
+      ]))
+    ], 2));
+  }
+});
+export {
+  le as default
+};

package/dist/components/XRadio.vue2.js

@@ -0,0 +1,4 @@
+import f from "./XRadio.vue.js";
+export {
+  f as default
+};

package/dist/components/XRadioButton.vue.d.ts

@@ -22,9 +22,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     onChange?: ((value: XRadioValue, ev: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((value: XRadioValue) => any) | undefined;
 }>, {
-    disabled: boolean;
     label: XRadioValue;
     value: XRadioValue;
+    disabled: boolean;
     defaultChecked: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLabelElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/XRadioButton.vue.js

@@ -0,0 +1,41 @@
+import { defineComponent as i, computed as m, openBlock as f, createBlock as r, withCtx as s, renderSlot as p, createTextVNode as b, toDisplayString as h } from "vue";
+import v from "./XRadio.vue.js";
+const V = /* @__PURE__ */ i({
+  __name: "XRadioButton",
+  props: {
+    modelValue: { type: [String, Number, Boolean] },
+    defaultChecked: { type: Boolean, default: !1 },
+    value: { type: [String, Number, Boolean], default: void 0 },
+    label: { type: [String, Number, Boolean], default: void 0 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: d }) {
+    const l = e, t = d, u = m(() => l.value ?? l.label ?? !0);
+    function n(a) {
+      t("update:modelValue", a);
+    }
+    function c(a, o) {
+      t("change", a, o);
+    }
+    return (a, o) => (f(), r(v, {
+      type: "button",
+      "model-value": e.modelValue,
+      "default-checked": e.defaultChecked,
+      value: u.value,
+      disabled: e.disabled,
+      "onUpdate:modelValue": n,
+      onChange: c
+    }, {
+      default: s(() => [
+        p(a.$slots, "default", {}, () => [
+          b(h(e.label), 1)
+        ])
+      ]),
+      _: 3
+    }, 8, ["model-value", "default-checked", "value", "disabled"]));
+  }
+});
+export {
+  V as default
+};

package/dist/components/XRadioButton.vue2.js

@@ -0,0 +1,4 @@
+import f from "./XRadioButton.vue.js";
+export {
+  f as default
+};

package/dist/components/XRadioGroup.vue.d.ts

@@ -31,11 +31,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     onChange?: ((value: XRadioValue | undefined, ev: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((value: XRadioValue | undefined) => any) | undefined;
 }>, {
-    disabled: boolean;
+    type: XRadioType;
     color: string;
-    direction: XRadioDirection;
     fill: string;
-    type: XRadioType;
+    disabled: boolean;
+    direction: XRadioDirection;
     allowCancel: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;