@element-plus/nightly 0.0.20220121 → 0.0.20220122

package/es/components/progress/src/progress.vue_vue_type_template_id_9158c3b6_lang.mjs

@@ -1,94 +0,0 @@
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, renderSlot, normalizeProps, guardReactiveProps, toDisplayString, createCommentVNode, createBlock, withCtx, resolveDynamicComponent } from 'vue';
-
-const _hoisted_1 = ["aria-valuenow"];
-const _hoisted_2 = {
-  key: 0,
-  class: "el-progress-bar"
-};
-const _hoisted_3 = {
-  key: 0,
-  class: "el-progress-bar__innerText"
-};
-const _hoisted_4 = { viewBox: "0 0 100 100" };
-const _hoisted_5 = ["d", "stroke-width"];
-const _hoisted_6 = ["d", "stroke", "stroke-linecap", "stroke-width"];
-const _hoisted_7 = { key: 0 };
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_icon = resolveComponent("el-icon");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["el-progress", [
-      `el-progress--${_ctx.type}`,
-      _ctx.status ? `is-${_ctx.status}` : "",
-      {
-        "el-progress--without-text": !_ctx.showText,
-        "el-progress--text-inside": _ctx.textInside
-      }
-    ]]),
-    role: "progressbar",
-    "aria-valuenow": _ctx.percentage,
-    "aria-valuemin": "0",
-    "aria-valuemax": "100"
-  }, [
-    _ctx.type === "line" ? (openBlock(), createElementBlock("div", _hoisted_2, [
-      createElementVNode("div", {
-        class: "el-progress-bar__outer",
-        style: normalizeStyle({ height: `${_ctx.strokeWidth}px` })
-      }, [
-        createElementVNode("div", {
-          class: normalizeClass([
-            "el-progress-bar__inner",
-            { "el-progress-bar__inner--indeterminate": _ctx.indeterminate }
-          ]),
-          style: normalizeStyle(_ctx.barStyle)
-        }, [
-          (_ctx.showText || _ctx.$slots.default) && _ctx.textInside ? (openBlock(), createElementBlock("div", _hoisted_3, [
-            renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(_ctx.slotData)), () => [
-              createElementVNode("span", null, toDisplayString(_ctx.content), 1)
-            ])
-          ])) : createCommentVNode("v-if", true)
-        ], 6)
-      ], 4)
-    ])) : (openBlock(), createElementBlock("div", {
-      key: 1,
-      class: "el-progress-circle",
-      style: normalizeStyle({ height: `${_ctx.width}px`, width: `${_ctx.width}px` })
-    }, [
-      (openBlock(), createElementBlock("svg", _hoisted_4, [
-        createElementVNode("path", {
-          class: "el-progress-circle__track",
-          d: _ctx.trackPath,
-          stroke: "#e5e9f2",
-          "stroke-width": _ctx.relativeStrokeWidth,
-          fill: "none",
-          style: normalizeStyle(_ctx.trailPathStyle)
-        }, null, 12, _hoisted_5),
-        createElementVNode("path", {
-          class: "el-progress-circle__path",
-          d: _ctx.trackPath,
-          stroke: _ctx.stroke,
-          fill: "none",
-          "stroke-linecap": _ctx.strokeLinecap,
-          "stroke-width": _ctx.percentage ? _ctx.relativeStrokeWidth : 0,
-          style: normalizeStyle(_ctx.circlePathStyle)
-        }, null, 12, _hoisted_6)
-      ]))
-    ], 4)),
-    (_ctx.showText || _ctx.$slots.default) && !_ctx.textInside ? (openBlock(), createElementBlock("div", {
-      key: 2,
-      class: "el-progress__text",
-      style: normalizeStyle({ fontSize: `${_ctx.progressTextSize}px` })
-    }, [
-      renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(_ctx.slotData)), () => [
-        !_ctx.status ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(_ctx.content), 1)) : (openBlock(), createBlock(_component_el_icon, { key: 1 }, {
-          default: withCtx(() => [
-            (openBlock(), createBlock(resolveDynamicComponent(_ctx.statusIcon)))
-          ]),
-          _: 1
-        }))
-      ])
-    ], 4)) : createCommentVNode("v-if", true)
-  ], 10, _hoisted_1);
-}
-
-export { render };
-//# sourceMappingURL=progress.vue_vue_type_template_id_9158c3b6_lang.mjs.map

