@element-plus/nightly 0.0.20251025 → 0.0.20251027

package/es/components/pagination/src/components/next.mjs

@@ -1,23 +1,40 @@
-import { buildProps } from '../../../../utils/vue/props/runtime.mjs';
-import { iconPropType } from '../../../../utils/vue/icon.mjs';
+import { defineComponent, computed, openBlock, createElementBlock, unref, toDisplayString, createBlock, withCtx, resolveDynamicComponent } from 'vue';
+import { ElIcon } from '../../../icon/index.mjs';
+import { paginationNextProps } from './next2.mjs';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
+import { useLocale } from '../../../../hooks/use-locale/index.mjs';
 
-const paginationNextProps = buildProps({
-  disabled: Boolean,
-  currentPage: {
-    type: Number,
-    default: 1
-  },
-  pageCount: {
-    type: Number,
-    default: 50
-  },
-  nextText: {
-    type: String
-  },
-  nextIcon: {
-    type: iconPropType
+const __default__ = defineComponent({
+  name: "ElPaginationNext"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: paginationNextProps,
+  emits: ["click"],
+  setup(__props) {
+    const props = __props;
+    const { t } = useLocale();
+    const internalDisabled = computed(() => props.disabled || props.currentPage === props.pageCount || props.pageCount === 0);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        type: "button",
+        class: "btn-next",
+        disabled: unref(internalDisabled),
+        "aria-label": _ctx.nextText || unref(t)("el.pagination.next"),
+        "aria-disabled": unref(internalDisabled),
+        onClick: ($event) => _ctx.$emit("click", $event)
+      }, [
+        _ctx.nextText ? (openBlock(), createElementBlock("span", { key: 0 }, toDisplayString(_ctx.nextText), 1)) : (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
+          default: withCtx(() => [
+            (openBlock(), createBlock(resolveDynamicComponent(_ctx.nextIcon)))
+          ]),
+          _: 1
+        }))
+      ], 8, ["disabled", "aria-label", "aria-disabled", "onClick"]);
+    };
   }
 });
+var Next = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "next.vue"]]);
 
-export { paginationNextProps };
+export { Next as default };
 //# sourceMappingURL=next.mjs.map

package/es/components/pagination/src/components/next.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"next.mjs","sources":["../../../../../../../packages/components/pagination/src/components/next.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\nimport type Next from './next.vue'\n\nexport const paginationNextProps = buildProps({\n  disabled: Boolean,\n  currentPage: {\n    type: Number,\n    default: 1,\n  },\n  pageCount: {\n    type: Number,\n    default: 50,\n  },\n  nextText: {\n    type: String,\n  },\n  nextIcon: {\n    type: iconPropType,\n  },\n} as const)\n\nexport type PaginationNextProps = ExtractPropTypes<typeof paginationNextProps>\nexport type PaginationNextPropsPublic = __ExtractPublicPropTypes<\n  typeof paginationNextProps\n>\n\nexport type NextInstance = InstanceType<typeof Next> & unknown\n"],"names":[],"mappings":";;;AACY,MAAC,mBAAmB,GAAG,UAAU,CAAC;AAC9C,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,YAAY;AACtB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"next.mjs","sources":["../../../../../../../packages/components/pagination/src/components/next.vue"],"sourcesContent":["<template>\n  <button\n    type=\"button\"\n    class=\"btn-next\"\n    :disabled=\"internalDisabled\"\n    :aria-label=\"nextText || t('el.pagination.next')\"\n    :aria-disabled=\"internalDisabled\"\n    @click=\"$emit('click', $event)\"\n  >\n    <span v-if=\"nextText\">{{ nextText }}</span>\n    <el-icon v-else>\n      <component :is=\"nextIcon\" />\n    </el-icon>\n  </button>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { paginationNextProps } from './next'\n\ndefineOptions({\n  name: 'ElPaginationNext',\n})\n\nconst props = defineProps(paginationNextProps)\n\ndefineEmits(['click'])\n\nconst { t } = useLocale()\n\nconst internalDisabled = computed(\n  () =>\n    props.disabled ||\n    props.currentPage === props.pageCount ||\n    props.pageCount === 0\n)\n</script>\n"],"names":["_openBlock","_createElementBlock"],"mappings":";;;;;;mCAsBc,CAAA;AAAA,EACZ,IAAM,EAAA,kBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAMA,IAAM,MAAA,EAAE,CAAE,EAAA,GAAI,SAAU,EAAA,CAAA;AAExB,IAAA,MAAM,gBAAmB,GAAA,QAAA,CAAA,MAAA,KAAA,CAAA,QAAA,IAAA,KAAA,CAAA,WAAA,KAAA,KAAA,CAAA,SAAA,IAAA,KAAA,CAAA,SAAA,KAAA,CAAA,CAAA,CAAA;AAAA,IACvB,OAAA,CACE,MAAM,MACN,KAAA;AACoB,MACxB,OAAAA,SAAA,EAAA,EAAAC,kBAAA,CAAA,QAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/pagination/src/components/next2.mjs

