@element-plus/nightly 0.0.20260107 → 0.0.20260109

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

@@ -1 +1 @@
-{"version":3,"file":"radio-group.mjs","sources":["../../../../../../packages/components/radio/src/radio-group.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport { useAriaProps, useSizeProp } from '@element-plus/hooks'\nimport { radioEmits } from './radio'\n\nimport type { RadioPropsPublic } from './radio'\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type RadioGroup from './radio-group.vue'\n\nexport const radioGroupProps = buildProps({\n  /**\n   * @description native `id` attribute\n   */\n  id: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description the size of radio buttons or bordered radios\n   */\n  size: useSizeProp,\n  /**\n   * @description whether the nesting radios are disabled\n   */\n  disabled: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description binding value\n   */\n  modelValue: {\n    type: [String, Number, Boolean],\n    default: undefined,\n  },\n  /**\n   * @description border and background color when button is active\n   */\n  fill: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description font color when button is active\n   */\n  textColor: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description native `name` attribute\n   */\n  name: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n  options: {\n    type: definePropType<radioOption[]>(Array),\n  },\n  props: {\n    type: definePropType<radioOptionProp>(Object),\n    default: () => radioDefaultProps,\n  },\n  type: {\n    type: String,\n    values: ['radio', 'button'] as const,\n    default: 'radio',\n  },\n  ...useAriaProps(['ariaLabel']),\n} as const)\nexport type RadioGroupProps = ExtractPropTypes<typeof radioGroupProps>\nexport type RadioGroupPropsPublic = ExtractPublicPropTypes<\n  typeof radioGroupProps\n>\n\nexport const radioGroupEmits = radioEmits\nexport type RadioGroupEmits = typeof radioGroupEmits\nexport type RadioGroupInstance = InstanceType<typeof RadioGroup> & unknown\n\nexport type radioOption = RadioPropsPublic & Record<string, any>\n\nexport const radioDefaultProps: Required<radioOptionProp> = {\n  label: 'label',\n  value: 'value',\n  disabled: 'disabled',\n}\nexport type radioOptionProp = {\n  value?: string\n  label?: string\n  disabled?: string\n}\n"],"names":[],"mappings":";;;;;AAQO,MAAM,kBAAkB,UAAW,CAAA;AAAA,EAIxC,EAAI,EAAA;AAAA,IACF,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA,WAAA;AAAA,EAIN,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,CAAC,MAAQ,EAAA,MAAA,EAAQ,OAAO,CAAA;AAAA,IAC9B,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAA,EAAM,eAA8B,KAAK,CAAA;AAAA,GAC3C;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,eAAgC,MAAM,CAAA;AAAA,IAC5C,SAAS,MAAM,iBAAA;AAAA,GACjB;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,OAAA,EAAS,QAAQ,CAAA;AAAA,IAC1B,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EACA,GAAG,YAAA,CAAa,CAAC,WAAW,CAAC,CAAA;AAC/B,CAAU,EAAA;AAMH,MAAM,eAAkB,GAAA,WAAA;AAMxB,MAAM,iBAA+C,GAAA;AAAA,EAC1D,KAAO,EAAA,OAAA;AAAA,EACP,KAAO,EAAA,OAAA;AAAA,EACP,QAAU,EAAA,UAAA;AACZ;;;;"}
+{"version":3,"file":"radio-group.mjs","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 ? ariaLabel || 'radio-group' : undefined\"\n    :aria-labelledby=\"isLabeledByFormItem ? formItem!.labelId : undefined\"\n  >\n    <slot>\n      <component\n        :is=\"optionComponent\"\n        v-for=\"(item, index) in options\"\n        :key=\"index\"\n        v-bind=\"getOptionProps(item)\"\n      />\n    </slot>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  nextTick,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  toRefs,\n  watch,\n} from 'vue'\nimport { useFormItem, useFormItemInputId } from '@element-plus/components/form'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { useId, useNamespace } from '@element-plus/hooks'\nimport { debugWarn } from '@element-plus/utils'\nimport {\n  radioDefaultProps,\n  radioGroupEmits,\n  radioGroupProps,\n} from './radio-group'\nimport { radioGroupKey } from './constants'\nimport { isEqual, omit } from 'lodash-unified'\nimport ElRadio from './radio.vue'\nimport ElRadioButton from './radio-button.vue'\n\nimport type { RadioGroupProps } from './radio-group'\n\ndefineOptions({\n  name: 'ElRadioGroup',\n})\n\nconst props = defineProps(radioGroupProps)\nconst emit = defineEmits(radioGroupEmits)\n\nconst ns = useNamespace('radio')\nconst radioId = useId()\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_EVENT, 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\nconst name = computed(() => {\n  return props.name || radioId.value\n})\n\nconst aliasProps = computed(() => ({\n  ...radioDefaultProps,\n  ...props.props,\n}))\nconst getOptionProps = (option: Record<string, any>) => {\n  const { label, value, disabled } = aliasProps.value\n  const base = {\n    label: option[label],\n    value: option[value],\n    disabled: option[disabled],\n  }\n  return { ...omit(option, [label, value, disabled]), ...base }\n}\n\nconst optionComponent = computed(() =>\n  props.type === 'button' ? ElRadioButton : ElRadio\n)\n\nprovide(\n  radioGroupKey,\n  reactive({\n    ...toRefs(props),\n    changeEvent,\n    name,\n  })\n)\n\nwatch(\n  () => props.modelValue,\n  (newVal, oldValue) => {\n    if (props.validateEvent && !isEqual(newVal, oldValue)) {\n      formItem?.validate('change').catch((err) => debugWarn(err))\n    }\n  }\n)\n</script>\n"],"names":["ElRadioButton","ElRadio","_createElementBlock","_unref","_normalizeClass","ariaLabel","_renderSlot","_openBlock","_Fragment","options","_createBlock","_resolveDynamicComponent","_mergeProps"],"mappings":"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"}

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