package/es/components/progress/src/progress.vue_vue_type_template_id_9158c3b6_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"progress.vue_vue_type_template_id_9158c3b6_lang.mjs","sources":["../../../../../../packages/components/progress/src/progress.vue?vue&type=template&id=9158c3b6&lang.js"],"sourcesContent":["<template>\n  <div\n    class=\"el-progress\"\n    :class=\"[\n      `el-progress--${type}`,\n      status ? `is-${status}` : '',\n      {\n        'el-progress--without-text': !showText,\n        'el-progress--text-inside': textInside,\n      },\n    ]\"\n    role=\"progressbar\"\n    :aria-valuenow=\"percentage\"\n    aria-valuemin=\"0\"\n    aria-valuemax=\"100\"\n  >\n    <div v-if=\"type === 'line'\" class=\"el-progress-bar\">\n      <div\n        class=\"el-progress-bar__outer\"\n        :style=\"{ height: `${strokeWidth}px` }\"\n      >\n        <div\n          :class=\"[\n            'el-progress-bar__inner',\n            { 'el-progress-bar__inner--indeterminate': indeterminate },\n          ]\"\n          :style=\"barStyle\"\n        >\n          <div\n            v-if=\"(showText || $slots.default) && textInside\"\n            class=\"el-progress-bar__innerText\"\n          >\n            <slot v-bind=\"slotData\">\n              <span>{{ content }}</span>\n            </slot>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div\n      v-else\n      class=\"el-progress-circle\"\n      :style=\"{ height: `${width}px`, width: `${width}px` }\"\n    >\n      <svg viewBox=\"0 0 100 100\">\n        <path\n          class=\"el-progress-circle__track\"\n          :d=\"trackPath\"\n          stroke=\"#e5e9f2\"\n          :stroke-width=\"relativeStrokeWidth\"\n          fill=\"none\"\n          :style=\"trailPathStyle\"\n        />\n        <path\n          class=\"el-progress-circle__path\"\n          :d=\"trackPath\"\n          :stroke=\"stroke\"\n          fill=\"none\"\n          :stroke-linecap=\"strokeLinecap\"\n          :stroke-width=\"percentage ? relativeStrokeWidth : 0\"\n          :style=\"circlePathStyle\"\n        />\n      </svg>\n    </div>\n    <div\n      v-if=\"(showText || $slots.default) && !textInside\"\n      class=\"el-progress__text\"\n      :style=\"{ fontSize: `${progressTextSize}px` }\"\n    >\n      <slot v-bind=\"slotData\">\n        <span v-if=\"!status\">{{ content }}</span>\n        <el-icon v-else><component :is=\"statusIcon\" /></el-icon>\n      </slot>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n  WarningFilled,\n  CircleCheck,\n  CircleClose,\n  Check,\n  Close,\n} from '@element-plus/icons-vue'\nimport { progressProps } from './progress'\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElProgress',\n  components: {\n    ElIcon,\n    CircleCheck,\n    CircleClose,\n    Check,\n    Close,\n    WarningFilled,\n  },\n  props: progressProps,\n\n  setup(props) {\n    const barStyle = computed(\n      (): CSSProperties => ({\n        width: `${props.percentage}%`,\n        animationDuration: `${props.duration}s`,\n        backgroundColor: getCurrentColor(props.percentage),\n      })\n    )\n\n    const relativeStrokeWidth = computed(() =>\n      ((props.strokeWidth / props.width) * 100).toFixed(1)\n    )\n\n    const radius = computed(() => {\n      if (props.type === 'circle' || props.type === 'dashboard') {\n        return parseInt(`${50 - parseFloat(relativeStrokeWidth.value) / 2}`, 10)\n      } else {\n        return 0\n      }\n    })\n\n    const trackPath = computed(() => {\n      const r = radius.value\n      const isDashboard = props.type === 'dashboard'\n      return `\n          M 50 50\n          m 0 ${isDashboard ? '' : '-'}${r}\n          a ${r} ${r} 0 1 1 0 ${isDashboard ? '-' : ''}${r * 2}\n          a ${r} ${r} 0 1 1 0 ${isDashboard ? '' : '-'}${r * 2}\n          `\n    })\n\n    const perimeter = computed(() => 2 * Math.PI * radius.value)\n\n    const rate = computed(() => (props.type === 'dashboard' ? 0.75 : 1))\n\n    const strokeDashoffset = computed(() => {\n      const offset = (-1 * perimeter.value * (1 - rate.value)) / 2\n      return `${offset}px`\n    })\n\n    const trailPathStyle = computed(\n      (): CSSProperties => ({\n        strokeDasharray: `${perimeter.value * rate.value}px, ${\n          perimeter.value\n        }px`,\n        strokeDashoffset: strokeDashoffset.value,\n      })\n    )\n\n    const circlePathStyle = computed(\n      (): CSSProperties => ({\n        strokeDasharray: `${\n          perimeter.value * rate.value * (props.percentage / 100)\n        }px, ${perimeter.value}px`,\n        strokeDashoffset: strokeDashoffset.value,\n        transition: 'stroke-dasharray 0.6s ease 0s, stroke 0.6s ease',\n      })\n    )\n\n    const stroke = computed(() => {\n      let ret: string\n      if (props.color) {\n        ret = getCurrentColor(props.percentage)\n      } else {\n        switch (props.status) {\n          case 'success':\n            ret = '#13ce66'\n            break\n          case 'exception':\n            ret = '#ff4949'\n            break\n          case 'warning':\n            ret = '#e6a23c'\n            break\n          default:\n            ret = '#20a0ff'\n        }\n      }\n      return ret\n    })\n\n    const statusIcon = computed(() => {\n      if (props.status === 'warning') {\n        return WarningFilled\n      }\n      if (props.type === 'line') {\n        return props.status === 'success' ? CircleCheck : CircleClose\n      } else {\n        return props.status === 'success' ? Check : Close\n      }\n    })\n\n    const progressTextSize = computed(() => {\n      return props.type === 'line'\n        ? 12 + props.strokeWidth * 0.4\n        : props.width * 0.111111 + 2\n    })\n\n    const content = computed(() => props.format(props.percentage))\n\n    const getCurrentColor = (percentage: number) => {\n      const { color } = props\n      if (typeof color === 'function') {\n        return color(percentage)\n      } else if (typeof color === 'string') {\n        return color\n      } else {\n        const span = 100 / color.length\n        const seriesColors = color.map((seriesColor, index) => {\n          if (typeof seriesColor === 'string') {\n            return {\n              color: seriesColor,\n              percentage: (index + 1) * span,\n            }\n          }\n          return seriesColor\n        })\n        const colors = seriesColors.sort((a, b) => a.percentage - b.percentage)\n\n        for (const color of colors) {\n          if (color.percentage > percentage) return color.color\n        }\n        return colors[colors.length - 1]?.color\n      }\n    }\n\n    const slotData = computed(() => {\n      return {\n        percentage: props.percentage,\n      }\n    })\n\n    return {\n      barStyle,\n      relativeStrokeWidth,\n      radius,\n      trackPath,\n      perimeter,\n      rate,\n      strokeDashoffset,\n      trailPathStyle,\n      circlePathStyle,\n      stroke,\n      statusIcon,\n      progressTextSize,\n      content,\n      slotData,\n    }\n  },\n})\n</script>\n"],"names":["_normalizeClass","_createElementVNode","_createCommentVNode"],"mappings":";;;;;;EAgBgC;;;;EAcpB;;;;;;;;;;wBA7BV;;;;;;;;;IAUE;;IAEA;;;;;;iBAKSA;YACJ;;YAED;;;;;cAKGC;;gBAGQC,2BAAkB;;;;;;;;;;;;UAY/B;UACC;;mDAED;;;eAGM,EAAE;;;cAGJ;;;;mBAIK,EAAC;;;kBAGF;;;;;;;iCAQiB;sBAD3B;;UAEE;UACC;;;;;;;;"}

