@element-plus/nightly 0.0.20251025 → 0.0.20251027

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

@@ -1 +1 @@
-{"version":3,"file":"rate.mjs","sources":["../../../../../../packages/components/rate/src/rate.ts"],"sourcesContent":["import { Star, StarFilled } from '@element-plus/icons-vue'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport {\n  buildProps,\n  definePropType,\n  iconPropType,\n  isNumber,\n  mutable,\n} from '@element-plus/utils'\nimport { useAriaProps, useSizeProp } from '@element-plus/hooks'\n\nimport type { Component, ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\nimport type Rate from './rate.vue'\n\nexport const rateProps = buildProps({\n  /**\n   * @description binding value\n   */\n  modelValue: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description native `id` attribute\n   */\n  id: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description threshold value between low and medium level. The value itself will be included in low level\n   */\n  lowThreshold: {\n    type: Number,\n    default: 2,\n  },\n  /**\n   * @description threshold value between medium and high level. The value itself will be included in high level\n   */\n  highThreshold: {\n    type: Number,\n    default: 4,\n  },\n  /**\n   * @description max rating score\n   */\n  max: {\n    type: Number,\n    default: 5,\n  },\n  /**\n   * @description colors for icons. If array, it should have 3 elements, each of which corresponds with a score level, else if object, the key should be threshold value between two levels, and the value should be corresponding color\n   */\n  colors: {\n    type: definePropType<string[] | Record<number, string>>([Array, Object]),\n    default: () => mutable(['', '', ''] as const),\n  },\n  /**\n   * @description color of unselected icons\n   */\n  voidColor: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description color of unselected read-only icons\n   */\n  disabledVoidColor: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description icon components. If array, it should have 3 elements, each of which corresponds with a score level, else if object, the key should be threshold value between two levels, and the value should be corresponding icon component\n   */\n  icons: {\n    type: definePropType<\n      Array<string | Component> | Record<number, string | Component>\n    >([Array, Object]),\n    default: () =>\n      [StarFilled, StarFilled, StarFilled] as [Component, Component, Component],\n  },\n  /**\n   * @description component of unselected icons\n   */\n  voidIcon: {\n    type: iconPropType,\n    default: () => Star as Component,\n  },\n  /**\n   * @description component of unselected read-only icons\n   */\n  disabledVoidIcon: {\n    type: iconPropType,\n    default: () => StarFilled as Component,\n  },\n  /**\n   * @description whether Rate is read-only\n   */\n  disabled: Boolean,\n  /**\n   * @description whether picking half start is allowed\n   */\n  allowHalf: Boolean,\n  /**\n   * @description whether to display texts\n   */\n  showText: Boolean,\n  /**\n   * @description whether to display current score. show-score and show-text cannot be true at the same time\n   */\n  showScore: Boolean,\n  /**\n   * @description color of texts\n   */\n  textColor: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description text array\n   */\n  texts: {\n    type: definePropType<string[]>(Array),\n    default: () =>\n      mutable([\n        'Extremely bad',\n        'Disappointed',\n        'Fair',\n        'Satisfied',\n        'Surprise',\n      ] as const),\n  },\n  /**\n   * @description score template\n   */\n  scoreTemplate: {\n    type: String,\n    default: '{value}',\n  },\n  /**\n   * @description size of Rate\n   */\n  size: useSizeProp,\n  /**\n   * @description whether value can be reset to `0`\n   */\n  clearable: Boolean,\n  ...useAriaProps(['ariaLabel']),\n} as const)\n\nexport type RateProps = ExtractPropTypes<typeof rateProps>\nexport type RatePropsPublic = __ExtractPublicPropTypes<typeof rateProps>\n\nexport const rateEmits = {\n  [CHANGE_EVENT]: (value: number) => isNumber(value),\n  [UPDATE_MODEL_EVENT]: (value: number) => isNumber(value),\n}\nexport type RateEmits = typeof rateEmits\n\nexport type RateInstance = InstanceType<typeof Rate> & unknown\n"],"names":[],"mappings":";;;;;;;;;AAUY,MAAC,SAAS,GAAG,UAAU,CAAC;AACpC,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,EAAE,EAAE;AACN,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;AACzC,IAAI,OAAO,EAAE,MAAM,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;AACxC,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,iBAAiB,EAAE;AACrB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;AACzC,IAAI,OAAO,EAAE,MAAM,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC;AACvD,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,YAAY;AACtB,IAAI,OAAO,EAAE,MAAM,IAAI;AACvB,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,YAAY;AACtB,IAAI,OAAO,EAAE,MAAM,UAAU;AAC7B,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,OAAO,CAAC;AAC3B,MAAM,eAAe;AACrB,MAAM,cAAc;AACpB,MAAM,MAAM;AACZ,MAAM,WAAW;AACjB,MAAM,UAAU;AAChB,KAAK,CAAC;AACN,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,SAAS;AACtB,GAAG;AACH,EAAE,IAAI,EAAE,WAAW;AACnB,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,GAAG,YAAY,CAAC,CAAC,WAAW,CAAC,CAAC;AAChC,CAAC,EAAE;AACS,MAAC,SAAS,GAAG;AACzB,EAAE,CAAC,YAAY,GAAG,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC;AAC5C,EAAE,CAAC,kBAAkB,GAAG,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC;AAClD;;;;"}
+{"version":3,"file":"rate.mjs","sources":["../../../../../../packages/components/rate/src/rate.vue"],"sourcesContent":["<template>\n  <div\n    :id=\"inputId\"\n    :class=\"[rateClasses, ns.is('disabled', rateDisabled)]\"\n    role=\"slider\"\n    :aria-label=\"!isLabeledByFormItem ? ariaLabel || 'rating' : undefined\"\n    :aria-labelledby=\"\n      isLabeledByFormItem ? formItemContext?.labelId : undefined\n    \"\n    :aria-valuenow=\"currentValue\"\n    :aria-valuetext=\"text || undefined\"\n    aria-valuemin=\"0\"\n    :aria-valuemax=\"max\"\n    tabindex=\"0\"\n    :style=\"rateStyles\"\n    @keydown=\"handleKey\"\n  >\n    <span\n      v-for=\"(item, key) in max\"\n      :key=\"key\"\n      :class=\"ns.e('item')\"\n      @mousemove=\"setCurrentValue(item, $event)\"\n      @mouseleave=\"resetCurrentValue\"\n      @click=\"selectValue(item)\"\n    >\n      <el-icon\n        ref=\"iconRefs\"\n        :class=\"[\n          ns.e('icon'),\n          { hover: hoverIndex === item },\n          ns.is('active', item <= currentValue),\n          ns.is('focus-visible', item === Math.ceil(currentValue || 1)),\n        ]\"\n      >\n        <component\n          :is=\"activeComponent\"\n          v-show=\"!showDecimalIcon(item) && item <= currentValue\"\n        />\n        <component\n          :is=\"voidComponent\"\n          v-show=\"!showDecimalIcon(item) && item > currentValue\"\n        />\n        <component\n          :is=\"voidComponent\"\n          v-show=\"showDecimalIcon(item)\"\n          :class=\"[ns.em('decimal', 'box')]\"\n        />\n        <el-icon\n          v-show=\"showDecimalIcon(item)\"\n          :style=\"decimalStyle\"\n          :class=\"[ns.e('icon'), ns.e('decimal')]\"\n        >\n          <component :is=\"decimalIconComponent\" />\n        </el-icon>\n      </el-icon>\n    </span>\n    <span\n      v-if=\"showText || showScore\"\n      :class=\"ns.e('text')\"\n      :style=\"{ color: textColor }\"\n    >\n      {{ text }}\n    </span>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, markRaw, ref, watch } from 'vue'\nimport { clamp } from 'lodash-unified'\nimport {\n  CHANGE_EVENT,\n  EVENT_CODE,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { getEventCode, isArray, isObject, isString } from '@element-plus/utils'\nimport {\n  formContextKey,\n  formItemContextKey,\n  useFormItemInputId,\n  useFormSize,\n} from '@element-plus/components/form'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { rateEmits, rateProps } from './rate'\n\nimport type { CSSProperties, Component } from 'vue'\nimport type { IconInstance } from '@element-plus/components/icon'\n\nfunction getValueFromMap<T>(\n  value: number,\n  map: Record<string, T | { excluded?: boolean; value: T }>\n) {\n  const isExcludedObject = (\n    val: unknown\n  ): val is { excluded?: boolean } & Record<any, unknown> => isObject(val)\n\n  const matchedKeys = Object.keys(map)\n    .map((key) => +key)\n    .filter((key) => {\n      const val = map[key]\n      const excluded = isExcludedObject(val) ? val.excluded : false\n      return excluded ? value < key : value <= key\n    })\n    .sort((a, b) => a - b)\n  const matchedValue = map[matchedKeys[0]]\n  return (isExcludedObject(matchedValue) && matchedValue.value) || matchedValue\n}\n\ndefineOptions({\n  name: 'ElRate',\n})\n\nconst props = defineProps(rateProps)\nconst emit = defineEmits(rateEmits)\n\nconst formContext = inject(formContextKey, undefined)\nconst formItemContext = inject(formItemContextKey, undefined)\nconst rateSize = useFormSize()\nconst ns = useNamespace('rate')\nconst { inputId, isLabeledByFormItem } = useFormItemInputId(props, {\n  formItemContext,\n})\n\nconst currentValue = ref(props.modelValue)\nconst hoverIndex = ref(-1)\nconst pointerAtLeftHalf = ref(true)\n\nconst iconRefs = ref<IconInstance[]>([])\nconst iconClientWidths = computed<number[]>(() =>\n  iconRefs.value.map((icon) => icon.$el.clientWidth)\n)\nconst rateClasses = computed(() => [ns.b(), ns.m(rateSize.value)])\nconst rateDisabled = computed(() => props.disabled || formContext?.disabled)\nconst rateStyles = computed(() => {\n  return ns.cssVarBlock({\n    'void-color': props.voidColor,\n    'disabled-void-color': props.disabledVoidColor,\n    'fill-color': activeColor.value,\n  }) as CSSProperties\n})\n\nconst text = computed(() => {\n  let result = ''\n  if (props.showScore) {\n    result = props.scoreTemplate.replace(\n      /\\{\\s*value\\s*\\}/,\n      rateDisabled.value ? `${props.modelValue}` : `${currentValue.value}`\n    )\n  } else if (props.showText) {\n    result = props.texts[Math.ceil(currentValue.value) - 1]\n  }\n  return result\n})\nconst valueDecimal = computed(\n  () => props.modelValue * 100 - Math.floor(props.modelValue) * 100\n)\nconst colorMap = computed(() =>\n  isArray(props.colors)\n    ? {\n        [props.lowThreshold]: props.colors[0],\n        [props.highThreshold]: { value: props.colors[1], excluded: true },\n        [props.max]: props.colors[2],\n      }\n    : props.colors\n)\nconst activeColor = computed(() => {\n  const color = getValueFromMap(currentValue.value, colorMap.value)\n  // {value: '', excluded: true} returned\n  return isObject(color) ? '' : color\n})\nconst decimalStyle = computed(() => {\n  let width = ''\n  if (rateDisabled.value) {\n    width = `${valueDecimal.value}%`\n  } else if (props.allowHalf) {\n    width = '50%'\n  }\n  return {\n    color: activeColor.value,\n    width,\n  }\n})\nconst componentMap = computed(() => {\n  let icons = isArray(props.icons) ? [...props.icons] : { ...props.icons }\n  icons = markRaw(icons) as\n    | Array<string | Component>\n    | Record<number, string | Component>\n  return isArray(icons)\n    ? {\n        [props.lowThreshold]: icons[0],\n        [props.highThreshold]: {\n          value: icons[1],\n          excluded: true,\n        },\n        [props.max]: icons[2],\n      }\n    : icons\n})\nconst decimalIconComponent = computed(() =>\n  getValueFromMap(props.modelValue, componentMap.value)\n)\nconst voidComponent = computed(() =>\n  rateDisabled.value\n    ? isString(props.disabledVoidIcon)\n      ? props.disabledVoidIcon\n      : (markRaw(props.disabledVoidIcon) as Component)\n    : isString(props.voidIcon)\n      ? props.voidIcon\n      : (markRaw(props.voidIcon) as Component)\n)\nconst activeComponent = computed(() =>\n  getValueFromMap(currentValue.value, componentMap.value)\n)\n\nfunction showDecimalIcon(item: number) {\n  const showWhenDisabled =\n    rateDisabled.value &&\n    valueDecimal.value > 0 &&\n    item - 1 < props.modelValue &&\n    item > props.modelValue\n  const showWhenAllowHalf =\n    props.allowHalf &&\n    pointerAtLeftHalf.value &&\n    item - 0.5 <= currentValue.value &&\n    item > currentValue.value\n  return showWhenDisabled || showWhenAllowHalf\n}\n\nfunction emitValue(value: number) {\n  // if allow clear, and selected value is same as modelValue, reset value to 0\n  if (props.clearable && value === props.modelValue) {\n    value = 0\n  }\n\n  emit(UPDATE_MODEL_EVENT, value)\n  if (props.modelValue !== value) {\n    emit(CHANGE_EVENT, value)\n  }\n}\n\nfunction selectValue(value: number) {\n  if (rateDisabled.value) {\n    return\n  }\n  if (props.allowHalf && pointerAtLeftHalf.value) {\n    emitValue(currentValue.value)\n  } else {\n    emitValue(value)\n  }\n}\n\nfunction handleKey(e: KeyboardEvent) {\n  if (rateDisabled.value) {\n    return\n  }\n  const code = getEventCode(e)\n  const step = props.allowHalf ? 0.5 : 1\n  let _currentValue = currentValue.value\n\n  switch (code) {\n    case EVENT_CODE.up:\n    case EVENT_CODE.right:\n      _currentValue += step\n      break\n    case EVENT_CODE.left:\n    case EVENT_CODE.down:\n      _currentValue -= step\n      break\n  }\n\n  _currentValue = clamp(_currentValue, 0, props.max)\n\n  if (_currentValue === currentValue.value) {\n    return\n  }\n\n  e.stopPropagation()\n  e.preventDefault()\n  emit(UPDATE_MODEL_EVENT, _currentValue)\n  emit(CHANGE_EVENT, _currentValue)\n  return _currentValue\n}\n\nfunction setCurrentValue(value: number, event?: MouseEvent) {\n  if (rateDisabled.value) {\n    return\n  }\n  if (props.allowHalf && event) {\n    pointerAtLeftHalf.value =\n      event.offsetX * 2 <= iconClientWidths.value[value - 1]\n    currentValue.value = pointerAtLeftHalf.value ? value - 0.5 : value\n  } else {\n    currentValue.value = value\n  }\n  hoverIndex.value = value\n}\n\nfunction resetCurrentValue() {\n  if (rateDisabled.value) {\n    return\n  }\n  if (props.allowHalf) {\n    pointerAtLeftHalf.value = props.modelValue !== Math.floor(props.modelValue)\n  }\n  currentValue.value = props.modelValue\n  hoverIndex.value = -1\n}\n\nwatch(\n  () => props.modelValue,\n  (val) => {\n    currentValue.value = val\n    pointerAtLeftHalf.value = props.modelValue !== Math.floor(props.modelValue)\n  }\n)\n\nif (!props.modelValue) {\n  emit(UPDATE_MODEL_EVENT, 0)\n}\n\ndefineExpose({\n  /** @description set current value */\n  setCurrentValue,\n  /** @description reset current value */\n  resetCurrentValue,\n})\n</script>\n"],"names":["_openBlock","_createElementBlock","_unref","_normalizeClass","_normalizeStyle","_Fragment","_renderList"],"mappings":"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"}

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