@@ -1,40 +1,23 @@
-import { defineComponent, computed, openBlock, createElementBlock, unref, toDisplayString, createBlock, withCtx, resolveDynamicComponent } from 'vue';
-import { ElIcon } from '../../../icon/index.mjs';
-import { paginationNextProps } from './next.mjs';
-import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
-import { useLocale } from '../../../../hooks/use-locale/index.mjs';
+import { buildProps } from '../../../../utils/vue/props/runtime.mjs';
+import { iconPropType } from '../../../../utils/vue/icon.mjs';
 
-const __default__ = defineComponent({
-  name: "ElPaginationNext"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: paginationNextProps,
-  emits: ["click"],
-  setup(__props) {
-    const props = __props;
-    const { t } = useLocale();
-    const internalDisabled = computed(() => props.disabled || props.currentPage === props.pageCount || props.pageCount === 0);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("button", {
-        type: "button",
-        class: "btn-next",
-        disabled: unref(internalDisabled),
-        "aria-label": _ctx.nextText || unref(t)("el.pagination.next"),
-        "aria-disabled": unref(internalDisabled),
-        onClick: ($event) => _ctx.$emit("click", $event)
-      }, [
-        _ctx.nextText ? (openBlock(), createElementBlock("span", { key: 0 }, toDisplayString(_ctx.nextText), 1)) : (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
-          default: withCtx(() => [
-            (openBlock(), createBlock(resolveDynamicComponent(_ctx.nextIcon)))
-          ]),
-          _: 1
-        }))
-      ], 8, ["disabled", "aria-label", "aria-disabled", "onClick"]);
-    };
+const paginationNextProps = buildProps({
+  disabled: Boolean,
+  currentPage: {
+    type: Number,
+    default: 1
+  },
+  pageCount: {
+    type: Number,
+    default: 50
+  },
+  nextText: {
+    type: String
+  },
+  nextIcon: {
+    type: iconPropType
   }
 });
-var Next = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "next.vue"]]);
 
-export { Next as default };
+export { paginationNextProps };
 //# sourceMappingURL=next2.mjs.map

