@element-plus/nightly 0.0.20220514 → 0.0.20220518

package/lib/components/radio/index.d.ts

@@ -6,6 +6,18 @@ export declare const ElRadio: import("element-plus/es/utils").SFCWithInstall<imp
     readonly disabled: BooleanConstructor;
     readonly label: import("element-plus/es/utils").BuildPropReturn<(BooleanConstructor | StringConstructor | NumberConstructor)[], string, unknown, unknown, unknown>;
 }, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        readonly modelValue: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor, BooleanConstructor], "", unknown, unknown, unknown>;
+        readonly name: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+        readonly border: BooleanConstructor;
+        readonly size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, never, false, "" | "default" | "small" | "large", never>;
+        readonly disabled: BooleanConstructor;
+        readonly label: import("element-plus/es/utils").BuildPropReturn<(BooleanConstructor | StringConstructor | NumberConstructor)[], string, unknown, unknown, unknown>;
+    }>> & {
+        onChange?: ((val: string | number | boolean) => any) | undefined;
+        "onUpdate:modelValue"?: ((val: string | number | boolean) => any) | undefined;
+    }>>;
+    emit: ((event: "update:modelValue", val: string | number | boolean) => void) & ((event: "change", val: string | number | boolean) => void);
     ns: {
         namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
@@ -24,13 +36,12 @@ export declare const ElRadio: import("element-plus/es/utils").SFCWithInstall<imp
         cssVarBlock: (object: Record<string, string>) => Record<string, string>;
         cssVarBlockName: (name: string) => string;
     };
+    radioRef: import("vue").Ref<HTMLInputElement | undefined>;
+    radioGroup: import("../..").RadioGroupContext | undefined;
     focus: import("vue").Ref<boolean>;
-    isGroup: import("vue").ComputedRef<boolean>;
-    modelValue: import("vue").WritableComputedRef<import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown>>;
-    tabIndex: import("vue").ComputedRef<0 | -1>;
     size: import("vue").ComputedRef<"" | "default" | "small" | "large">;
     disabled: import("vue").ComputedRef<boolean>;
-    radioRef: import("vue").Ref<HTMLInputElement | undefined>;
+    modelValue: import("vue").WritableComputedRef<import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown>>;
     handleChange: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (val: string | number | boolean) => boolean;
@@ -59,6 +70,14 @@ export declare const ElRadio: import("element-plus/es/utils").SFCWithInstall<imp
         readonly disabled: BooleanConstructor;
         readonly label: import("element-plus/es/utils").BuildPropReturn<(BooleanConstructor | StringConstructor | NumberConstructor)[], string, unknown, unknown, unknown>;
     }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            readonly name: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+            readonly size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, never, false, "" | "default" | "small" | "large", never>;
+            readonly disabled: BooleanConstructor;
+            readonly label: import("element-plus/es/utils").BuildPropReturn<(BooleanConstructor | StringConstructor | NumberConstructor)[], string, unknown, unknown, unknown>;
+        }>> & {
+            [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+        }>>;
         ns: {
             namespace: import("vue").ComputedRef<string>;
             b: (blockSuffix?: string) => string;
@@ -77,14 +96,13 @@ export declare const ElRadio: import("element-plus/es/utils").SFCWithInstall<imp
             cssVarBlock: (object: Record<string, string>) => Record<string, string>;
             cssVarBlockName: (name: string) => string;
         };
-        isGroup: import("vue").ComputedRef<boolean>;
+        radioRef: import("vue").Ref<HTMLInputElement | undefined>;
+        focus: import("vue").Ref<boolean>;
         size: import("vue").ComputedRef<"" | "default" | "small" | "large">;
         disabled: import("vue").ComputedRef<boolean>;
-        tabIndex: import("vue").ComputedRef<0 | -1>;
         modelValue: import("vue").WritableComputedRef<import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown>>;
-        focus: import("vue").Ref<boolean>;
+        radioGroup: import("../..").RadioGroupContext | undefined;
         activeStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
-        radioRef: import("vue").Ref<HTMLInputElement | undefined>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         readonly name: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
         readonly size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, never, false, "" | "default" | "small" | "large", never>;
@@ -104,7 +122,22 @@ export declare const ElRadio: import("element-plus/es/utils").SFCWithInstall<imp
         readonly fill: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
         readonly label: import("element-plus/es/utils").BuildPropReturn<StringConstructor, undefined, unknown, unknown, unknown>;
         readonly textColor: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+        readonly name: import("element-plus/es/utils").BuildPropReturn<StringConstructor, undefined, unknown, unknown, unknown>;
     }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            readonly id: import("element-plus/es/utils").BuildPropReturn<StringConstructor, undefined, unknown, unknown, unknown>;
