@element-plus/nightly 0.0.20220121 → 0.0.20220125

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

@@ -1,7 +1,84 @@
-import script from './radio-group.vue_vue_type_script_lang.mjs';
-export { default } from './radio-group.vue_vue_type_script_lang.mjs';
-import { render } from './radio-group.vue_vue_type_template_id_53ef81f9_lang.mjs';
+import { defineComponent, ref, nextTick, onMounted, provide, reactive, toRefs, watch, openBlock, createElementBlock, renderSlot } from 'vue';
+import { EVENT_CODE } from '../../../utils/aria.mjs';
+import { UPDATE_MODEL_EVENT } from '../../../utils/constants.mjs';
+import '../../../tokens/index.mjs';
+import '../../../hooks/index.mjs';
+import { radioGroupProps, radioGroupEmits } from './radio-group.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useFormItem } from '../../../hooks/use-form-item/index.mjs';
+import { radioGroupKey } from '../../../tokens/radio.mjs';
 
-script.render = render;
-script.__file = "packages/components/radio/src/radio-group.vue";
+const _sfc_main = defineComponent({
+  name: "ElRadioGroup",
+  props: radioGroupProps,
+  emits: radioGroupEmits,
+  setup(props, ctx) {
+    const radioGroupRef = ref();
+    const { formItem } = useFormItem();
+    const changeEvent = (value) => {
+      ctx.emit(UPDATE_MODEL_EVENT, value);
+      nextTick(() => ctx.emit("change", value));
+    };
+    const handleKeydown = (e) => {
+      if (!radioGroupRef.value)
+        return;
+      const target = e.target;
+      const className = target.nodeName === "INPUT" ? "[type=radio]" : "[role=radio]";
+      const radios = radioGroupRef.value.querySelectorAll(className);
+      const length = radios.length;
+      const index = Array.from(radios).indexOf(target);
+      const roleRadios = radioGroupRef.value.querySelectorAll("[role=radio]");
+      let nextIndex = null;
+      switch (e.code) {
+        case EVENT_CODE.left:
+        case EVENT_CODE.up:
+          e.stopPropagation();
+          e.preventDefault();
+          nextIndex = index === 0 ? length - 1 : index - 1;
+          break;
+        case EVENT_CODE.right:
+        case EVENT_CODE.down:
+          e.stopPropagation();
+          e.preventDefault();
+          nextIndex = index === length - 1 ? 0 : index + 1;
+          break;
+        default:
+          break;
+      }
+      if (nextIndex === null)
+        return;
+      roleRadios[nextIndex].click();
+      roleRadios[nextIndex].focus();
+    };
+    onMounted(() => {
+      const radios = radioGroupRef.value.querySelectorAll("[type=radio]");
+      const firstLabel = radios[0];
+      if (!Array.from(radios).some((radio) => radio.checked) && firstLabel) {
+        firstLabel.tabIndex = 0;
+      }
+    });
+    provide(radioGroupKey, reactive({
+      ...toRefs(props),
+      changeEvent
+    }));
+    watch(() => props.modelValue, () => formItem == null ? void 0 : formItem.validate("change"));
+    return {
+      radioGroupRef,
+      handleKeydown
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    ref: "radioGroupRef",
+    class: "el-radio-group",
+    role: "radiogroup",
+    onKeydown: _cache[0] || (_cache[0] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args))
+  }, [
+    renderSlot(_ctx.$slots, "default")
+  ], 544);
+}
+var RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { RadioGroup as default };
 //# sourceMappingURL=radio-group2.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio-group2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"radio-group2.mjs","sources":["../../../../../../packages/components/radio/src/radio-group.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"radioGroupRef\"\n    class=\"el-radio-group\"\n    role=\"radiogroup\"\n    @keydown=\"handleKeydown\"\n  >\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  nextTick,\n  provide,\n  onMounted,\n  ref,\n  reactive,\n  toRefs,\n  watch,\n} from 'vue'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { radioGroupKey } from '@element-plus/tokens'\nimport { useFormItem } from '@element-plus/hooks'\nimport { radioGroupEmits, radioGroupProps } from './radio-group'\nimport type { RadioGroupProps } from '..'\n\nexport default defineComponent({\n  name: 'ElRadioGroup',\n  props: radioGroupProps,\n  emits: radioGroupEmits,\n\n  setup(props, ctx) {\n    const radioGroupRef = ref<HTMLDivElement>()\n    const { formItem } = useFormItem()\n\n    const changeEvent = (value: RadioGroupProps['modelValue']) => {\n      ctx.emit(UPDATE_MODEL_EVENT, value)\n      nextTick(() => ctx.emit('change', value))\n    }\n\n    const handleKeydown = (e: KeyboardEvent) => {\n      if (!radioGroupRef.value) return\n\n      // 左右上下按键 可以在 radio 组内切换不同选项\n      const target = e.target as HTMLInputElement\n      const className =\n        target.nodeName === 'INPUT' ? '[type=radio]' : '[role=radio]'\n      const radios =\n        radioGroupRef.value.querySelectorAll<HTMLInputElement>(className)\n      const length = radios.length\n      const index = Array.from(radios).indexOf(target)\n      const roleRadios =\n        radioGroupRef.value.querySelectorAll<HTMLInputElement>('[role=radio]')\n\n      let nextIndex: number | null = null\n      switch (e.code) {\n        case EVENT_CODE.left:\n        case EVENT_CODE.up:\n          e.stopPropagation()\n          e.preventDefault()\n          nextIndex = index === 0 ? length - 1 : index - 1\n          break\n        case EVENT_CODE.right:\n        case EVENT_CODE.down:\n          e.stopPropagation()\n          e.preventDefault()\n          nextIndex = index === length - 1 ? 0 : index + 1\n          break\n        default:\n          break\n      }\n      if (nextIndex === null) return\n      roleRadios[nextIndex].click()\n      roleRadios[nextIndex].focus()\n    }\n\n    onMounted(() => {\n      const radios =\n        radioGroupRef.value!.querySelectorAll<HTMLInputElement>('[type=radio]')\n      const firstLabel = radios[0]\n      if (!Array.from(radios).some((radio) => radio.checked) && firstLabel) {\n        firstLabel.tabIndex = 0\n      }\n    })\n\n    provide(\n      radioGroupKey,\n      reactive({\n        ...toRefs(props),\n        changeEvent,\n      })\n    )\n\n    watch(\n      () => props.modelValue,\n      () => formItem?.validate('change')\n    )\n\n    return {\n      radioGroupRef,\n      handleKeydown,\n    }\n  },\n})\n</script>\n"],"names":["_openBlock","_createElementBlock"],"mappings":";;;;;;;;;;AA6BA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EAEP,MAAM,OAAO,KAAK;AAChB,UAAM,gBAAgB;AACtB,UAAM,EAAE,aAAa;AAErB,UAAM,cAAc,CAAC,UAAyC;AAC5D,UAAI,KAAK,oBAAoB;AAC7B,eAAS,MAAM,IAAI,KAAK,UAAU;AAAA;AAGpC,UAAM,gBAAgB,CAAC,MAAqB;AAC1C,UAAI,CAAC,cAAc;AAAO;AAG1B,YAAM,SAAS,EAAE;AACjB,YAAM,YACJ,OAAO,aAAa,UAAU,iBAAiB;AACjD,YAAM,SACJ,cAAc,MAAM,iBAAmC;AACzD,YAAM,SAAS,OAAO;AACtB,YAAM,QAAQ,MAAM,KAAK,QAAQ,QAAQ;AACzC,YAAM,aACJ,cAAc,MAAM,iBAAmC;AAEzD,UAAI,YAA2B;AAC/B,cAAQ,EAAE;AAAA,aACH,WAAW;AAAA,aACX,WAAW;AACd,YAAE;AACF,YAAE;AACF,sBAAY,UAAU,IAAI,SAAS,IAAI,QAAQ;AAC/C;AAAA,aACG,WAAW;AAAA,aACX,WAAW;AACd,YAAE;AACF,YAAE;AACF,sBAAY,UAAU,SAAS,IAAI,IAAI,QAAQ;AAC/C;AAAA;AAEA;AAAA;AAEJ,UAAI,cAAc;AAAM;AACxB,iBAAW,WAAW;AACtB,iBAAW,WAAW;AAAA;AAGxB,cAAU,MAAM;AACd,YAAM,SACJ,cAAc,MAAO,iBAAmC;AAC1D,YAAM,aAAa,OAAO;AAC1B,UAAI,CAAC,MAAM,KAAK,QAAQ,KAAK,CAAC,UAAU,MAAM,YAAY,YAAY;AACpE,mBAAW,WAAW;AAAA;AAAA;AAI1B,YACE,eACA,SAAS;AAAA,SACJ,OAAO;AAAA,MACV;AAAA;AAIJ,UACE,MAAM,MAAM,YACZ,MAAM,mBAAmB;AAG3B,WAAO;AAAA,MACL;AAAA,MACA;AAAA;AAAA;AAAA;2BAtGJ,wBAOM;SANAA,aAAeC;AAAA,IACnB,KAAK;AAAA,IACL,OAAK;AAAA,IACJ;AAAA;KAED;AAAA;;;;;;;"}

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