package/es/components/radio/src/radio-button.vue_vue_type_script_lang.mjs

@@ -1,41 +0,0 @@
-import { defineComponent, computed } from 'vue';
-import { useRadio } from './radio.mjs';
-import { radioButtonProps } from './radio-button.mjs';
-
-var script = defineComponent({
-  name: "ElRadioButton",
-  props: radioButtonProps,
-  setup(props, { emit }) {
-    const {
-      radioRef,
-      isGroup,
-      focus,
-      size,
-      disabled,
-      tabIndex,
-      modelValue,
-      radioGroup
-    } = useRadio(props, emit);
-    const activeStyle = computed(() => {
-      return {
-        backgroundColor: (radioGroup == null ? void 0 : radioGroup.fill) || "",
-        borderColor: (radioGroup == null ? void 0 : radioGroup.fill) || "",
-        boxShadow: (radioGroup == null ? void 0 : radioGroup.fill) ? `-1px 0 0 0 ${radioGroup.fill}` : "",
-        color: (radioGroup == null ? void 0 : radioGroup.textColor) || ""
-      };
-    });
-    return {
-      isGroup,
-      size,
-      disabled,
-      tabIndex,
-      modelValue,
-      focus,
-      activeStyle,
-      radioRef
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=radio-button.vue_vue_type_script_lang.mjs.map

package/es/components/radio/src/radio-button.vue_vue_type_script_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"radio-button.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/radio/src/radio-button.vue"],"sourcesContent":["<template>\n  <label\n    class=\"el-radio-button\"\n    :class=\"[\n      size ? 'el-radio-button--' + size : '',\n      {\n        'is-active': modelValue === label,\n        'is-disabled': disabled,\n        'is-focus': focus,\n      },\n    ]\"\n    role=\"radio\"\n    :aria-checked=\"modelValue === label\"\n    :aria-disabled=\"disabled\"\n    :tabindex=\"tabIndex\"\n    @keydown.space.stop.prevent=\"modelValue = disabled ? modelValue : label\"\n  >\n    <input\n      ref=\"radioRef\"\n      v-model=\"modelValue\"\n      class=\"el-radio-button__original-radio\"\n      :value=\"label\"\n      type=\"radio\"\n      :name=\"name\"\n      :disabled=\"disabled\"\n      tabindex=\"-1\"\n      @focus=\"focus = true\"\n      @blur=\"focus = false\"\n    />\n    <span\n      class=\"el-radio-button__inner\"\n      :style=\"modelValue === label ? activeStyle : {}\"\n      @keydown.stop\n    >\n      <slot>\n        {{ label }}\n      </slot>\n    </span>\n  </label>\n</template>\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { useRadio } from './radio'\nimport { radioButtonProps } from './radio-button'\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElRadioButton',\n  props: radioButtonProps,\n\n  setup(props, { emit }) {\n    const {\n      radioRef,\n      isGroup,\n      focus,\n      size,\n      disabled,\n      tabIndex,\n      modelValue,\n      radioGroup,\n    } = useRadio(props, emit)\n\n    const activeStyle = computed<CSSProperties>(() => {\n      return {\n        backgroundColor: radioGroup?.fill || '',\n        borderColor: radioGroup?.fill || '',\n        boxShadow: radioGroup?.fill ? `-1px 0 0 0 ${radioGroup.fill}` : '',\n        color: radioGroup?.textColor || '',\n      }\n    })\n\n    return {\n      isGroup,\n      size,\n      disabled,\n      tabIndex,\n      modelValue,\n      focus,\n      activeStyle,\n      radioRef,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;AA2CA,aAAe,eAAe,CAAC;AAC/B,EAAE,MAAM,eAAe;;AAEvB,EAAE,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE;IACrB,MAAM;MACJ,QAAQ;;MAER,KAAK;MACL,IAAI;MACJ,QAAQ;MACR;MACA;MACA;QACE;UACE;MACJ,OAAO;QACL;QACA,WAAW,EAAE,CAAC;;QAEd,KAAK,EAAE,CAAC,UAAU,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG;OACvC,CAAC;;WAEG;aACE;UACH;MACJ;;;MAGA,KAAK;MACL;MACA;MACA;;;;;;"}

package/es/components/radio/src/radio-button.vue_vue_type_template_id_14e266b0_lang.mjs

@@ -1,49 +0,0 @@
-import { openBlock, createElementBlock, normalizeClass, withKeys, withModifiers, withDirectives, createElementVNode, vModelRadio, normalizeStyle, renderSlot, createTextVNode, toDisplayString } from 'vue';
-
-const _hoisted_1 = ["aria-checked", "aria-disabled", "tabindex"];
-const _hoisted_2 = ["value", "name", "disabled"];
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("label", {
-    class: normalizeClass(["el-radio-button", [
-      _ctx.size ? "el-radio-button--" + _ctx.size : "",
-      {
-        "is-active": _ctx.modelValue === _ctx.label,
-        "is-disabled": _ctx.disabled,
-        "is-focus": _ctx.focus
-      }
-    ]]),
-    role: "radio",
-    "aria-checked": _ctx.modelValue === _ctx.label,
-    "aria-disabled": _ctx.disabled,
-    tabindex: _ctx.tabIndex,
-    onKeydown: _cache[4] || (_cache[4] = withKeys(withModifiers(($event) => _ctx.modelValue = _ctx.disabled ? _ctx.modelValue : _ctx.label, ["stop", "prevent"]), ["space"]))
-  }, [
-    withDirectives(createElementVNode("input", {
-      ref: "radioRef",
-      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.modelValue = $event),
-      class: "el-radio-button__original-radio",
-      value: _ctx.label,
-      type: "radio",
-      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)
-    }, null, 40, _hoisted_2), [
-      [vModelRadio, _ctx.modelValue]
-    ]),
-    createElementVNode("span", {
-      class: "el-radio-button__inner",
-      style: normalizeStyle(_ctx.modelValue === _ctx.label ? _ctx.activeStyle : {}),
-      onKeydown: _cache[3] || (_cache[3] = withModifiers(() => {
-      }, ["stop"]))
-    }, [
-      renderSlot(_ctx.$slots, "default", {}, () => [
-        createTextVNode(toDisplayString(_ctx.label), 1)
-      ])
-    ], 36)
-  ], 42, _hoisted_1);
-}
-
-export { render };
-//# sourceMappingURL=radio-button.vue_vue_type_template_id_14e266b0_lang.mjs.map