@@ -1,110 +1,58 @@
-import { defineComponent, ref, onMounted, computed, provide, reactive, toRefs, watch, openBlock, createElementBlock, unref, normalizeClass, renderSlot, Fragment, renderList, createBlock, resolveDynamicComponent, mergeProps, nextTick } from 'vue';
-import { radioGroupProps, radioGroupEmits, radioDefaultProps } from './radio-group.mjs';
-import { radioGroupKey } from './constants.mjs';
-import { isEqual, omit } from 'lodash-unified';
-import Radio from './radio2.mjs';
-import RadioButton from './radio-button2.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { useId } from '../../../hooks/use-id/index.mjs';
-import { useFormItem, useFormItemInputId } from '../../form/src/hooks/use-form-item.mjs';
-import { debugWarn } from '../../../utils/error.mjs';
-import { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '../../../constants/event.mjs';
+import { radioEmits } from './radio.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
+import { useSizeProp } from '../../../hooks/use-size/index.mjs';
+import { useAriaProps } from '../../../hooks/use-aria/index.mjs';
 
-const _hoisted_1 = ["id", "aria-label", "aria-labelledby"];
-const _sfc_main = defineComponent({
-  ...{
-    name: "ElRadioGroup"
+const radioGroupProps = buildProps({
+  id: {
+    type: String,
+    default: void 0
   },
-  __name: "radio-group",
-  props: radioGroupProps,
-  emits: radioGroupEmits,
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const ns = useNamespace("radio");
-    const radioId = useId();
-    const radioGroupRef = ref();
-    const { formItem } = useFormItem();
-    const { inputId: groupId, isLabeledByFormItem } = useFormItemInputId(props, {
-      formItemContext: formItem
-    });
-    const changeEvent = (value) => {
-      emit(UPDATE_MODEL_EVENT, value);
-      nextTick(() => emit(CHANGE_EVENT, value));
-    };
-    onMounted(() => {
-      const radios = radioGroupRef.value.querySelectorAll("[type=radio]");
-      const firstLabel = radios[0];
-      if (!Array.from(radios).some((radio) => radio.checked) && firstLabel) {
-        firstLabel.tabIndex = 0;
-      }
-    });
-    const name = computed(() => {
-      return props.name || radioId.value;
-    });
-    const aliasProps = computed(() => ({
-      ...radioDefaultProps,
-      ...props.props
-    }));
-    const getOptionProps = (option) => {
-      const { label, value, disabled } = aliasProps.value;
-      const base = {
-        label: option[label],
-        value: option[value],
-        disabled: option[disabled]
-      };
-      return { ...omit(option, [label, value, disabled]), ...base };
-    };
-    const optionComponent = computed(
-      () => props.type === "button" ? RadioButton : Radio
-    );
-    provide(
-      radioGroupKey,
-      reactive({
-        ...toRefs(props),
-        changeEvent,
-        name
-      })
-    );
-    watch(
-      () => props.modelValue,
-      (newVal, oldValue) => {
-        if (props.validateEvent && !isEqual(newVal, oldValue)) {
-          formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn(err));
-        }
-      }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        id: unref(groupId),
-        ref_key: "radioGroupRef",
-        ref: radioGroupRef,
-        class: normalizeClass(unref(ns).b("group")),
-        role: "radiogroup",
-        "aria-label": !unref(isLabeledByFormItem) ? _ctx.ariaLabel || "radio-group" : void 0,
-        "aria-labelledby": unref(isLabeledByFormItem) ? unref(formItem).labelId : void 0
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, () => [
-          (openBlock(true), createElementBlock(
-            Fragment,
-            null,
-            renderList(_ctx.options, (item, index) => {
-              return openBlock(), createBlock(
-                resolveDynamicComponent(optionComponent.value),
-                mergeProps({ key: index }, { ref_for: true }, getOptionProps(item)),
-                null,
-                16
-              );
-            }),
-            128
-          ))
-        ])
-      ], 10, _hoisted_1);
-    };
-  }
+  size: useSizeProp,
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  modelValue: {
+    type: [String, Number, Boolean],
+    default: void 0
+  },
+  fill: {
+    type: String,
+    default: ""
+  },
+  textColor: {
+    type: String,
+    default: ""
+  },
+  name: {
+    type: String,
+    default: void 0
+  },
+  validateEvent: {
+    type: Boolean,
+    default: true
+  },
+  options: {
+    type: definePropType(Array)
+  },
+  props: {
+    type: definePropType(Object),
+    default: () => radioDefaultProps
+  },
+  type: {
+    type: String,
+    values: ["radio", "button"],
+    default: "radio"
+  },
+  ...useAriaProps(["ariaLabel"])
 });