@@ -30,9 +30,9 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     size: import("../../../utils/props").BuildPropType<StringConstructor, "small" | "default" | "large", never>;
     disabled: boolean;
+    name: string;
     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;
 }>;
 export default _default;

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

@@ -1,7 +1,82 @@
-import script from './radio.vue_vue_type_script_lang.mjs';
-export { default } from './radio.vue_vue_type_script_lang.mjs';
-import { render } from './radio.vue_vue_type_template_id_6aa3dfc7_lang.mjs';
+import { defineComponent, nextTick, createElementVNode, openBlock, createElementBlock, normalizeClass, withKeys, withModifiers, withDirectives, vModelRadio, renderSlot, createTextVNode, toDisplayString } from 'vue';
+import { radioProps, radioEmits, useRadio } from './radio.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 
-script.render = render;
-script.__file = "packages/components/radio/src/radio.vue";
+const _sfc_main = defineComponent({
+  name: "ElRadio",
+  props: radioProps,
+  emits: radioEmits,
+  setup(props, { emit }) {
+    const { radioRef, isGroup, focus, size, disabled, tabIndex, modelValue } = useRadio(props, emit);
+    function handleChange() {
+      nextTick(() => emit("change", modelValue.value));
+    }
+    return {
+      focus,
+      isGroup,
+      modelValue,
+      tabIndex,
+      size,
+      disabled,
+      radioRef,
+      handleChange
+    };
+  }
+});
+const _hoisted_1 = ["aria-checked", "aria-disabled", "tabindex"];
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("span", { class: "el-radio__inner" }, null, -1);
+const _hoisted_3 = ["value", "name", "disabled"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("label", {
+    class: normalizeClass(["el-radio", {
+      [`el-radio--${_ctx.size || ""}`]: _ctx.size,
+      "is-disabled": _ctx.disabled,
+      "is-focus": _ctx.focus,
+      "is-bordered": _ctx.border,
+      "is-checked": _ctx.modelValue === _ctx.label
+    }]),
+    role: "radio",
+    "aria-checked": _ctx.modelValue === _ctx.label,
+    "aria-disabled": _ctx.disabled,
+    tabindex: _ctx.tabIndex,
+    onKeydown: _cache[5] || (_cache[5] = withKeys(withModifiers(($event) => _ctx.modelValue = _ctx.disabled ? _ctx.modelValue : _ctx.label, ["stop", "prevent"]), ["space"]))
+  }, [
+    createElementVNode("span", {
+      class: normalizeClass(["el-radio__input", {
+        "is-disabled": _ctx.disabled,
+        "is-checked": _ctx.modelValue === _ctx.label
+      }])
+    }, [
+      _hoisted_2,
+      withDirectives(createElementVNode("input", {
+        ref: "radioRef",
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.modelValue = $event),
+        class: "el-radio__original",
+        value: _ctx.label,
+        type: "radio",
+        "aria-hidden": "true",
+        name: _ctx.name,
+        disabled: _ctx.disabled,
+        tabindex: "-1",
+        onFocus: _cache[1] || (_cache[1] = ($event) => _ctx.focus = true),
+        onBlur: _cache[2] || (_cache[2] = ($event) => _ctx.focus = false),
+        onChange: _cache[3] || (_cache[3] = (...args) => _ctx.handleChange && _ctx.handleChange(...args))
+      }, null, 40, _hoisted_3), [
+        [vModelRadio, _ctx.modelValue]
+      ])
+    ], 2),
+    createElementVNode("span", {
+      class: "el-radio__label",
+      onKeydown: _cache[4] || (_cache[4] = withModifiers(() => {
+      }, ["stop"]))
+    }, [
+      renderSlot(_ctx.$slots, "default", {}, () => [
+        createTextVNode(toDisplayString(_ctx.label), 1)
+      ])
+    ], 32)
+  ], 42, _hoisted_1);
+}
+var Radio = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { Radio as default };
 //# sourceMappingURL=radio2.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"radio2.mjs","sources":["../../../../../../packages/components/radio/src/radio.vue"],"sourcesContent":["<template>\n  <label\n    class=\"el-radio\"\n    :class=\"{\n      [`el-radio--${size || ''}`]: size,\n      'is-disabled': disabled,\n      'is-focus': focus,\n      'is-bordered': border,\n      'is-checked': modelValue === label,\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    <span\n      class=\"el-radio__input\"\n      :class=\"{\n        'is-disabled': disabled,\n        'is-checked': modelValue === label,\n      }\"\n    >\n      <span class=\"el-radio__inner\"></span>\n      <input\n        ref=\"radioRef\"\n        v-model=\"modelValue\"\n        class=\"el-radio__original\"\n        :value=\"label\"\n        type=\"radio\"\n        aria-hidden=\"true\"\n        :name=\"name\"\n        :disabled=\"disabled\"\n        tabindex=\"-1\"\n        @focus=\"focus = true\"\n        @blur=\"focus = false\"\n        @change=\"handleChange\"\n      />\n    </span>\n    <span class=\"el-radio__label\" @keydown.stop>\n      <slot>\n        {{ label }}\n      </slot>\n    </span>\n  </label>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, nextTick } from 'vue'\nimport { useRadio, radioEmits, radioProps } from './radio'\n\nexport default defineComponent({\n  name: 'ElRadio',\n  props: radioProps,\n  emits: radioEmits,\n\n  setup(props, { emit }) {\n    const { radioRef, isGroup, focus, size, disabled, tabIndex, modelValue } =\n      useRadio(props, emit)\n\n    function handleChange() {\n      nextTick(() => emit('change', modelValue.value))\n    }\n\n    return {\n      focus,\n      isGroup,\n      modelValue,\n      tabIndex,\n      size,\n      disabled,\n      radioRef,\n\n      handleChange,\n    }\n  },\n})\n</script>\n"],"names":["_openBlock","_createElementVNode"],"mappings":";;;;AAmDA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EAEP,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,EAAE,UAAU,SAAS,OAAO,MAAM,UAAU,UAAU,eAC1D,SAAS,OAAO;AAElB,4BAAwB;AACtB,eAAS,MAAM,KAAK,UAAU,WAAW;AAAA;AAG3C,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA;AAAA;AAAA;oCAlDA,iBAAqC;;;2BAtBzC,wBA2CQ;SA1CDA,gCAAW;AAAA,0BACc,aAAe;AAAA,yBAA2B,eAAQ;AAAA,qBAAoB;AAAA,uBAA4B;AAAA,qBAA4B;AAAA;;IAQ3J;AAAA,IACA,gBAAa,KAAE,eAAQ;AAAA,IACvB,iBAAU;AAAA,IACV,UAAO;AAAA;KAER;AAAA,uBACO,QAAC;AAAA,4BAC2B,oBAAQ;AAAA,uBAAwB;AAAA;;OAKjE;AAAA;qBAEMC,mBAAU;AAAA;QAEd,uBAAM,OAAoB;AAAA,QACzB,OAAO;AAAA,QACR,OAAK;AAAA,QACL;AAAA,QACC,eAAU;AAAA,QACV,WAAU;AAAA,QACX,UAAS,KAAI;AAAA,QACZ,UAAK;AAAA,QACL,SAAI,sCAAE,aAAK;AAAA,QACX,QAAM,2CAAE;AAAA;mBAVU;AAAA;;OAavB;AAAA,uBAAY,QAAiB;AAAA,MAAE;AAAA;;OAC7B;AAAA,yCACK,UAAK;AAAA;;;;;;;;;"}

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