package/es/components/radio/src/radio-button.vue_vue_type_template_id_14e266b0_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"radio-button.vue_vue_type_template_id_14e266b0_lang.mjs","sources":["../../../../../../packages/components/radio/src/radio-button.vue?vue&type=template&id=14e266b0&lang.js"],"sourcesContent":["<template>\n  <label\n    class=\"el-radio-button\"\n    :class=\"[\n      size ? 'el-radio-button--' + size : '',\n      {\n        'is-active': modelValue === label,\n        'is-disabled': disabled,\n        'is-focus': focus,\n      },\n    ]\"\n    role=\"radio\"\n    :aria-checked=\"modelValue === label\"\n    :aria-disabled=\"disabled\"\n    :tabindex=\"tabIndex\"\n    @keydown.space.stop.prevent=\"modelValue = disabled ? modelValue : label\"\n  >\n    <input\n      ref=\"radioRef\"\n      v-model=\"modelValue\"\n      class=\"el-radio-button__original-radio\"\n      :value=\"label\"\n      type=\"radio\"\n      :name=\"name\"\n      :disabled=\"disabled\"\n      tabindex=\"-1\"\n      @focus=\"focus = true\"\n      @blur=\"focus = false\"\n    />\n    <span\n      class=\"el-radio-button__inner\"\n      :style=\"modelValue === label ? activeStyle : {}\"\n      @keydown.stop\n    >\n      <slot>\n        {{ label }}\n      </slot>\n    </span>\n  </label>\n</template>\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { useRadio } from './radio'\nimport { radioButtonProps } from './radio-button'\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElRadioButton',\n  props: radioButtonProps,\n\n  setup(props, { emit }) {\n    const {\n      radioRef,\n      isGroup,\n      focus,\n      size,\n      disabled,\n      tabIndex,\n      modelValue,\n      radioGroup,\n    } = useRadio(props, emit)\n\n    const activeStyle = computed<CSSProperties>(() => {\n      return {\n        backgroundColor: radioGroup?.fill || '',\n        borderColor: radioGroup?.fill || '',\n        boxShadow: radioGroup?.fill ? `-1px 0 0 0 ${radioGroup.fill}` : '',\n        color: radioGroup?.textColor || '',\n      }\n    })\n\n    return {\n      isGroup,\n      size,\n      disabled,\n      tabIndex,\n      modelValue,\n      focus,\n      activeStyle,\n      radioRef,\n    }\n  },\n})\n</script>\n"],"names":["_withDirectives"],"mappings":";;;;;;;;;;;;;;;;IAWI;IACC,cAAY;IACZ,iBAAe;;IAEfA;;;MAGC,KAAI;;MAEJ;MACC;MACD;MACC;MACA,uBAAkB;MACnB,QAAQ;aACF;MACL;;;;;MAGD;;;;4CAIA;;;;;;;;"}

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