-var RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/radio/src/radio-group.vue"]]);
+const radioGroupEmits = radioEmits;
+const radioDefaultProps = {
+  label: "label",
+  value: "value",
+  disabled: "disabled"
+};
 
-export { RadioGroup as default };
+export { radioDefaultProps, radioGroupEmits, radioGroupProps };
 //# sourceMappingURL=radio-group2.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio-group2.mjs","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 ? ariaLabel || 'radio-group' : undefined\"\n    :aria-labelledby=\"isLabeledByFormItem ? formItem!.labelId : undefined\"\n  >\n    <slot>\n      <component\n        :is=\"optionComponent\"\n        v-for=\"(item, index) in options\"\n        :key=\"index\"\n        v-bind=\"getOptionProps(item)\"\n      />\n    </slot>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  nextTick,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  toRefs,\n  watch,\n} from 'vue'\nimport { useFormItem, useFormItemInputId } from '@element-plus/components/form'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { useId, useNamespace } from '@element-plus/hooks'\nimport { debugWarn } from '@element-plus/utils'\nimport {\n  radioDefaultProps,\n  radioGroupEmits,\n  radioGroupProps,\n} from './radio-group'\nimport { radioGroupKey } from './constants'\nimport { isEqual, omit } from 'lodash-unified'\nimport ElRadio from './radio.vue'\nimport ElRadioButton from './radio-button.vue'\n\nimport type { RadioGroupProps } from './radio-group'\n\ndefineOptions({\n  name: 'ElRadioGroup',\n})\n\nconst props = defineProps(radioGroupProps)\nconst emit = defineEmits(radioGroupEmits)\n\nconst ns = useNamespace('radio')\nconst radioId = useId()\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_EVENT, 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\nconst name = computed(() => {\n  return props.name || radioId.value\n})\n\nconst aliasProps = computed(() => ({\n  ...radioDefaultProps,\n  ...props.props,\n}))\nconst getOptionProps = (option: Record<string, any>) => {\n  const { label, value, disabled } = aliasProps.value\n  const base = {\n    label: option[label],\n    value: option[value],\n    disabled: option[disabled],\n  }\n  return { ...omit(option, [label, value, disabled]), ...base }\n}\n\nconst optionComponent = computed(() =>\n  props.type === 'button' ? ElRadioButton : ElRadio\n)\n\nprovide(\n  radioGroupKey,\n  reactive({\n    ...toRefs(props),\n    changeEvent,\n    name,\n  })\n)\n\nwatch(\n  () => props.modelValue,\n  (newVal, oldValue) => {\n    if (props.validateEvent && !isEqual(newVal, oldValue)) {\n      formItem?.validate('change').catch((err) => debugWarn(err))\n    }\n  }\n)\n</script>\n"],"names":["ElRadioButton","ElRadio","_createElementBlock","_unref","_normalizeClass","ariaLabel","_renderSlot","_openBlock","_Fragment","options","_createBlock","_resolveDynamicComponent","_mergeProps"],"mappings":"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"}