package/es/components/pagination/src/components/next2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"next2.mjs","sources":["../../../../../../../packages/components/pagination/src/components/next.vue"],"sourcesContent":["<template>\n  <button\n    type=\"button\"\n    class=\"btn-next\"\n    :disabled=\"internalDisabled\"\n    :aria-label=\"nextText || t('el.pagination.next')\"\n    :aria-disabled=\"internalDisabled\"\n    @click=\"$emit('click', $event)\"\n  >\n    <span v-if=\"nextText\">{{ nextText }}</span>\n    <el-icon v-else>\n      <component :is=\"nextIcon\" />\n    </el-icon>\n  </button>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { paginationNextProps } from './next'\n\ndefineOptions({\n  name: 'ElPaginationNext',\n})\n\nconst props = defineProps(paginationNextProps)\n\ndefineEmits(['click'])\n\nconst { t } = useLocale()\n\nconst internalDisabled = computed(\n  () =>\n    props.disabled ||\n    props.currentPage === props.pageCount ||\n    props.pageCount === 0\n)\n</script>\n"],"names":["_openBlock","_createElementBlock"],"mappings":";;;;;;mCAsBc,CAAA;AAAA,EACZ,IAAM,EAAA,kBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAMA,IAAM,MAAA,EAAE,CAAE,EAAA,GAAI,SAAU,EAAA,CAAA;AAExB,IAAA,MAAM,gBAAmB,GAAA,QAAA,CAAA,MAAA,KAAA,CAAA,QAAA,IAAA,KAAA,CAAA,WAAA,KAAA,KAAA,CAAA,SAAA,IAAA,KAAA,CAAA,SAAA,KAAA,CAAA,CAAA,CAAA;AAAA,IACvB,OAAA,CACE,MAAM,MACN,KAAA;AACoB,MACxB,OAAAA,SAAA,EAAA,EAAAC,kBAAA,CAAA,QAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"next2.mjs","sources":["../../../../../../../packages/components/pagination/src/components/next.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\nimport type Next from './next.vue'\n\nexport const paginationNextProps = buildProps({\n  disabled: Boolean,\n  currentPage: {\n    type: Number,\n    default: 1,\n  },\n  pageCount: {\n    type: Number,\n    default: 50,\n  },\n  nextText: {\n    type: String,\n  },\n  nextIcon: {\n    type: iconPropType,\n  },\n} as const)\n\nexport type PaginationNextProps = ExtractPropTypes<typeof paginationNextProps>\nexport type PaginationNextPropsPublic = __ExtractPublicPropTypes<\n  typeof paginationNextProps\n>\n\nexport type NextInstance = InstanceType<typeof Next> & unknown\n"],"names":[],"mappings":";;;AACY,MAAC,mBAAmB,GAAG,UAAU,CAAC;AAC9C,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,YAAY;AACtB,GAAG;AACH,CAAC;;;;"}

package/es/components/pagination/src/components/total.mjs

@@ -1,31 +1,11 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, toDisplayString } from 'vue';
-import { usePagination } from '../usePagination.mjs';
-import { paginationTotalProps } from './total2.mjs';
-import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
-import { useLocale } from '../../../../hooks/use-locale/index.mjs';
-import { useNamespace } from '../../../../hooks/use-namespace/index.mjs';
+import { buildProps } from '../../../../utils/vue/props/runtime.mjs';
 
-const __default__ = defineComponent({
-  name: "ElPaginationTotal"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: paginationTotalProps,
-  setup(__props) {
-    const { t } = useLocale();
-    const ns = useNamespace("pagination");
-    const { disabled } = usePagination();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: normalizeClass(unref(ns).e("total")),
-        disabled: unref(disabled)
-      }, toDisplayString(unref(t)("el.pagination.total", {
-        total: _ctx.total
-      })), 11, ["disabled"]);
-    };
+const paginationTotalProps = buildProps({
+  total: {
+    type: Number,
+    default: 1e3
   }
 });
-var Total = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "total.vue"]]);
 
-export { Total as default };
+export { paginationTotalProps };
 //# sourceMappingURL=total.mjs.map

