@yimou6/common-ui 1.12.14 → 1.12.16

package/es/components/form/src/form.d.ts

@@ -1,15 +1,15 @@
-import type { ExtractPropTypes, ExtractPublicPropTypes, PropType, Ref } from 'vue';
-import type { DatePickerProps, MonthPickerProps, QuarterPickerProps, RangePickerProps, WeekPickerProps, YearPickerProps } from '../../../arco.types';
-import type { ElCascaderProps, ElDatePickerProps, ElInputNumberProps, ElInputProps, ElSwitchProps, ElTimePickerProps } from '../../../element-plus.types';
-import type { CheckboxPublicPropsType } from '../../checkbox/src/checkbox';
-import type { DividerPublicPropsType } from '../../divider/src/divider';
-import type { RadioPublicPropsType } from '../../radio/src/radio';
-import type { SelectPublicPropsType } from '../../select/src/select';
-import type Form from './form.vue';
-type ELComp = 'el-input' | 'el-input-number' | 'el-date-picker' | 'el-time-picker' | 'el-cascader' | 'el-switch';
-type IComp = 'i-divider' | 'i-select' | 'i-radio' | 'i-checkbox' | 'i-date-picker';
-type ArcoComp = 'a-range-picker' | 'a-date-picker' | 'a-week-picker' | 'a-quarter-picker' | 'a-year-picker' | 'a-month-picker';
-export type FormItemComp = ELComp | ArcoComp | IComp | 'slot';
+import type { ExtractPropTypes, ExtractPublicPropTypes, PropType, Ref } from "vue";
+import type { DatePickerProps, MonthPickerProps, QuarterPickerProps, RangePickerProps, WeekPickerProps, YearPickerProps } from "../../../arco.types";
+import type { ElCascaderProps, ElDatePickerProps, ElInputNumberProps, ElInputProps, ElSwitchProps, ElTimePickerProps } from "../../../element-plus.types";
+import type { CheckboxPublicPropsType } from "../../checkbox/src/checkbox";
+import type { DividerPublicPropsType } from "../../divider/src/divider";
+import type { RadioPublicPropsType } from "../../radio/src/radio";
+import type { SelectPublicPropsType } from "../../select/src/select";
+import type Form from "./form.vue";
+type ELComp = "el-input" | "el-input-number" | "el-date-picker" | "el-time-picker" | "el-cascader" | "el-switch";
+type IComp = "i-divider" | "i-select" | "i-radio" | "i-checkbox" | "i-date-picker";
+type ArcoComp = "a-range-picker" | "a-date-picker" | "a-week-picker" | "a-quarter-picker" | "a-year-picker" | "a-month-picker";
+export type FormItemComp = ELComp | ArcoComp | IComp | "slot";
 export declare const FormProps: {
     model: {
         type: ObjectConstructor;

package/es/components/form/src/form.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"form.mjs","sources":["../../../../../../../packages/components/form/src/form.ts"],"sourcesContent":["import type { ExtractPropTypes, ExtractPublicPropTypes, PropType, Ref } from 'vue';\nimport type {\n  DatePickerProps,\n  MonthPickerProps,\n  QuarterPickerProps,\n  RangePickerProps,\n  WeekPickerProps,\n  YearPickerProps,\n} from '../../../arco.types';\nimport type {\n  ElCascaderProps,\n  ElDatePickerProps,\n  ElInputNumberProps,\n  ElInputProps,\n  ElSwitchProps,\n  ElTimePickerProps,\n} from '../../../element-plus.types';\nimport type { CheckboxPublicPropsType } from '../../checkbox/src/checkbox';\nimport type { DividerPublicPropsType } from '../../divider/src/divider';\nimport type { RadioPublicPropsType } from '../../radio/src/radio';\nimport type { SelectPublicPropsType } from '../../select/src/select';\nimport type Form from './form.vue';\n\n// el-* element-plus组件名称\ntype ELComp = 'el-input' | 'el-input-number' | 'el-date-picker' | 'el-time-picker' | 'el-cascader' | 'el-switch';\nconst ElCompProps = {\n  elInput: Object as PropType<ElInputProps>,\n  elInputNumber: Object as PropType<ElInputNumberProps>,\n  elDatePicker: Object as PropType<ElDatePickerProps>,\n  elTimePicker: Object as PropType<ElTimePickerProps>,\n  elCascader: Object as PropType<ElCascaderProps>,\n  elSwitch: Object as PropType<ElSwitchProps>,\n};\n\n// i-* 自封装组件名称\ntype IComp = 'i-divider' | 'i-select' | 'i-radio' | 'i-checkbox' | 'i-date-picker';\nconst ICompProps = {\n  iDivider: Object as PropType<DividerPublicPropsType>,\n  iSelect: Object as PropType<SelectPublicPropsType>,\n  iRadio: Object as PropType<RadioPublicPropsType>,\n  iCheckbox: Object as PropType<CheckboxPublicPropsType>,\n  iDatePicker: Object as PropType<ElDatePickerProps>,\n};\n\n// a-* arco design组件名称\ntype ArcoComp =\n  | 'a-range-picker'\n  | 'a-date-picker'\n  | 'a-week-picker'\n  | 'a-quarter-picker'\n  | 'a-year-picker'\n  | 'a-month-picker';\nconst ArcoCompProps = {\n  aRangePicker: Object as PropType<RangePickerProps>,\n  aDatePicker: Object as PropType<DatePickerProps>,\n  aWeekPicker: Object as PropType<WeekPickerProps>,\n  aQuarterPicker: Object as PropType<QuarterPickerProps>,\n  aYearPicker: Object as PropType<YearPickerProps>,\n  aMonthPicker: Object as PropType<MonthPickerProps>,\n};\n\nexport type FormItemComp = ELComp | ArcoComp | IComp | 'slot';\n\nexport const FormProps = {\n  model: {\n    type: Object,\n    default: () => ({}),\n  },\n  rules: {\n    type: Object,\n    default: () => ({}),\n  },\n  inline: {\n    type: Boolean,\n    default: false,\n  },\n  labelPosition: {\n    type: String as PropType<'left' | 'right' | 'top'>,\n    default: 'right',\n  },\n  labelWidth: {\n    type: [String, Number],\n    default: 'auto',\n  },\n  labelSuffix: {\n    type: String,\n    default: '',\n  },\n  hideRequiredAsterisk: {\n    type: Boolean,\n    default: false,\n  },\n  requireAsteriskPosition: {\n    type: String as PropType<'left' | 'right'>,\n    default: 'left',\n  },\n  showMessage: {\n    type: Boolean,\n    default: true,\n  },\n  inlineMessage: {\n    type: Boolean,\n    default: false,\n  },\n  statusIcon: {\n    type: Boolean,\n    default: false,\n  },\n  validateOnRuleChange: {\n    type: Boolean,\n    default: true,\n  },\n  size: {\n    type: String as PropType<'large' | 'default' | 'small' | ''>,\n    default: '',\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  scrollToError: {\n    type: Boolean,\n    default: false,\n  },\n  scrollIntoViewOptions: {\n    type: [Object, Boolean],\n    default: false,\n  },\n  /**\n   * 自定义的 props\n   */\n  // grid 模式下，每行显示的列数\n  column: {\n    type: Number,\n    default: 1,\n  },\n  // 显示的表单字段\n  fields: {\n    type: Array as PropType<FormItemPropsType[]>,\n    default: () => [],\n  },\n  action: Object,\n};\nexport const FormItemProps = {\n  prop: {\n    type: String,\n  },\n  label: {\n    type: String,\n  },\n  labelWidth: {\n    type: [String, Number],\n  },\n  // 踩了一个坑，这里默认设置为true和false都会影响到表单验证(rules)\n  // 体现为：必须手动调用formRef.validate(),否则不会触发表单验证。\n  required: {\n    type: Boolean,\n    default: undefined,\n  },\n  rules: Object,\n  error: String,\n  showMessage: {\n    type: Boolean,\n    default: true,\n  },\n  inlineMessage: {\n    type: [String, Boolean],\n  },\n  size: {\n    type: String as PropType<'' | 'large' | 'default' | 'small'>,\n  },\n  validateStatus: {\n    type: String as PropType<'' | 'error' | 'validating' | 'success'>,\n  },\n  /**\n   * 自定义属性\n   */\n  modelValue: [String, Array, Boolean, Number, Object],\n  // 列\n  column: {\n    type: Number,\n    default: 1,\n  },\n  // 行\n  row: {\n    type: Number,\n    default: 1,\n  },\n  className: {\n    type: [String, Array],\n    default: '',\n  },\n  style: {\n    type: Object,\n    default: () => ({}),\n  },\n  // 组件名称\n  comp: {\n    type: String as PropType<FormItemComp>,\n    required: true,\n  },\n  action: Object,\n  ...ElCompProps,\n  ...ICompProps,\n  ...ArcoCompProps,\n};\n\nexport const formItemExcludeKeys = [\n  'modelValue',\n  'column',\n  'row',\n  'className',\n  'comp',\n  'elInput',\n  'elInputNumber',\n  'elDatePicker',\n  'elTimePicker',\n  'elCascader',\n  'elSwitch',\n  'iDivider',\n  'iSelect',\n  'iRadio',\n  'iCheckbox',\n  'pureUpload',\n  'action',\n];\n\nexport type ArrayAble<T> = T[] | T;\n\nexport type FormPropsType = ExtractPropTypes<typeof FormProps>;\nexport type FormItemPropsType = ExtractPublicPropTypes<typeof FormItemProps>;\nexport type FormInstance = InstanceType<typeof Form>;\n\n/**\n * 设置 fields 的属性值\n */\nexport function iFormSetFieldValue(fields: Ref<FormItemPropsType[]>, prop: string, valOpt: Record<string, any>) {\n  const index = fields.value.findIndex(item => item.prop === prop);\n  if (index === -1) {\n    console.error(`field ${prop} is not found!`);\n    return;\n  }\n  Object.keys(valOpt).forEach(key => {\n    if (key.includes('.')) {\n      const keys = key.split('.');\n      const [key1, key2, key3] = keys;\n      if (keys.length === 2) {\n        // @ts-ignore\n        fields.value[index][key1][key2] = valOpt[key];\n      } else if (keys.length === 3) {\n        // @ts-ignore\n        fields.value[index][key1][key2][key3] = valOpt[key];\n      } else {\n        console.error(`field ${prop} is error!`);\n      }\n    } else {\n      // @ts-ignore\n      fields.value[index][key] = valOpt[key];\n    }\n  });\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"form.mjs","sources":["../../../../../../../packages/components/form/src/form.ts"],"sourcesContent":["import type {\n  ExtractPropTypes,\n  ExtractPublicPropTypes,\n  PropType,\n  Ref,\n} from \"vue\";\nimport type {\n  DatePickerProps,\n  MonthPickerProps,\n  QuarterPickerProps,\n  RangePickerProps,\n  WeekPickerProps,\n  YearPickerProps,\n} from \"../../../arco.types\";\nimport type {\n  ElCascaderProps,\n  ElDatePickerProps,\n  ElInputNumberProps,\n  ElInputProps,\n  ElSwitchProps,\n  ElTimePickerProps,\n} from \"../../../element-plus.types\";\nimport type { CheckboxPublicPropsType } from \"../../checkbox/src/checkbox\";\nimport type { DividerPublicPropsType } from \"../../divider/src/divider\";\nimport type { RadioPublicPropsType } from \"../../radio/src/radio\";\nimport type { SelectPublicPropsType } from \"../../select/src/select\";\nimport type Form from \"./form.vue\";\n\n// el-* element-plus组件名称\ntype ELComp =\n  | \"el-input\"\n  | \"el-input-number\"\n  | \"el-date-picker\"\n  | \"el-time-picker\"\n  | \"el-cascader\"\n  | \"el-switch\";\nconst ElCompProps = {\n  elInput: Object as PropType<ElInputProps>,\n  elInputNumber: Object as PropType<ElInputNumberProps>,\n  elDatePicker: Object as PropType<ElDatePickerProps>,\n  elTimePicker: Object as PropType<ElTimePickerProps>,\n  elCascader: Object as PropType<ElCascaderProps>,\n  elSwitch: Object as PropType<ElSwitchProps>,\n};\n\n// i-* 自封装组件名称\ntype IComp =\n  | \"i-divider\"\n  | \"i-select\"\n  | \"i-radio\"\n  | \"i-checkbox\"\n  | \"i-date-picker\";\nconst ICompProps = {\n  iDivider: Object as PropType<DividerPublicPropsType>,\n  iSelect: Object as PropType<SelectPublicPropsType>,\n  iRadio: Object as PropType<RadioPublicPropsType>,\n  iCheckbox: Object as PropType<CheckboxPublicPropsType>,\n  iDatePicker: Object as PropType<ElDatePickerProps>,\n};\n\n// a-* arco design组件名称\ntype ArcoComp =\n  | \"a-range-picker\"\n  | \"a-date-picker\"\n  | \"a-week-picker\"\n  | \"a-quarter-picker\"\n  | \"a-year-picker\"\n  | \"a-month-picker\";\nconst ArcoCompProps = {\n  aRangePicker: Object as PropType<RangePickerProps>,\n  aDatePicker: Object as PropType<DatePickerProps>,\n  aWeekPicker: Object as PropType<WeekPickerProps>,\n  aQuarterPicker: Object as PropType<QuarterPickerProps>,\n  aYearPicker: Object as PropType<YearPickerProps>,\n  aMonthPicker: Object as PropType<MonthPickerProps>,\n};\n\nexport type FormItemComp = ELComp | ArcoComp | IComp | \"slot\";\n\nexport const FormProps = {\n  model: {\n    type: Object,\n    default: () => ({}),\n  },\n  rules: {\n    type: Object,\n    default: () => ({}),\n  },\n  inline: {\n    type: Boolean,\n    default: false,\n  },\n  labelPosition: {\n    type: String as PropType<\"left\" | \"right\" | \"top\">,\n    default: \"right\",\n  },\n  labelWidth: {\n    type: [String, Number],\n    default: \"auto\",\n  },\n  labelSuffix: {\n    type: String,\n    default: \"\",\n  },\n  hideRequiredAsterisk: {\n    type: Boolean,\n    default: false,\n  },\n  requireAsteriskPosition: {\n    type: String as PropType<\"left\" | \"right\">,\n    default: \"left\",\n  },\n  showMessage: {\n    type: Boolean,\n    default: true,\n  },\n  inlineMessage: {\n    type: Boolean,\n    default: false,\n  },\n  statusIcon: {\n    type: Boolean,\n    default: false,\n  },\n  validateOnRuleChange: {\n    type: Boolean,\n    default: true,\n  },\n  size: {\n    type: String as PropType<\"large\" | \"default\" | \"small\" | \"\">,\n    default: \"\",\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  scrollToError: {\n    type: Boolean,\n    default: false,\n  },\n  scrollIntoViewOptions: {\n    type: [Object, Boolean],\n    default: false,\n  },\n  /**\n   * 自定义的 props\n   */\n  // grid 模式下，每行显示的列数\n  column: {\n    type: Number,\n    default: 1,\n  },\n  // 显示的表单字段\n  fields: {\n    type: Array as PropType<FormItemPropsType[]>,\n    default: () => [],\n  },\n  action: Object,\n};\nexport const FormItemProps = {\n  prop: {\n    type: String,\n  },\n  label: {\n    type: String,\n  },\n  labelWidth: {\n    type: [String, Number],\n  },\n  // 踩了一个坑，这里默认设置为true和false都会影响到表单验证(rules)\n  // 体现为：必须手动调用formRef.validate(),否则不会触发表单验证。\n  required: {\n    type: Boolean,\n    default: undefined,\n  },\n  rules: Object,\n  error: String,\n  showMessage: {\n    type: Boolean,\n    default: true,\n  },\n  inlineMessage: {\n    type: [String, Boolean],\n  },\n  size: {\n    type: String as PropType<\"\" | \"large\" | \"default\" | \"small\">,\n  },\n  validateStatus: {\n    type: String as PropType<\"\" | \"error\" | \"validating\" | \"success\">,\n  },\n  /**\n   * 自定义属性\n   */\n  modelValue: [String, Array, Boolean, Number, Object],\n  // 列\n  column: {\n    type: Number,\n    default: 1,\n  },\n  // 行\n  row: {\n    type: Number,\n    default: 1,\n  },\n  className: {\n    type: [String, Array],\n    default: \"\",\n  },\n  style: {\n    type: Object,\n    default: () => ({}),\n  },\n  // 组件名称\n  comp: {\n    type: String as PropType<FormItemComp>,\n    required: true,\n  },\n  action: Object,\n  ...ElCompProps,\n  ...ICompProps,\n  ...ArcoCompProps,\n};\n\nexport const formItemExcludeKeys = [\n  \"modelValue\",\n  \"column\",\n  \"row\",\n  \"className\",\n  \"comp\",\n  \"elInput\",\n  \"elInputNumber\",\n  \"elDatePicker\",\n  \"elTimePicker\",\n  \"elCascader\",\n  \"elSwitch\",\n  \"iDivider\",\n  \"iSelect\",\n  \"iRadio\",\n  \"iCheckbox\",\n  \"pureUpload\",\n  \"action\",\n];\n\nexport type ArrayAble<T> = T[] | T;\n\nexport type FormPropsType = ExtractPropTypes<typeof FormProps>;\nexport type FormItemPropsType = ExtractPublicPropTypes<typeof FormItemProps>;\nexport type FormInstance = InstanceType<typeof Form>;\n\n/**\n * 设置 fields 的属性值\n */\nexport function iFormSetFieldValue(\n  fields: Ref<FormItemPropsType[]>,\n  prop: string,\n  valOpt: Record<string, any>,\n) {\n  const index = fields.value.findIndex((item) => item.prop === prop);\n  if (index === -1) {\n    console.error(`field ${prop} is not found!`);\n    return;\n  }\n  Object.keys(valOpt).forEach((key) => {\n    if (key.includes(\".\")) {\n      const keys = key.split(\".\");\n      const [key1, key2, key3] = keys;\n      if (keys.length === 2) {\n        // @ts-ignore\n        fields.value[index][key1][key2] = valOpt[key];\n      } else if (keys.length === 3) {\n        // @ts-ignore\n        fields.value[index][key1][key2][key3] = valOpt[key];\n      } else {\n        console.error(`field ${prop} is error!`);\n      }\n    } else {\n      // @ts-ignore\n      fields.value[index][key] = valOpt[key];\n    }\n  });\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,16 +1,22 @@
 export declare const IRadio: import("../../types").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    modelValue: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+    modelValue: {
+        type: import("vue").PropType<import("../../element-plus.types").ElRadioGroupProps["modelValue"]>;
+    };
     size: {
-        type: import("vue").PropType<"large" | "default" | "small" | "">;
+        type: import("vue").PropType<import("../../element-plus.types").ElRadioGroupProps["size"]>;
         default: string;
     };
-    disabled: BooleanConstructor;
+    disabled: import("vue").PropType<import("../../element-plus.types").ElRadioGroupProps["disabled"]>;
     textColor: {
-        type: StringConstructor;
+        type: import("vue").PropType<import("../../element-plus.types").ElRadioGroupProps["textColor"]>;
         default: string;
     };
-    fill: StringConstructor;
-    validateEvent: BooleanConstructor;
+    fill: {
+        type: import("vue").PropType<import("../../element-plus.types").ElRadioGroupProps["fill"]>;
+    };
+    validateEvent: {
+        type: import("vue").PropType<import("../../element-plus.types").ElRadioGroupProps["validateEvent"]>;
+    };
     type: {
         type: import("vue").PropType<"button" | "">;
         default: string;
@@ -30,20 +36,30 @@ export declare const IRadio: import("../../types").SFCWithInstall<import("vue").
         type: StringConstructor;
         default: string;
     };
+    changeHandler: {
+        type: import("vue").PropType<(value: string | number | boolean | undefined) => void>;
+        default: undefined;
+    };
 }>, {
     props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        modelValue: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        modelValue: {
+            type: import("vue").PropType<import("../../element-plus.types").ElRadioGroupProps["modelValue"]>;
+        };
         size: {
-            type: import("vue").PropType<"large" | "default" | "small" | "">;
+            type: import("vue").PropType<import("../../element-plus.types").ElRadioGroupProps["size"]>;
             default: string;
         };
-        disabled: BooleanConstructor;
+        disabled: import("vue").PropType<import("../../element-plus.types").ElRadioGroupProps["disabled"]>;
         textColor: {
-            type: StringConstructor;
+            type: import("vue").PropType<import("../../element-plus.types").ElRadioGroupProps["textColor"]>;
             default: string;
         };
-        fill: StringConstructor;
-        validateEvent: BooleanConstructor;
+        fill: {
+            type: import("vue").PropType<import("../../element-plus.types").ElRadioGroupProps["fill"]>;
+        };
+        validateEvent: {
+            type: import("vue").PropType<import("../../element-plus.types").ElRadioGroupProps["validateEvent"]>;
+        };
         type: {
             type: import("vue").PropType<"button" | "">;
             default: string;
@@ -63,11 +79,15 @@ export declare const IRadio: import("../../types").SFCWithInstall<import("vue").
             type: StringConstructor;
             default: string;
         };
+        changeHandler: {
+            type: import("vue").PropType<(value: string | number | boolean | undefined) => void>;
+            default: undefined;
+        };
     }>> & Readonly<{
-        "onUpdate:modelValue"?: ((_value: string | number | boolean) => any) | undefined;
-        onChange?: ((_value: string | number | boolean) => any) | undefined;
+        "onUpdate:modelValue"?: ((_value: string | number | boolean | undefined) => any) | undefined;
+        onChange?: ((_value: string | number | boolean | undefined) => any) | undefined;
     }> & {}>;
-    emit: ((event: "update:modelValue", _value: string | number | boolean) => void) & ((event: "change", _value: string | number | boolean) => void);
+    emit: ((event: "update:modelValue", _value: string | number | boolean | undefined) => void) & ((event: "change", _value: string | number | boolean | undefined) => void);
     dictStore: {
         dict: import("vue").Ref<Record<string, any>>;
         getDict: (dictType: string) => Promise<any[]>;
@@ -77,7 +97,7 @@ export declare const IRadio: import("../../types").SFCWithInstall<import("vue").
     setOptions: () => Promise<void>;
     getList: () => Promise<any[]>;
     value: import("vue").Ref<string, string>;
-    handleChange: (val: string | number | boolean) => void;
+    handleChange: (val: string | number | boolean | undefined) => void;
     readonly ElRadio: import("element-plus/es/utils").SFCWithInstall<{
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
             readonly border: BooleanConstructor;
@@ -516,21 +536,27 @@ export declare const IRadio: import("../../types").SFCWithInstall<import("vue").
         };
     })>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (_value: string | number | boolean) => boolean;
-    change: (_value: string | number | boolean) => boolean;
+    "update:modelValue": (_value: string | number | boolean | undefined) => boolean;
+    change: (_value: string | number | boolean | undefined) => boolean;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+    modelValue: {
+        type: import("vue").PropType<import("../../element-plus.types").ElRadioGroupProps["modelValue"]>;
+    };
     size: {
-        type: import("vue").PropType<"large" | "default" | "small" | "">;
+        type: import("vue").PropType<import("../../element-plus.types").ElRadioGroupProps["size"]>;
         default: string;
     };
-    disabled: BooleanConstructor;
+    disabled: import("vue").PropType<import("../../element-plus.types").ElRadioGroupProps["disabled"]>;
     textColor: {
-        type: StringConstructor;
+        type: import("vue").PropType<import("../../element-plus.types").ElRadioGroupProps["textColor"]>;
         default: string;
     };
-    fill: StringConstructor;
-    validateEvent: BooleanConstructor;
+    fill: {
+        type: import("vue").PropType<import("../../element-plus.types").ElRadioGroupProps["fill"]>;
+    };
+    validateEvent: {
+        type: import("vue").PropType<import("../../element-plus.types").ElRadioGroupProps["validateEvent"]>;
+    };
     type: {
         type: import("vue").PropType<"button" | "">;
         default: string;
@@ -550,17 +576,20 @@ export declare const IRadio: import("../../types").SFCWithInstall<import("vue").
         type: StringConstructor;
         default: string;
     };
+    changeHandler: {
+        type: import("vue").PropType<(value: string | number | boolean | undefined) => void>;
+        default: undefined;
+    };
 }>> & Readonly<{
-    "onUpdate:modelValue"?: ((_value: string | number | boolean) => any) | undefined;
-    onChange?: ((_value: string | number | boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((_value: string | number | boolean | undefined) => any) | undefined;
+    onChange?: ((_value: string | number | boolean | undefined) => any) | undefined;
 }>, {
-    size: "" | "small" | "large" | "default";
+    size: "" | "small" | "large" | "default" | undefined;
     type: "" | "button";
     data: string | Record<string, any>[];
     optLabel: string;
     optValue: string;
-    disabled: boolean;
-    textColor: string;
-    validateEvent: boolean;
+    textColor: string | undefined;
+    changeHandler: (value: string | number | boolean | undefined) => void;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default IRadio;

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

@@ -1,18 +1,25 @@
 import type { ExtractPropTypes, ExtractPublicPropTypes, PropType } from "vue";
+import type { ElRadioGroupProps } from "../../../element-plus.types";
 import type Radio from "./radio.vue";
 export declare const RadioProps: {
-    modelValue: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+    modelValue: {
+        type: PropType<ElRadioGroupProps["modelValue"]>;
+    };
     size: {
-        type: PropType<"large" | "default" | "small" | "">;
+        type: PropType<ElRadioGroupProps["size"]>;
         default: string;
     };
-    disabled: BooleanConstructor;
+    disabled: PropType<ElRadioGroupProps["disabled"]>;
     textColor: {
-        type: StringConstructor;
+        type: PropType<ElRadioGroupProps["textColor"]>;
         default: string;
     };
-    fill: StringConstructor;
-    validateEvent: BooleanConstructor;
+    fill: {
+        type: PropType<ElRadioGroupProps["fill"]>;
+    };
+    validateEvent: {
+        type: PropType<ElRadioGroupProps["validateEvent"]>;
+    };
     type: {
         type: PropType<"button" | "">;
         default: string;
@@ -32,10 +39,14 @@ export declare const RadioProps: {
         type: StringConstructor;
         default: string;
     };
+    changeHandler: {
+        type: PropType<(value: string | number | boolean | undefined) => void>;
+        default: undefined;
+    };
 };
 export declare const RadioEmits: {
-    "update:modelValue": (_value: string | number | boolean) => boolean;
-    change: (_value: string | number | boolean) => boolean;
+    "update:modelValue": (_value: string | number | boolean | undefined) => boolean;
+    change: (_value: string | number | boolean | undefined) => boolean;
 };
 export declare const excludeRadioKeys: string[];
 export type RadioPropsType = ExtractPropTypes<typeof RadioProps>;

package/es/components/radio/src/radio.mjs

@@ -1,7 +1,9 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 const RadioProps = {
-  modelValue: [String, Number, Boolean],
+  modelValue: {
+    type: [String, Number, Boolean]
+  },
   size: {
     type: String,
     default: ""
@@ -11,8 +13,12 @@ const RadioProps = {
     type: String,
     default: ""
   },
-  fill: String,
-  validateEvent: Boolean,
+  fill: {
+    type: String
+  },
+  validateEvent: {
+    type: Boolean
+  },
   type: {
     type: String,
     default: ""
@@ -31,6 +37,10 @@ const RadioProps = {
   optValue: {
     type: String,
     default: "value"
+  },
+  changeHandler: {
+    type: Function,
+    default: void 0
   }
 };
 const RadioEmits = {
@@ -43,7 +53,8 @@ const excludeRadioKeys = [
   "dataCallback",
   "optLabel",
   "optValue",
-  "modelValue"
+  "modelValue",
+  "changeHandler"
 ];
 
 export { RadioEmits, RadioProps, excludeRadioKeys };

package/es/components/radio/src/radio.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radio.mjs","sources":["../../../../../../../packages/components/radio/src/radio.ts"],"sourcesContent":["import type { ExtractPropTypes, ExtractPublicPropTypes, PropType } from \"vue\";\nimport type Radio from \"./radio.vue\";\n\nexport const RadioProps = {\n  modelValue: [String, Number, Boolean],\n  size: {\n    type: String as PropType<\"large\" | \"default\" | \"small\" | \"\">,\n    default: \"\",\n  },\n  disabled: Boolean,\n  textColor: {\n    type: String,\n    default: \"\",\n  },\n  fill: String,\n  validateEvent: Boolean,\n  type: {\n    type: String as PropType<\"button\" | \"\">,\n    default: \"\",\n  },\n  data: {\n    type: [String, Array] as PropType<string | Record<string, any>[]>,\n    default: () => [],\n  },\n  dataCallback: {\n    type: Function as PropType<(list: Record<string, any>[]) => any[]>,\n  },\n  optLabel: {\n    type: String,\n    default: \"label\",\n  },\n  optValue: {\n    type: String,\n    default: \"value\",\n  },\n};\n\nexport const RadioEmits = {\n  \"update:modelValue\": (_value: string | number | boolean) => true,\n  change: (_value: string | number | boolean) => true,\n};\n\nexport const excludeRadioKeys = [\n  \"type\",\n  \"data\",\n  \"dataCallback\",\n  \"optLabel\",\n  \"optValue\",\n  \"modelValue\",\n];\n\nexport type RadioPropsType = ExtractPropTypes<typeof RadioProps>;\nexport type RadioPublicPropsType = ExtractPublicPropTypes<typeof RadioProps>;\nexport type RadioInstance = InstanceType<typeof Radio>;\nexport type RadioEmitsType = typeof RadioEmits;\n"],"names":[],"mappings":";;AAGO,MAAM,UAAa,GAAA;AAAA,EACxB,UAAY,EAAA,CAAC,MAAQ,EAAA,MAAA,EAAQ,OAAO,CAAA;AAAA,EACpC,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA,OAAA;AAAA,EACV,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA;AAAA,GACX;AAAA,EACA,IAAM,EAAA,MAAA;AAAA,EACN,aAAe,EAAA,OAAA;AAAA,EACf,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA;AAAA,GACX;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAM,CAAC,MAAA,EAAQ,KAAK,CAAA;AAAA,IACpB,OAAA,kBAAe,MAAA,CAAA,MAAA,EAAN,EAAA,SAAA;AAAA,GACX;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA;AAAA,GACR;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA;AAAA;AAEb;AAEO,MAAM,UAAa,GAAA;AAAA,EACxB,mBAAA,kBAAsB,MAAA,CAAA,CAAA,MAAA,KAAsC,IAAvC,EAAA,mBAAA,CAAA;AAAA,EACrB,MAAA,kBAAS,MAAA,CAAA,CAAA,MAAA,KAAsC,IAAvC,EAAA,QAAA;AACV;AAEO,MAAM,gBAAmB,GAAA;AAAA,EAC9B,MAAA;AAAA,EACA,MAAA;AAAA,EACA,cAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF;;;;"}
+{"version":3,"file":"radio.mjs","sources":["../../../../../../../packages/components/radio/src/radio.ts"],"sourcesContent":["import type { ExtractPropTypes, ExtractPublicPropTypes, PropType } from \"vue\";\nimport type { ElRadioGroupProps } from \"../../../element-plus.types\";\nimport type Radio from \"./radio.vue\";\n\nexport const RadioProps = {\n  modelValue: {\n    type: [String, Number, Boolean] as PropType<\n      ElRadioGroupProps[\"modelValue\"]\n    >,\n  },\n  size: {\n    type: String as PropType<ElRadioGroupProps[\"size\"]>,\n    default: \"\",\n  },\n  disabled: Boolean as PropType<ElRadioGroupProps[\"disabled\"]>,\n  textColor: {\n    type: String as PropType<ElRadioGroupProps[\"textColor\"]>,\n    default: \"\",\n  },\n  fill: {\n    type: String as PropType<ElRadioGroupProps[\"fill\"]>,\n  },\n  validateEvent: {\n    type: Boolean as PropType<ElRadioGroupProps[\"validateEvent\"]>,\n  },\n  type: {\n    type: String as PropType<\"button\" | \"\">,\n    default: \"\",\n  },\n  data: {\n    type: [String, Array] as PropType<string | Record<string, any>[]>,\n    default: () => [],\n  },\n  dataCallback: {\n    type: Function as PropType<(list: Record<string, any>[]) => any[]>,\n  },\n  optLabel: {\n    type: String,\n    default: \"label\",\n  },\n  optValue: {\n    type: String,\n    default: \"value\",\n  },\n  changeHandler: {\n    type: Function as unknown as PropType<\n      (value: string | number | boolean | undefined) => void\n    >,\n    default: undefined,\n  },\n};\n\nexport const RadioEmits = {\n  \"update:modelValue\": (_value: string | number | boolean | undefined) => true,\n  change: (_value: string | number | boolean | undefined) => true,\n};\n\nexport const excludeRadioKeys = [\n  \"type\",\n  \"data\",\n  \"dataCallback\",\n  \"optLabel\",\n  \"optValue\",\n  \"modelValue\",\n  \"changeHandler\",\n];\n\nexport type RadioPropsType = ExtractPropTypes<typeof RadioProps>;\nexport type RadioPublicPropsType = ExtractPublicPropTypes<typeof RadioProps>;\nexport type RadioInstance = InstanceType<typeof Radio>;\nexport type RadioEmitsType = typeof RadioEmits;\n"],"names":[],"mappings":";;AAIO,MAAM,UAAa,GAAA;AAAA,EACxB,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,CAAC,MAAQ,EAAA,MAAA,EAAQ,OAAO;AAAA,GAGhC;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA,OAAA;AAAA,EACV,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA;AAAA,GACX;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA;AAAA,GACR;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA;AAAA,GACR;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA;AAAA,GACX;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAM,CAAC,MAAA,EAAQ,KAAK,CAAA;AAAA,IACpB,OAAA,kBAAe,MAAA,CAAA,MAAA,EAAN,EAAA,SAAA;AAAA,GACX;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA;AAAA,GACR;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA;AAAA,GACX;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,QAAA;AAAA,IAGN,OAAS,EAAA,KAAA;AAAA;AAEb;AAEO,MAAM,UAAa,GAAA;AAAA,EACxB,mBAAA,kBAAsB,MAAA,CAAA,CAAA,MAAA,KAAkD,IAAnD,EAAA,mBAAA,CAAA;AAAA,EACrB,MAAA,kBAAS,MAAA,CAAA,CAAA,MAAA,KAAkD,IAAnD,EAAA,QAAA;AACV;AAEO,MAAM,gBAAmB,GAAA;AAAA,EAC9B,MAAA;AAAA,EACA,MAAA;AAAA,EACA,cAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF;;;;"}

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

@@ -1,16 +1,22 @@
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    modelValue: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+    modelValue: {
+        type: import("vue").PropType<import("../../../element-plus.types").ElRadioGroupProps["modelValue"]>;
+    };
     size: {
-        type: import("vue").PropType<"large" | "default" | "small" | "">;
+        type: import("vue").PropType<import("../../../element-plus.types").ElRadioGroupProps["size"]>;
         default: string;
     };
-    disabled: BooleanConstructor;
+    disabled: import("vue").PropType<import("../../../element-plus.types").ElRadioGroupProps["disabled"]>;
     textColor: {
-        type: StringConstructor;
+        type: import("vue").PropType<import("../../../element-plus.types").ElRadioGroupProps["textColor"]>;
         default: string;
     };
-    fill: StringConstructor;
-    validateEvent: BooleanConstructor;
+    fill: {
+        type: import("vue").PropType<import("../../../element-plus.types").ElRadioGroupProps["fill"]>;
+    };
+    validateEvent: {
+        type: import("vue").PropType<import("../../../element-plus.types").ElRadioGroupProps["validateEvent"]>;
+    };
     type: {
         type: import("vue").PropType<"button" | "">;
         default: string;
@@ -30,20 +36,30 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    changeHandler: {
+        type: import("vue").PropType<(value: string | number | boolean | undefined) => void>;
+        default: undefined;
+    };
 }>, {
     props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        modelValue: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        modelValue: {
+            type: import("vue").PropType<import("../../../element-plus.types").ElRadioGroupProps["modelValue"]>;
+        };
         size: {
-            type: import("vue").PropType<"large" | "default" | "small" | "">;
+            type: import("vue").PropType<import("../../../element-plus.types").ElRadioGroupProps["size"]>;
             default: string;
         };
-        disabled: BooleanConstructor;
+        disabled: import("vue").PropType<import("../../../element-plus.types").ElRadioGroupProps["disabled"]>;
         textColor: {
-            type: StringConstructor;
+            type: import("vue").PropType<import("../../../element-plus.types").ElRadioGroupProps["textColor"]>;
             default: string;
         };
-        fill: StringConstructor;
-        validateEvent: BooleanConstructor;
+        fill: {
+            type: import("vue").PropType<import("../../../element-plus.types").ElRadioGroupProps["fill"]>;
+        };
+        validateEvent: {
+            type: import("vue").PropType<import("../../../element-plus.types").ElRadioGroupProps["validateEvent"]>;
+        };
         type: {
             type: import("vue").PropType<"button" | "">;
             default: string;
@@ -63,11 +79,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: StringConstructor;
             default: string;
         };
+        changeHandler: {
+            type: import("vue").PropType<(value: string | number | boolean | undefined) => void>;
+            default: undefined;
+        };
     }>> & Readonly<{
-        "onUpdate:modelValue"?: ((_value: string | number | boolean) => any) | undefined;
-        onChange?: ((_value: string | number | boolean) => any) | undefined;
+        "onUpdate:modelValue"?: ((_value: string | number | boolean | undefined) => any) | undefined;
+        onChange?: ((_value: string | number | boolean | undefined) => any) | undefined;
     }> & {}>;
-    emit: ((event: "update:modelValue", _value: string | number | boolean) => void) & ((event: "change", _value: string | number | boolean) => void);
+    emit: ((event: "update:modelValue", _value: string | number | boolean | undefined) => void) & ((event: "change", _value: string | number | boolean | undefined) => void);
     dictStore: {
         dict: import("vue").Ref<Record<string, any>>;
         getDict: (dictType: string) => Promise<any[]>;
@@ -77,7 +97,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     setOptions: () => Promise<void>;
     getList: () => Promise<any[]>;
     value: import("vue").Ref<string, string>;
-    handleChange: (val: string | number | boolean) => void;
+    handleChange: (val: string | number | boolean | undefined) => void;
     readonly ElRadio: import("element-plus/es/utils").SFCWithInstall<{
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
             readonly border: BooleanConstructor;
@@ -516,21 +536,27 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     })>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (_value: string | number | boolean) => boolean;
-    change: (_value: string | number | boolean) => boolean;
+    "update:modelValue": (_value: string | number | boolean | undefined) => boolean;
+    change: (_value: string | number | boolean | undefined) => boolean;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+    modelValue: {
+        type: import("vue").PropType<import("../../../element-plus.types").ElRadioGroupProps["modelValue"]>;
+    };
     size: {
-        type: import("vue").PropType<"large" | "default" | "small" | "">;
+        type: import("vue").PropType<import("../../../element-plus.types").ElRadioGroupProps["size"]>;
         default: string;
     };
-    disabled: BooleanConstructor;
+    disabled: import("vue").PropType<import("../../../element-plus.types").ElRadioGroupProps["disabled"]>;
     textColor: {
-        type: StringConstructor;
+        type: import("vue").PropType<import("../../../element-plus.types").ElRadioGroupProps["textColor"]>;
         default: string;
     };
-    fill: StringConstructor;
-    validateEvent: BooleanConstructor;
+    fill: {
+        type: import("vue").PropType<import("../../../element-plus.types").ElRadioGroupProps["fill"]>;
+    };
+    validateEvent: {
+        type: import("vue").PropType<import("../../../element-plus.types").ElRadioGroupProps["validateEvent"]>;
+    };
     type: {
         type: import("vue").PropType<"button" | "">;
         default: string;
@@ -550,17 +576,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    changeHandler: {
+        type: import("vue").PropType<(value: string | number | boolean | undefined) => void>;
+        default: undefined;
+    };
 }>> & Readonly<{
-    "onUpdate:modelValue"?: ((_value: string | number | boolean) => any) | undefined;
-    onChange?: ((_value: string | number | boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((_value: string | number | boolean | undefined) => any) | undefined;
+    onChange?: ((_value: string | number | boolean | undefined) => any) | undefined;
 }>, {
-    size: "" | "small" | "large" | "default";
+    size: "" | "small" | "large" | "default" | undefined;
     type: "" | "button";
     data: string | Record<string, any>[];
     optLabel: string;
     optValue: string;
-    disabled: boolean;
-    textColor: string;
-    validateEvent: boolean;
+    textColor: string | undefined;
+    changeHandler: (value: string | number | boolean | undefined) => void;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/components/radio/src/radio.vue2.mjs

@@ -48,6 +48,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       { deep: true, immediate: true }
     );
     const handleChange = /* @__PURE__ */ __name((val) => {
+      if (typeof props.changeHandler === "function") {
+        props.changeHandler(val);
+      }
       emit("change", val);
       emit("update:modelValue", val);
     }, "handleChange");

package/es/components/radio/src/radio.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radio.vue2.mjs","sources":["../../../../../../../packages/components/radio/src/radio.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ElRadio, ElRadioButton, ElRadioGroup } from \"element-plus\";\nimport { computed, inject, onMounted, ref, watch } from \"vue\";\nimport { DICT_STORE, excludeObjectKeys } from \"../../../utils\";\nimport { excludeRadioKeys, RadioEmits, RadioProps } from \"./radio\";\n\ndefineOptions({\n  name: \"IRadio\",\n});\nconst props = defineProps(RadioProps);\nconst emit = defineEmits(RadioEmits);\nconst dictStore = inject(DICT_STORE);\nconst bindAttrs = computed(() => excludeObjectKeys(props, excludeRadioKeys));\n\nconst radioOptions = ref<Record<string, any>[]>([]);\nonMounted(() => setOptions());\nwatch(\n  () => props.data,\n  () => setOptions(),\n  { deep: true },\n);\nasync function setOptions() {\n  const list = await getList();\n  radioOptions.value = props.dataCallback ? props.dataCallback(list) : list;\n}\n\nasync function getList() {\n  if (Array.isArray(props.data)) {\n    return props.data;\n  }\n  if (dictStore) {\n    return await dictStore.getDict(props.data);\n  }\n  return [];\n}\n\nconst value = ref(\"\");\nwatch(\n  () => props.modelValue,\n  (val: any) => (value.value = val),\n  { deep: true, immediate: true },\n);\nconst handleChange = (val: string | number | boolean) => {\n  emit(\"change\", val);\n  emit(\"update:modelValue\", val);\n};\n</script>\n\n<template>\n  <ElRadioGroup v-model=\"value\" v-bind=\"bindAttrs\" @change=\"handleChange\">\n    <template v-if=\"type === 'button'\">\n      <ElRadioButton\n        v-for=\"item of radioOptions\"\n        :key=\"item[optValue]\"\n        :label=\"item[optValue]\"\n        :disabled=\"item.disabled\"\n      >\n        {{ item[optLabel] }}\n      </ElRadioButton>\n    </template>\n    <template v-else>\n      <ElRadio\n        v-for=\"item of radioOptions\"\n        :key=\"item[optValue]\"\n        :label=\"item[optValue]\"\n        :disabled=\"item.disabled\"\n      >\n        {{ item[optLabel] }}\n      </ElRadio>\n    </template>\n  </ElRadioGroup>\n</template>\n"],"names":["_openBlock","_createBlock","_unref","_mergeProps","type","_createElementBlock","_Fragment","_renderList","optValue","_createTextVNode","_toDisplayString","optLabel"],"mappings":"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"}
+{"version":3,"file":"radio.vue2.mjs","sources":["../../../../../../../packages/components/radio/src/radio.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ElRadio, ElRadioButton, ElRadioGroup } from \"element-plus\";\nimport { computed, inject, onMounted, ref, watch } from \"vue\";\nimport { DICT_STORE, excludeObjectKeys } from \"../../../utils\";\nimport { excludeRadioKeys, RadioEmits, RadioProps } from \"./radio\";\n\ndefineOptions({\n  name: \"IRadio\",\n});\nconst props = defineProps(RadioProps);\nconst emit = defineEmits(RadioEmits);\nconst dictStore = inject(DICT_STORE);\nconst bindAttrs = computed(() => excludeObjectKeys(props, excludeRadioKeys));\n\nconst radioOptions = ref<Record<string, any>[]>([]);\nonMounted(() => setOptions());\nwatch(\n  () => props.data,\n  () => setOptions(),\n  { deep: true },\n);\nasync function setOptions() {\n  const list = await getList();\n  radioOptions.value = props.dataCallback ? props.dataCallback(list) : list;\n}\n\nasync function getList() {\n  if (Array.isArray(props.data)) {\n    return props.data;\n  }\n  if (dictStore) {\n    return await dictStore.getDict(props.data);\n  }\n  return [];\n}\n\nconst value = ref(\"\");\nwatch(\n  () => props.modelValue,\n  (val: any) => (value.value = val),\n  { deep: true, immediate: true },\n);\nconst handleChange = (val: string | number | boolean | undefined) => {\n  if (typeof props.changeHandler === \"function\") {\n    props.changeHandler(val);\n  }\n  emit(\"change\", val);\n  emit(\"update:modelValue\", val);\n};\n</script>\n\n<template>\n  <ElRadioGroup v-model=\"value\" v-bind=\"bindAttrs\" @change=\"handleChange\">\n    <template v-if=\"type === 'button'\">\n      <ElRadioButton\n        v-for=\"item of radioOptions\"\n        :key=\"item[optValue]\"\n        :label=\"item[optValue]\"\n        :disabled=\"item.disabled\"\n      >\n        {{ item[optLabel] }}\n      </ElRadioButton>\n    </template>\n    <template v-else>\n      <ElRadio\n        v-for=\"item of radioOptions\"\n        :key=\"item[optValue]\"\n        :label=\"item[optValue]\"\n        :disabled=\"item.disabled\"\n      >\n        {{ item[optLabel] }}\n      </ElRadio>\n    </template>\n  </ElRadioGroup>\n</template>\n"],"names":["_openBlock","_createBlock","_unref","_mergeProps","type","_createElementBlock","_Fragment","_renderList","optValue","_createTextVNode","_toDisplayString","optLabel"],"mappings":"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"}

package/es/components/select/index.d.ts

@@ -73,6 +73,9 @@ export declare const ISelect: import("../../types").SFCWithInstall<import("vue")
         default: string;
     };
     action: ObjectConstructor;
+    changeHandler: {
+        type: import("vue").PropType<(value: any) => void>;
+    };
 }>, {
     props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         multiple: {
@@ -149,6 +152,9 @@ export declare const ISelect: import("../../types").SFCWithInstall<import("vue")
             default: string;
         };
         action: ObjectConstructor;
+        changeHandler: {
+            type: import("vue").PropType<(value: any) => void>;
+        };
     }>> & Readonly<{
         onClear?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: any) => any) | undefined;
@@ -785,6 +791,9 @@ export declare const ISelect: import("../../types").SFCWithInstall<import("vue")
         default: string;
     };
     action: ObjectConstructor;
+    changeHandler: {
+        type: import("vue").PropType<(value: any) => void>;
+    };
 }>> & Readonly<{
     onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;

package/es/components/select/src/select.d.ts

@@ -1,5 +1,5 @@
-import type { ExtractPropTypes, ExtractPublicPropTypes, PropType } from 'vue';
-import type Select from './select.vue';
+import type { ExtractPropTypes, ExtractPublicPropTypes, PropType } from "vue";
+import type Select from "./select.vue";
 export declare const SelectProps: {
     multiple: {
         type: BooleanConstructor;
@@ -75,6 +75,9 @@ export declare const SelectProps: {
         default: string;
     };
     action: ObjectConstructor;
+    changeHandler: {
+        type: PropType<(value: any) => void>;
+    };
 };
 export type SelectPropsType = ExtractPropTypes<typeof SelectProps>;
 export type SelectPublicPropsType = ExtractPublicPropTypes<typeof SelectProps>;

package/es/components/select/src/select.mjs

@@ -77,7 +77,10 @@ const SelectProps = {
   /**
    * pinia useDictStore
    */
-  action: Object
+  action: Object,
+  changeHandler: {
+    type: Function
+  }
 };
 
 export { SelectProps };