@@ -1,260 +1,87 @@
-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 './rate.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';
+import { StarFilled, Star } from '@element-plus/icons-vue';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
+import { mutable } from '../../../utils/typescript.mjs';
+import { iconPropType } from '../../../utils/vue/icon.mjs';
+import { useSizeProp } from '../../../hooks/use-size/index.mjs';
+import { useAriaProps } from '../../../hooks/use-aria/index.mjs';
+import { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '../../../constants/event.mjs';
+import { isNumber } from '../../../utils/types.mjs';
 
-const __default__ = defineComponent({
-  name: "ElRate"
+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 _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"]]);
+const rateEmits = {
+  [CHANGE_EVENT]: (value) => isNumber(value),
+  [UPDATE_MODEL_EVENT]: (value) => isNumber(value)
+};
 
-export { Rate as default };
+export { rateEmits, rateProps };
 //# sourceMappingURL=rate2.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"rate2.mjs","sources":["../../../../../../packages/components/rate/src/rate.vue"],"sourcesContent":["<template>\n  <div\n    :id=\"inputId\"\n    :class=\"[rateClasses, ns.is('disabled', rateDisabled)]\"\n    role=\"slider\"\n    :aria-label=\"!isLabeledByFormItem ? ariaLabel || 'rating' : undefined\"\n    :aria-labelledby=\"\n      isLabeledByFormItem ? formItemContext?.labelId : undefined\n    \"\n    :aria-valuenow=\"currentValue\"\n    :aria-valuetext=\"text || undefined\"\n    aria-valuemin=\"0\"\n    :aria-valuemax=\"max\"\n    tabindex=\"0\"\n    :style=\"rateStyles\"\n    @keydown=\"handleKey\"\n  >\n    <span\n      v-for=\"(item, key) in max\"\n      :key=\"key\"\n      :class=\"ns.e('item')\"\n      @mousemove=\"setCurrentValue(item, $event)\"\n      @mouseleave=\"resetCurrentValue\"\n      @click=\"selectValue(item)\"\n    >\n      <el-icon\n        ref=\"iconRefs\"\n        :class=\"[\n          ns.e('icon'),\n          { hover: hoverIndex === item },\n          ns.is('active', item <= currentValue),\n          ns.is('focus-visible', item === Math.ceil(currentValue || 1)),\n        ]\"\n      >\n        <component\n          :is=\"activeComponent\"\n          v-show=\"!showDecimalIcon(item) && item <= currentValue\"\n        />\n        <component\n          :is=\"voidComponent\"\n          v-show=\"!showDecimalIcon(item) && item > currentValue\"\n        />\n        <component\n          :is=\"voidComponent\"\n          v-show=\"showDecimalIcon(item)\"\n          :class=\"[ns.em('decimal', 'box')]\"\n        />\n        <el-icon\n          v-show=\"showDecimalIcon(item)\"\n          :style=\"decimalStyle\"\n          :class=\"[ns.e('icon'), ns.e('decimal')]\"\n        >\n          <component :is=\"decimalIconComponent\" />\n        </el-icon>\n      </el-icon>\n    </span>\n    <span\n      v-if=\"showText || showScore\"\n      :class=\"ns.e('text')\"\n      :style=\"{ color: textColor }\"\n    >\n      {{ text }}\n    </span>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, markRaw, ref, watch } from 'vue'\nimport { clamp } from 'lodash-unified'\nimport {\n  CHANGE_EVENT,\n  EVENT_CODE,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { getEventCode, isArray, isObject, isString } from '@element-plus/utils'\nimport {\n  formContextKey,\n  formItemContextKey,\n  useFormItemInputId,\n  useFormSize,\n} from '@element-plus/components/form'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { rateEmits, rateProps } from './rate'\n\nimport type { CSSProperties, Component } from 'vue'\nimport type { IconInstance } from '@element-plus/components/icon'\n\nfunction getValueFromMap<T>(\n  value: number,\n  map: Record<string, T | { excluded?: boolean; value: T }>\n) {\n  const isExcludedObject = (\n    val: unknown\n  ): val is { excluded?: boolean } & Record<any, unknown> => isObject(val)\n\n  const matchedKeys = Object.keys(map)\n    .map((key) => +key)\n    .filter((key) => {\n      const val = map[key]\n      const excluded = isExcludedObject(val) ? val.excluded : false\n      return excluded ? value < key : value <= key\n    })\n    .sort((a, b) => a - b)\n  const matchedValue = map[matchedKeys[0]]\n  return (isExcludedObject(matchedValue) && matchedValue.value) || matchedValue\n}\n\ndefineOptions({\n  name: 'ElRate',\n})\n\nconst props = defineProps(rateProps)\nconst emit = defineEmits(rateEmits)\n\nconst formContext = inject(formContextKey, undefined)\nconst formItemContext = inject(formItemContextKey, undefined)\nconst rateSize = useFormSize()\nconst ns = useNamespace('rate')\nconst { inputId, isLabeledByFormItem } = useFormItemInputId(props, {\n  formItemContext,\n})\n\nconst currentValue = ref(props.modelValue)\nconst hoverIndex = ref(-1)\nconst pointerAtLeftHalf = ref(true)\n\nconst iconRefs = ref<IconInstance[]>([])\nconst iconClientWidths = computed<number[]>(() =>\n  iconRefs.value.map((icon) => icon.$el.clientWidth)\n)\nconst rateClasses = computed(() => [ns.b(), ns.m(rateSize.value)])\nconst rateDisabled = computed(() => props.disabled || formContext?.disabled)\nconst rateStyles = computed(() => {\n  return ns.cssVarBlock({\n    'void-color': props.voidColor,\n    'disabled-void-color': props.disabledVoidColor,\n    'fill-color': activeColor.value,\n  }) as CSSProperties\n})\n\nconst text = computed(() => {\n  let result = ''\n  if (props.showScore) {\n    result = props.scoreTemplate.replace(\n      /\\{\\s*value\\s*\\}/,\n      rateDisabled.value ? `${props.modelValue}` : `${currentValue.value}`\n    )\n  } else if (props.showText) {\n    result = props.texts[Math.ceil(currentValue.value) - 1]\n  }\n  return result\n})\nconst valueDecimal = computed(\n  () => props.modelValue * 100 - Math.floor(props.modelValue) * 100\n)\nconst colorMap = computed(() =>\n  isArray(props.colors)\n    ? {\n        [props.lowThreshold]: props.colors[0],\n        [props.highThreshold]: { value: props.colors[1], excluded: true },\n        [props.max]: props.colors[2],\n      }\n    : props.colors\n)\nconst activeColor = computed(() => {\n  const color = getValueFromMap(currentValue.value, colorMap.value)\n  // {value: '', excluded: true} returned\n  return isObject(color) ? '' : color\n})\nconst decimalStyle = computed(() => {\n  let width = ''\n  if (rateDisabled.value) {\n    width = `${valueDecimal.value}%`\n  } else if (props.allowHalf) {\n    width = '50%'\n  }\n  return {\n    color: activeColor.value,\n    width,\n  }\n})\nconst componentMap = computed(() => {\n  let icons = isArray(props.icons) ? [...props.icons] : { ...props.icons }\n  icons = markRaw(icons) as\n    | Array<string | Component>\n    | Record<number, string | Component>\n  return isArray(icons)\n    ? {\n        [props.lowThreshold]: icons[0],\n        [props.highThreshold]: {\n          value: icons[1],\n          excluded: true,\n        },\n        [props.max]: icons[2],\n      }\n    : icons\n})\nconst decimalIconComponent = computed(() =>\n  getValueFromMap(props.modelValue, componentMap.value)\n)\nconst voidComponent = computed(() =>\n  rateDisabled.value\n    ? isString(props.disabledVoidIcon)\n      ? props.disabledVoidIcon\n      : (markRaw(props.disabledVoidIcon) as Component)\n    : isString(props.voidIcon)\n      ? props.voidIcon\n      : (markRaw(props.voidIcon) as Component)\n)\nconst activeComponent = computed(() =>\n  getValueFromMap(currentValue.value, componentMap.value)\n)\n\nfunction showDecimalIcon(item: number) {\n  const showWhenDisabled =\n    rateDisabled.value &&\n    valueDecimal.value > 0 &&\n    item - 1 < props.modelValue &&\n    item > props.modelValue\n  const showWhenAllowHalf =\n    props.allowHalf &&\n    pointerAtLeftHalf.value &&\n    item - 0.5 <= currentValue.value &&\n    item > currentValue.value\n  return showWhenDisabled || showWhenAllowHalf\n}\n\nfunction emitValue(value: number) {\n  // if allow clear, and selected value is same as modelValue, reset value to 0\n  if (props.clearable && value === props.modelValue) {\n    value = 0\n  }\n\n  emit(UPDATE_MODEL_EVENT, value)\n  if (props.modelValue !== value) {\n    emit(CHANGE_EVENT, value)\n  }\n}\n\nfunction selectValue(value: number) {\n  if (rateDisabled.value) {\n    return\n  }\n  if (props.allowHalf && pointerAtLeftHalf.value) {\n    emitValue(currentValue.value)\n  } else {\n    emitValue(value)\n  }\n}\n\nfunction handleKey(e: KeyboardEvent) {\n  if (rateDisabled.value) {\n    return\n  }\n  const code = getEventCode(e)\n  const step = props.allowHalf ? 0.5 : 1\n  let _currentValue = currentValue.value\n\n  switch (code) {\n    case EVENT_CODE.up:\n    case EVENT_CODE.right:\n      _currentValue += step\n      break\n    case EVENT_CODE.left:\n    case EVENT_CODE.down:\n      _currentValue -= step\n      break\n  }\n\n  _currentValue = clamp(_currentValue, 0, props.max)\n\n  if (_currentValue === currentValue.value) {\n    return\n  }\n\n  e.stopPropagation()\n  e.preventDefault()\n  emit(UPDATE_MODEL_EVENT, _currentValue)\n  emit(CHANGE_EVENT, _currentValue)\n  return _currentValue\n}\n\nfunction setCurrentValue(value: number, event?: MouseEvent) {\n  if (rateDisabled.value) {\n    return\n  }\n  if (props.allowHalf && event) {\n    pointerAtLeftHalf.value =\n      event.offsetX * 2 <= iconClientWidths.value[value - 1]\n    currentValue.value = pointerAtLeftHalf.value ? value - 0.5 : value\n  } else {\n    currentValue.value = value\n  }\n  hoverIndex.value = value\n}\n\nfunction resetCurrentValue() {\n  if (rateDisabled.value) {\n    return\n  }\n  if (props.allowHalf) {\n    pointerAtLeftHalf.value = props.modelValue !== Math.floor(props.modelValue)\n  }\n  currentValue.value = props.modelValue\n  hoverIndex.value = -1\n}\n\nwatch(\n  () => props.modelValue,\n  (val) => {\n    currentValue.value = val\n    pointerAtLeftHalf.value = props.modelValue !== Math.floor(props.modelValue)\n  }\n)\n\nif (!props.modelValue) {\n  emit(UPDATE_MODEL_EVENT, 0)\n}\n\ndefineExpose({\n  /** @description set current value */\n  setCurrentValue,\n  /** @description reset current value */\n  resetCurrentValue,\n})\n</script>\n"],"names":["_openBlock","_createElementBlock","_unref","_normalizeClass","_normalizeStyle","_Fragment","_renderList"],"mappings":"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"}
+{"version":3,"file":"rate2.mjs","sources":["../../../../../../packages/components/rate/src/rate.ts"],"sourcesContent":["import { Star, StarFilled } from '@element-plus/icons-vue'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport {\n  buildProps,\n  definePropType,\n  iconPropType,\n  isNumber,\n  mutable,\n} from '@element-plus/utils'\nimport { useAriaProps, useSizeProp } from '@element-plus/hooks'\n\nimport type { Component, ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\nimport type Rate from './rate.vue'\n\nexport const rateProps = buildProps({\n  /**\n   * @description binding value\n   */\n  modelValue: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description native `id` attribute\n   */\n  id: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description threshold value between low and medium level. The value itself will be included in low level\n   */\n  lowThreshold: {\n    type: Number,\n    default: 2,\n  },\n  /**\n   * @description threshold value between medium and high level. The value itself will be included in high level\n   */\n  highThreshold: {\n    type: Number,\n    default: 4,\n  },\n  /**\n   * @description max rating score\n   */\n  max: {\n    type: Number,\n    default: 5,\n  },\n  /**\n   * @description colors for icons. If array, it should have 3 elements, each of which corresponds with a score level, else if object, the key should be threshold value between two levels, and the value should be corresponding color\n   */\n  colors: {\n    type: definePropType<string[] | Record<number, string>>([Array, Object]),\n    default: () => mutable(['', '', ''] as const),\n  },\n  /**\n   * @description color of unselected icons\n   */\n  voidColor: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description color of unselected read-only icons\n   */\n  disabledVoidColor: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description icon components. If array, it should have 3 elements, each of which corresponds with a score level, else if object, the key should be threshold value between two levels, and the value should be corresponding icon component\n   */\n  icons: {\n    type: definePropType<\n      Array<string | Component> | Record<number, string | Component>\n    >([Array, Object]),\n    default: () =>\n      [StarFilled, StarFilled, StarFilled] as [Component, Component, Component],\n  },\n  /**\n   * @description component of unselected icons\n   */\n  voidIcon: {\n    type: iconPropType,\n    default: () => Star as Component,\n  },\n  /**\n   * @description component of unselected read-only icons\n   */\n  disabledVoidIcon: {\n    type: iconPropType,\n    default: () => StarFilled as Component,\n  },\n  /**\n   * @description whether Rate is read-only\n   */\n  disabled: Boolean,\n  /**\n   * @description whether picking half start is allowed\n   */\n  allowHalf: Boolean,\n  /**\n   * @description whether to display texts\n   */\n  showText: Boolean,\n  /**\n   * @description whether to display current score. show-score and show-text cannot be true at the same time\n   */\n  showScore: Boolean,\n  /**\n   * @description color of texts\n   */\n  textColor: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description text array\n   */\n  texts: {\n    type: definePropType<string[]>(Array),\n    default: () =>\n      mutable([\n        'Extremely bad',\n        'Disappointed',\n        'Fair',\n        'Satisfied',\n        'Surprise',\n      ] as const),\n  },\n  /**\n   * @description score template\n   */\n  scoreTemplate: {\n    type: String,\n    default: '{value}',\n  },\n  /**\n   * @description size of Rate\n   */\n  size: useSizeProp,\n  /**\n   * @description whether value can be reset to `0`\n   */\n  clearable: Boolean,\n  ...useAriaProps(['ariaLabel']),\n} as const)\n\nexport type RateProps = ExtractPropTypes<typeof rateProps>\nexport type RatePropsPublic = __ExtractPublicPropTypes<typeof rateProps>\n\nexport const rateEmits = {\n  [CHANGE_EVENT]: (value: number) => isNumber(value),\n  [UPDATE_MODEL_EVENT]: (value: number) => isNumber(value),\n}\nexport type RateEmits = typeof rateEmits\n\nexport type RateInstance = InstanceType<typeof Rate> & unknown\n"],"names":[],"mappings":";;;;;;;;;AAUY,MAAC,SAAS,GAAG,UAAU,CAAC;AACpC,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,EAAE,EAAE;AACN,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;AACzC,IAAI,OAAO,EAAE,MAAM,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;AACxC,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,iBAAiB,EAAE;AACrB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;AACzC,IAAI,OAAO,EAAE,MAAM,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC;AACvD,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,YAAY;AACtB,IAAI,OAAO,EAAE,MAAM,IAAI;AACvB,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,YAAY;AACtB,IAAI,OAAO,EAAE,MAAM,UAAU;AAC7B,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,OAAO,CAAC;AAC3B,MAAM,eAAe;AACrB,MAAM,cAAc;AACpB,MAAM,MAAM;AACZ,MAAM,WAAW;AACjB,MAAM,UAAU;AAChB,KAAK,CAAC;AACN,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,SAAS;AACtB,GAAG;AACH,EAAE,IAAI,EAAE,WAAW;AACnB,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,GAAG,YAAY,CAAC,CAAC,WAAW,CAAC,CAAC;AAChC,CAAC,EAAE;AACS,MAAC,SAAS,GAAG;AACzB,EAAE,CAAC,YAAY,GAAG,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC;AAC5C,EAAE,CAAC,kBAAkB,GAAG,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC;AAClD;;;;"}

package/es/components/roving-focus-group/index.mjs

@@ -1,7 +1,7 @@
-import ElRovingFocusGroup from './src/roving-focus-group.mjs';
-export { default as ElRovingFocusGroup, default } from './src/roving-focus-group.mjs';
+import ElRovingFocusGroup from './src/roving-focus-group2.mjs';
+export { default as ElRovingFocusGroup, default } from './src/roving-focus-group2.mjs';
 export { default as ElRovingFocusItem } from './src/roving-focus-item.mjs';
 export { ROVING_FOCUS_GROUP_INJECTION_KEY, ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY } from './src/tokens.mjs';
 export { focusFirst, getFocusIntent, reorderArray } from './src/utils.mjs';
-export { ROVING_FOCUS_COLLECTION_INJECTION_KEY, ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY } from './src/roving-focus-group2.mjs';
+export { ROVING_FOCUS_COLLECTION_INJECTION_KEY, ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY } from './src/roving-focus-group.mjs';
 //# sourceMappingURL=index.mjs.map

package/es/components/roving-focus-group/src/roving-focus-group-impl.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, ref, inject, computed, provide, readonly, toRef, unref, watch, nextTick, renderSlot } from 'vue';
 import { useEventListener } from '@vueuse/core';
-import { rovingFocusGroupProps, ROVING_FOCUS_COLLECTION_INJECTION_KEY as COLLECTION_INJECTION_KEY } from './roving-focus-group2.mjs';
+import { rovingFocusGroupProps, ROVING_FOCUS_COLLECTION_INJECTION_KEY as COLLECTION_INJECTION_KEY } from './roving-focus-group.mjs';
 import { ROVING_FOCUS_GROUP_INJECTION_KEY } from './tokens.mjs';
 import { getFocusIntent, reorderArray, focusFirst } from './utils.mjs';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';

package/es/components/roving-focus-group/src/roving-focus-group.mjs

@@ -1,31 +1,31 @@
-import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createVNode, normalizeProps, guardReactiveProps, renderSlot } from 'vue';
-import ElRovingFocusGroupImpl from './roving-focus-group-impl.mjs';
-import { ElCollection } from './roving-focus-group2.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { createCollectionWithScope } from '../../collection/src/collection.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
 
-const _sfc_main = defineComponent({
-  name: "ElRovingFocusGroup",
-  components: {
-    ElFocusGroupCollection: ElCollection,
-    ElRovingFocusGroupImpl
-  }
+const rovingFocusGroupProps = buildProps({
+  style: { type: definePropType([String, Array, Object]) },
+  currentTabId: {
+    type: definePropType(String)
+  },
+  defaultCurrentTabId: String,
+  loop: Boolean,
+  dir: {
+    type: String,
+    values: ["ltr", "rtl"],
+    default: "ltr"
+  },
+  orientation: {
+    type: definePropType(String)
+  },
+  onBlur: Function,
+  onFocus: Function,
+  onMousedown: Function
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_roving_focus_group_impl = resolveComponent("el-roving-focus-group-impl");
-  const _component_el_focus_group_collection = resolveComponent("el-focus-group-collection");
-  return openBlock(), createBlock(_component_el_focus_group_collection, null, {
-    default: withCtx(() => [
-      createVNode(_component_el_roving_focus_group_impl, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16)
-    ]),
-    _: 3
-  });
-}
-var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "roving-focus-group.vue"]]);
+const {
+  ElCollection,
+  ElCollectionItem,
+  COLLECTION_INJECTION_KEY,
+  COLLECTION_ITEM_INJECTION_KEY
+} = createCollectionWithScope("RovingFocusGroup");
 
-export { ElRovingFocusGroup as default };
+export { ElCollection, ElCollectionItem, COLLECTION_INJECTION_KEY as ROVING_FOCUS_COLLECTION_INJECTION_KEY, COLLECTION_ITEM_INJECTION_KEY as ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY, rovingFocusGroupProps };
 //# sourceMappingURL=roving-focus-group.mjs.map

package/es/components/roving-focus-group/src/roving-focus-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"roving-focus-group.mjs","sources":["../../../../../../packages/components/roving-focus-group/src/roving-focus-group.vue"],"sourcesContent":["<template>\n  <el-focus-group-collection>\n    <el-roving-focus-group-impl v-bind=\"$attrs\">\n      <slot />\n    </el-roving-focus-group-impl>\n  </el-focus-group-collection>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport ElRovingFocusGroupImpl from './roving-focus-group-impl.vue'\nimport { ElCollection as ElFocusGroupCollection } from './roving-focus-group'\n\nexport default defineComponent({\n  name: 'ElRovingFocusGroup',\n  components: {\n    ElFocusGroupCollection,\n    ElRovingFocusGroupImpl,\n  },\n})\n</script>\n"],"names":["ElFocusGroupCollection","_createBlock","_withCtx","_createVNode","_normalizeProps","_guardReactiveProps","_renderSlot"],"mappings":";;;;;AAaA,MAAK,YAAa,eAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,oBAAA;AAAA,EACN,UAAY,EAAA;AAAA,4BACVA,YAAA;AAAA,IACA,sBAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;;;;sBAlBCC,WAI4B,CAAA,oCAAA,EAAA,IAAA,EAAA;AAAA,IAAA,OAAA,EAAAC,OAAA,CAH1B,MAE6B;AAAA,MAF7BC,WAAA,CAAA,qCAAA,EAAAC,cAAA,CAAAC,kBAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA;AAAA,QAE6B,OAAA,EAAAH,OAAA,CAAA,MAAA;AAAA,UAAAI,UAAA,CAAA,IAAA,CAAA,MAAA,EAAA,SAFO,CAAM;AAAA,SAAA,CAAA;AAAA,QAAA,CAAA,EAAA,CAAA;AAChC,OAAA,EAAA,EAAA,CAAR;AAAQ,KAAA,CAAA;;;;;;;;"}
+{"version":3,"file":"roving-focus-group.mjs","sources":["../../../../../../packages/components/roving-focus-group/src/roving-focus-group.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport { createCollectionWithScope } from '@element-plus/components/collection'\n\nimport type {\n  ExtractPropTypes,\n  HTMLAttributes,\n  StyleValue,\n  __ExtractPublicPropTypes,\n} from 'vue'\n\nexport const rovingFocusGroupProps = buildProps({\n  style: { type: definePropType<StyleValue>([String, Array, Object]) },\n  currentTabId: {\n    type: definePropType<string | null>(String),\n  },\n  defaultCurrentTabId: String,\n  loop: Boolean,\n  dir: {\n    type: String, // left for direction support\n    values: ['ltr', 'rtl'],\n    default: 'ltr',\n  },\n  orientation: {\n    // left for orientation support\n    type: definePropType<HTMLAttributes['aria-orientation']>(String),\n  },\n\n  onBlur: Function,\n  onFocus: Function,\n  onMousedown: Function,\n})\n\nexport type ElRovingFocusGroupProps = ExtractPropTypes<\n  typeof rovingFocusGroupProps\n>\n\nexport type ElRovingFocusGroupPropsPublic = __ExtractPublicPropTypes<\n  typeof rovingFocusGroupProps\n>\n\nconst {\n  ElCollection,\n  ElCollectionItem,\n  COLLECTION_INJECTION_KEY,\n  COLLECTION_ITEM_INJECTION_KEY,\n} = createCollectionWithScope('RovingFocusGroup')\n\nexport {\n  ElCollection,\n  ElCollectionItem,\n  COLLECTION_INJECTION_KEY as ROVING_FOCUS_COLLECTION_INJECTION_KEY,\n  COLLECTION_ITEM_INJECTION_KEY as ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY,\n}\n"],"names":[],"mappings":";;;AAEY,MAAC,qBAAqB,GAAG,UAAU,CAAC;AAChD,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,EAAE;AAC1D,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,mBAAmB,EAAE,MAAM;AAC7B,EAAE,IAAI,EAAE,OAAO;AACf,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;AAC1B,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,MAAM,EAAE,QAAQ;AAClB,EAAE,OAAO,EAAE,QAAQ;AACnB,EAAE,WAAW,EAAE,QAAQ;AACvB,CAAC,EAAE;AACE,MAAC;AACN,EAAE,YAAY;AACd,EAAE,gBAAgB;AAClB,EAAE,wBAAwB;AAC1B,EAAE,6BAA6B;AAC/B,CAAC,GAAG,yBAAyB,CAAC,kBAAkB;;;;"}