@@ -1,72 +0,0 @@
-import { defineComponent, ref, nextTick, onMounted, provide, reactive, toRefs, watch } 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 { useFormItem } from '../../../hooks/use-form-item/index.mjs';
-import { radioGroupKey } from '../../../tokens/radio.mjs';
-
-var script = 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
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=radio-group.vue_vue_type_script_lang.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"radio-group.vue_vue_type_script_lang.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":[],"mappings":";;;;;;;;;AA0BA,aAAe,eAAe,CAAC;AAC/B,EAAE,MAAM,cAAc;;AAEtB,EAAE,KAAK,EAAE,eAAe;EACtB,MAAM,KAAK,EAAE,GAAG,EAAE;IAChB,MAAM,aAAa;IACnB,MAAM,EAAE,QAAQ,EAAE;;MAEhB,GAAG,CAAC,KAAK;MACT,QAAQ,CAAC,MAAM,GAAG,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC;KACzC,CAAC;;MAEA,IAAI,CAAC,aAAa,CAAC,KAAK;QACtB,OAAO;MACT,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC;;;MAGxB,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;MAC7B,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,OAAO;;MAE/B,IAAI,YAAY,IAAI,CAAC;MACrB,QAAQ,CAAC,CAAC;QACR,KAAK;QACL,KAAK,WAAW,EAAE;UAChB,EAAE;UACF,CAAC,CAAC,cAAc,EAAE,CAAC;UACnB,SAAS,GAAG,KAAK,KAAK,CAAC;UACvB,MAAM;QACR,KAAK,UAAU;QACf,KAAK,UAAU,CAAC,IAAI;;UAElB,CAAC,CAAC,cAAc,EAAE;UAClB,SAAS,GAAG;UACZ,MAAM;QACR;UACE,MAAM;;UAEN,cAAc,IAAI;;gBAEZ,CAAC,SAAS,CAAC,CAAC;gBACZ,CAAC,SAAS,CAAC,CAAC;;aAEf,CAAC,MAAM;YACR,MAAM,gBAAgB,CAAC,MAAM,gBAAgB;YAC7C;UACF,CAAC;;;MAGL,CAAC;WACI,CAAC,aAAa,EAAE;MACrB,GAAG,MAAM,CAAC,KAAK,CAAC;;;IAGlB,KAAK,CAAC;;mBAES;MACb,aAAa;MACb;;;;;;"}

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

