@layers.digital/layers-design-system-vue3 1.0.2 → 1.0.4

package/dist/layers-design-system-vue327.js

@@ -1,826 +1,242 @@
-import { useLocale as Fe, ElTooltip as Ue, Ee as ze, EVENT_CODE as We } from "./layers-design-system-vue328.js";
-import { ElInput as $e } from "./layers-design-system-vue329.js";
-import { useFormItem as _e, useFormSize as Ke, useFormDisabled as je, UPDATE_MODEL_EVENT as H, useFormItemInputId as He, useSizeProp as Ne, CHANGE_EVENT as Ve, INPUT_EVENT as D } from "./layers-design-system-vue330.js";
-import { ElIcon as Pe, arrow_down_default as Ge, minus_default as qe, arrow_up_default as Je, plus_default as Qe } from "./layers-design-system-vue331.js";
-import { buildProps as he, useNamespace as pe, isNumber as X, isUndefined as me, isNil_default as ie, withInstall as Re, isString as ke, throwError as Ye, debugWarn as be, definePropType as ue, useEventListener as Ze, _export_sfc as Ie, isFunction as Ce, isArray as De, debounce_default as Te } from "./layers-design-system-vue332.js";
-import { defineComponent as te, ref as ee, reactive as Be, computed as V, watch as se, onMounted as Xe, onUpdated as et, openBlock as x, createElementBlock as O, normalizeClass as U, unref as t, withModifiers as ce, withDirectives as Le, withKeys as ve, createVNode as de, withCtx as ge, createBlock as Z, createCommentVNode as ne, toRefs as Ee, normalizeStyle as le, createElementVNode as ae, toDisplayString as tt, h as lt, provide as nt, Fragment as fe, renderList as we, nextTick as ye, shallowRef as at, inject as rt } from "vue";
-var ot = 100, ut = 600, Me = {
-  beforeMount(e, l) {
-    const o = l.value, { interval: a = ot, delay: c = ut } = Ce(o) ? {} : o;
-    let i, u;
-    const d = () => Ce(o) ? o() : o.handler(), y = () => {
-      u && (clearTimeout(u), u = void 0), i && (clearInterval(i), i = void 0);
-    };
-    e.addEventListener("mousedown", (v) => {
-      v.button === 0 && (y(), d(), document.addEventListener("mouseup", () => y(), {
-        once: !0
-      }), u = setTimeout(() => {
-        i = setInterval(() => {
-          d();
-        }, a);
-      }, c));
-    });
-  }
-}, it = he({
-  id: {
-    type: String,
-    default: void 0
-  },
-  step: {
-    type: Number,
-    default: 1
-  },
-  stepStrictly: Boolean,
-  max: {
-    type: Number,
-    default: Number.POSITIVE_INFINITY
-  },
-  min: {
-    type: Number,
-    default: Number.NEGATIVE_INFINITY
-  },
-  modelValue: Number,
-  readonly: Boolean,
+import { useId as O, useFormItem as W, useFormItemInputId as J, useSizeProp as z, UPDATE_MODEL_EVENT as k, CHANGE_EVENT as Q, useFormSize as X, useFormDisabled as Y } from "./layers-design-system-vue328.js";
+import { buildProps as E, useNamespace as B, debugWarn as Z, withInstall as x, withNoopInstall as C, isString as h, isNumber as N, isBoolean as w, _export_sfc as I } from "./layers-design-system-vue329.js";
+import { defineComponent as y, openBlock as V, createElementBlock as _, normalizeClass as f, unref as e, createElementVNode as g, withDirectives as $, isRef as F, vModelRadio as P, withModifiers as D, renderSlot as G, createTextVNode as T, toDisplayString as A, computed as c, normalizeStyle as ee, ref as R, onMounted as oe, provide as ae, reactive as le, toRefs as re, watch as ne, inject as te, nextTick as K } from "vue";
+var M = E({
+  size: z,
   disabled: Boolean,
-  size: Ne,
-  controls: {
-    type: Boolean,
-    default: !0
+  label: {
+    type: [String, Number, Boolean],
+    default: ""
+  }
+}), ie = E({
+  ...M,
+  modelValue: {
+    type: [String, Number, Boolean],
+    default: ""
   },
-  controlsPosition: {
+  name: {
     type: String,
-    default: "",
-    values: ["", "right"]
-  },
-  valueOnClear: {
-    type: [String, Number, null],
-    validator: (e) => e === null || X(e) || ["min", "max"].includes(e),
-    default: null
-  },
-  name: String,
-  label: String,
-  placeholder: String,
-  precision: {
-    type: Number,
-    validator: (e) => e >= 0 && e === Number.parseInt(`${e}`, 10)
-  },
-  validateEvent: {
-    type: Boolean,
-    default: !0
-  }
-}), st = {
-  [Ve]: (e, l) => l !== e,
-  blur: (e) => e instanceof FocusEvent,
-  focus: (e) => e instanceof FocusEvent,
-  [D]: (e) => X(e) || ie(e),
-  [H]: (e) => X(e) || ie(e)
-}, dt = ["aria-label", "onKeydown"], mt = ["aria-label", "onKeydown"], ct = te({
-  name: "ElInputNumber"
-}), vt = /* @__PURE__ */ te({
-  ...ct,
-  props: it,
-  emits: st,
-  setup(e, { expose: l, emit: o }) {
-    const a = e, { t: c } = Fe(), i = pe("input-number"), u = ee(), d = Be({
-      currentValue: a.modelValue,
-      userInput: null
-    }), { formItem: y } = _e(), v = V(() => X(a.modelValue) && a.modelValue <= a.min), h = V(() => X(a.modelValue) && a.modelValue >= a.max), s = V(() => {
-      const n = Y(a.step);
-      return me(a.precision) ? Math.max(Y(a.modelValue), n) : (n > a.precision, a.precision);
-    }), C = V(() => a.controls && a.controlsPosition === "right"), F = Ke(), T = je(), z = V(() => {
-      if (d.userInput !== null)
-        return d.userInput;
-      let n = d.currentValue;
-      if (ie(n))
-        return "";
-      if (X(n)) {
-        if (Number.isNaN(n))
-          return "";
-        me(a.precision) || (n = n.toFixed(a.precision));
-      }
-      return n;
-    }), _ = (n, r) => {
-      if (me(r) && (r = s.value), r === 0)
-        return Math.round(n);
-      let b = String(n);
-      const N = b.indexOf(".");
-      if (N === -1 || !b.replace(".", "").split("")[N + r])
-        return n;
-      const M = b.length;
-      return b.charAt(M - 1) === "5" && (b = `${b.slice(0, Math.max(0, M - 1))}6`), Number.parseFloat(Number(b).toFixed(r));
-    }, Y = (n) => {
-      if (ie(n))
-        return 0;
-      const r = n.toString(), b = r.indexOf(".");
-      let N = 0;
-      return b !== -1 && (N = r.length - b - 1), N;
-    }, L = (n, r = 1) => X(n) ? _(n + a.step * r) : d.currentValue, K = () => {
-      if (a.readonly || T.value || h.value)
-        return;
-      const n = Number(z.value) || 0, r = L(n);
-      w(r), o(D, d.currentValue);
-    }, P = () => {
-      if (a.readonly || T.value || v.value)
-        return;
-      const n = Number(z.value) || 0, r = L(n, -1);
-      w(r), o(D, d.currentValue);
-    }, p = (n, r) => {
-      const { max: b, min: N, step: S, precision: B, stepStrictly: M, valueOnClear: A } = a;
-      b < N && Ye("InputNumber", "min should not be greater than max.");
-      let E = Number(n);
-      if (ie(n) || Number.isNaN(E))
-        return null;
-      if (n === "") {
-        if (A === null)
-          return null;
-        E = ke(A) ? { min: N, max: b }[A] : A;
-      }
-      return M && (E = _(Math.round(E / S) * S, B)), me(B) || (E = _(E, B)), (E > b || E < N) && (E = E > b ? b : N, r && o(H, E)), E;
-    }, w = (n, r = !0) => {
+    default: ""
+  },
+  border: Boolean
+}), L = {
+  [k]: (r) => h(r) || N(r) || w(r),
+  [Q]: (r) => h(r) || N(r) || w(r)
+}, U = Symbol("radioGroupKey"), j = (r, m) => {
+  const n = R(), a = te(U, void 0), d = c(() => !!a), v = c({
+    get() {
+      return d.value ? a.modelValue : r.modelValue;
+    },
+    set(s) {
+      d.value ? a.changeEvent(s) : m && m(k, s), n.value.checked = r.modelValue === r.label;
+    }
+  }), i = X(c(() => a == null ? void 0 : a.size)), u = Y(c(() => a == null ? void 0 : a.disabled)), l = R(!1), p = c(() => u.value || d.value && v.value !== r.label ? -1 : 0);
+  return {
+    radioRef: n,
+    isGroup: d,
+    radioGroup: a,
+    focus: l,
+    size: i,
+    disabled: u,
+    tabIndex: p,
+    modelValue: v
+  };
+}, se = ["value", "name", "disabled"], de = y({
+  name: "ElRadio"
+}), ue = /* @__PURE__ */ y({
+  ...de,
+  props: ie,
+  emits: L,
+  setup(r, { emit: m }) {
+    const n = r, a = B("radio"), { radioRef: d, radioGroup: v, focus: i, size: u, disabled: l, modelValue: p } = j(n, m);
+    function s() {
+      K(() => m("change", p.value));
+    }
+    return (o, t) => {
       var b;
-      const N = d.currentValue, S = p(n);
-      if (!r) {
-        o(H, S);
-        return;
-      }
-      N !== S && (d.userInput = null, o(H, S), o(Ve, S, N), a.validateEvent && ((b = y == null ? void 0 : y.validate) == null || b.call(y, "change").catch((B) => be())), d.currentValue = S);
-    }, q = (n) => {
-      d.userInput = n;
-      const r = n === "" ? null : Number(n);
-      o(D, r), w(r, !1);
-    }, J = (n) => {
-      const r = n !== "" ? Number(n) : "";
-      (X(r) && !Number.isNaN(r) || n === "") && w(r), d.userInput = null;
-    }, W = () => {
-      var n, r;
-      (r = (n = u.value) == null ? void 0 : n.focus) == null || r.call(n);
-    }, G = () => {
-      var n, r;
-      (r = (n = u.value) == null ? void 0 : n.blur) == null || r.call(n);
-    }, g = (n) => {
-      o("focus", n);
-    }, k = (n) => {
-      var r;
-      o("blur", n), a.validateEvent && ((r = y == null ? void 0 : y.validate) == null || r.call(y, "blur").catch((b) => be()));
-    };
-    return se(() => a.modelValue, (n) => {
-      const r = p(d.userInput), b = p(n, !0);
-      !X(r) && (!r || r !== b) && (d.currentValue = b, d.userInput = null);
-    }, { immediate: !0 }), Xe(() => {
-      var n;
-      const { min: r, max: b, modelValue: N } = a, S = (n = u.value) == null ? void 0 : n.input;
-      if (S.setAttribute("role", "spinbutton"), Number.isFinite(b) ? S.setAttribute("aria-valuemax", String(b)) : S.removeAttribute("aria-valuemax"), Number.isFinite(r) ? S.setAttribute("aria-valuemin", String(r)) : S.removeAttribute("aria-valuemin"), S.setAttribute("aria-valuenow", String(d.currentValue)), S.setAttribute("aria-disabled", String(T.value)), !X(N) && N != null) {
-        let B = Number(N);
-        Number.isNaN(B) && (B = null), o(H, B);
-      }
-    }), et(() => {
-      var n;
-      const r = (n = u.value) == null ? void 0 : n.input;
-      r == null || r.setAttribute("aria-valuenow", `${d.currentValue}`);
-    }), l({
-      focus: W,
-      blur: G
-    }), (n, r) => (x(), O("div", {
-      class: U([
-        t(i).b(),
-        t(i).m(t(F)),
-        t(i).is("disabled", t(T)),
-        t(i).is("without-controls", !n.controls),
-        t(i).is("controls-right", t(C))
-      ]),
-      onDragstart: r[1] || (r[1] = ce(() => {
-      }, ["prevent"]))
-    }, [
-      n.controls ? Le((x(), O("span", {
-        key: 0,
-        role: "button",
-        "aria-label": t(c)("el.inputNumber.decrease"),
-        class: U([t(i).e("decrease"), t(i).is("disabled", t(v))]),
-        onKeydown: ve(P, ["enter"])
+      return V(), _("label", {
+        class: f([
+          e(a).b(),
+          e(a).is("disabled", e(l)),
+          e(a).is("focus", e(i)),
+          e(a).is("bordered", o.border),
+          e(a).is("checked", e(p) === o.label),
+          e(a).m(e(u))
+        ])
       }, [
-        de(t(Pe), null, {
-          default: ge(() => [
-            t(C) ? (x(), Z(t(Ge), { key: 0 })) : (x(), Z(t(qe), { key: 1 }))
+        g("span", {
+          class: f([
+            e(a).e("input"),
+            e(a).is("disabled", e(l)),
+            e(a).is("checked", e(p) === o.label)
+          ])
+        }, [
+          $(g("input", {
+            ref_key: "radioRef",
+            ref: d,
+            "onUpdate:modelValue": t[0] || (t[0] = (S) => F(p) ? p.value = S : null),
+            class: f(e(a).e("original")),
+            value: o.label,
+            name: o.name || ((b = e(v)) == null ? void 0 : b.name),
+            disabled: e(l),
+            type: "radio",
+            onFocus: t[1] || (t[1] = (S) => i.value = !0),
+            onBlur: t[2] || (t[2] = (S) => i.value = !1),
+            onChange: s
+          }, null, 42, se), [
+            [P, e(p)]
           ]),
-          _: 1
-        })
-      ], 42, dt)), [
-        [t(Me), P]
-      ]) : ne("v-if", !0),
-      n.controls ? Le((x(), O("span", {
-        key: 1,
-        role: "button",
-        "aria-label": t(c)("el.inputNumber.increase"),
-        class: U([t(i).e("increase"), t(i).is("disabled", t(h))]),
-        onKeydown: ve(K, ["enter"])
+          g("span", {
+            class: f(e(a).e("inner"))
+          }, null, 2)
+        ], 2),
+        g("span", {
+          class: f(e(a).e("label")),
+          onKeydown: t[3] || (t[3] = D(() => {
+          }, ["stop"]))
+        }, [
+          G(o.$slots, "default", {}, () => [
+            T(A(o.label), 1)
+          ])
+        ], 34)
+      ], 2);
+    };
+  }
+}), pe = /* @__PURE__ */ I(ue, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/radio/src/radio.vue"]]), me = E({
+  ...M,
+  name: {
+    type: String,
+    default: ""
+  }
+}), ve = ["value", "name", "disabled"], fe = y({
+  name: "ElRadioButton"
+}), be = /* @__PURE__ */ y({
+  ...fe,
+  props: me,
+  setup(r) {
+    const m = r, n = B("radio"), { radioRef: a, focus: d, size: v, disabled: i, modelValue: u, radioGroup: l } = j(m), p = c(() => ({
+      backgroundColor: (l == null ? void 0 : l.fill) || "",
+      borderColor: (l == null ? void 0 : l.fill) || "",
+      boxShadow: l != null && l.fill ? `-1px 0 0 0 ${l.fill}` : "",
+      color: (l == null ? void 0 : l.textColor) || ""
+    }));
+    return (s, o) => {
+      var t;
+      return V(), _("label", {
+        class: f([
+          e(n).b("button"),
+          e(n).is("active", e(u) === s.label),
+          e(n).is("disabled", e(i)),
+          e(n).is("focus", e(d)),
+          e(n).bm("button", e(v))
+        ])
       }, [
-        de(t(Pe), null, {
-          default: ge(() => [
-            t(C) ? (x(), Z(t(Je), { key: 0 })) : (x(), Z(t(Qe), { key: 1 }))
-          ]),
-          _: 1
-        })
-      ], 42, mt)), [
-        [t(Me), K]
-      ]) : ne("v-if", !0),
-      de(t($e), {
-        id: n.id,
-        ref_key: "input",
-        ref: u,
-        type: "number",
-        step: n.step,
-        "model-value": t(z),
-        placeholder: n.placeholder,
-        readonly: n.readonly,
-        disabled: t(T),
-        size: t(F),
-        max: n.max,
-        min: n.min,
-        name: n.name,
-        label: n.label,
-        "validate-event": !1,
-        onWheel: r[0] || (r[0] = ce(() => {
-        }, ["prevent"])),
-        onKeydown: [
-          ve(ce(K, ["prevent"]), ["up"]),
-          ve(ce(P, ["prevent"]), ["down"])
-        ],
-        onBlur: k,
-        onFocus: g,
-        onInput: q,
-        onChange: J
-      }, null, 8, ["id", "step", "model-value", "placeholder", "readonly", "disabled", "size", "max", "min", "name", "label", "onKeydown"])
-    ], 34));
+        $(g("input", {
+          ref_key: "radioRef",
+          ref: a,
+          "onUpdate:modelValue": o[0] || (o[0] = (b) => F(u) ? u.value = b : null),
+          class: f(e(n).be("button", "original-radio")),
+          value: s.label,
+          type: "radio",
+          name: s.name || ((t = e(l)) == null ? void 0 : t.name),
+          disabled: e(i),
+          onFocus: o[1] || (o[1] = (b) => d.value = !0),
+          onBlur: o[2] || (o[2] = (b) => d.value = !1)
+        }, null, 42, ve), [
+          [P, e(u)]
+        ]),
+        g("span", {
+          class: f(e(n).be("button", "inner")),
+          style: ee(e(u) === s.label ? e(p) : {}),
+          onKeydown: o[3] || (o[3] = D(() => {
+          }, ["stop"]))
+        }, [
+          G(s.$slots, "default", {}, () => [
+            T(A(s.label), 1)
+          ])
+        ], 38)
+      ], 2);
+    };
   }
-}), ft = /* @__PURE__ */ Ie(vt, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/input-number/src/input-number.vue"]]), bt = Re(ft), Oe = Symbol("sliderContextKey"), gt = he({
-  modelValue: {
-    type: ue([Number, Array]),
-    default: 0
-  },
+}), q = /* @__PURE__ */ I(be, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/radio/src/radio-button.vue"]]), ce = E({
   id: {
     type: String,
     default: void 0
   },
-  min: {
-    type: Number,
-    default: 0
-  },
-  max: {
-    type: Number,
-    default: 100
-  },
-  step: {
-    type: Number,
-    default: 1
-  },
-  showInput: Boolean,
-  showInputControls: {
-    type: Boolean,
-    default: !0
-  },
-  size: Ne,
-  inputSize: Ne,
-  showStops: Boolean,
-  showTooltip: {
-    type: Boolean,
-    default: !0
-  },
-  formatTooltip: {
-    type: ue(Function),
-    default: void 0
-  },
+  size: z,
   disabled: Boolean,
-  range: Boolean,
-  vertical: Boolean,
-  height: String,
-  debounce: {
-    type: Number,
-    default: 300
+  modelValue: {
+    type: [String, Number, Boolean],
+    default: ""
   },
-  label: {
+  fill: {
     type: String,
-    default: void 0
+    default: ""
   },
-  rangeStartLabel: {
+  label: {
     type: String,
     default: void 0
   },
-  rangeEndLabel: {
+  textColor: {
     type: String,
-    default: void 0
-  },
-  formatValueText: {
-    type: ue(Function),
-    default: void 0
+    default: ""
   },
-  tooltipClass: {
+  name: {
     type: String,
     default: void 0
   },
-  placement: {
-    type: String,
-    values: ze,
-    default: "top"
-  },
-  marks: {
-    type: ue(Object)
-  },
   validateEvent: {
     type: Boolean,
     default: !0
   }
-}), Se = (e) => X(e) || De(e) && e.every(X), yt = {
-  [H]: Se,
-  [D]: Se,
-  [Ve]: Se
-}, Vt = (e, l, o) => {
-  const a = ee();
-  return Xe(async () => {
-    e.range ? (Array.isArray(e.modelValue) ? (l.firstValue = Math.max(e.min, e.modelValue[0]), l.secondValue = Math.min(e.max, e.modelValue[1])) : (l.firstValue = e.min, l.secondValue = e.max), l.oldValue = [l.firstValue, l.secondValue]) : (typeof e.modelValue != "number" || Number.isNaN(e.modelValue) ? l.firstValue = e.min : l.firstValue = Math.min(e.max, Math.max(e.min, e.modelValue)), l.oldValue = l.firstValue), Ze(window, "resize", o), await ye(), o();
-  }), {
-    sliderWrapper: a
-  };
-}, ht = (e) => V(() => e.marks ? Object.keys(e.marks).map(Number.parseFloat).sort((o, a) => o - a).filter((o) => o <= e.max && o >= e.min).map((o) => ({
-  point: o,
-  position: (o - e.min) * 100 / (e.max - e.min),
-  mark: e.marks[o]
-})) : []), pt = (e, l, o) => {
-  const { form: a, formItem: c } = _e(), i = at(), u = ee(), d = ee(), y = {
-    firstButton: u,
-    secondButton: d
-  }, v = V(() => e.disabled || (a == null ? void 0 : a.disabled) || !1), h = V(() => Math.min(l.firstValue, l.secondValue)), s = V(() => Math.max(l.firstValue, l.secondValue)), C = V(() => e.range ? `${100 * (s.value - h.value) / (e.max - e.min)}%` : `${100 * (l.firstValue - e.min) / (e.max - e.min)}%`), F = V(() => e.range ? `${100 * (h.value - e.min) / (e.max - e.min)}%` : "0%"), T = V(() => e.vertical ? { height: e.height } : {}), z = V(() => e.vertical ? {
-    height: C.value,
-    bottom: F.value
-  } : {
-    width: C.value,
-    left: F.value
-  }), _ = () => {
-    i.value && (l.sliderSize = i.value[`client${e.vertical ? "Height" : "Width"}`]);
-  }, Y = (g) => {
-    const k = e.min + g * (e.max - e.min) / 100;
-    if (!e.range)
-      return u;
-    let n;
-    return Math.abs(h.value - k) < Math.abs(s.value - k) ? n = l.firstValue < l.secondValue ? "firstButton" : "secondButton" : n = l.firstValue > l.secondValue ? "firstButton" : "secondButton", y[n];
-  }, L = (g) => {
-    const k = Y(g);
-    return k.value.setPosition(g), k;
-  }, K = (g) => {
-    l.firstValue = g, p(e.range ? [h.value, s.value] : g);
-  }, P = (g) => {
-    l.secondValue = g, e.range && p([h.value, s.value]);
-  }, p = (g) => {
-    o(H, g), o(D, g);
-  }, w = async () => {
-    await ye(), o(Ve, e.range ? [h.value, s.value] : e.modelValue);
-  }, q = (g) => {
-    var k, n, r, b, N, S;
-    if (v.value || l.dragging)
-      return;
-    _();
-    let B = 0;
-    if (e.vertical) {
-      const M = (r = (n = (k = g.touches) == null ? void 0 : k.item(0)) == null ? void 0 : n.clientY) != null ? r : g.clientY;
-      B = (i.value.getBoundingClientRect().bottom - M) / l.sliderSize * 100;
-    } else {
-      const M = (S = (N = (b = g.touches) == null ? void 0 : b.item(0)) == null ? void 0 : N.clientX) != null ? S : g.clientX, A = i.value.getBoundingClientRect().left;
-      B = (M - A) / l.sliderSize * 100;
-    }
-    if (!(B < 0 || B > 100))
-      return L(B);
-  };
-  return {
-    elFormItem: c,
-    slider: i,
-    firstButton: u,
-    secondButton: d,
-    sliderDisabled: v,
-    minValue: h,
-    maxValue: s,
-    runwayStyle: T,
-    barStyle: z,
-    resetSize: _,
-    setPosition: L,
-    emitChange: w,
-    onSliderWrapperPrevent: (g) => {
-      var k, n;
-      ((k = y.firstButton.value) != null && k.dragging || (n = y.secondButton.value) != null && n.dragging) && g.preventDefault();
-    },
-    onSliderClick: (g) => {
-      q(g) && w();
-    },
-    onSliderDown: async (g) => {
-      const k = q(g);
-      k && (await ye(), k.value.onButtonDown(g));
-    },
-    setFirstValue: K,
-    setSecondValue: P
-  };
-}, { left: wt, down: St, right: Nt, up: kt, home: Et, end: It, pageUp: Bt, pageDown: xt } = We, Pt = (e, l, o) => {
-  const a = ee(), c = ee(!1), i = V(() => l.value instanceof Function), u = V(() => i.value && l.value(e.modelValue) || e.modelValue), d = Te(() => {
-    o.value && (c.value = !0);
-  }, 50), y = Te(() => {
-    o.value && (c.value = !1);
-  }, 50);
-  return {
-    tooltip: a,
-    tooltipVisible: c,
-    formatValue: u,
-    displayTooltip: d,
-    hideTooltip: y
-  };
-}, Ct = (e, l, o) => {
-  const {
-    disabled: a,
-    min: c,
-    max: i,
-    step: u,
-    showTooltip: d,
-    precision: y,
-    sliderSize: v,
-    formatTooltip: h,
-    emitChange: s,
-    resetSize: C,
-    updateDragging: F
-  } = rt(Oe), { tooltip: T, tooltipVisible: z, formatValue: _, displayTooltip: Y, hideTooltip: L } = Pt(e, h, d), K = ee(), P = V(() => `${(e.modelValue - c.value) / (i.value - c.value) * 100}%`), p = V(() => e.vertical ? { bottom: P.value } : { left: P.value }), w = () => {
-    l.hovering = !0, Y();
-  }, q = () => {
-    l.hovering = !1, l.dragging || L();
-  }, J = (m) => {
-    a.value || (m.preventDefault(), B(m), window.addEventListener("mousemove", M), window.addEventListener("touchmove", M), window.addEventListener("mouseup", A), window.addEventListener("touchend", A), window.addEventListener("contextmenu", A), K.value.focus());
-  }, W = (m) => {
-    a.value || (l.newPosition = Number.parseFloat(P.value) + m / (i.value - c.value) * 100, E(l.newPosition), s());
-  }, G = () => {
-    W(-u.value);
-  }, g = () => {
-    W(u.value);
-  }, k = () => {
-    W(-u.value * 4);
-  }, n = () => {
-    W(u.value * 4);
-  }, r = () => {
-    a.value || (E(0), s());
-  }, b = () => {
-    a.value || (E(100), s());
-  }, N = (m) => {
-    let I = !0;
-    [wt, St].includes(m.key) ? G() : [Nt, kt].includes(m.key) ? g() : m.key === Et ? r() : m.key === It ? b() : m.key === xt ? k() : m.key === Bt ? n() : I = !1, I && m.preventDefault();
-  }, S = (m) => {
-    let I, $;
-    return m.type.startsWith("touch") ? ($ = m.touches[0].clientY, I = m.touches[0].clientX) : ($ = m.clientY, I = m.clientX), {
-      clientX: I,
-      clientY: $
+}), ge = L, ye = ["id", "aria-label", "aria-labelledby"], Ee = y({
+  name: "ElRadioGroup"
+}), Se = /* @__PURE__ */ y({
+  ...Ee,
+  props: ce,
+  emits: ge,
+  setup(r, { emit: m }) {
+    const n = r, a = B("radio"), d = O(), v = R(), { formItem: i } = W(), { inputId: u, isLabeledByFormItem: l } = J(n, {
+      formItemContext: i
+    }), p = (o) => {
+      m(k, o), K(() => m("change", o));
     };
-  }, B = (m) => {
-    l.dragging = !0, l.isClick = !0;
-    const { clientX: I, clientY: $ } = S(m);
-    e.vertical ? l.startY = $ : l.startX = I, l.startPosition = Number.parseFloat(P.value), l.newPosition = l.startPosition;
-  }, M = (m) => {
-    if (l.dragging) {
-      l.isClick = !1, Y(), C();
-      let I;
-      const { clientX: $, clientY: Q } = S(m);
-      e.vertical ? (l.currentY = Q, I = (l.startY - l.currentY) / v.value * 100) : (l.currentX = $, I = (l.currentX - l.startX) / v.value * 100), l.newPosition = l.startPosition + I, E(l.newPosition);
-    }
-  }, A = () => {
-    l.dragging && (setTimeout(() => {
-      l.dragging = !1, l.hovering || L(), l.isClick || E(l.newPosition), s();
-    }, 0), window.removeEventListener("mousemove", M), window.removeEventListener("touchmove", M), window.removeEventListener("mouseup", A), window.removeEventListener("touchend", A), window.removeEventListener("contextmenu", A));
-  }, E = async (m) => {
-    if (m === null || Number.isNaN(+m))
-      return;
-    m < 0 ? m = 0 : m > 100 && (m = 100);
-    const I = 100 / ((i.value - c.value) / u.value);
-    let Q = Math.round(m / I) * I * (i.value - c.value) * 0.01 + c.value;
-    Q = Number.parseFloat(Q.toFixed(y.value)), Q !== e.modelValue && o(H, Q), !l.dragging && e.modelValue !== l.oldValue && (l.oldValue = e.modelValue), await ye(), l.dragging && Y(), T.value.updatePopper();
-  };
-  return se(() => l.dragging, (m) => {
-    F(m);
-  }), {
-    disabled: a,
-    button: K,
-    tooltip: T,
-    tooltipVisible: z,
-    showTooltip: d,
-    wrapperStyle: p,
-    formatValue: _,
-    handleMouseEnter: w,
-    handleMouseLeave: q,
-    onButtonDown: J,
-    onKeyDown: N,
-    setPosition: E
-  };
-}, Tt = (e, l, o, a) => ({
-  stops: V(() => {
-    if (!e.showStops || e.min > e.max)
-      return [];
-    if (e.step === 0)
-      return [];
-    const u = (e.max - e.min) / e.step, d = 100 * e.step / (e.max - e.min), y = Array.from({ length: u - 1 }).map((v, h) => (h + 1) * d);
-    return e.range ? y.filter((v) => v < 100 * (o.value - e.min) / (e.max - e.min) || v > 100 * (a.value - e.min) / (e.max - e.min)) : y.filter((v) => v > 100 * (l.firstValue - e.min) / (e.max - e.min));
-  }),
-  getStopStyle: (u) => e.vertical ? { bottom: `${u}%` } : { left: `${u}%` }
-}), Lt = (e, l, o, a, c, i) => {
-  const u = (v) => {
-    c(H, v), c(D, v);
-  }, d = () => e.range ? ![o.value, a.value].every((v, h) => v === l.oldValue[h]) : e.modelValue !== l.oldValue, y = () => {
-    var v, h;
-    e.min > e.max && Ye("Slider", "min should not be greater than max.");
-    const s = e.modelValue;
-    e.range && Array.isArray(s) ? s[1] < e.min ? u([e.min, e.min]) : s[0] > e.max ? u([e.max, e.max]) : s[0] < e.min ? u([e.min, s[1]]) : s[1] > e.max ? u([s[0], e.max]) : (l.firstValue = s[0], l.secondValue = s[1], d() && (e.validateEvent && ((v = i == null ? void 0 : i.validate) == null || v.call(i, "change").catch((C) => be())), l.oldValue = s.slice())) : !e.range && typeof s == "number" && !Number.isNaN(s) && (s < e.min ? u(e.min) : s > e.max ? u(e.max) : (l.firstValue = s, d() && (e.validateEvent && ((h = i == null ? void 0 : i.validate) == null || h.call(i, "change").catch((C) => be())), l.oldValue = s)));
-  };
-  y(), se(() => l.dragging, (v) => {
-    v || y();
-  }), se(() => e.modelValue, (v, h) => {
-    l.dragging || Array.isArray(v) && Array.isArray(h) && v.every((s, C) => s === h[C]) && l.firstValue === v[0] && l.secondValue === v[1] || y();
-  }, {
-    deep: !0
-  }), se(() => [e.min, e.max], () => {
-    y();
-  });
-}, Mt = he({
-  modelValue: {
-    type: Number,
-    default: 0
-  },
-  vertical: Boolean,
-  tooltipClass: String,
-  placement: {
-    type: String,
-    values: ze,
-    default: "top"
-  }
-}), At = {
-  [H]: (e) => X(e)
-}, Ft = ["tabindex"], zt = te({
-  name: "ElSliderButton"
-}), _t = /* @__PURE__ */ te({
-  ...zt,
-  props: Mt,
-  emits: At,
-  setup(e, { expose: l, emit: o }) {
-    const a = e, c = pe("slider"), i = Be({
-      hovering: !1,
-      dragging: !1,
-      isClick: !1,
-      startX: 0,
-      currentX: 0,
-      startY: 0,
-      currentY: 0,
-      startPosition: 0,
-      newPosition: 0,
-      oldValue: a.modelValue
-    }), {
-      disabled: u,
-      button: d,
-      tooltip: y,
-      showTooltip: v,
-      tooltipVisible: h,
-      wrapperStyle: s,
-      formatValue: C,
-      handleMouseEnter: F,
-      handleMouseLeave: T,
-      onButtonDown: z,
-      onKeyDown: _,
-      setPosition: Y
-    } = Ct(a, i, o), { hovering: L, dragging: K } = Ee(i);
-    return l({
-      onButtonDown: z,
-      onKeyDown: _,
-      setPosition: Y,
-      hovering: L,
-      dragging: K
-    }), (P, p) => (x(), O("div", {
-      ref_key: "button",
-      ref: d,
-      class: U([t(c).e("button-wrapper"), { hover: t(L), dragging: t(K) }]),
-      style: le(t(s)),
-      tabindex: t(u) ? -1 : 0,
-      onMouseenter: p[0] || (p[0] = (...w) => t(F) && t(F)(...w)),
-      onMouseleave: p[1] || (p[1] = (...w) => t(T) && t(T)(...w)),
-      onMousedown: p[2] || (p[2] = (...w) => t(z) && t(z)(...w)),
-      onTouchstart: p[3] || (p[3] = (...w) => t(z) && t(z)(...w)),
-      onFocus: p[4] || (p[4] = (...w) => t(F) && t(F)(...w)),
-      onBlur: p[5] || (p[5] = (...w) => t(T) && t(T)(...w)),
-      onKeydown: p[6] || (p[6] = (...w) => t(_) && t(_)(...w))
+    oe(() => {
+      const o = v.value.querySelectorAll("[type=radio]"), t = o[0];
+      !Array.from(o).some((b) => b.checked) && t && (t.tabIndex = 0);
+    });
+    const s = c(() => n.name || d.value);
+    return ae(U, le({
+      ...re(n),
+      changeEvent: p,
+      name: s
+    })), ne(() => n.modelValue, () => {
+      n.validateEvent && (i == null || i.validate("change").catch((o) => Z()));
+    }), (o, t) => (V(), _("div", {
+      id: e(u),
+      ref_key: "radioGroupRef",
+      ref: v,
+      class: f(e(a).b("group")),
+      role: "radiogroup",
+      "aria-label": e(l) ? void 0 : o.label || "radio-group",
+      "aria-labelledby": e(l) ? e(i).labelId : void 0
     }, [
-      de(t(Ue), {
-        ref_key: "tooltip",
-        ref: y,
-        visible: t(h),
-        placement: P.placement,
-        "fallback-placements": ["top", "bottom", "right", "left"],
-        "stop-popper-mouse-event": !1,
-        "popper-class": P.tooltipClass,
-        disabled: !t(v),
-        persistent: ""
-      }, {
-        content: ge(() => [
-          ae("span", null, tt(t(C)), 1)
-        ]),
-        default: ge(() => [
-          ae("div", {
-            class: U([t(c).e("button"), { hover: t(L), dragging: t(K) }])
-          }, null, 2)
-        ]),
-        _: 1
-      }, 8, ["visible", "placement", "popper-class", "disabled"])
-    ], 46, Ft));
-  }
-}), Ae = /* @__PURE__ */ Ie(_t, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/slider/src/button.vue"]]), Kt = he({
-  mark: {
-    type: ue([String, Object]),
-    default: void 0
-  }
-}), Rt = te({
-  name: "ElSliderMarker",
-  props: Kt,
-  setup(e) {
-    const l = pe("slider"), o = V(() => ke(e.mark) ? e.mark : e.mark.label), a = V(() => ke(e.mark) ? void 0 : e.mark.style);
-    return () => lt("div", {
-      class: l.e("marks-text"),
-      style: a.value
-    }, o.value);
-  }
-}), Yt = ["id", "role", "aria-label", "aria-labelledby"], Xt = { key: 1 }, Ot = te({
-  name: "ElSlider"
-}), Ut = /* @__PURE__ */ te({
-  ...Ot,
-  props: gt,
-  emits: yt,
-  setup(e, { expose: l, emit: o }) {
-    const a = e, c = pe("slider"), { t: i } = Fe(), u = Be({
-      firstValue: 0,
-      secondValue: 0,
-      oldValue: 0,
-      dragging: !1,
-      sliderSize: 1
-    }), {
-      elFormItem: d,
-      slider: y,
-      firstButton: v,
-      secondButton: h,
-      sliderDisabled: s,
-      minValue: C,
-      maxValue: F,
-      runwayStyle: T,
-      barStyle: z,
-      resetSize: _,
-      emitChange: Y,
-      onSliderWrapperPrevent: L,
-      onSliderClick: K,
-      onSliderDown: P,
-      setFirstValue: p,
-      setSecondValue: w
-    } = pt(a, u, o), { stops: q, getStopStyle: J } = Tt(a, u, C, F), { inputId: W, isLabeledByFormItem: G } = He(a, {
-      formItemContext: d
-    }), g = Ke(), k = V(() => a.inputSize || g.value), n = V(() => a.label || i("el.slider.defaultLabel", {
-      min: a.min,
-      max: a.max
-    })), r = V(() => a.range ? a.rangeStartLabel || i("el.slider.defaultRangeStartLabel") : n.value), b = V(() => a.formatValueText ? a.formatValueText(m.value) : `${m.value}`), N = V(() => a.rangeEndLabel || i("el.slider.defaultRangeEndLabel")), S = V(() => a.formatValueText ? a.formatValueText(I.value) : `${I.value}`), B = V(() => [
-      c.b(),
-      c.m(g.value),
-      c.is("vertical", a.vertical),
-      { [c.m("with-input")]: a.showInput }
-    ]), M = ht(a);
-    Lt(a, u, C, F, o, d);
-    const A = V(() => {
-      const f = [a.min, a.max, a.step].map((j) => {
-        const re = `${j}`.split(".")[1];
-        return re ? re.length : 0;
-      });
-      return Math.max.apply(null, f);
-    }), { sliderWrapper: E } = Vt(a, u, _), { firstValue: m, secondValue: I, sliderSize: $ } = Ee(u), Q = (f) => {
-      u.dragging = f;
-    };
-    return nt(Oe, {
-      ...Ee(a),
-      sliderSize: $,
-      disabled: s,
-      precision: A,
-      emitChange: Y,
-      resetSize: _,
-      updateDragging: Q
-    }), l({
-      onSliderClick: K
-    }), (f, j) => {
-      var re, xe;
-      return x(), O("div", {
-        id: f.range ? t(W) : void 0,
-        ref_key: "sliderWrapper",
-        ref: E,
-        class: U(t(B)),
-        role: f.range ? "group" : void 0,
-        "aria-label": f.range && !t(G) ? t(n) : void 0,
-        "aria-labelledby": f.range && t(G) ? (re = t(d)) == null ? void 0 : re.labelId : void 0,
-        onTouchstart: j[2] || (j[2] = (...R) => t(L) && t(L)(...R)),
-        onTouchmove: j[3] || (j[3] = (...R) => t(L) && t(L)(...R))
-      }, [
-        ae("div", {
-          ref_key: "slider",
-          ref: y,
-          class: U([
-            t(c).e("runway"),
-            { "show-input": f.showInput && !f.range },
-            t(c).is("disabled", t(s))
-          ]),
-          style: le(t(T)),
-          onMousedown: j[0] || (j[0] = (...R) => t(P) && t(P)(...R)),
-          onTouchstart: j[1] || (j[1] = (...R) => t(P) && t(P)(...R))
-        }, [
-          ae("div", {
-            class: U(t(c).e("bar")),
-            style: le(t(z))
-          }, null, 6),
-          de(Ae, {
-            id: f.range ? void 0 : t(W),
-            ref_key: "firstButton",
-            ref: v,
-            "model-value": t(m),
-            vertical: f.vertical,
-            "tooltip-class": f.tooltipClass,
-            placement: f.placement,
-            role: "slider",
-            "aria-label": f.range || !t(G) ? t(r) : void 0,
-            "aria-labelledby": !f.range && t(G) ? (xe = t(d)) == null ? void 0 : xe.labelId : void 0,
-            "aria-valuemin": f.min,
-            "aria-valuemax": f.range ? t(I) : f.max,
-            "aria-valuenow": t(m),
-            "aria-valuetext": t(b),
-            "aria-orientation": f.vertical ? "vertical" : "horizontal",
-            "aria-disabled": t(s),
-            "onUpdate:modelValue": t(p)
-          }, null, 8, ["id", "model-value", "vertical", "tooltip-class", "placement", "aria-label", "aria-labelledby", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-orientation", "aria-disabled", "onUpdate:modelValue"]),
-          f.range ? (x(), Z(Ae, {
-            key: 0,
-            ref_key: "secondButton",
-            ref: h,
-            "model-value": t(I),
-            vertical: f.vertical,
-            "tooltip-class": f.tooltipClass,
-            placement: f.placement,
-            role: "slider",
-            "aria-label": t(N),
-            "aria-valuemin": t(m),
-            "aria-valuemax": f.max,
-            "aria-valuenow": t(I),
-            "aria-valuetext": t(S),
-            "aria-orientation": f.vertical ? "vertical" : "horizontal",
-            "aria-disabled": t(s),
-            "onUpdate:modelValue": t(w)
-          }, null, 8, ["model-value", "vertical", "tooltip-class", "placement", "aria-label", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-orientation", "aria-disabled", "onUpdate:modelValue"])) : ne("v-if", !0),
-          f.showStops ? (x(), O("div", Xt, [
-            (x(!0), O(fe, null, we(t(q), (R, oe) => (x(), O("div", {
-              key: oe,
-              class: U(t(c).e("stop")),
-              style: le(t(J)(R))
-            }, null, 6))), 128))
-          ])) : ne("v-if", !0),
-          t(M).length > 0 ? (x(), O(fe, { key: 2 }, [
-            ae("div", null, [
-              (x(!0), O(fe, null, we(t(M), (R, oe) => (x(), O("div", {
-                key: oe,
-                style: le(t(J)(R.position)),
-                class: U([t(c).e("stop"), t(c).e("marks-stop")])
-              }, null, 6))), 128))
-            ]),
-            ae("div", {
-              class: U(t(c).e("marks"))
-            }, [
-              (x(!0), O(fe, null, we(t(M), (R, oe) => (x(), Z(t(Rt), {
-                key: oe,
-                mark: R.mark,
-                style: le(t(J)(R.position))
-              }, null, 8, ["mark", "style"]))), 128))
-            ], 2)
-          ], 64)) : ne("v-if", !0)
-        ], 38),
-        f.showInput && !f.range ? (x(), Z(t(bt), {
-          key: 0,
-          ref: "input",
-          "model-value": t(m),
-          class: U(t(c).e("input")),
-          step: f.step,
-          disabled: t(s),
-          controls: f.showInputControls,
-          min: f.min,
-          max: f.max,
-          debounce: f.debounce,
-          size: t(k),
-          "onUpdate:modelValue": t(p),
-          onChange: t(Y)
-        }, null, 8, ["model-value", "class", "step", "disabled", "controls", "min", "max", "debounce", "size", "onUpdate:modelValue", "onChange"])) : ne("v-if", !0)
-      ], 42, Yt);
-    };
+      G(o.$slots, "default")
+    ], 10, ye));
   }
-}), Wt = /* @__PURE__ */ Ie(Ut, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/slider/src/slider.vue"]]), Qt = Re(Wt);
+}), H = /* @__PURE__ */ I(Se, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/radio/src/radio-group.vue"]]), Ie = x(pe, {
+  RadioButton: q,
+  RadioGroup: H
+}), Ve = C(H);
+C(q);
 export {
-  bt as ElInputNumber,
-  Qt as ElSlider,
-  st as inputNumberEmits,
-  it as inputNumberProps,
-  Oe as sliderContextKey,
-  yt as sliderEmits,
-  gt as sliderProps,
-  Me as vRepeatClick
+  Ie as ElRadio,
+  Ve as ElRadioGroup,
+  me as radioButtonProps,
+  L as radioEmits,
+  ge as radioGroupEmits,
+  U as radioGroupKey,
+  ce as radioGroupProps,
+  ie as radioProps,
+  M as radioPropsBase
 };