+{"version":3,"file":"radio-group2.mjs","sources":["../../../../../../packages/components/radio/src/radio-group.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport { useAriaProps, useSizeProp } from '@element-plus/hooks'\nimport { radioEmits } from './radio'\n\nimport type { RadioPropsPublic } from './radio'\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type RadioGroup from './radio-group.vue'\n\nexport const radioGroupProps = buildProps({\n  /**\n   * @description native `id` attribute\n   */\n  id: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description the size of radio buttons or bordered radios\n   */\n  size: useSizeProp,\n  /**\n   * @description whether the nesting radios are disabled\n   */\n  disabled: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description binding value\n   */\n  modelValue: {\n    type: [String, Number, Boolean],\n    default: undefined,\n  },\n  /**\n   * @description border and background color when button is active\n   */\n  fill: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description font color when button is active\n   */\n  textColor: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description native `name` attribute\n   */\n  name: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n  options: {\n    type: definePropType<radioOption[]>(Array),\n  },\n  props: {\n    type: definePropType<radioOptionProp>(Object),\n    default: () => radioDefaultProps,\n  },\n  type: {\n    type: String,\n    values: ['radio', 'button'] as const,\n    default: 'radio',\n  },\n  ...useAriaProps(['ariaLabel']),\n} as const)\nexport type RadioGroupProps = ExtractPropTypes<typeof radioGroupProps>\nexport type RadioGroupPropsPublic = ExtractPublicPropTypes<\n  typeof radioGroupProps\n>\n\nexport const radioGroupEmits = radioEmits\nexport type RadioGroupEmits = typeof radioGroupEmits\nexport type RadioGroupInstance = InstanceType<typeof RadioGroup> & unknown\n\nexport type radioOption = RadioPropsPublic & Record<string, any>\n\nexport const radioDefaultProps: Required<radioOptionProp> = {\n  label: 'label',\n  value: 'value',\n  disabled: 'disabled',\n}\nexport type radioOptionProp = {\n  value?: string\n  label?: string\n  disabled?: string\n}\n"],"names":[],"mappings":";;;;;AAQO,MAAM,kBAAkB,UAAW,CAAA;AAAA,EAIxC,EAAI,EAAA;AAAA,IACF,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA,WAAA;AAAA,EAIN,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,CAAC,MAAQ,EAAA,MAAA,EAAQ,OAAO,CAAA;AAAA,IAC9B,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAA,EAAM,eAA8B,KAAK,CAAA;AAAA,GAC3C;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,eAAgC,MAAM,CAAA;AAAA,IAC5C,SAAS,MAAM,iBAAA;AAAA,GACjB;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,OAAA,EAAS,QAAQ,CAAA;AAAA,IAC1B,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EACA,GAAG,YAAA,CAAa,CAAC,WAAW,CAAC,CAAA;AAC/B,CAAU,EAAA;AAMH,MAAM,eAAkB,GAAA,WAAA;AAMxB,MAAM,iBAA+C,GAAA;AAAA,EAC1D,KAAO,EAAA,OAAA;AAAA,EACP,KAAO,EAAA,OAAA;AAAA,EACP,QAAU,EAAA,UAAA;AACZ;;;;"}

