element-plus 1.2.0-beta.2 → 1.2.0-beta.3

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

@@ -1,218 +1,181 @@
 export declare const ElRadio: import("../../utils/types").SFCWithInstall<import("vue").DefineComponent<{
-    modelValue: {
-        type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
-        default: string;
-    };
-    label: {
-        type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
-        default: string;
-    };
-    disabled: BooleanConstructor;
-    name: {
-        type: StringConstructor;
-        default: string;
-    };
-    border: BooleanConstructor;
-    size: {
-        type: import("vue").PropType<import("../../utils/types").ComponentSize>;
-        validator: (val: string) => boolean;
-    };
+    readonly modelValue: import("../../utils/props").BuildPropReturn<readonly [StringConstructor, NumberConstructor, BooleanConstructor], "", unknown, unknown, unknown>;
+    readonly name: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly border: BooleanConstructor;
+    readonly label: import("../../utils/props").BuildPropReturn<(BooleanConstructor | StringConstructor | NumberConstructor)[], string, unknown, unknown, unknown>;
+    readonly size: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "small" | "large" | "medium" | "mini", unknown>;
+    readonly disabled: BooleanConstructor;
 }, {
     focus: import("vue").Ref<boolean>;
     isGroup: import("vue").ComputedRef<boolean>;
-    isDisabled: import("vue").ComputedRef<boolean | undefined>;
-    model: import("vue").WritableComputedRef<string | number | boolean>;
+    modelValue: import("vue").WritableComputedRef<import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown>>;
     tabIndex: import("vue").ComputedRef<0 | -1>;
-    radioSize: import("vue").ComputedRef<any>;
-    handleChange: () => void;
+    size: import("vue").ComputedRef<any>;
+    disabled: import("vue").ComputedRef<boolean>;
     radioRef: import("vue").Ref<HTMLInputElement | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    modelValue?: unknown;
-    label?: unknown;
-    disabled?: unknown;
-    name?: unknown;
-    border?: unknown;
-    size?: unknown;
+    handleChange: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (val: string | number | boolean) => boolean;
+    change: (val: string | number | boolean) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    readonly modelValue?: unknown;
+    readonly name?: unknown;
+    readonly border?: unknown;
+    readonly label?: unknown;
+    readonly size?: unknown;
+    readonly disabled?: unknown;
 } & {
+    size: import("../../utils/props").BuildPropType<StringConstructor, "" | "small" | "large" | "medium" | "mini", unknown>;
+    disabled: boolean;
+    modelValue: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown>;
+    label: import("../../utils/props").BuildPropType<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>;
     name: string;
     border: boolean;
-    disabled: boolean;
-    modelValue: string | number | boolean;
-    label: string | number | boolean;
-} & {
-    size?: import("../../utils/types").ComponentSize | undefined;
-}> & {
-    onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+} & {}> & {
+    onChange?: ((val: string | number | boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((val: string | number | boolean) => any) | undefined;
 }, {
+    size: import("../../utils/props").BuildPropType<StringConstructor, "" | "small" | "large" | "medium" | "mini", unknown>;
+    disabled: boolean;
+    modelValue: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown>;
+    label: import("../../utils/props").BuildPropType<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>;
     name: string;
     border: boolean;
-    disabled: boolean;
-    modelValue: string | number | boolean;
-    label: string | number | boolean;
 }>> & {
     RadioButton: import("vue").DefineComponent<{
-        label: {
-            type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
-            default: string;
-        };
-        disabled: BooleanConstructor;
-        name: {
-            type: StringConstructor;
-            default: string;
-        };
+        readonly name: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+        readonly label: import("../../utils/props").BuildPropReturn<(BooleanConstructor | StringConstructor | NumberConstructor)[], string, unknown, unknown, unknown>;
+        readonly size: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "small" | "large" | "medium" | "mini", unknown>;
+        readonly disabled: BooleanConstructor;
     }, {
         isGroup: import("vue").ComputedRef<boolean>;
-        size: import("vue").ComputedRef<import("../../utils/types").ComponentSize>;
-        isDisabled: import("vue").ComputedRef<boolean | undefined>;
+        size: import("vue").ComputedRef<any>;
+        disabled: import("vue").ComputedRef<boolean>;
         tabIndex: import("vue").ComputedRef<0 | -1>;
-        value: import("vue").WritableComputedRef<string | number | boolean>;
+        modelValue: import("vue").WritableComputedRef<import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown>>;
         focus: import("vue").Ref<boolean>;
-        activeStyle: import("vue").ComputedRef<{
-            backgroundColor: string;
-            borderColor: string;
-            boxShadow: string;
-            color: string;
-        }>;
+        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<{
-        label?: unknown;
-        disabled?: unknown;
-        name?: unknown;
+        readonly name?: unknown;
+        readonly label?: unknown;
+        readonly size?: unknown;
+        readonly disabled?: unknown;
     } & {
-        name: string;
+        size: import("../../utils/props").BuildPropType<StringConstructor, "" | "small" | "large" | "medium" | "mini", unknown>;
         disabled: boolean;
-        label: string | number | boolean;
-    } & {}>, {
+        label: import("../../utils/props").BuildPropType<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>;
         name: string;
+    } & {}>, {
+        size: import("../../utils/props").BuildPropType<StringConstructor, "" | "small" | "large" | "medium" | "mini", unknown>;
         disabled: boolean;
-        label: string | number | boolean;
+        label: import("../../utils/props").BuildPropType<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>;
+        name: string;
     }>;
     RadioGroup: import("vue").DefineComponent<{
-        modelValue: {
-            type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
-            default: string;
-        };
-        size: {
-            type: import("vue").PropType<import("../../utils/types").ComponentSize>;
-            validator: (val: string) => boolean;
-        };
-        fill: {
-            type: StringConstructor;
-            default: string;
-        };
-        textColor: {
-            type: StringConstructor;
-            default: string;
-        };
-        disabled: BooleanConstructor;
+        readonly modelValue: import("../../utils/props").BuildPropReturn<readonly [StringConstructor, NumberConstructor, BooleanConstructor], "", unknown, unknown, unknown>;
+        readonly fill: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+        readonly textColor: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+        readonly size: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "small" | "large" | "medium" | "mini", unknown>;
+        readonly disabled: BooleanConstructor;
     }, {
-        handleKeydown: (e: any) => void;
-        radioGroupSize: import("vue").ComputedRef<import("../../utils/types").ComponentSize>;
-        radioGroup: import("vue").Ref<null>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-        modelValue?: unknown;
-        size?: unknown;
-        fill?: unknown;
-        textColor?: unknown;
-        disabled?: unknown;
+        size: import("vue").ComputedRef<any>;
+        disabled: import("vue").ComputedRef<boolean>;
+        radioGroupRef: import("vue").Ref<HTMLDivElement | undefined>;
+        handleKeydown: (e: KeyboardEvent) => void;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (val: string | number | boolean) => boolean;
+        change: (val: string | number | boolean) => boolean;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+        readonly modelValue?: unknown;
+        readonly fill?: unknown;
+        readonly textColor?: unknown;
+        readonly size?: unknown;
+        readonly disabled?: unknown;
     } & {
-        fill: string;
+        size: import("../../utils/props").BuildPropType<StringConstructor, "" | "small" | "large" | "medium" | "mini", unknown>;
         disabled: boolean;
-        modelValue: string | number | boolean;
+        modelValue: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown>;
+        fill: string;
         textColor: string;
-    } & {
-        size?: import("../../utils/types").ComponentSize | undefined;
-    }> & {
-        onChange?: ((...args: any[]) => any) | undefined;
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    } & {}> & {
+        onChange?: ((val: string | number | boolean) => any) | undefined;
+        "onUpdate:modelValue"?: ((val: string | number | boolean) => any) | undefined;
     }, {
-        fill: string;
+        size: import("../../utils/props").BuildPropType<StringConstructor, "" | "small" | "large" | "medium" | "mini", unknown>;
         disabled: boolean;
-        modelValue: string | number | boolean;
+        modelValue: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown>;
+        fill: string;
         textColor: string;
     }>;
 };
 export default ElRadio;
 export declare const ElRadioGroup: import("../../utils/types").SFCWithInstall<import("vue").DefineComponent<{
-    modelValue: {
-        type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
-        default: string;
-    };
-    size: {
-        type: import("vue").PropType<import("../../utils/types").ComponentSize>;
-        validator: (val: string) => boolean;
-    };
-    fill: {
-        type: StringConstructor;
-        default: string;
-    };
-    textColor: {
-        type: StringConstructor;
-        default: string;
-    };
-    disabled: BooleanConstructor;
+    readonly modelValue: import("../../utils/props").BuildPropReturn<readonly [StringConstructor, NumberConstructor, BooleanConstructor], "", unknown, unknown, unknown>;
+    readonly fill: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly textColor: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly size: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "small" | "large" | "medium" | "mini", unknown>;
+    readonly disabled: BooleanConstructor;
 }, {
-    handleKeydown: (e: any) => void;
-    radioGroupSize: import("vue").ComputedRef<import("../../utils/types").ComponentSize>;
-    radioGroup: import("vue").Ref<null>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    modelValue?: unknown;
-    size?: unknown;
-    fill?: unknown;
-    textColor?: unknown;
-    disabled?: unknown;
+    size: import("vue").ComputedRef<any>;
+    disabled: import("vue").ComputedRef<boolean>;
+    radioGroupRef: import("vue").Ref<HTMLDivElement | undefined>;
+    handleKeydown: (e: KeyboardEvent) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (val: string | number | boolean) => boolean;
+    change: (val: string | number | boolean) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    readonly modelValue?: unknown;
+    readonly fill?: unknown;
+    readonly textColor?: unknown;
+    readonly size?: unknown;
+    readonly disabled?: unknown;
 } & {
-    fill: string;
+    size: import("../../utils/props").BuildPropType<StringConstructor, "" | "small" | "large" | "medium" | "mini", unknown>;
     disabled: boolean;
-    modelValue: string | number | boolean;
+    modelValue: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown>;
+    fill: string;
     textColor: string;
-} & {
-    size?: import("../../utils/types").ComponentSize | undefined;
-}> & {
-    onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+} & {}> & {
+    onChange?: ((val: string | number | boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((val: string | number | boolean) => any) | undefined;
 }, {
-    fill: string;
+    size: import("../../utils/props").BuildPropType<StringConstructor, "" | "small" | "large" | "medium" | "mini", unknown>;
     disabled: boolean;
-    modelValue: string | number | boolean;
+    modelValue: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown>;
+    fill: string;
     textColor: string;
 }>>;
 export declare const ElRadioButton: import("../../utils/types").SFCWithInstall<import("vue").DefineComponent<{
-    label: {
-        type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
-        default: string;
-    };
-    disabled: BooleanConstructor;
-    name: {
-        type: StringConstructor;
-        default: string;
-    };
+    readonly name: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly label: import("../../utils/props").BuildPropReturn<(BooleanConstructor | StringConstructor | NumberConstructor)[], string, unknown, unknown, unknown>;
+    readonly size: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "small" | "large" | "medium" | "mini", unknown>;
+    readonly disabled: BooleanConstructor;
 }, {
     isGroup: import("vue").ComputedRef<boolean>;
-    size: import("vue").ComputedRef<import("../../utils/types").ComponentSize>;
-    isDisabled: import("vue").ComputedRef<boolean | undefined>;
+    size: import("vue").ComputedRef<any>;
+    disabled: import("vue").ComputedRef<boolean>;
     tabIndex: import("vue").ComputedRef<0 | -1>;
-    value: import("vue").WritableComputedRef<string | number | boolean>;
+    modelValue: import("vue").WritableComputedRef<import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown>>;
     focus: import("vue").Ref<boolean>;
-    activeStyle: import("vue").ComputedRef<{
-        backgroundColor: string;
-        borderColor: string;
-        boxShadow: string;
-        color: string;
-    }>;
+    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<{
-    label?: unknown;
-    disabled?: unknown;
-    name?: unknown;
+    readonly name?: unknown;
+    readonly label?: unknown;
+    readonly size?: unknown;
+    readonly disabled?: unknown;
 } & {
-    name: string;
+    size: import("../../utils/props").BuildPropType<StringConstructor, "" | "small" | "large" | "medium" | "mini", unknown>;
     disabled: boolean;
-    label: string | number | boolean;
-} & {}>, {
+    label: import("../../utils/props").BuildPropType<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>;
     name: string;
+} & {}>, {
+    size: import("../../utils/props").BuildPropType<StringConstructor, "" | "small" | "large" | "medium" | "mini", unknown>;
     disabled: boolean;
-    label: string | number | boolean;
+    label: import("../../utils/props").BuildPropType<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>;
+    name: string;
 }>>;
-export * from './src/token';
+export * from './src/radio';
+export * from './src/radio-group';
+export * from './src/radio-button';

package/lib/components/radio/index.js

@@ -3,10 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var withInstall = require('../../utils/with-install.js');
-require('./src/radio.js');
-require('./src/radio-button.js');
-require('./src/radio-group.js');
-require('./src/token.js');
+require('./src/radio2.js');
+require('./src/radio-button2.js');
+require('./src/radio-group2.js');
+var radio = require('./src/radio.js');
+var radioGroup = require('./src/radio-group.js');
+var radioButton = require('./src/radio-button.js');
 var radio_vue_vue_type_script_lang = require('./src/radio.vue_vue&type=script&lang.js');
 var radioButton_vue_vue_type_script_lang = require('./src/radio-button.vue_vue&type=script&lang.js');
 var radioGroup_vue_vue_type_script_lang = require('./src/radio-group.vue_vue&type=script&lang.js');
@@ -18,6 +20,13 @@ const ElRadio = withInstall.withInstall(radio_vue_vue_type_script_lang["default"
 const ElRadioGroup = withInstall.withNoopInstall(radioGroup_vue_vue_type_script_lang["default"]);
 const ElRadioButton = withInstall.withNoopInstall(radioButton_vue_vue_type_script_lang["default"]);
 
+exports.radioEmits = radio.radioEmits;
+exports.radioProps = radio.radioProps;
+exports.radioPropsBase = radio.radioPropsBase;
+exports.useRadio = radio.useRadio;
+exports.radioGroupEmits = radioGroup.radioGroupEmits;
+exports.radioGroupProps = radioGroup.radioGroupProps;
+exports.radioButtonProps = radioButton.radioButtonProps;
 exports.ElRadio = ElRadio;
 exports.ElRadioButton = ElRadioButton;
 exports.ElRadioGroup = ElRadioGroup;

package/lib/components/radio/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/components/radio/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-plus/utils/with-install'\n\nimport Radio from './src/radio.vue'\nimport RadioButton from './src/radio-button.vue'\nimport RadioGroup from './src/radio-group.vue'\n\nexport const ElRadio = withInstall(Radio, {\n  RadioButton,\n  RadioGroup,\n})\nexport default ElRadio\nexport const ElRadioGroup = withNoopInstall(RadioGroup)\nexport const ElRadioButton = withNoopInstall(RadioButton)\n\nexport * from './src/token'\n"],"names":["withInstall","Radio","RadioButton","RadioGroup","withNoopInstall"],"mappings":";;;;;;;;;;;;;MAMa,UAAUA,wBAAYC,2CAAO;AAAA,eACxCC;AAAA,cACAC;AAAA;MAGW,eAAeC,4BAAgBD;MAC/B,gBAAgBC,4BAAgBF;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/radio/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-plus/utils/with-install'\n\nimport Radio from './src/radio.vue'\nimport RadioButton from './src/radio-button.vue'\nimport RadioGroup from './src/radio-group.vue'\n\nexport const ElRadio = withInstall(Radio, {\n  RadioButton,\n  RadioGroup,\n})\nexport default ElRadio\nexport const ElRadioGroup = withNoopInstall(RadioGroup)\nexport const ElRadioButton = withNoopInstall(RadioButton)\n\nexport * from './src/radio'\nexport * from './src/radio-group'\nexport * from './src/radio-button'\n"],"names":["withInstall","Radio","RadioButton","RadioGroup","withNoopInstall"],"mappings":";;;;;;;;;;;;;;;MAMa,UAAUA,wBAAYC,2CAAO;AAAA,eACxCC;AAAA,cACAC;AAAA;MAGW,eAAeC,4BAAgBD;MAC/B,gBAAgBC,4BAAgBF;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,8 @@
+import type { ExtractPropTypes } from 'vue';
+export declare const radioButtonProps: {
+    readonly name: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly label: import("element-plus/es/utils/props").BuildPropReturn<(BooleanConstructor | StringConstructor | NumberConstructor)[], string, unknown, unknown, unknown>;
+    readonly size: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "small" | "large" | "medium" | "mini", unknown>;
+    readonly disabled: BooleanConstructor;
+};
+export declare type RadioButtonProps = ExtractPropTypes<typeof radioButtonProps>;

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

@@ -2,11 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var radioButton_vue_vue_type_script_lang = require('./radio-button.vue_vue&type=script&lang.js');
-var radioButton_vue_vue_type_template_id_14e266b0_lang = require('./radio-button.vue_vue&type=template&id=14e266b0&lang.js');
+var props = require('../../../utils/props.js');
+var radio = require('./radio.js');
 
-radioButton_vue_vue_type_script_lang["default"].render = radioButton_vue_vue_type_template_id_14e266b0_lang.render;
-radioButton_vue_vue_type_script_lang["default"].__file = "packages/components/radio/src/radio-button.vue";
+const radioButtonProps = props.buildProps({
+  ...radio.radioPropsBase,
+  name: {
+    type: String,
+    default: ""
+  }
+});
 
-exports["default"] = radioButton_vue_vue_type_script_lang["default"];
+exports.radioButtonProps = radioButtonProps;
 //# sourceMappingURL=radio-button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio-button.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"radio-button.js","sources":["../../../../../../packages/components/radio/src/radio-button.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils/props'\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":";;;;;;;MAIa,mBAAmBA,iBAAW;AAAA,KACtCC;AAAA,EACH,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;;;;"}

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

@@ -1,38 +1,32 @@
+import type { CSSProperties } from 'vue';
 declare const _default: import("vue").DefineComponent<{
-    label: {
-        type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
-        default: string;
-    };
-    disabled: BooleanConstructor;
-    name: {
-        type: StringConstructor;
-        default: string;
-    };
+    readonly name: import("../../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly label: import("../../../utils/props").BuildPropReturn<(BooleanConstructor | StringConstructor | NumberConstructor)[], string, unknown, unknown, unknown>;
+    readonly size: import("../../../utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "small" | "large" | "medium" | "mini", unknown>;
+    readonly disabled: BooleanConstructor;
 }, {
     isGroup: import("vue").ComputedRef<boolean>;
-    size: import("vue").ComputedRef<import("../../../utils/types").ComponentSize>;
-    isDisabled: import("vue").ComputedRef<boolean | undefined>;
+    size: import("vue").ComputedRef<any>;
+    disabled: import("vue").ComputedRef<boolean>;
     tabIndex: import("vue").ComputedRef<0 | -1>;
-    value: import("vue").WritableComputedRef<string | number | boolean>;
+    modelValue: import("vue").WritableComputedRef<import("../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown>>;
     focus: import("vue").Ref<boolean>;
-    activeStyle: import("vue").ComputedRef<{
-        backgroundColor: string;
-        borderColor: string;
-        boxShadow: string;
-        color: string;
-    }>;
+    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<{
-    label?: unknown;
-    disabled?: unknown;
-    name?: unknown;
+    readonly name?: unknown;
+    readonly label?: unknown;
+    readonly size?: unknown;
+    readonly disabled?: unknown;
 } & {
-    name: string;
+    size: import("../../../utils/props").BuildPropType<StringConstructor, "" | "small" | "large" | "medium" | "mini", unknown>;
     disabled: boolean;
-    label: string | number | boolean;
-} & {}>, {
+    label: import("../../../utils/props").BuildPropType<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>;
     name: string;
+} & {}>, {
+    size: import("../../../utils/props").BuildPropType<StringConstructor, "" | "small" | "large" | "medium" | "mini", unknown>;
     disabled: boolean;
-    label: string | number | boolean;
+    label: import("../../../utils/props").BuildPropType<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>;
+    name: string;
 }>;
 export default _default;

package/lib/components/radio/src/radio-button.vue_vue&type=script&lang.js

@@ -3,56 +3,37 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
-var useRadio = require('./useRadio.js');
+var radio = require('./radio.js');
+var radioButton = require('./radio-button.js');
 
 var script = vue.defineComponent({
   name: "ElRadioButton",
-  props: {
-    label: {
-      type: [String, Number, Boolean],
-      default: ""
-    },
-    disabled: Boolean,
-    name: {
-      type: String,
-      default: ""
-    }
-  },
-  setup(props) {
-    const { isGroup, radioGroup, elFormItemSize, ELEMENT, focus, elForm } = useRadio.useRadio();
-    const size = vue.computed(() => {
-      return radioGroup.radioGroupSize || elFormItemSize.value || ELEMENT.size;
-    });
-    const radioRef = vue.ref();
-    const value = vue.computed({
-      get() {
-        return radioGroup.modelValue;
-      },
-      set(value2) {
-        radioGroup.changeEvent(value2);
-        radioRef.value.checked = radioGroup.modelValue === props.label;
-      }
-    });
-    const { isDisabled, tabIndex } = useRadio.useRadioAttrs(props, {
-      model: value,
-      elForm,
-      radioGroup,
-      isGroup
-    });
+  props: radioButton.radioButtonProps,
+  setup(props, { emit }) {
+    const {
+      radioRef,
+      isGroup,
+      focus,
+      size,
+      disabled,
+      tabIndex,
+      modelValue,
+      radioGroup
+    } = radio.useRadio(props, emit);
     const activeStyle = vue.computed(() => {
       return {
-        backgroundColor: radioGroup.fill || "",
-        borderColor: radioGroup.fill || "",
-        boxShadow: radioGroup.fill ? `-1px 0 0 0 ${radioGroup.fill}` : "",
-        color: radioGroup.textColor || ""
+        backgroundColor: (radioGroup == null ? void 0 : radioGroup.fill) || "",
+        borderColor: (radioGroup == null ? void 0 : radioGroup.fill) || "",
+        boxShadow: (radioGroup == null ? void 0 : radioGroup.fill) ? `-1px 0 0 0 ${radioGroup.fill}` : "",
+        color: (radioGroup == null ? void 0 : radioGroup.textColor) || ""
       };
     });
     return {
       isGroup,
       size,
-      isDisabled,
+      disabled,
       tabIndex,
-      value,
+      modelValue,
       focus,
       activeStyle,
       radioRef

package/lib/components/radio/src/radio-button.vue_vue&type=script&lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button.vue_vue&type=script&lang.js","sources":["../../../../../../packages/components/radio/src/radio-button.vue"],"sourcesContent":["<template>\n  <label\n    class=\"el-radio-button\"\n    :class=\"[\n      size ? 'el-radio-button--' + size : '',\n      {\n        'is-active': value === label,\n        'is-disabled': isDisabled,\n        'is-focus': focus,\n      },\n    ]\"\n    role=\"radio\"\n    :aria-checked=\"value === label\"\n    :aria-disabled=\"isDisabled\"\n    :tabindex=\"tabIndex\"\n    @keydown.space.stop.prevent=\"value = isDisabled ? value : label\"\n  >\n    <input\n      ref=\"radioRef\"\n      v-model=\"value\"\n      class=\"el-radio-button__original-radio\"\n      :value=\"label\"\n      type=\"radio\"\n      :name=\"name\"\n      :disabled=\"isDisabled\"\n      tabindex=\"-1\"\n      @focus=\"focus = true\"\n      @blur=\"focus = false\"\n    />\n    <span\n      class=\"el-radio-button__inner\"\n      :style=\"value === label ? activeStyle : null\"\n      @keydown.stop\n    >\n      <slot>\n        {{ label }}\n      </slot>\n    </span>\n  </label>\n</template>\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue'\nimport { useRadio, useRadioAttrs } from './useRadio'\n\nexport default defineComponent({\n  name: 'ElRadioButton',\n\n  props: {\n    label: {\n      type: [String, Number, Boolean],\n      default: '',\n    },\n    disabled: Boolean,\n    name: {\n      type: String,\n      default: '',\n    },\n  },\n  setup(props) {\n    const { isGroup, radioGroup, elFormItemSize, ELEMENT, focus, elForm } =\n      useRadio()\n\n    const size = computed(() => {\n      return radioGroup.radioGroupSize || elFormItemSize.value || ELEMENT.size\n    })\n\n    const radioRef = ref<HTMLInputElement>()\n\n    const value = computed<boolean | string | number>({\n      get() {\n        return radioGroup.modelValue\n      },\n      set(value) {\n        radioGroup.changeEvent(value)\n\n        radioRef.value.checked = radioGroup.modelValue === props.label\n      },\n    })\n\n    const { isDisabled, tabIndex } = useRadioAttrs(props, {\n      model: value,\n      elForm,\n      radioGroup,\n      isGroup,\n    })\n\n    const activeStyle = computed(() => {\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      isGroup,\n      size,\n      isDisabled,\n      tabIndex,\n      value,\n      focus,\n      activeStyle,\n      radioRef,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","useRadio","computed","ref","useRadioAttrs"],"mappings":";;;;;;;AA4CA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,QAAQ;AAAA,MACvB,SAAS;AAAA;AAAA,IAEX,UAAU;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;AAAA;AAAA,EAGb,MAAM,OAAO;AACX,UAAM,EAAE,SAAS,YAAY,gBAAgB,SAAS,OAAO,WAC3DC;AAEF,UAAM,OAAOC,aAAS,MAAM;AAC1B,aAAO,WAAW,kBAAkB,eAAe,SAAS,QAAQ;AAAA;AAGtE,UAAM,WAAWC;AAEjB,UAAM,QAAQD,aAAoC;AAAA,MAChD,MAAM;AACJ,eAAO,WAAW;AAAA;AAAA,MAEpB,IAAI,QAAO;AACT,mBAAW,YAAY;AAEvB,iBAAS,MAAM,UAAU,WAAW,eAAe,MAAM;AAAA;AAAA;AAI7D,UAAM,EAAE,YAAY,aAAaE,uBAAc,OAAO;AAAA,MACpD,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA;AAGF,UAAM,cAAcF,aAAS,MAAM;AACjC,aAAO;AAAA,QACL,iBAAiB,WAAW,QAAQ;AAAA,QACpC,aAAa,WAAW,QAAQ;AAAA,QAChC,WAAW,WAAW,OAAO,cAAc,WAAW,SAAS;AAAA,QAC/D,OAAO,WAAW,aAAa;AAAA;AAAA;AAInC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"radio-button.vue_vue&type=script&lang.js","sources":["../../../../../../packages/components/radio/src/radio-button.vue"],"sourcesContent":["<template>\n  <label\n    class=\"el-radio-button\"\n    :class=\"[\n      size ? 'el-radio-button--' + size : '',\n      {\n        'is-active': modelValue === label,\n        'is-disabled': disabled,\n        'is-focus': focus,\n      },\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=\"el-radio-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=\"el-radio-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 { 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 {\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      isGroup,\n      size,\n      disabled,\n      tabIndex,\n      modelValue,\n      focus,\n      activeStyle,\n      radioRef,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","radioButtonProps","useRadio","computed"],"mappings":";;;;;;;;AA8CA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAOC;AAAA,EAEP,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACEC,eAAS,OAAO;AAEpB,UAAM,cAAcC,aAAwB,MAAM;AAChD,aAAO;AAAA,QACL,iBAAiB,0CAAY,SAAQ;AAAA,QACrC,aAAa,0CAAY,SAAQ;AAAA,QACjC,WAAW,0CAAY,QAAO,cAAc,WAAW,SAAS;AAAA,QAChE,OAAO,0CAAY,cAAa;AAAA;AAAA;AAIpC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}