@element-plus/nightly 0.0.20220515 → 0.0.20220519

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

@@ -4,26 +4,22 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 require('../../../hooks/index2.js');
-var radio = require('./radio4.js');
+var radio = require('./radio3.js');
 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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../../utils/index2.js');
 require('../../../hooks/index2.js');
-var radio = require('./radio4.js');
+var radio = require('./radio3.js');
 var props = require('../../../utils/vue/props2.js');
 var index = require('../../../hooks/use-common-props/index2.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

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

@@ -1 +1 @@
-{"version":3,"file":"radio-group4.js","sources":["../../../../../../packages/components/radio/src/radio-group.vue"],"sourcesContent":["<template>\n  <div\n    :id=\"groupId\"\n    ref=\"radioGroupRef\"\n    :class=\"ns.b('group')\"\n    role=\"radiogroup\"\n    :aria-label=\"!isLabeledByFormItem ? label || 'radio-group' : undefined\"\n    :aria-labelledby=\"isLabeledByFormItem ? formItem.labelId : undefined\"\n    @keydown=\"handleKeydown\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  nextTick,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  toRefs,\n  watch,\n} from 'vue'\nimport { EVENT_CODE, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { radioGroupKey } from '@element-plus/tokens'\nimport {\n  useFormItem,\n  useFormItemInputId,\n  useNamespace,\n} from '@element-plus/hooks'\nimport { debugWarn } from '@element-plus/utils'\nimport { radioGroupEmits, radioGroupProps } from './radio-group'\nimport type { RadioGroupProps } from '..'\n\nexport default defineComponent({\n  name: 'ElRadioGroup',\n  props: radioGroupProps,\n  emits: radioGroupEmits,\n\n  setup(props, ctx) {\n    const ns = useNamespace('radio')\n    const radioGroupRef = ref<HTMLDivElement>()\n    const { formItem } = useFormItem()\n    const { inputId: groupId, isLabeledByFormItem } = useFormItemInputId(\n      props,\n      {\n        formItemContext: formItem,\n      }\n    )\n\n    const changeEvent = (value: RadioGroupProps['modelValue']) => {\n      ctx.emit(UPDATE_MODEL_EVENT, value)\n      nextTick(() => ctx.emit('change', value))\n    }\n\n    const handleKeydown = (e: KeyboardEvent) => {\n      if (!radioGroupRef.value) return\n\n      // 左右上下按键 可以在 radio 组内切换不同选项\n      const target = e.target as HTMLInputElement\n      const className =\n        target.nodeName === 'INPUT' ? '[type=radio]' : '[role=radio]'\n      const radios =\n        radioGroupRef.value.querySelectorAll<HTMLInputElement>(className)\n      const length = radios.length\n      const index = Array.from(radios).indexOf(target)\n      const roleRadios =\n        radioGroupRef.value.querySelectorAll<HTMLInputElement>('[role=radio]')\n\n      let nextIndex: number | null = null\n      switch (e.code) {\n        case EVENT_CODE.left:\n        case EVENT_CODE.up:\n          e.stopPropagation()\n          e.preventDefault()\n          nextIndex = index === 0 ? length - 1 : index - 1\n          break\n        case EVENT_CODE.right:\n        case EVENT_CODE.down:\n          e.stopPropagation()\n          e.preventDefault()\n          nextIndex = index === length - 1 ? 0 : index + 1\n          break\n        default:\n          break\n      }\n      if (nextIndex === null) return\n      roleRadios[nextIndex].click()\n      roleRadios[nextIndex].focus()\n    }\n\n    onMounted(() => {\n      const radios =\n        radioGroupRef.value!.querySelectorAll<HTMLInputElement>('[type=radio]')\n      const firstLabel = radios[0]\n      if (!Array.from(radios).some((radio) => radio.checked) && firstLabel) {\n        firstLabel.tabIndex = 0\n      }\n    })\n\n    provide(\n      radioGroupKey,\n      reactive({\n        ...toRefs(props),\n        changeEvent,\n      })\n    )\n\n    watch(\n      () => props.modelValue,\n      () => formItem?.validate('change').catch((err) => debugWarn(err))\n    )\n\n    return {\n      ns,\n      radioGroupRef,\n      formItem,\n      groupId,\n      isLabeledByFormItem,\n      handleKeydown,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","radioGroupProps","radioGroupEmits","useNamespace","ref","useFormItem","useFormItemInputId","UPDATE_MODEL_EVENT","nextTick","EVENT_CODE","onMounted","provide","radioGroupKey","reactive","toRefs","watch","debugWarn","_createElementBlock","_normalizeClass","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"radio-group4.js","sources":["../../../../../../packages/components/radio/src/radio-group.vue"],"sourcesContent":["<template>\n  <div\n    :id=\"groupId\"\n    ref=\"radioGroupRef\"\n    :class=\"ns.b('group')\"\n    role=\"radiogroup\"\n    :aria-label=\"!isLabeledByFormItem ? label || 'radio-group' : undefined\"\n    :aria-labelledby=\"isLabeledByFormItem ? formItem!.labelId : undefined\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { nextTick, onMounted, provide, reactive, ref, toRefs, watch } from 'vue'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { radioGroupKey } from '@element-plus/tokens'\nimport {\n  useFormItem,\n  useFormItemInputId,\n  useNamespace,\n} from '@element-plus/hooks'\nimport { debugWarn } from '@element-plus/utils'\nimport { radioGroupEmits, radioGroupProps } from './radio-group'\nimport type { RadioGroupProps } from '..'\n\ndefineOptions({\n  name: 'ElRadioGroup',\n})\n\nconst props = defineProps(radioGroupProps)\nconst emit = defineEmits(radioGroupEmits)\n\nconst ns = useNamespace('radio')\nconst radioGroupRef = ref<HTMLDivElement>()\nconst { formItem } = useFormItem()\nconst { inputId: groupId, isLabeledByFormItem } = useFormItemInputId(props, {\n  formItemContext: formItem,\n})\n\nconst changeEvent = (value: RadioGroupProps['modelValue']) => {\n  emit(UPDATE_MODEL_EVENT, value)\n  nextTick(() => emit('change', value))\n}\n\nonMounted(() => {\n  const radios =\n    radioGroupRef.value!.querySelectorAll<HTMLInputElement>('[type=radio]')\n  const firstLabel = radios[0]\n  if (!Array.from(radios).some((radio) => radio.checked) && firstLabel) {\n    firstLabel.tabIndex = 0\n  }\n})\n\nprovide(\n  radioGroupKey,\n  reactive({\n    ...toRefs(props),\n    changeEvent,\n  })\n)\n\nwatch(\n  () => props.modelValue,\n  () => formItem?.validate('change').catch((err) => debugWarn(err))\n)\n</script>\n"],"names":["useNamespace","ref","useFormItem","useFormItemInputId","UPDATE_MODEL_EVENT","nextTick","onMounted","provide","radioGroupKey","reactive","toRefs","watch","debugWarn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,IAAA,MAAA,EAAA,GAAAA,mBAAA,OAAA,CAAA,CAAA;AACA,IAAA,MAAA,gBAAAC,OAAA,EAAA,CAAA;AACA,IAAA,MAAA,EAAA,aAAAC,mBAAA,EAAA,CAAA;AACA,IAAA,MAAA,EAAA,OAAA,EAAA,OAAA,EAAA,mBAAA,EAAA,GAAAC,2BAAA,KAAA,EAAA;AAAA,MACA,eAAA,EAAA,QAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,WAAA,GAAA,CAAA,KAAA,KAAA;AACA,MAAA,IAAA,CAAAC,0BAAA,KAAA,CAAA,CAAA;AACA,MAAAC,YAAA,CAAA,MAAA,IAAA,CAAA,QAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAAA,KACA,CAAA;AAEA,IAAAC,aAAA,CAAA,MAAA;AACA,MAAA,MAAA,MACA,GAAA,aAAA,CAAA,KAAA,CAAA,gBAAA,CAAA,cAAA,CAAA,CAAA;AACA,MAAA,MAAA,aAAA,MAAA,CAAA,CAAA,CAAA,CAAA;AACA,MAAA,IAAA,CAAA,KAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA,IAAA,CAAA,CAAA,KAAA,KAAA,KAAA,CAAA,OAAA,CAAA,IAAA,UAAA,EAAA;AACA,QAAA,UAAA,CAAA,QAAA,GAAA,CAAA,CAAA;AAAA,OACA;AAAA,KACA,CAAA,CAAA;AAEA,IAAAC,WAAA,CACAC,qBACAC,YAAA,CAAA;AAAA,MAAA,GACAC,WAAA,KAAA,CAAA;AAAA,MACA,WAAA;AAAA,KACA,CACA,CAAA,CAAA;AAEA,IAAAC,SAAA,CACA,MAAA,KAAA,CAAA,UACA,EAAA,MAAA,YAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,CAAA,KACA,CAAA,CAAA,GAAA,KAAAC,eAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,4 +1,5 @@
-import type { ExtractPropTypes, SetupContext } from 'vue';
+import type { ExtractPropTypes } from 'vue';
+import type Radio from './radio.vue';
 export declare const radioPropsBase: {
     size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, never, false, "" | "default" | "small" | "large", never>;
     disabled: BooleanConstructor;
@@ -12,16 +13,14 @@ export declare const radioProps: {
     readonly disabled: BooleanConstructor;
     readonly label: import("element-plus/es/utils").BuildPropReturn<(BooleanConstructor | StringConstructor | NumberConstructor)[], string, unknown, unknown, unknown>;
 };
-export declare type RadioProps = ExtractPropTypes<typeof radioProps>;
 export declare const radioEmits: {
     "update:modelValue": (val: string | number | boolean) => boolean;
     change: (val: string | number | boolean) => boolean;
 };
-export declare type RadioEmits = typeof radioEmits;
 export declare const useRadio: (props: {
     label: RadioProps['label'];
     modelValue?: RadioProps['modelValue'];
-}, emit: SetupContext<RadioEmits>['emit']) => {
+}, emit?: (((event: "update:modelValue", val: string | number | boolean) => void) & ((event: "change", val: string | number | boolean) => void)) | undefined) => {
     radioRef: import("vue").Ref<HTMLInputElement | undefined>;
     isGroup: import("vue").ComputedRef<boolean>;
     radioGroup: import("element-plus/es/tokens").RadioGroupContext | undefined;
@@ -31,3 +30,6 @@ export declare const useRadio: (props: {
     tabIndex: import("vue").ComputedRef<0 | -1>;
     modelValue: import("vue").WritableComputedRef<import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown>>;
 };
+export declare type RadioProps = ExtractPropTypes<typeof radioProps>;
+export declare type RadioEmits = typeof radioEmits;
+export declare type RadioInstance = InstanceType<typeof Radio>;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var radio = require('./radio4.js');
+var radio = require('./radio3.js');
 
 
 

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

@@ -6,6 +6,18 @@ 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 modelValue: import("../../../utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor, BooleanConstructor], "", unknown, unknown, unknown>;
+        readonly name: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+        readonly border: BooleanConstructor;
+        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>;
+    }>> & {
+        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 @@ declare const _default: import("vue").DefineComponent<{
         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("../../../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("../../../utils").BuildPropType<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown>>;
     handleChange: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (val: string | number | boolean) => boolean;