@@ -6,9 +6,9 @@ export declare const ElRate: import("../../utils/types").SFCWithInstall<import("
     readonly colors: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string[] | Record<number, string>>, () => ["#F7BA2A", "#F7BA2A", "#F7BA2A"], unknown, unknown, unknown>;
     readonly voidColor: import("../../utils/props").BuildPropReturn<StringConstructor, "#C6D1DE", unknown, unknown, unknown>;
     readonly disabledVoidColor: import("../../utils/props").BuildPropReturn<StringConstructor, "#EFF2F7", unknown, unknown, unknown>;
-    readonly icons: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<(string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>)[] | Record<number, string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>[], unknown, unknown, unknown>;
-    readonly voidIcon: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>, unknown, unknown, unknown>;
-    readonly disabledvoidIcon: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>, unknown, unknown, unknown>;
+    readonly icons: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<(string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>)[] | Record<number, string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>[], unknown, unknown, unknown>;
+    readonly voidIcon: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, unknown, unknown, unknown>;
+    readonly disabledvoidIcon: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, unknown, unknown, unknown>;
     readonly disabled: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly allowHalf: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly showText: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
@@ -78,9 +78,9 @@ export declare const ElRate: import("../../utils/types").SFCWithInstall<import("
     readonly colors: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string[] | Record<number, string>>, () => ["#F7BA2A", "#F7BA2A", "#F7BA2A"], unknown, unknown, unknown>;
     readonly voidColor: import("../../utils/props").BuildPropReturn<StringConstructor, "#C6D1DE", unknown, unknown, unknown>;
     readonly disabledVoidColor: import("../../utils/props").BuildPropReturn<StringConstructor, "#EFF2F7", unknown, unknown, unknown>;
-    readonly icons: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<(string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>)[] | Record<number, string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>[], unknown, unknown, unknown>;
-    readonly voidIcon: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>, unknown, unknown, unknown>;
-    readonly disabledvoidIcon: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>, unknown, unknown, unknown>;
+    readonly icons: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<(string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>)[] | Record<number, string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>[], unknown, unknown, unknown>;
+    readonly voidIcon: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, unknown, unknown, unknown>;
+    readonly disabledvoidIcon: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, unknown, unknown, unknown>;
     readonly disabled: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly allowHalf: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly showText: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;

package/es/components/rate/index.mjs

@@ -1,9 +1,8 @@
 import { withInstall } from '../../utils/with-install.mjs';
-import './src/rate2.mjs';
+import Rate from './src/rate2.mjs';
 export { rateEmits, rateProps } from './src/rate.mjs';
-import script from './src/rate.vue_vue_type_script_lang.mjs';
 
-const ElRate = withInstall(script);
+const ElRate = withInstall(Rate);
 
 export { ElRate, ElRate as default };
 //# sourceMappingURL=index.mjs.map

package/es/components/rate/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/rate/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\n\nimport Rate from './src/rate.vue'\n\nexport const ElRate = withInstall(Rate)\nexport default ElRate\n\nexport * from './src/rate'\n"],"names":["Rate"],"mappings":";;;;;AAEY,MAAC,MAAM,GAAG,WAAW,CAACA,MAAI;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/rate/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\n\nimport Rate from './src/rate.vue'\n\nexport const ElRate = withInstall(Rate)\nexport default ElRate\n\nexport * from './src/rate'\n"],"names":[],"mappings":";;;;AAEY,MAAC,MAAM,GAAG,WAAW,CAAC,IAAI;;;;"}

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

@@ -9,9 +9,9 @@ export declare const rateProps: {
     readonly colors: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<string[] | Record<number, string>>, () => ["#F7BA2A", "#F7BA2A", "#F7BA2A"], unknown, unknown, unknown>;
     readonly voidColor: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "#C6D1DE", unknown, unknown, unknown>;
     readonly disabledVoidColor: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "#EFF2F7", unknown, unknown, unknown>;
-    readonly icons: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<(string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>)[] | Record<number, string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>[], unknown, unknown, unknown>;
-    readonly voidIcon: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>, unknown, unknown, unknown>;
-    readonly disabledvoidIcon: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>, unknown, unknown, unknown>;
+    readonly icons: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<(string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>)[] | Record<number, string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}>[], unknown, unknown, unknown>;
+    readonly voidIcon: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}>, unknown, unknown, unknown>;
+    readonly disabledvoidIcon: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}>, unknown, unknown, unknown>;
     readonly disabled: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly allowHalf: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly showText: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;

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