package/es/components/pagination/src/components/total.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"total.mjs","sources":["../../../../../../../packages/components/pagination/src/components/total.vue"],"sourcesContent":["<template>\n  <span :class=\"ns.e('total')\" :disabled=\"disabled\">\n    {{\n      t('el.pagination.total', {\n        total,\n      })\n    }}\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { usePagination } from '../usePagination'\nimport { paginationTotalProps } from './total'\n\nconst { t } = useLocale()\nconst ns = useNamespace('pagination')\nconst { disabled } = usePagination()\n\ndefineOptions({\n  name: 'ElPaginationTotal',\n})\n\ndefineProps(paginationTotalProps)\n</script>\n"],"names":[],"mappings":";;;;;;;mCAmBc,CAAA;AAAA,EACZ,IAAM,EAAA,mBAAA;AACR,CAAA,CAAA,CAAA;;;;;AANA,IAAM,MAAA,EAAE,CAAE,EAAA,GAAI,SAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAK,aAAa,YAAY,CAAA,CAAA;AACpC,IAAM,MAAA,EAAE,QAAS,EAAA,GAAI,aAAc,EAAA,CAAA;;;;;;;;;;;;;;;"}
+{"version":3,"file":"total.mjs","sources":["../../../../../../../packages/components/pagination/src/components/total.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type Total from './total.vue'\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\n\nexport const paginationTotalProps = buildProps({\n  total: {\n    type: Number,\n    default: 1000,\n  },\n} as const)\n\nexport type PaginationTotalProps = ExtractPropTypes<typeof paginationTotalProps>\nexport type PaginationTotalPropsPublic = __ExtractPublicPropTypes<\n  typeof paginationTotalProps\n>\n\nexport type TotalInstance = InstanceType<typeof Total> & unknown\n"],"names":[],"mappings":";;AACY,MAAC,oBAAoB,GAAG,UAAU,CAAC;AAC/C,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,CAAC;;;;"}

package/es/components/pagination/src/components/total2.mjs

@@ -1,11 +1,31 @@
-import { buildProps } from '../../../../utils/vue/props/runtime.mjs';
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, toDisplayString } from 'vue';
+import { usePagination } from '../usePagination.mjs';
+import { paginationTotalProps } from './total.mjs';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
+import { useLocale } from '../../../../hooks/use-locale/index.mjs';
+import { useNamespace } from '../../../../hooks/use-namespace/index.mjs';
 
-const paginationTotalProps = buildProps({
-  total: {
-    type: Number,
-    default: 1e3
+const __default__ = defineComponent({
+  name: "ElPaginationTotal"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: paginationTotalProps,
+  setup(__props) {
+    const { t } = useLocale();
+    const ns = useNamespace("pagination");
+    const { disabled } = usePagination();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        class: normalizeClass(unref(ns).e("total")),
+        disabled: unref(disabled)
+      }, toDisplayString(unref(t)("el.pagination.total", {
+        total: _ctx.total
+      })), 11, ["disabled"]);
+    };
   }
 });
+var Total = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "total.vue"]]);
 
-export { paginationTotalProps };
+export { Total as default };
 //# sourceMappingURL=total2.mjs.map

package/es/components/pagination/src/components/total2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"total2.mjs","sources":["../../../../../../../packages/components/pagination/src/components/total.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type Total from './total.vue'\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\n\nexport const paginationTotalProps = buildProps({\n  total: {\n    type: Number,\n    default: 1000,\n  },\n} as const)\n\nexport type PaginationTotalProps = ExtractPropTypes<typeof paginationTotalProps>\nexport type PaginationTotalPropsPublic = __ExtractPublicPropTypes<\n  typeof paginationTotalProps\n>\n\nexport type TotalInstance = InstanceType<typeof Total> & unknown\n"],"names":[],"mappings":";;AACY,MAAC,oBAAoB,GAAG,UAAU,CAAC;AAC/C,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"total2.mjs","sources":["../../../../../../../packages/components/pagination/src/components/total.vue"],"sourcesContent":["<template>\n  <span :class=\"ns.e('total')\" :disabled=\"disabled\">\n    {{\n      t('el.pagination.total', {\n        total,\n      })\n    }}\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { usePagination } from '../usePagination'\nimport { paginationTotalProps } from './total'\n\nconst { t } = useLocale()\nconst ns = useNamespace('pagination')\nconst { disabled } = usePagination()\n\ndefineOptions({\n  name: 'ElPaginationTotal',\n})\n\ndefineProps(paginationTotalProps)\n</script>\n"],"names":[],"mappings":";;;;;;;mCAmBc,CAAA;AAAA,EACZ,IAAM,EAAA,mBAAA;AACR,CAAA,CAAA,CAAA;;;;;AANA,IAAM,MAAA,EAAE,CAAE,EAAA,GAAI,SAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAK,aAAa,YAAY,CAAA,CAAA;AACpC,IAAM,MAAA,EAAE,QAAS,EAAA,GAAI,aAAc,EAAA,CAAA;;;;;;;;;;;;;;;"}