package/es/components/roving-focus-group/src/roving-focus-group2.mjs

@@ -1,31 +1,31 @@
-import { createCollectionWithScope } from '../../collection/src/collection.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createVNode, normalizeProps, guardReactiveProps, renderSlot } from 'vue';
+import ElRovingFocusGroupImpl from './roving-focus-group-impl.mjs';
+import { ElCollection } from './roving-focus-group.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 
-const rovingFocusGroupProps = buildProps({
-  style: { type: definePropType([String, Array, Object]) },
-  currentTabId: {
-    type: definePropType(String)
-  },
-  defaultCurrentTabId: String,
-  loop: Boolean,
-  dir: {
-    type: String,
-    values: ["ltr", "rtl"],
-    default: "ltr"
-  },
-  orientation: {
-    type: definePropType(String)
-  },
-  onBlur: Function,
-  onFocus: Function,
-  onMousedown: Function
+const _sfc_main = defineComponent({
+  name: "ElRovingFocusGroup",
+  components: {
+    ElFocusGroupCollection: ElCollection,
+    ElRovingFocusGroupImpl
+  }
 });
-const {
-  ElCollection,
-  ElCollectionItem,
-  COLLECTION_INJECTION_KEY,
-  COLLECTION_ITEM_INJECTION_KEY
-} = createCollectionWithScope("RovingFocusGroup");
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_roving_focus_group_impl = resolveComponent("el-roving-focus-group-impl");
+  const _component_el_focus_group_collection = resolveComponent("el-focus-group-collection");
+  return openBlock(), createBlock(_component_el_focus_group_collection, null, {
+    default: withCtx(() => [
+      createVNode(_component_el_roving_focus_group_impl, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16)
+    ]),
+    _: 3
+  });
+}
+var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "roving-focus-group.vue"]]);
 