@@ -1,15 +0,0 @@
-import { openBlock, createElementBlock, renderSlot } from 'vue';
-
-function 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);
-}
-
-export { render };
-//# sourceMappingURL=radio-group.vue_vue_type_template_id_53ef81f9_lang.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"radio-group.vue_vue_type_template_id_53ef81f9_lang.mjs","sources":["../../../../../../packages/components/radio/src/radio-group.vue?vue&type=template&id=53ef81f9&lang.js"],"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":[],"mappings":";;;;wBACE;IACE,KAAI;IACJ;IACA;;;;;;;;"}

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

@@ -1,27 +0,0 @@
-import { defineComponent, nextTick } from 'vue';
-import { radioProps, radioEmits, useRadio } from './radio.mjs';
-
-var script = 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
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=radio.vue_vue_type_script_lang.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"radio.vue_vue_type_script_lang.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":[],"mappings":";;;AAiDA,aAAe,gBAAgB;;AAE/B,EAAE,KAAK,EAAE,UAAU;EACjB,OAAO;EACP,KAAK,MAAM,EAAE,EAAE;IACb,MAAM,EAAE;;MAEN,SAAS,UAAU;KACpB;WACM;;MAEL,OAAO;MACP,UAAU;;;MAGV;MACA;MACA;MACA;;;;;;"}

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

@@ -1,58 +0,0 @@
-import { createElementVNode, openBlock, createElementBlock, normalizeClass, withKeys, withModifiers, withDirectives, vModelRadio, renderSlot, createTextVNode, toDisplayString } from 'vue';
-
-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 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);
-}
-
-export { render };
-//# sourceMappingURL=radio.vue_vue_type_template_id_6aa3dfc7_lang.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"radio.vue_vue_type_template_id_6aa3dfc7_lang.mjs","sources":["../../../../../../packages/components/radio/src/radio.vue?vue&type=template&id=6aa3dfc7&lang.js"],"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":["_createElementVNode"],"mappings":";;;;;;;;wBACE;;;;;;;;IASE;IACC,cAAY;IACZ,iBAAe;;IAEfA;;;;;;;;;;QAWG,KAAI;;QAEJ;QACC;QACD,IAAI,EAAC;QACL,eAAY;QACX;QACA,uBAAkB;QACnB,QAAQ;QACP;;QAEA;;;;;;;;;4CAIH;;;;;;;;"}

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

@@ -1,202 +0,0 @@
-import { defineComponent, inject, ref, computed, watch } 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 { elFormKey } from '../../../tokens/form.mjs';
-import { useSize } from '../../../hooks/use-common-props/index.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-
-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;
-}
-var script = 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
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=rate.vue_vue_type_script_lang.mjs.map