package/es/components/pagination/src/pagination.mjs

@@ -2,10 +2,10 @@ import { defineComponent, getCurrentInstance, computed, ref, watch, provide, h }
 import { ArrowLeft, ArrowRight } from '@element-plus/icons-vue';
 import { elPaginationKey } from './constants.mjs';
 import Prev from './components/prev2.mjs';
-import Next from './components/next2.mjs';
+import Next from './components/next.mjs';
 import Sizes from './components/sizes2.mjs';
-import Jumper from './components/jumper.mjs';
-import Total from './components/total.mjs';
+import Jumper from './components/jumper2.mjs';
+import Total from './components/total2.mjs';
 import Pager from './components/pager2.mjs';
 import { useSizeProp, useGlobalSize } from '../../../hooks/use-size/index.mjs';
 import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';

package/es/components/rate/index.mjs

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

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

@@ -1,87 +1,260 @@
-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';
+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 { formContextKey, formItemContextKey } from '../../form/src/constants.mjs';
+import { useFormSize } 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';
 
-const rateProps = buildProps({
-  modelValue: {
-    type: Number,
-    default: 0
-  },
-  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: Boolean,
-  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"])
+const __default__ = defineComponent({
+  name: "ElRate"
 });
-const rateEmits = {
-  [CHANGE_EVENT]: (value) => isNumber(value),
-  [UPDATE_MODEL_EVENT]: (value) => isNumber(value)
-};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: rateProps,
+  emits: rateEmits,
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    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 formContext = inject(formContextKey, void 0);
+    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 = computed(() => props.disabled || (formContext == null ? void 0 : formContext.disabled));
+    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([unref(rateClasses), 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": unref(text) || void 0,
+        "aria-valuemin": "0",
+        "aria-valuemax": _ctx.max,
+        tabindex: "0",
+        style: normalizeStyle(unref(rateStyles)),
+        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(unref(activeComponent)), null, null, 512)), [
+                  [vShow, !showDecimalIcon(item) && item <= currentValue.value]
+                ]),
+                withDirectives((openBlock(), createBlock(resolveDynamicComponent(unref(voidComponent)), null, null, 512)), [
+                  [vShow, !showDecimalIcon(item) && item > currentValue.value]
+                ]),
+                withDirectives((openBlock(), createBlock(resolveDynamicComponent(unref(voidComponent)), {
+                  class: normalizeClass([unref(ns).em("decimal", "box")])
+                }, null, 8, ["class"])), [
+                  [vShow, showDecimalIcon(item)]
+                ]),
+                withDirectives(createVNode(unref(ElIcon), {
+                  style: normalizeStyle(unref(decimalStyle)),
+                  class: normalizeClass([unref(ns).e("icon"), unref(ns).e("decimal")])
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(), createBlock(resolveDynamicComponent(unref(decimalIconComponent))))
+                  ]),
+                  _: 2
+                }, 1032, ["style", "class"]), [
+                  [vShow, showDecimalIcon(item)]
+                ])
+              ]),
+              _: 2
+            }, 1032, ["class"])
+          ], 42, ["onMousemove", "onClick"]);
+        }), 128)),
+        _ctx.showText || _ctx.showScore ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          class: normalizeClass(unref(ns).e("text")),
+          style: normalizeStyle({ color: _ctx.textColor })
+        }, toDisplayString(unref(text)), 7)) : createCommentVNode("v-if", true)
+      ], 46, ["id", "aria-label", "aria-labelledby", "aria-valuenow", "aria-valuetext", "aria-valuemax"]);
+    };
+  }
+});
+var Rate = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "rate.vue"]]);
 
-export { rateEmits, rateProps };
+export { Rate as default };
 //# sourceMappingURL=rate.mjs.map