-export { ElCollection, ElCollectionItem, COLLECTION_INJECTION_KEY as ROVING_FOCUS_COLLECTION_INJECTION_KEY, COLLECTION_ITEM_INJECTION_KEY as ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY, rovingFocusGroupProps };
+export { ElRovingFocusGroup as default };
 //# sourceMappingURL=roving-focus-group2.mjs.map

package/es/components/roving-focus-group/src/roving-focus-group2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"roving-focus-group2.mjs","sources":["../../../../../../packages/components/roving-focus-group/src/roving-focus-group.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport { createCollectionWithScope } from '@element-plus/components/collection'\n\nimport type {\n  ExtractPropTypes,\n  HTMLAttributes,\n  StyleValue,\n  __ExtractPublicPropTypes,\n} from 'vue'\n\nexport const rovingFocusGroupProps = buildProps({\n  style: { type: definePropType<StyleValue>([String, Array, Object]) },\n  currentTabId: {\n    type: definePropType<string | null>(String),\n  },\n  defaultCurrentTabId: String,\n  loop: Boolean,\n  dir: {\n    type: String, // left for direction support\n    values: ['ltr', 'rtl'],\n    default: 'ltr',\n  },\n  orientation: {\n    // left for orientation support\n    type: definePropType<HTMLAttributes['aria-orientation']>(String),\n  },\n\n  onBlur: Function,\n  onFocus: Function,\n  onMousedown: Function,\n})\n\nexport type ElRovingFocusGroupProps = ExtractPropTypes<\n  typeof rovingFocusGroupProps\n>\n\nexport type ElRovingFocusGroupPropsPublic = __ExtractPublicPropTypes<\n  typeof rovingFocusGroupProps\n>\n\nconst {\n  ElCollection,\n  ElCollectionItem,\n  COLLECTION_INJECTION_KEY,\n  COLLECTION_ITEM_INJECTION_KEY,\n} = createCollectionWithScope('RovingFocusGroup')\n\nexport {\n  ElCollection,\n  ElCollectionItem,\n  COLLECTION_INJECTION_KEY as ROVING_FOCUS_COLLECTION_INJECTION_KEY,\n  COLLECTION_ITEM_INJECTION_KEY as ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY,\n}\n"],"names":[],"mappings":";;;AAEY,MAAC,qBAAqB,GAAG,UAAU,CAAC;AAChD,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,EAAE;AAC1D,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,mBAAmB,EAAE,MAAM;AAC7B,EAAE,IAAI,EAAE,OAAO;AACf,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;AAC1B,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,MAAM,EAAE,QAAQ;AAClB,EAAE,OAAO,EAAE,QAAQ;AACnB,EAAE,WAAW,EAAE,QAAQ;AACvB,CAAC,EAAE;AACE,MAAC;AACN,EAAE,YAAY;AACd,EAAE,gBAAgB;AAClB,EAAE,wBAAwB;AAC1B,EAAE,6BAA6B;AAC/B,CAAC,GAAG,yBAAyB,CAAC,kBAAkB;;;;"}
+{"version":3,"file":"roving-focus-group2.mjs","sources":["../../../../../../packages/components/roving-focus-group/src/roving-focus-group.vue"],"sourcesContent":["<template>\n  <el-focus-group-collection>\n    <el-roving-focus-group-impl v-bind=\"$attrs\">\n      <slot />\n    </el-roving-focus-group-impl>\n  </el-focus-group-collection>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport ElRovingFocusGroupImpl from './roving-focus-group-impl.vue'\nimport { ElCollection as ElFocusGroupCollection } from './roving-focus-group'\n\nexport default defineComponent({\n  name: 'ElRovingFocusGroup',\n  components: {\n    ElFocusGroupCollection,\n    ElRovingFocusGroupImpl,\n  },\n})\n</script>\n"],"names":["ElFocusGroupCollection","_createBlock","_withCtx","_createVNode","_normalizeProps","_guardReactiveProps","_renderSlot"],"mappings":";;;;;AAaA,MAAK,YAAa,eAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,oBAAA;AAAA,EACN,UAAY,EAAA;AAAA,4BACVA,YAAA;AAAA,IACA,sBAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;;;;sBAlBCC,WAI4B,CAAA,oCAAA,EAAA,IAAA,EAAA;AAAA,IAAA,OAAA,EAAAC,OAAA,CAH1B,MAE6B;AAAA,MAF7BC,WAAA,CAAA,qCAAA,EAAAC,cAAA,CAAAC,kBAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA;AAAA,QAE6B,OAAA,EAAAH,OAAA,CAAA,MAAA;AAAA,UAAAI,UAAA,CAAA,IAAA,CAAA,MAAA,EAAA,SAFO,CAAM;AAAA,SAAA,CAAA;AAAA,QAAA,CAAA,EAAA,CAAA;AAChC,OAAA,EAAA,EAAA,CAAR;AAAQ,KAAA,CAAA;;;;;;;;"}