package/es/components/rate/index.mjs

@@ -1,5 +1,5 @@
-import Rate from './src/rate.mjs';
-export { rateEmits, rateProps } from './src/rate2.mjs';
+import Rate from './src/rate2.mjs';
+export { rateEmits, rateProps } from './src/rate.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElRate = withInstall(Rate);

package/es/components/rate/src/rate.mjs

@@ -1,300 +1,90 @@
-import { defineComponent, inject, ref, computed, markRaw, watch, openBlock, createElementBlock, unref, normalizeClass, normalizeStyle, Fragment, renderList, createVNode, withCtx, withDirectives, createBlock, resolveDynamicComponent, vShow, toDisplayString, createCommentVNode } from 'vue';
-import { clamp } from 'lodash-unified';
-import { ElIcon } from '../../icon/index.mjs';
-import { rateProps, rateEmits } from './rate2.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { formItemContextKey } from '../../form/src/constants.mjs';
-import { useFormSize, useFormDisabled } from '../../form/src/hooks/use-form-common-props.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { useFormItemInputId } from '../../form/src/hooks/use-form-item.mjs';
-import { isArray, isObject, isString } from '@vue/shared';
-import { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '../../../constants/event.mjs';
-import { getEventCode } from '../../../utils/dom/event.mjs';
-import { EVENT_CODE } from '../../../constants/aria.mjs';
+import { StarFilled, Star } from '@element-plus/icons-vue';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
+import { mutable } from '../../../utils/typescript.mjs';
+import { iconPropType } from '../../../utils/vue/icon.mjs';
+import { useSizeProp } from '../../../hooks/use-size/index.mjs';
+import { useAriaProps } from '../../../hooks/use-aria/index.mjs';
+import { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '../../../constants/event.mjs';
+import { isNumber } from '../../../utils/types.mjs';
 
-const _hoisted_1 = ["id", "aria-label", "aria-labelledby", "aria-valuenow", "aria-valuetext", "aria-valuemax"];
-const _hoisted_2 = ["onMousemove", "onClick"];
-const _sfc_main = defineComponent({
-  ...{
-    name: "ElRate"
+const rateProps = buildProps({
+  modelValue: {
+    type: Number,
+    default: 0
   },
-  __name: "rate",
-  props: rateProps,
-  emits: rateEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    function getValueFromMap(value, map) {
-      const isExcludedObject = (val) => isObject(val);
-      const matchedKeys = Object.keys(map).map((key) => +key).filter((key) => {
-        const val = map[key];
-        const excluded = isExcludedObject(val) ? val.excluded : false;
-        return excluded ? value < key : value <= key;
-      }).sort((a, b) => a - b);
-      const matchedValue = map[matchedKeys[0]];
-      return isExcludedObject(matchedValue) && matchedValue.value || matchedValue;
-    }
-    const props = __props;
-    const emit = __emit;
-    const formItemContext = inject(formItemContextKey, void 0);
-    const rateSize = useFormSize();
-    const ns = useNamespace("rate");
-    const { inputId, isLabeledByFormItem } = useFormItemInputId(props, {
-      formItemContext
-    });
-    const currentValue = ref(props.modelValue);
-    const hoverIndex = ref(-1);
-    const pointerAtLeftHalf = ref(true);
-    const iconRefs = ref([]);
-    const iconClientWidths = computed(
-      () => iconRefs.value.map((icon) => icon.$el.clientWidth)
-    );
-    const rateClasses = computed(() => [ns.b(), ns.m(rateSize.value)]);
-    const rateDisabled = useFormDisabled();
-    const rateStyles = computed(() => {
-      return ns.cssVarBlock({
-        "void-color": props.voidColor,
-        "disabled-void-color": props.disabledVoidColor,
-        "fill-color": activeColor.value
-      });
-    });
-    const text = computed(() => {
-      let result = "";
-      if (props.showScore) {
-        result = props.scoreTemplate.replace(
-          /\{\s*value\s*\}/,
-          rateDisabled.value ? `${props.modelValue}` : `${currentValue.value}`
-        );
-      } else if (props.showText) {
-        result = props.texts[Math.ceil(currentValue.value) - 1];
-      }
-      return result;
-    });
-    const valueDecimal = computed(
-      () => props.modelValue * 100 - Math.floor(props.modelValue) * 100
-    );
-    const colorMap = computed(
-      () => isArray(props.colors) ? {
-        [props.lowThreshold]: props.colors[0],
-        [props.highThreshold]: { value: props.colors[1], excluded: true },
-        [props.max]: props.colors[2]
-      } : props.colors
-    );
-    const activeColor = computed(() => {
-      const color = getValueFromMap(currentValue.value, colorMap.value);
-      return isObject(color) ? "" : color;
-    });
-    const decimalStyle = computed(() => {
-      let width = "";
-      if (rateDisabled.value) {
-        width = `${valueDecimal.value}%`;
-      } else if (props.allowHalf) {
-        width = "50%";
-      }
-      return {
-        color: activeColor.value,
-        width
-      };
-    });
-    const componentMap = computed(() => {
-      let icons = isArray(props.icons) ? [...props.icons] : { ...props.icons };
-      icons = markRaw(icons);
-      return isArray(icons) ? {
-        [props.lowThreshold]: icons[0],
-        [props.highThreshold]: {
-          value: icons[1],
-          excluded: true
-        },
-        [props.max]: icons[2]
-      } : icons;
-    });
-    const decimalIconComponent = computed(
-      () => getValueFromMap(props.modelValue, componentMap.value)
-    );
-    const voidComponent = computed(
-      () => rateDisabled.value ? isString(props.disabledVoidIcon) ? props.disabledVoidIcon : markRaw(props.disabledVoidIcon) : isString(props.voidIcon) ? props.voidIcon : markRaw(props.voidIcon)
-    );
-    const activeComponent = computed(
-      () => getValueFromMap(currentValue.value, componentMap.value)
-    );
-    function showDecimalIcon(item) {
-      const showWhenDisabled = rateDisabled.value && valueDecimal.value > 0 && item - 1 < props.modelValue && item > props.modelValue;
-      const showWhenAllowHalf = props.allowHalf && pointerAtLeftHalf.value && item - 0.5 <= currentValue.value && item > currentValue.value;
-      return showWhenDisabled || showWhenAllowHalf;
-    }
-    function emitValue(value) {
-      if (props.clearable && value === props.modelValue) {
-        value = 0;
-      }
-      emit(UPDATE_MODEL_EVENT, value);
-      if (props.modelValue !== value) {
-        emit(CHANGE_EVENT, value);
-      }
-    }
-    function selectValue(value) {
-      if (rateDisabled.value) {
-        return;
-      }
-      if (props.allowHalf && pointerAtLeftHalf.value) {
-        emitValue(currentValue.value);
-      } else {
-        emitValue(value);
-      }
-    }
-    function handleKey(e) {
-      if (rateDisabled.value) {
-        return;
-      }
-      const code = getEventCode(e);
-      const step = props.allowHalf ? 0.5 : 1;
-      let _currentValue = currentValue.value;
-      switch (code) {
-        case EVENT_CODE.up:
-        case EVENT_CODE.right:
-          _currentValue += step;
-          break;
-        case EVENT_CODE.left:
-        case EVENT_CODE.down:
-          _currentValue -= step;
-          break;
-      }
-      _currentValue = clamp(_currentValue, 0, props.max);
-      if (_currentValue === currentValue.value) {
-        return;
-      }
-      e.stopPropagation();
-      e.preventDefault();
-      emit(UPDATE_MODEL_EVENT, _currentValue);
-      emit(CHANGE_EVENT, _currentValue);
-      return _currentValue;
-    }
-    function setCurrentValue(value, event) {
-      if (rateDisabled.value) {
-        return;
-      }
-      if (props.allowHalf && event) {
-        pointerAtLeftHalf.value = event.offsetX * 2 <= iconClientWidths.value[value - 1];
-        currentValue.value = pointerAtLeftHalf.value ? value - 0.5 : value;
-      } else {
-        currentValue.value = value;
-      }
-      hoverIndex.value = value;
-    }
-    function resetCurrentValue() {
-      if (rateDisabled.value) {
-        return;
-      }
-      if (props.allowHalf) {
-        pointerAtLeftHalf.value = props.modelValue !== Math.floor(props.modelValue);
-      }
-      currentValue.value = props.modelValue;
-      hoverIndex.value = -1;
-    }
-    watch(
-      () => props.modelValue,
-      (val) => {
-        currentValue.value = val;
-        pointerAtLeftHalf.value = props.modelValue !== Math.floor(props.modelValue);
-      }
-    );
-    if (!props.modelValue) {
-      emit(UPDATE_MODEL_EVENT, 0);
-    }
-    __expose({
-      setCurrentValue,
-      resetCurrentValue
-    });
-    return (_ctx, _cache) => {
-      var _a;
-      return openBlock(), createElementBlock("div", {
-        id: unref(inputId),
-        class: normalizeClass([rateClasses.value, unref(ns).is("disabled", unref(rateDisabled))]),
-        role: "slider",
-        "aria-label": !unref(isLabeledByFormItem) ? _ctx.ariaLabel || "rating" : void 0,
-        "aria-labelledby": unref(isLabeledByFormItem) ? (_a = unref(formItemContext)) == null ? void 0 : _a.labelId : void 0,
-        "aria-valuenow": currentValue.value,
-        "aria-valuetext": text.value || void 0,
-        "aria-valuemin": "0",
-        "aria-valuemax": _ctx.max,
-        tabindex: "0",
-        style: normalizeStyle(rateStyles.value),
-        onKeydown: handleKey
-      }, [
-        (openBlock(true), createElementBlock(
-          Fragment,
-          null,
-          renderList(_ctx.max, (item, key) => {
-            return openBlock(), createElementBlock("span", {
-              key,
-              class: normalizeClass(unref(ns).e("item")),
-              onMousemove: ($event) => setCurrentValue(item, $event),
-              onMouseleave: resetCurrentValue,
-              onClick: ($event) => selectValue(item)
-            }, [
-              createVNode(unref(ElIcon), {
-                ref_for: true,
-                ref_key: "iconRefs",
-                ref: iconRefs,
-                class: normalizeClass([
-                  unref(ns).e("icon"),
-                  { hover: hoverIndex.value === item },
-                  unref(ns).is("active", item <= currentValue.value),
-                  unref(ns).is("focus-visible", item === Math.ceil(currentValue.value || 1))
-                ])
-              }, {
-                default: withCtx(() => [
-                  withDirectives((openBlock(), createBlock(
-                    resolveDynamicComponent(activeComponent.value),
-                    null,
-                    null,
-                    512
-                  )), [
-                    [vShow, !showDecimalIcon(item) && item <= currentValue.value]
-                  ]),
-                  withDirectives((openBlock(), createBlock(
-                    resolveDynamicComponent(voidComponent.value),
-                    null,
-                    null,
-                    512
-                  )), [
-                    [vShow, !showDecimalIcon(item) && item > currentValue.value]
-                  ]),
-                  withDirectives((openBlock(), createBlock(resolveDynamicComponent(voidComponent.value), {
-                    class: normalizeClass([unref(ns).em("decimal", "box")])
-                  }, null, 8, ["class"])), [
-                    [vShow, showDecimalIcon(item)]
-                  ]),
-                  withDirectives(createVNode(unref(ElIcon), {
-                    style: normalizeStyle(decimalStyle.value),
-                    class: normalizeClass([unref(ns).e("icon"), unref(ns).e("decimal")])
-                  }, {
-                    default: withCtx(() => [
-                      (openBlock(), createBlock(resolveDynamicComponent(decimalIconComponent.value)))
-                    ]),
-                    _: 1
-                  }, 8, ["style", "class"]), [
-                    [vShow, showDecimalIcon(item)]
-                  ])
-                ]),
-                _: 2
-              }, 1032, ["class"])
-            ], 42, _hoisted_2);
-          }),
-          128
-        )),
-        _ctx.showText || _ctx.showScore ? (openBlock(), createElementBlock(
-          "span",
-          {
-            key: 0,
-            class: normalizeClass(unref(ns).e("text")),
-            style: normalizeStyle({ color: _ctx.textColor })
-          },
-          toDisplayString(text.value),
-          7
-        )) : createCommentVNode("v-if", true)
-      ], 46, _hoisted_1);
-    };
-  }
+  id: {
+    type: String,
+    default: void 0
+  },
+  lowThreshold: {
+    type: Number,
+    default: 2
+  },
+  highThreshold: {
+    type: Number,
+    default: 4
+  },
+  max: {
+    type: Number,
+    default: 5
+  },
+  colors: {
+    type: definePropType([Array, Object]),
+    default: () => mutable(["", "", ""])
+  },
+  voidColor: {
+    type: String,
+    default: ""
+  },
+  disabledVoidColor: {
+    type: String,
+    default: ""
+  },
+  icons: {
+    type: definePropType([Array, Object]),
+    default: () => [StarFilled, StarFilled, StarFilled]
+  },
+  voidIcon: {
+    type: iconPropType,
+    default: () => Star
+  },
+  disabledVoidIcon: {
+    type: iconPropType,
+    default: () => StarFilled
+  },
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  allowHalf: Boolean,
+  showText: Boolean,
+  showScore: Boolean,
+  textColor: {
+    type: String,
+    default: ""
+  },
+  texts: {
+    type: definePropType(Array),
+    default: () => mutable([
+      "Extremely bad",
+      "Disappointed",
+      "Fair",
+      "Satisfied",
+      "Surprise"
+    ])
+  },
+  scoreTemplate: {
+    type: String,
+    default: "{value}"
+  },
+  size: useSizeProp,
+  clearable: Boolean,
+  ...useAriaProps(["ariaLabel"])
 });
-var Rate = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/rate/src/rate.vue"]]);
+const rateEmits = {
+  [CHANGE_EVENT]: (value) => isNumber(value),
+  [UPDATE_MODEL_EVENT]: (value) => isNumber(value)
+};
 
-export { Rate as default };
+export { rateEmits, rateProps };
 //# sourceMappingURL=rate.mjs.map