+            readonly size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, never, false, "" | "default" | "small" | "large", never>;
+            readonly disabled: BooleanConstructor;
+            readonly modelValue: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor, BooleanConstructor], "", unknown, unknown, unknown>;
+            readonly fill: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+            readonly label: import("element-plus/es/utils").BuildPropReturn<StringConstructor, undefined, unknown, unknown, unknown>;
+            readonly textColor: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+            readonly name: import("element-plus/es/utils").BuildPropReturn<StringConstructor, undefined, unknown, unknown, unknown>;
+        }>> & {
+            onChange?: ((val: string | number | boolean) => any) | undefined;
+            "onUpdate:modelValue"?: ((val: string | number | boolean) => any) | undefined;
+        }>>;
+        emit: ((event: "update:modelValue", val: string | number | boolean) => void) & ((event: "change", val: string | number | boolean) => void);
         ns: {
             namespace: import("vue").ComputedRef<string>;
             b: (blockSuffix?: string) => string;
@@ -127,7 +160,7 @@ export declare const ElRadio: import("element-plus/es/utils").SFCWithInstall<imp
         formItem: import("../..").FormItemContext | undefined;
         groupId: import("vue").Ref<string | undefined>;
         isLabeledByFormItem: import("vue").ComputedRef<boolean>;
-        handleKeydown: (e: KeyboardEvent) => void;
+        changeEvent: (value: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown>) => void;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:modelValue": (val: string | number | boolean) => boolean;
         change: (val: string | number | boolean) => boolean;
@@ -139,6 +172,7 @@ export declare const ElRadio: import("element-plus/es/utils").SFCWithInstall<imp
         readonly fill: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
         readonly label: import("element-plus/es/utils").BuildPropReturn<StringConstructor, undefined, unknown, unknown, unknown>;
         readonly textColor: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+        readonly name: import("element-plus/es/utils").BuildPropReturn<StringConstructor, undefined, unknown, unknown, unknown>;
     }>> & {
         onChange?: ((val: string | number | boolean) => any) | undefined;
         "onUpdate:modelValue"?: ((val: string | number | boolean) => any) | undefined;
@@ -146,6 +180,7 @@ export declare const ElRadio: import("element-plus/es/utils").SFCWithInstall<imp
         size: import("element-plus/es/utils").BuildPropType<StringConstructor, "" | "default" | "small" | "large", never>;
         disabled: boolean;
         fill: string;
+        name: string;
         label: string;
         id: string;
         modelValue: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown>;
@@ -161,7 +196,22 @@ export declare const ElRadioGroup: import("element-plus/es/utils").SFCWithInstal
     readonly fill: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly label: import("element-plus/es/utils").BuildPropReturn<StringConstructor, undefined, unknown, unknown, unknown>;
     readonly textColor: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly name: import("element-plus/es/utils").BuildPropReturn<StringConstructor, undefined, unknown, unknown, unknown>;
 }, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        readonly id: import("element-plus/es/utils").BuildPropReturn<StringConstructor, undefined, unknown, unknown, unknown>;