@@ -6,9 +6,9 @@ declare const _default: import("vue").DefineComponent<{
     readonly colors: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string[] | Record<number, string>>, () => ["#F7BA2A", "#F7BA2A", "#F7BA2A"], unknown, unknown, unknown>;
     readonly voidColor: import("../../../utils/props").BuildPropReturn<StringConstructor, "#C6D1DE", unknown, unknown, unknown>;
     readonly disabledVoidColor: import("../../../utils/props").BuildPropReturn<StringConstructor, "#EFF2F7", unknown, unknown, unknown>;
-    readonly icons: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<(string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>)[] | Record<number, string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>[], unknown, unknown, unknown>;
-    readonly voidIcon: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>, unknown, unknown, unknown>;
-    readonly disabledvoidIcon: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>, unknown, unknown, unknown>;
+    readonly icons: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<(string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>)[] | Record<number, string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>[], unknown, unknown, unknown>;
+    readonly voidIcon: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, unknown, unknown, unknown>;
+    readonly disabledvoidIcon: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, unknown, unknown, unknown>;
     readonly disabled: import("../../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly allowHalf: import("../../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly showText: import("../../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
@@ -78,9 +78,9 @@ declare const _default: import("vue").DefineComponent<{
     readonly colors: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string[] | Record<number, string>>, () => ["#F7BA2A", "#F7BA2A", "#F7BA2A"], unknown, unknown, unknown>;
     readonly voidColor: import("../../../utils/props").BuildPropReturn<StringConstructor, "#C6D1DE", unknown, unknown, unknown>;
     readonly disabledVoidColor: import("../../../utils/props").BuildPropReturn<StringConstructor, "#EFF2F7", unknown, unknown, unknown>;
-    readonly icons: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<(string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>)[] | Record<number, string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>[], unknown, unknown, unknown>;
-    readonly voidIcon: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>, unknown, unknown, unknown>;
-    readonly disabledvoidIcon: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>, unknown, unknown, unknown>;
+    readonly icons: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<(string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>)[] | Record<number, string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>[], unknown, unknown, unknown>;
+    readonly voidIcon: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, unknown, unknown, unknown>;
+    readonly disabledvoidIcon: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, unknown, unknown, unknown>;
     readonly disabled: import("../../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly allowHalf: import("../../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly showText: import("../../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;

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

@@ -1,7 +1,255 @@
-import script from './rate.vue_vue_type_script_lang.mjs';
-export { default } from './rate.vue_vue_type_script_lang.mjs';
-import { render } from './rate.vue_vue_type_template_id_38c42df6_lang.mjs';
+import { defineComponent, inject, ref, computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, normalizeStyle, createVNode, withCtx, createBlock, resolveDynamicComponent, createCommentVNode, toDisplayString } from 'vue';
+import { isObject, isArray } from '@vue/shared';
+import '../../../tokens/index.mjs';
+import { hasClass } from '../../../utils/dom.mjs';
+import { EVENT_CODE } from '../../../utils/aria.mjs';
+import { UPDATE_MODEL_EVENT } from '../../../utils/constants.mjs';
+import { ElIcon } from '../../icon/index.mjs';
+import { StarFilled, Star } from '@element-plus/icons-vue';
+import '../../../hooks/index.mjs';
+import { rateProps, rateEmits } from './rate.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { elFormKey } from '../../../tokens/form.mjs';
+import { useSize } from '../../../hooks/use-common-props/index.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-script.render = render;
-script.__file = "packages/components/rate/src/rate.vue";
+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 _sfc_main = defineComponent({
+  name: "ElRate",
+  components: {
+    ElIcon,
+    StarFilled,
+    Star
+  },
+  props: rateProps,
+  emits: rateEmits,
+  setup(props, { emit }) {
+    const elForm = inject(elFormKey, {});
+    const rateSize = useSize();
+    const ns = useNamespace("rate");
+    const currentValue = ref(props.modelValue);
+    const hoverIndex = ref(-1);
+    const pointerAtLeftHalf = ref(true);
+    const rateKls = computed(() => [ns.b(), ns.m(rateSize.value)]);
+    const rateDisabled = computed(() => props.disabled || elForm.disabled);
+    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(() => getValueFromMap(currentValue.value, colorMap.value));
+    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(() => isArray(props.icons) ? {
+      [props.lowThreshold]: props.icons[0],
+      [props.highThreshold]: {
+        value: props.icons[1],
+        excluded: true
+      },
+      [props.max]: props.icons[2]
+    } : props.icons);
+    const decimalIconComponent = computed(() => getValueFromMap(props.modelValue, componentMap.value));
+    const voidComponent = computed(() => rateDisabled.value ? props.disabledvoidIcon : props.voidIcon);
+    const activeComponent = computed(() => getValueFromMap(currentValue.value, componentMap.value));
+    const iconComponents = computed(() => {
+      const result = Array(props.max);
+      const threshold = currentValue.value;
+      result.fill(activeComponent.value, 0, threshold);
+      result.fill(voidComponent.value, threshold, props.max);
+      return result;
+    });
+    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 getIconStyle(item) {
+      const voidColor = rateDisabled.value ? props.disabledVoidColor : props.voidColor;
+      return {
+        color: item <= currentValue.value ? activeColor.value : voidColor
+      };
+    }
+    function selectValue(value) {
+      if (rateDisabled.value) {
+        return;
+      }
+      if (props.allowHalf && pointerAtLeftHalf.value) {
+        emit(UPDATE_MODEL_EVENT, currentValue.value);
+        if (props.modelValue !== currentValue.value) {
+          emit("change", currentValue.value);
+        }
+      } else {
+        emit(UPDATE_MODEL_EVENT, value);
+        if (props.modelValue !== value) {
+          emit("change", value);
+        }
+      }
+    }
+    function handleKey(e) {
+      if (rateDisabled.value) {
+        return;
+      }
+      let _currentValue = currentValue.value;
+      const code = e.code;
+      if (code === EVENT_CODE.up || code === EVENT_CODE.right) {
+        if (props.allowHalf) {
+          _currentValue += 0.5;
+        } else {
+          _currentValue += 1;
+        }
+        e.stopPropagation();
+        e.preventDefault();
+      } else if (code === EVENT_CODE.left || code === EVENT_CODE.down) {
+        if (props.allowHalf) {
+          _currentValue -= 0.5;
+        } else {
+          _currentValue -= 1;
+        }
+        e.stopPropagation();
+        e.preventDefault();
+      }
+      _currentValue = _currentValue < 0 ? 0 : _currentValue;
+      _currentValue = _currentValue > props.max ? props.max : _currentValue;
+      emit(UPDATE_MODEL_EVENT, _currentValue);
+      emit("change", _currentValue);
+      return _currentValue;
+    }
+    function setCurrentValue(value, event) {
+      if (rateDisabled.value) {
+        return;
+      }
+      if (props.allowHalf) {
+        let target = event.target;
+        if (hasClass(target, ns.e("item"))) {
+          target = target.querySelector(`.${ns.e("icon")}`);
+        }
+        if (target.clientWidth === 0 || hasClass(target, ns.e("decimal"))) {
+          target = target.parentNode;
+        }
+        pointerAtLeftHalf.value = event.offsetX * 2 <= target.clientWidth;
+        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);
+    }
+    return {
+      ns,
+      hoverIndex,
+      currentValue,
+      rateDisabled,
+      text,
+      decimalStyle,
+      decimalIconComponent,
+      iconComponents,
+      rateKls,
+      showDecimalIcon,
+      getIconStyle,
+      selectValue,
+      handleKey,
+      setCurrentValue,
+      resetCurrentValue
+    };
+  }
+});
+const _hoisted_1 = ["aria-valuenow", "aria-valuetext", "aria-valuemax"];
+const _hoisted_2 = ["onMousemove", "onClick"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_icon = resolveComponent("el-icon");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(_ctx.rateKls),
+    role: "slider",
+    "aria-valuenow": _ctx.currentValue,
+    "aria-valuetext": _ctx.text,
+    "aria-valuemin": "0",
+    "aria-valuemax": _ctx.max,
+    tabindex: "0",
+    onKeydown: _cache[1] || (_cache[1] = (...args) => _ctx.handleKey && _ctx.handleKey(...args))
+  }, [
+    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.max, (item, key) => {
+      return openBlock(), createElementBlock("span", {
+        key,
+        class: normalizeClass(_ctx.ns.e("item")),
+        style: normalizeStyle({ cursor: _ctx.rateDisabled ? "auto" : "pointer" }),
+        onMousemove: ($event) => _ctx.setCurrentValue(item, $event),
+        onMouseleave: _cache[0] || (_cache[0] = (...args) => _ctx.resetCurrentValue && _ctx.resetCurrentValue(...args)),
+        onClick: ($event) => _ctx.selectValue(item)
+      }, [
+        createVNode(_component_el_icon, {
+          class: normalizeClass([_ctx.ns.e("icon"), { hover: _ctx.hoverIndex === item }]),
+          style: normalizeStyle(_ctx.getIconStyle(item))
+        }, {
+          default: withCtx(() => [
+            (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponents[item - 1]))),
+            _ctx.showDecimalIcon(item) ? (openBlock(), createBlock(_component_el_icon, {
+              key: 0,
+              style: normalizeStyle(_ctx.decimalStyle),
+              class: normalizeClass([_ctx.ns.e("icon"), _ctx.ns.e("decimal")])
+            }, {
+              default: withCtx(() => [
+                (openBlock(), createBlock(resolveDynamicComponent(_ctx.decimalIconComponent)))
+              ]),
+              _: 1
+            }, 8, ["style", "class"])) : createCommentVNode("v-if", true)
+          ]),
+          _: 2
+        }, 1032, ["class", "style"])
+      ], 46, _hoisted_2);
+    }), 128)),
+    _ctx.showText || _ctx.showScore ? (openBlock(), createElementBlock("span", {
+      key: 0,
+      class: normalizeClass(_ctx.ns.e("text")),
+      style: normalizeStyle({ color: _ctx.textColor })
+    }, toDisplayString(_ctx.text), 7)) : createCommentVNode("v-if", true)
+  ], 42, _hoisted_1);
+}
+var Rate = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { Rate as default };
 //# sourceMappingURL=rate2.mjs.map