+        readonly size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, never, false, "" | "default" | "small" | "large", never>;
+        readonly disabled: BooleanConstructor;
+        readonly modelValue: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor, BooleanConstructor], "", unknown, unknown, unknown>;
+        readonly fill: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+        readonly label: import("element-plus/es/utils").BuildPropReturn<StringConstructor, undefined, unknown, unknown, unknown>;
+        readonly textColor: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+        readonly name: import("element-plus/es/utils").BuildPropReturn<StringConstructor, undefined, unknown, unknown, unknown>;
+    }>> & {
+        onChange?: ((val: string | number | boolean) => any) | undefined;
+        "onUpdate:modelValue"?: ((val: string | number | boolean) => any) | undefined;
+    }>>;
+    emit: ((event: "update:modelValue", val: string | number | boolean) => void) & ((event: "change", val: string | number | boolean) => void);
     ns: {
         namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
@@ -184,7 +234,7 @@ export declare const ElRadioGroup: import("element-plus/es/utils").SFCWithInstal
     formItem: import("../..").FormItemContext | undefined;
     groupId: import("vue").Ref<string | undefined>;
     isLabeledByFormItem: import("vue").ComputedRef<boolean>;
-    handleKeydown: (e: KeyboardEvent) => void;
+    changeEvent: (value: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown>) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (val: string | number | boolean) => boolean;
     change: (val: string | number | boolean) => boolean;
@@ -196,6 +246,7 @@ export declare const ElRadioGroup: import("element-plus/es/utils").SFCWithInstal
     readonly fill: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly label: import("element-plus/es/utils").BuildPropReturn<StringConstructor, undefined, unknown, unknown, unknown>;
     readonly textColor: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly name: import("element-plus/es/utils").BuildPropReturn<StringConstructor, undefined, unknown, unknown, unknown>;
 }>> & {
     onChange?: ((val: string | number | boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((val: string | number | boolean) => any) | undefined;
@@ -203,6 +254,7 @@ export declare const ElRadioGroup: import("element-plus/es/utils").SFCWithInstal
     size: import("element-plus/es/utils").BuildPropType<StringConstructor, "" | "default" | "small" | "large", never>;
     disabled: boolean;
     fill: string;
+    name: string;
     label: string;
     id: string;
     modelValue: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown>;
@@ -214,6 +266,14 @@ export declare const ElRadioButton: import("element-plus/es/utils").SFCWithInsta
     readonly disabled: BooleanConstructor;
     readonly label: import("element-plus/es/utils").BuildPropReturn<(BooleanConstructor | StringConstructor | NumberConstructor)[], string, unknown, unknown, unknown>;
 }, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        readonly name: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+        readonly size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, never, false, "" | "default" | "small" | "large", never>;
+        readonly disabled: BooleanConstructor;
+        readonly label: import("element-plus/es/utils").BuildPropReturn<(BooleanConstructor | StringConstructor | NumberConstructor)[], string, unknown, unknown, unknown>;
+    }>> & {
+        [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+    }>>;
     ns: {
         namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
@@ -232,14 +292,13 @@ export declare const ElRadioButton: import("element-plus/es/utils").SFCWithInsta
         cssVarBlock: (object: Record<string, string>) => Record<string, string>;
         cssVarBlockName: (name: string) => string;
     };
-    isGroup: import("vue").ComputedRef<boolean>;
+    radioRef: import("vue").Ref<HTMLInputElement | undefined>;
+    focus: import("vue").Ref<boolean>;
     size: import("vue").ComputedRef<"" | "default" | "small" | "large">;
     disabled: import("vue").ComputedRef<boolean>;
-    tabIndex: import("vue").ComputedRef<0 | -1>;
     modelValue: import("vue").WritableComputedRef<import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown>>;
-    focus: import("vue").Ref<boolean>;
+    radioGroup: import("../..").RadioGroupContext | undefined;
     activeStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
-    radioRef: import("vue").Ref<HTMLInputElement | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly name: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, never, false, "" | "default" | "small" | "large", never>;

package/lib/components/radio/src/radio-button.d.ts

@@ -1,4 +1,5 @@
 import type { ExtractPropTypes } from 'vue';
+import type RadioButton from './radio-button.vue';
 export declare const radioButtonProps: {
     readonly name: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, never, false, "" | "default" | "small" | "large", never>;
@@ -6,3 +7,4 @@ export declare const radioButtonProps: {
     readonly label: import("element-plus/es/utils").BuildPropReturn<(BooleanConstructor | StringConstructor | NumberConstructor)[], string, unknown, unknown, unknown>;
 };
 export declare type RadioButtonProps = ExtractPropTypes<typeof radioButtonProps>;
+export declare type RadioButtonInstance = InstanceType<typeof RadioButton>;

package/lib/components/radio/src/radio-button.vue.d.ts

@@ -5,6 +5,14 @@ declare const _default: import("vue").DefineComponent<{
     readonly disabled: BooleanConstructor;
     readonly label: import("../../../utils").BuildPropReturn<(BooleanConstructor | StringConstructor | NumberConstructor)[], string, unknown, unknown, unknown>;
 }, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        readonly name: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+        readonly size: import("../../../utils").BuildPropReturn<StringConstructor, never, false, "" | "default" | "small" | "large", never>;
+        readonly disabled: BooleanConstructor;
+        readonly label: import("../../../utils").BuildPropReturn<(BooleanConstructor | StringConstructor | NumberConstructor)[], string, unknown, unknown, unknown>;
+    }>> & {
+        [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+    }>>;
     ns: {
         namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
@@ -23,14 +31,13 @@ declare const _default: import("vue").DefineComponent<{
         cssVarBlock: (object: Record<string, string>) => Record<string, string>;
         cssVarBlockName: (name: string) => string;
     };
-    isGroup: import("vue").ComputedRef<boolean>;
+    radioRef: import("vue").Ref<HTMLInputElement | undefined>;
+    focus: import("vue").Ref<boolean>;
     size: import("vue").ComputedRef<"" | "default" | "small" | "large">;
     disabled: import("vue").ComputedRef<boolean>;
-    tabIndex: import("vue").ComputedRef<0 | -1>;
     modelValue: import("vue").WritableComputedRef<import("../../../utils").BuildPropType<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown>>;
-    focus: import("vue").Ref<boolean>;
+    radioGroup: import("../../..").RadioGroupContext | undefined;
     activeStyle: import("vue").ComputedRef<CSSProperties>;
-    radioRef: import("vue").Ref<HTMLInputElement | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly name: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly size: import("../../../utils").BuildPropReturn<StringConstructor, never, false, "" | "default" | "small" | "large", never>;

package/lib/components/radio/src/radio-button3.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button3.js","sources":["../../../../../../packages/components/radio/src/radio-button.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { radioPropsBase } from './radio'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const radioButtonProps = buildProps({\n  ...radioPropsBase,\n  name: {\n    type: String,\n    default: '',\n  },\n} as const)\n\nexport type RadioButtonProps = ExtractPropTypes<typeof radioButtonProps>\n"],"names":["buildProps","radioPropsBase"],"mappings":";;;;;;;;AAEY,MAAC,gBAAgB,GAAGA,gBAAU,CAAC;AAC3C,EAAE,GAAGC,oBAAc;AACnB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"radio-button3.js","sources":["../../../../../../packages/components/radio/src/radio-button.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { radioPropsBase } from './radio'\nimport type { ExtractPropTypes } from 'vue'\nimport type RadioButton from './radio-button.vue'\n\nexport const radioButtonProps = buildProps({\n  ...radioPropsBase,\n  name: {\n    type: String,\n    default: '',\n  },\n} as const)\n\nexport type RadioButtonProps = ExtractPropTypes<typeof radioButtonProps>\nexport type RadioButtonInstance = InstanceType<typeof RadioButton>\n"],"names":["buildProps","radioPropsBase"],"mappings":";;;;;;;;AAEY,MAAC,gBAAgB,GAAGA,gBAAU,CAAC;AAC3C,EAAE,GAAGC,oBAAc;AACnB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}

package/lib/components/radio/src/radio-button4.js

@@ -9,21 +9,17 @@ var radioButton = require('./radio-button3.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var index = require('../../../hooks/use-namespace/index2.js');
 
-const _sfc_main = vue.defineComponent({
-  name: "ElRadioButton",
+const _hoisted_1 = ["value", "name", "disabled"];
+const __default__ = {
+  name: "ElRadioButton"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
   props: radioButton.radioButtonProps,
-  setup(props, { emit }) {
+  setup(__props) {
+    const props = __props;
     const ns = index.useNamespace("radio");
-    const {
-      radioRef,
-      isGroup,
-      focus,
-      size,
-      disabled,
-      tabIndex,
-      modelValue,
-      radioGroup
-    } = radio.useRadio(props, emit);
+    const { radioRef, focus, size, disabled, modelValue, radioGroup } = radio.useRadio(props);
     const activeStyle = vue.computed(() => {
       return {
         backgroundColor: (radioGroup == null ? void 0 : radioGroup.fill) || "",
@@ -32,63 +28,46 @@ const _sfc_main = vue.defineComponent({
         color: (radioGroup == null ? void 0 : radioGroup.textColor) || ""
       };
     });
-    return {
-      ns,
-      isGroup,
-      size,
-      disabled,
-      tabIndex,
-      modelValue,
-      focus,
-      activeStyle,
-      radioRef
+    return (_ctx, _cache) => {
+      var _a;
+      return vue.openBlock(), vue.createElementBlock("label", {
+        class: vue.normalizeClass([
+          vue.unref(ns).b("button"),
+          vue.unref(ns).is("active", vue.unref(modelValue) === _ctx.label),
+          vue.unref(ns).is("disabled", vue.unref(disabled)),
+          vue.unref(ns).is("focus", vue.unref(focus)),
+          vue.unref(ns).bm("button", vue.unref(size))
+        ])
+      }, [
+        vue.withDirectives(vue.createElementVNode("input", {
+          ref_key: "radioRef",
+          ref: radioRef,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(modelValue) ? modelValue.value = $event : null),
+          class: vue.normalizeClass(vue.unref(ns).be("button", "original-radio")),
+          value: _ctx.label,
+          type: "radio",
+          name: _ctx.name || ((_a = vue.unref(radioGroup)) == null ? void 0 : _a.name),
+          disabled: vue.unref(disabled),
+          onFocus: _cache[1] || (_cache[1] = ($event) => focus.value = true),
+          onBlur: _cache[2] || (_cache[2] = ($event) => focus.value = false)
+        }, null, 42, _hoisted_1), [
+          [vue.vModelRadio, vue.unref(modelValue)]
+        ]),
+        vue.createElementVNode("span", {
+          class: vue.normalizeClass(vue.unref(ns).be("button", "inner")),
+          style: vue.normalizeStyle(vue.unref(modelValue) === _ctx.label ? vue.unref(activeStyle) : {}),
+          onKeydown: _cache[3] || (_cache[3] = vue.withModifiers(() => {
+          }, ["stop"]))
+        }, [
+          vue.renderSlot(_ctx.$slots, "default", {}, () => [
+            vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
+          ])
+        ], 38)
+      ], 2);
     };
   }
 });
-const _hoisted_1 = ["aria-checked", "aria-disabled", "tabindex"];
-const _hoisted_2 = ["value", "name", "disabled"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("label", {
-    class: vue.normalizeClass([
-      _ctx.ns.b("button"),
-      _ctx.ns.is("active", _ctx.modelValue === _ctx.label),
-      _ctx.ns.is("disabled", _ctx.disabled),
-      _ctx.ns.is("focus", _ctx.focus),
-      _ctx.ns.bm("button", _ctx.size)
-    ]),
-    role: "radio",
-    "aria-checked": _ctx.modelValue === _ctx.label,
-    "aria-disabled": _ctx.disabled,
-    tabindex: _ctx.tabIndex,
-    onKeydown: _cache[4] || (_cache[4] = vue.withKeys(vue.withModifiers(($event) => _ctx.modelValue = _ctx.disabled ? _ctx.modelValue : _ctx.label, ["stop", "prevent"]), ["space"]))
-  }, [
-    vue.withDirectives(vue.createElementVNode("input", {
-      ref: "radioRef",
-      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.modelValue = $event),
-      class: vue.normalizeClass(_ctx.ns.be("button", "original-radio")),
-      value: _ctx.label,
-      type: "radio",
-      name: _ctx.name,
-      disabled: _ctx.disabled,
-      tabindex: "-1",
-      onFocus: _cache[1] || (_cache[1] = ($event) => _ctx.focus = true),
-      onBlur: _cache[2] || (_cache[2] = ($event) => _ctx.focus = false)
-    }, null, 42, _hoisted_2), [
-      [vue.vModelRadio, _ctx.modelValue]
-    ]),
-    vue.createElementVNode("span", {
-      class: vue.normalizeClass(_ctx.ns.be("button", "inner")),
-      style: vue.normalizeStyle(_ctx.modelValue === _ctx.label ? _ctx.activeStyle : {}),
-      onKeydown: _cache[3] || (_cache[3] = vue.withModifiers(() => {
-      }, ["stop"]))
-    }, [
-      vue.renderSlot(_ctx.$slots, "default", {}, () => [
-        vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
-      ])
-    ], 38)
-  ], 42, _hoisted_1);
-}
-var RadioButton = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/radio/src/radio-button.vue"]]);
+var RadioButton = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/radio/src/radio-button.vue"]]);
 
 exports["default"] = RadioButton;
 //# sourceMappingURL=radio-button4.js.map

package/lib/components/radio/src/radio-button4.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button4.js","sources":["../../../../../../packages/components/radio/src/radio-button.vue"],"sourcesContent":["<template>\n  <label\n    :class=\"[\n      ns.b('button'),\n      ns.is('active', modelValue === label),\n      ns.is('disabled', disabled),\n      ns.is('focus', focus),\n      ns.bm('button', size),\n    ]\"\n    role=\"radio\"\n    :aria-checked=\"modelValue === label\"\n    :aria-disabled=\"disabled\"\n    :tabindex=\"tabIndex\"\n    @keydown.space.stop.prevent=\"modelValue = disabled ? modelValue : label\"\n  >\n    <input\n      ref=\"radioRef\"\n      v-model=\"modelValue\"\n      :class=\"ns.be('button', 'original-radio')\"\n      :value=\"label\"\n      type=\"radio\"\n      :name=\"name\"\n      :disabled=\"disabled\"\n      tabindex=\"-1\"\n      @focus=\"focus = true\"\n      @blur=\"focus = false\"\n    />\n    <span\n      :class=\"ns.be('button', 'inner')\"\n      :style=\"modelValue === label ? activeStyle : {}\"\n      @keydown.stop\n    >\n      <slot>\n        {{ label }}\n      </slot>\n    </span>\n  </label>\n</template>\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useRadio } from './radio'\nimport { radioButtonProps } from './radio-button'\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElRadioButton',\n  props: radioButtonProps,\n\n  setup(props, { emit }) {\n    const ns = useNamespace('radio')\n    const {\n      radioRef,\n      isGroup,\n      focus,\n      size,\n      disabled,\n      tabIndex,\n      modelValue,\n      radioGroup,\n    } = useRadio(props, emit)\n\n    const activeStyle = computed<CSSProperties>(() => {\n      return {\n        backgroundColor: radioGroup?.fill || '',\n        borderColor: radioGroup?.fill || '',\n        boxShadow: radioGroup?.fill ? `-1px 0 0 0 ${radioGroup.fill}` : '',\n        color: radioGroup?.textColor || '',\n      }\n    })\n\n    return {\n      ns,\n      isGroup,\n      size,\n      disabled,\n      tabIndex,\n      modelValue,\n      focus,\n      activeStyle,\n      radioRef,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","radioButtonProps","useNamespace","useRadio","computed","_createElementBlock","_normalizeClass","_withKeys","_withModifiers","_createElementVNode","_normalizeStyle","_renderSlot","_createTextVNode","_toDisplayString"],"mappings":"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"}
+{"version":3,"file":"radio-button4.js","sources":["../../../../../../packages/components/radio/src/radio-button.vue"],"sourcesContent":["<template>\n  <label\n    :class=\"[\n      ns.b('button'),\n      ns.is('active', modelValue === label),\n      ns.is('disabled', disabled),\n      ns.is('focus', focus),\n      ns.bm('button', size),\n    ]\"\n  >\n    <input\n      ref=\"radioRef\"\n      v-model=\"modelValue\"\n      :class=\"ns.be('button', 'original-radio')\"\n      :value=\"label\"\n      type=\"radio\"\n      :name=\"name || radioGroup?.name\"\n      :disabled=\"disabled\"\n      @focus=\"focus = true\"\n      @blur=\"focus = false\"\n    />\n    <span\n      :class=\"ns.be('button', 'inner')\"\n      :style=\"modelValue === label ? activeStyle : {}\"\n      @keydown.stop\n    >\n      <slot>\n        {{ label }}\n      </slot>\n    </span>\n  </label>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useRadio } from './radio'\nimport { radioButtonProps } from './radio-button'\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElRadioButton',\n})\n\nconst props = defineProps(radioButtonProps)\n\nconst ns = useNamespace('radio')\nconst { radioRef, focus, size, disabled, modelValue, radioGroup } =\n  useRadio(props)\n\nconst activeStyle = computed<CSSProperties>(() => {\n  return {\n    backgroundColor: radioGroup?.fill || '',\n    borderColor: radioGroup?.fill || '',\n    boxShadow: radioGroup?.fill ? `-1px 0 0 0 ${radioGroup.fill}` : '',\n    color: radioGroup?.textColor || '',\n  }\n})\n</script>\n"],"names":["useNamespace","useRadio","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;AA8CA,IAAA,MAAA,EAAA,GAAAA,mBAAA,OAAA,CAAA,CAAA;AACA,IAAA,MAAA,EAAA,UAAA,KAAA,EAAA,IAAA,EAAA,UAAA,UAAA,EAAA,UAAA,EAAA,GACAC,eAAA,KAAA,CAAA,CAAA;AAEA,IAAA,MAAA,WAAA,GAAAC,aAAA,MAAA;AACA,MAAA,OAAA;AAAA,QACA,eAAA,EAAA,eAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAA,IAAA,KAAA,EAAA;AAAA,QACA,WAAA,EAAA,eAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAA,IAAA,KAAA,EAAA;AAAA,QACA,SAAA,EAAA,CAAA,UAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,eAAA,IAAA,CAAA,WAAA,EAAA,UAAA,CAAA,IAAA,CAAA,CAAA,GAAA,EAAA;AAAA,QACA,KAAA,EAAA,eAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAA,SAAA,KAAA,EAAA;AAAA,OACA,CAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/radio/src/radio-group.d.ts

@@ -1,4 +1,5 @@
 import type { ExtractPropTypes } from '@vue/runtime-core';
+import type RadioGroup from './radio-group.vue';
 export declare const radioGroupProps: {
     readonly id: import("element-plus/es/utils").BuildPropReturn<StringConstructor, undefined, unknown, unknown, unknown>;
     readonly size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, never, false, "" | "default" | "small" | "large", never>;
@@ -7,6 +8,7 @@ export declare const radioGroupProps: {
     readonly fill: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly label: import("element-plus/es/utils").BuildPropReturn<StringConstructor, undefined, unknown, unknown, unknown>;
     readonly textColor: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly name: import("element-plus/es/utils").BuildPropReturn<StringConstructor, undefined, unknown, unknown, unknown>;
 };
 export declare type RadioGroupProps = ExtractPropTypes<typeof radioGroupProps>;
 export declare const radioGroupEmits: {
@@ -14,3 +16,4 @@ export declare const radioGroupEmits: {
     change: (val: string | number | boolean) => boolean;
 };
 export declare type RadioGroupEmits = typeof radioGroupEmits;
+export declare type RadioGroupInstance = InstanceType<typeof RadioGroup>;

package/lib/components/radio/src/radio-group.vue.d.ts

@@ -1,3 +1,4 @@
+import type { RadioGroupProps } from '..';
 declare const _default: import("vue").DefineComponent<{
     readonly id: import("element-plus/es/utils").BuildPropReturn<StringConstructor, undefined, unknown, unknown, unknown>;
     readonly size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, never, false, "" | "default" | "small" | "large", never>;
@@ -6,7 +7,22 @@ declare const _default: import("vue").DefineComponent<{
     readonly fill: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly label: import("element-plus/es/utils").BuildPropReturn<StringConstructor, undefined, unknown, unknown, unknown>;
     readonly textColor: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly name: import("element-plus/es/utils").BuildPropReturn<StringConstructor, undefined, unknown, unknown, unknown>;
 }, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        readonly id: import("element-plus/es/utils").BuildPropReturn<StringConstructor, undefined, unknown, unknown, unknown>;
+        readonly size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, never, false, "" | "default" | "small" | "large", never>;
+        readonly disabled: BooleanConstructor;
+        readonly modelValue: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor, BooleanConstructor], "", unknown, unknown, unknown>;
+        readonly fill: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+        readonly label: import("element-plus/es/utils").BuildPropReturn<StringConstructor, undefined, unknown, unknown, unknown>;
+        readonly textColor: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+        readonly name: import("element-plus/es/utils").BuildPropReturn<StringConstructor, undefined, unknown, unknown, unknown>;
+    }>> & {
+        onChange?: ((val: string | number | boolean) => any) | undefined;
+        "onUpdate:modelValue"?: ((val: string | number | boolean) => any) | undefined;
+    }>>;
+    emit: ((event: "update:modelValue", val: string | number | boolean) => void) & ((event: "change", val: string | number | boolean) => void);
     ns: {
         namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
@@ -29,7 +45,7 @@ declare const _default: import("vue").DefineComponent<{
     formItem: import("element-plus/es/tokens").FormItemContext | undefined;
     groupId: import("vue").Ref<string | undefined>;
     isLabeledByFormItem: import("vue").ComputedRef<boolean>;
-    handleKeydown: (e: KeyboardEvent) => void;
+    changeEvent: (value: RadioGroupProps['modelValue']) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (val: string | number | boolean) => boolean;
     change: (val: string | number | boolean) => boolean;
@@ -41,6 +57,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly fill: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly label: import("element-plus/es/utils").BuildPropReturn<StringConstructor, undefined, unknown, unknown, unknown>;
     readonly textColor: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly name: import("element-plus/es/utils").BuildPropReturn<StringConstructor, undefined, unknown, unknown, unknown>;
 }>> & {
     onChange?: ((val: string | number | boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((val: string | number | boolean) => any) | undefined;
@@ -48,6 +65,7 @@ declare const _default: import("vue").DefineComponent<{
     size: import("element-plus/es/utils").BuildPropType<StringConstructor, "" | "default" | "small" | "large", never>;
     disabled: boolean;
     fill: string;
+    name: string;
     label: string;
     id: string;
     modelValue: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown>;

package/lib/components/radio/src/radio-group3.js

@@ -30,6 +30,10 @@ const radioGroupProps = props.buildProps({
   textColor: {
     type: String,
     default: ""
+  },
+  name: {
+    type: String,
+    default: void 0
   }
 });
 const radioGroupEmits = radio.radioEmits;

package/lib/components/radio/src/radio-group3.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group3.js","sources":["../../../../../../packages/components/radio/src/radio-group.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { useSizeProp } from '@element-plus/hooks'\nimport { radioEmits } from './radio'\nimport type { ExtractPropTypes } from '@vue/runtime-core'\n\nexport const radioGroupProps = buildProps({\n  id: {\n    type: String,\n    default: undefined,\n  },\n  size: useSizeProp,\n  disabled: Boolean,\n  modelValue: {\n    type: [String, Number, Boolean],\n    default: '',\n  },\n  fill: {\n    type: String,\n    default: '',\n  },\n  label: {\n    type: String,\n    default: undefined,\n  },\n  textColor: {\n    type: String,\n    default: '',\n  },\n} as const)\nexport type RadioGroupProps = ExtractPropTypes<typeof radioGroupProps>\n\nexport const radioGroupEmits = radioEmits\nexport type RadioGroupEmits = typeof radioGroupEmits\n"],"names":["buildProps","useSizeProp","radioEmits"],"mappings":";;;;;;;;;;AAGY,MAAC,eAAe,GAAGA,gBAAU,CAAC;AAC1C,EAAE,EAAE,EAAE;AACN,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,IAAI,EAAEC,iBAAW;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC;AACnC,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC,EAAE;AACS,MAAC,eAAe,GAAGC;;;;;"}
+{"version":3,"file":"radio-group3.js","sources":["../../../../../../packages/components/radio/src/radio-group.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { useSizeProp } from '@element-plus/hooks'\nimport { radioEmits } from './radio'\nimport type { ExtractPropTypes } from '@vue/runtime-core'\nimport type RadioGroup from './radio-group.vue'\n\nexport const radioGroupProps = buildProps({\n  id: {\n    type: String,\n    default: undefined,\n  },\n  size: useSizeProp,\n  disabled: Boolean,\n  modelValue: {\n    type: [String, Number, Boolean],\n    default: '',\n  },\n  fill: {\n    type: String,\n    default: '',\n  },\n  label: {\n    type: String,\n    default: undefined,\n  },\n  textColor: {\n    type: String,\n    default: '',\n  },\n  name: {\n    type: String,\n    default: undefined,\n  },\n} as const)\nexport type RadioGroupProps = ExtractPropTypes<typeof radioGroupProps>\n\nexport const radioGroupEmits = radioEmits\nexport type RadioGroupEmits = typeof radioGroupEmits\nexport type RadioGroupInstance = InstanceType<typeof RadioGroup>\n"],"names":["buildProps","useSizeProp","radioEmits"],"mappings":";;;;;;;;;;AAGY,MAAC,eAAe,GAAGA,gBAAU,CAAC;AAC1C,EAAE,EAAE,EAAE;AACN,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,IAAI,EAAEC,iBAAW;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC;AACnC,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,eAAe,GAAGC;;;;;"}

package/lib/components/radio/src/radio-group4.js

@@ -12,15 +12,19 @@ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper
 var index = require('../../../hooks/use-namespace/index2.js');
 var index$1 = require('../../../hooks/use-form-item/index2.js');
 var event = require('../../../constants/event2.js');
-var aria = require('../../../constants/aria2.js');
 var radio = require('../../../tokens/radio2.js');
 var error = require('../../../utils/error2.js');
 
-const _sfc_main = vue.defineComponent({
-  name: "ElRadioGroup",
+const _hoisted_1 = ["id", "aria-label", "aria-labelledby"];
+const __default__ = {
+  name: "ElRadioGroup"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
   props: radioGroup.radioGroupProps,
   emits: radioGroup.radioGroupEmits,
-  setup(props, ctx) {
+  setup(__props, { emit }) {
+    const props = __props;
     const ns = index.useNamespace("radio");
     const radioGroupRef = vue.ref();
     const { formItem } = index$1.useFormItem();
@@ -28,39 +32,8 @@ const _sfc_main = vue.defineComponent({
       formItemContext: formItem
     });
     const changeEvent = (value) => {
-      ctx.emit(event.UPDATE_MODEL_EVENT, value);
-      vue.nextTick(() => ctx.emit("change", value));
-    };
-    const handleKeydown = (e) => {
-      if (!radioGroupRef.value)
-        return;
-      const target = e.target;
-      const className = target.nodeName === "INPUT" ? "[type=radio]" : "[role=radio]";
-      const radios = radioGroupRef.value.querySelectorAll(className);
-      const length = radios.length;
-      const index = Array.from(radios).indexOf(target);
-      const roleRadios = radioGroupRef.value.querySelectorAll("[role=radio]");
-      let nextIndex = null;
-      switch (e.code) {
-        case aria.EVENT_CODE.left:
-        case aria.EVENT_CODE.up:
-          e.stopPropagation();
-          e.preventDefault();
-          nextIndex = index === 0 ? length - 1 : index - 1;
-          break;
-        case aria.EVENT_CODE.right:
-        case aria.EVENT_CODE.down:
-          e.stopPropagation();
-          e.preventDefault();
-          nextIndex = index === length - 1 ? 0 : index + 1;
-          break;
-        default:
-          break;
-      }
-      if (nextIndex === null)
-        return;
-      roleRadios[nextIndex].click();
-      roleRadios[nextIndex].focus();
+      emit(event.UPDATE_MODEL_EVENT, value);
+      vue.nextTick(() => emit("change", value));
     };
     vue.onMounted(() => {
       const radios = radioGroupRef.value.querySelectorAll("[type=radio]");
@@ -74,31 +47,22 @@ const _sfc_main = vue.defineComponent({
       changeEvent
     }));
     vue.watch(() => props.modelValue, () => formItem == null ? void 0 : formItem.validate("change").catch((err) => error.debugWarn(err)));
-    return {
-      ns,
-      radioGroupRef,
-      formItem,
-      groupId,
-      isLabeledByFormItem,
-      handleKeydown
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        id: vue.unref(groupId),
+        ref_key: "radioGroupRef",
+        ref: radioGroupRef,
+        class: vue.normalizeClass(vue.unref(ns).b("group")),
+        role: "radiogroup",
+        "aria-label": !vue.unref(isLabeledByFormItem) ? _ctx.label || "radio-group" : void 0,
+        "aria-labelledby": vue.unref(isLabeledByFormItem) ? vue.unref(formItem).labelId : void 0
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 10, _hoisted_1);
     };
   }
 });
-const _hoisted_1 = ["id", "aria-label", "aria-labelledby"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("div", {
-    id: _ctx.groupId,
-    ref: "radioGroupRef",
-    class: vue.normalizeClass(_ctx.ns.b("group")),
-    role: "radiogroup",
-    "aria-label": !_ctx.isLabeledByFormItem ? _ctx.label || "radio-group" : void 0,
-    "aria-labelledby": _ctx.isLabeledByFormItem ? _ctx.formItem.labelId : void 0,
-    onKeydown: _cache[0] || (_cache[0] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args))
-  }, [
-    vue.renderSlot(_ctx.$slots, "default")
-  ], 42, _hoisted_1);
-}
-var RadioGroup = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/radio/src/radio-group.vue"]]);
+var RadioGroup = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/radio/src/radio-group.vue"]]);
 
 exports["default"] = RadioGroup;
 //# sourceMappingURL=radio-group4.js.map