@element-plus/nightly 0.0.20251227 → 0.0.20251228

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

@@ -1,300 +1,90 @@
-import { defineComponent, inject, ref, computed, markRaw, watch, openBlock, createElementBlock, unref, normalizeClass, normalizeStyle, Fragment, renderList, createVNode, withCtx, withDirectives, createBlock, resolveDynamicComponent, vShow, toDisplayString, createCommentVNode } from 'vue';
-import { clamp } from 'lodash-unified';
-import { ElIcon } from '../../icon/index.mjs';
-import { rateProps, rateEmits } from './rate.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { formItemContextKey } from '../../form/src/constants.mjs';
-import { useFormSize, useFormDisabled } from '../../form/src/hooks/use-form-common-props.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { useFormItemInputId } from '../../form/src/hooks/use-form-item.mjs';
-import { isArray, isObject, isString } from '@vue/shared';
-import { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '../../../constants/event.mjs';
-import { getEventCode } from '../../../utils/dom/event.mjs';
-import { EVENT_CODE } from '../../../constants/aria.mjs';
+import { StarFilled, Star } from '@element-plus/icons-vue';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
+import { mutable } from '../../../utils/typescript.mjs';
+import { iconPropType } from '../../../utils/vue/icon.mjs';
+import { useSizeProp } from '../../../hooks/use-size/index.mjs';
+import { useAriaProps } from '../../../hooks/use-aria/index.mjs';
+import { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '../../../constants/event.mjs';
+import { isNumber } from '../../../utils/types.mjs';
 
-const _hoisted_1 = ["id", "aria-label", "aria-labelledby", "aria-valuenow", "aria-valuetext", "aria-valuemax"];
-const _hoisted_2 = ["onMousemove", "onClick"];
-const _sfc_main = defineComponent({
-  ...{
-    name: "ElRate"
+const rateProps = buildProps({
+  modelValue: {
+    type: Number,
+    default: 0
   },
-  __name: "rate",
-  props: rateProps,
-  emits: rateEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    function getValueFromMap(value, map) {
-      const isExcludedObject = (val) => isObject(val);
-      const matchedKeys = Object.keys(map).map((key) => +key).filter((key) => {
-        const val = map[key];
-        const excluded = isExcludedObject(val) ? val.excluded : false;
-        return excluded ? value < key : value <= key;
-      }).sort((a, b) => a - b);
-      const matchedValue = map[matchedKeys[0]];
-      return isExcludedObject(matchedValue) && matchedValue.value || matchedValue;
-    }
-    const props = __props;
-    const emit = __emit;
-    const formItemContext = inject(formItemContextKey, void 0);
-    const rateSize = useFormSize();
-    const ns = useNamespace("rate");
-    const { inputId, isLabeledByFormItem } = useFormItemInputId(props, {
-      formItemContext
-    });
-    const currentValue = ref(props.modelValue);
-    const hoverIndex = ref(-1);
-    const pointerAtLeftHalf = ref(true);
-    const iconRefs = ref([]);
-    const iconClientWidths = computed(
-      () => iconRefs.value.map((icon) => icon.$el.clientWidth)
-    );
-    const rateClasses = computed(() => [ns.b(), ns.m(rateSize.value)]);
-    const rateDisabled = useFormDisabled();
-    const rateStyles = computed(() => {
-      return ns.cssVarBlock({
-        "void-color": props.voidColor,
-        "disabled-void-color": props.disabledVoidColor,
-        "fill-color": activeColor.value
-      });
-    });
-    const text = computed(() => {
-      let result = "";
-      if (props.showScore) {
-        result = props.scoreTemplate.replace(
-          /\{\s*value\s*\}/,
-          rateDisabled.value ? `${props.modelValue}` : `${currentValue.value}`
-        );
-      } else if (props.showText) {
-        result = props.texts[Math.ceil(currentValue.value) - 1];
-      }
-      return result;
-    });
-    const valueDecimal = computed(
-      () => props.modelValue * 100 - Math.floor(props.modelValue) * 100
-    );
-    const colorMap = computed(
-      () => isArray(props.colors) ? {
-        [props.lowThreshold]: props.colors[0],
-        [props.highThreshold]: { value: props.colors[1], excluded: true },
-        [props.max]: props.colors[2]
-      } : props.colors
-    );
-    const activeColor = computed(() => {
-      const color = getValueFromMap(currentValue.value, colorMap.value);
-      return isObject(color) ? "" : color;
-    });
-    const decimalStyle = computed(() => {
-      let width = "";
-      if (rateDisabled.value) {
-        width = `${valueDecimal.value}%`;
-      } else if (props.allowHalf) {
-        width = "50%";
-      }
-      return {
-        color: activeColor.value,
-        width
-      };
-    });
-    const componentMap = computed(() => {
-      let icons = isArray(props.icons) ? [...props.icons] : { ...props.icons };
-      icons = markRaw(icons);
-      return isArray(icons) ? {
-        [props.lowThreshold]: icons[0],
-        [props.highThreshold]: {
-          value: icons[1],
-          excluded: true
-        },
-        [props.max]: icons[2]
-      } : icons;
-    });
-    const decimalIconComponent = computed(
-      () => getValueFromMap(props.modelValue, componentMap.value)
-    );
-    const voidComponent = computed(
-      () => rateDisabled.value ? isString(props.disabledVoidIcon) ? props.disabledVoidIcon : markRaw(props.disabledVoidIcon) : isString(props.voidIcon) ? props.voidIcon : markRaw(props.voidIcon)
-    );
-    const activeComponent = computed(
-      () => getValueFromMap(currentValue.value, componentMap.value)
-    );
-    function showDecimalIcon(item) {
-      const showWhenDisabled = rateDisabled.value && valueDecimal.value > 0 && item - 1 < props.modelValue && item > props.modelValue;
-      const showWhenAllowHalf = props.allowHalf && pointerAtLeftHalf.value && item - 0.5 <= currentValue.value && item > currentValue.value;
-      return showWhenDisabled || showWhenAllowHalf;
-    }
-    function emitValue(value) {
-      if (props.clearable && value === props.modelValue) {
-        value = 0;
-      }
-      emit(UPDATE_MODEL_EVENT, value);
-      if (props.modelValue !== value) {
-        emit(CHANGE_EVENT, value);
-      }
-    }
-    function selectValue(value) {
-      if (rateDisabled.value) {
-        return;
-      }
-      if (props.allowHalf && pointerAtLeftHalf.value) {
-        emitValue(currentValue.value);
-      } else {
-        emitValue(value);
-      }
-    }
-    function handleKey(e) {
-      if (rateDisabled.value) {
-        return;
-      }
-      const code = getEventCode(e);
-      const step = props.allowHalf ? 0.5 : 1;
-      let _currentValue = currentValue.value;
-      switch (code) {
-        case EVENT_CODE.up:
-        case EVENT_CODE.right:
-          _currentValue += step;
-          break;
-        case EVENT_CODE.left:
-        case EVENT_CODE.down:
-          _currentValue -= step;
-          break;
-      }
-      _currentValue = clamp(_currentValue, 0, props.max);
-      if (_currentValue === currentValue.value) {
-        return;
-      }
-      e.stopPropagation();
-      e.preventDefault();
-      emit(UPDATE_MODEL_EVENT, _currentValue);
-      emit(CHANGE_EVENT, _currentValue);
-      return _currentValue;
-    }
-    function setCurrentValue(value, event) {
-      if (rateDisabled.value) {
-        return;
-      }
-      if (props.allowHalf && event) {
-        pointerAtLeftHalf.value = event.offsetX * 2 <= iconClientWidths.value[value - 1];
-        currentValue.value = pointerAtLeftHalf.value ? value - 0.5 : value;
-      } else {
-        currentValue.value = value;
-      }
-      hoverIndex.value = value;
-    }
-    function resetCurrentValue() {
-      if (rateDisabled.value) {
-        return;
-      }
-      if (props.allowHalf) {
-        pointerAtLeftHalf.value = props.modelValue !== Math.floor(props.modelValue);
-      }
-      currentValue.value = props.modelValue;
-      hoverIndex.value = -1;
-    }
-    watch(
-      () => props.modelValue,
-      (val) => {
-        currentValue.value = val;
-        pointerAtLeftHalf.value = props.modelValue !== Math.floor(props.modelValue);
-      }
-    );
-    if (!props.modelValue) {
-      emit(UPDATE_MODEL_EVENT, 0);
-    }
-    __expose({
-      setCurrentValue,
-      resetCurrentValue
-    });
-    return (_ctx, _cache) => {
-      var _a;
-      return openBlock(), createElementBlock("div", {
-        id: unref(inputId),
-        class: normalizeClass([rateClasses.value, unref(ns).is("disabled", unref(rateDisabled))]),
-        role: "slider",
-        "aria-label": !unref(isLabeledByFormItem) ? _ctx.ariaLabel || "rating" : void 0,
-        "aria-labelledby": unref(isLabeledByFormItem) ? (_a = unref(formItemContext)) == null ? void 0 : _a.labelId : void 0,
-        "aria-valuenow": currentValue.value,
-        "aria-valuetext": text.value || void 0,
-        "aria-valuemin": "0",
-        "aria-valuemax": _ctx.max,
-        tabindex: "0",
-        style: normalizeStyle(rateStyles.value),
-        onKeydown: handleKey
-      }, [
-        (openBlock(true), createElementBlock(
-          Fragment,
-          null,
-          renderList(_ctx.max, (item, key) => {
-            return openBlock(), createElementBlock("span", {
-              key,
-              class: normalizeClass(unref(ns).e("item")),
-              onMousemove: ($event) => setCurrentValue(item, $event),
-              onMouseleave: resetCurrentValue,
-              onClick: ($event) => selectValue(item)
-            }, [
-              createVNode(unref(ElIcon), {
-                ref_for: true,
-                ref_key: "iconRefs",
-                ref: iconRefs,
-                class: normalizeClass([
-                  unref(ns).e("icon"),
-                  { hover: hoverIndex.value === item },
-                  unref(ns).is("active", item <= currentValue.value),
-                  unref(ns).is("focus-visible", item === Math.ceil(currentValue.value || 1))
-                ])
-              }, {
-                default: withCtx(() => [
-                  withDirectives((openBlock(), createBlock(
-                    resolveDynamicComponent(activeComponent.value),
-                    null,
-                    null,
-                    512
-                  )), [
-                    [vShow, !showDecimalIcon(item) && item <= currentValue.value]
-                  ]),
-                  withDirectives((openBlock(), createBlock(
-                    resolveDynamicComponent(voidComponent.value),
-                    null,
-                    null,
-                    512
-                  )), [
-                    [vShow, !showDecimalIcon(item) && item > currentValue.value]
-                  ]),
-                  withDirectives((openBlock(), createBlock(resolveDynamicComponent(voidComponent.value), {
-                    class: normalizeClass([unref(ns).em("decimal", "box")])
-                  }, null, 8, ["class"])), [
-                    [vShow, showDecimalIcon(item)]
-                  ]),
-                  withDirectives(createVNode(unref(ElIcon), {
-                    style: normalizeStyle(decimalStyle.value),
-                    class: normalizeClass([unref(ns).e("icon"), unref(ns).e("decimal")])
-                  }, {
-                    default: withCtx(() => [
-                      (openBlock(), createBlock(resolveDynamicComponent(decimalIconComponent.value)))
-                    ]),
-                    _: 1
-                  }, 8, ["style", "class"]), [
-                    [vShow, showDecimalIcon(item)]
-                  ])
-                ]),
-                _: 2
-              }, 1032, ["class"])
-            ], 42, _hoisted_2);
-          }),
-          128
-        )),
-        _ctx.showText || _ctx.showScore ? (openBlock(), createElementBlock(
-          "span",
-          {
-            key: 0,
-            class: normalizeClass(unref(ns).e("text")),
-            style: normalizeStyle({ color: _ctx.textColor })
-          },
-          toDisplayString(text.value),
-          7
-        )) : createCommentVNode("v-if", true)
-      ], 46, _hoisted_1);
-    };
-  }
+  id: {
+    type: String,
+    default: void 0
+  },
+  lowThreshold: {
+    type: Number,
+    default: 2
+  },
+  highThreshold: {
+    type: Number,
+    default: 4
+  },
+  max: {
+    type: Number,
+    default: 5
+  },
+  colors: {
+    type: definePropType([Array, Object]),
+    default: () => mutable(["", "", ""])
+  },
+  voidColor: {
+    type: String,
+    default: ""
+  },
+  disabledVoidColor: {
+    type: String,
+    default: ""
+  },
+  icons: {
+    type: definePropType([Array, Object]),
+    default: () => [StarFilled, StarFilled, StarFilled]
+  },
+  voidIcon: {
+    type: iconPropType,
+    default: () => Star
+  },
+  disabledVoidIcon: {
+    type: iconPropType,
+    default: () => StarFilled
+  },
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  allowHalf: Boolean,
+  showText: Boolean,
+  showScore: Boolean,
+  textColor: {
+    type: String,
+    default: ""
+  },
+  texts: {
+    type: definePropType(Array),
+    default: () => mutable([
+      "Extremely bad",
+      "Disappointed",
+      "Fair",
+      "Satisfied",
+      "Surprise"
+    ])
+  },
+  scoreTemplate: {
+    type: String,
+    default: "{value}"
+  },
+  size: useSizeProp,
+  clearable: Boolean,
+  ...useAriaProps(["ariaLabel"])
 });
-var Rate = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/rate/src/rate.vue"]]);
+const rateEmits = {
+  [CHANGE_EVENT]: (value) => isNumber(value),
+  [UPDATE_MODEL_EVENT]: (value) => isNumber(value)
+};
 
-export { Rate as default };
+export { rateEmits, rateProps };
 //# sourceMappingURL=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  formItemContextKey,\n  useFormDisabled,\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 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 = useFormDisabled()\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":["_createElementBlock","_unref","_normalizeClass","ariaLabel","max","_normalizeStyle","_openBlock","_Fragment","_createVNode","_withDirectives","_createBlock","_resolveDynamicComponent","_vShow","showText","showScore","textColor","_createCommentVNode"],"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: {\n    type: Boolean,\n    default: undefined,\n  },\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":";;;;;;;;;AAcO,MAAM,YAAY,UAAW,CAAA;AAAA,EAIlC,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EAIA,EAAI,EAAA;AAAA,IACF,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EAIA,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,cAAA,CAAkD,CAAC,KAAA,EAAO,MAAM,CAAC,CAAA;AAAA,IACvE,SAAS,MAAM,OAAA,CAAQ,CAAC,EAAI,EAAA,EAAA,EAAI,EAAE,CAAU,CAAA;AAAA,GAC9C;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,iBAAmB,EAAA;AAAA,IACjB,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,cAAA,CAEJ,CAAC,KAAA,EAAO,MAAM,CAAC,CAAA;AAAA,IACjB,OAAS,EAAA,MACP,CAAC,UAAA,EAAY,YAAY,UAAU,CAAA;AAAA,GACvC;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,YAAA;AAAA,IACN,SAAS,MAAM,IAAA;AAAA,GACjB;AAAA,EAIA,gBAAkB,EAAA;AAAA,IAChB,IAAM,EAAA,YAAA;AAAA,IACN,SAAS,MAAM,UAAA;AAAA,GACjB;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,SAAW,EAAA,OAAA;AAAA,EAIX,QAAU,EAAA,OAAA;AAAA,EAIV,SAAW,EAAA,OAAA;AAAA,EAIX,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,eAAyB,KAAK,CAAA;AAAA,IACpC,OAAA,EAAS,MACP,OAAQ,CAAA;AAAA,MACN,eAAA;AAAA,MACA,cAAA;AAAA,MACA,MAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,KACQ,CAAA;AAAA,GACd;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,SAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA,WAAA;AAAA,EAIN,SAAW,EAAA,OAAA;AAAA,EACX,GAAG,YAAA,CAAa,CAAC,WAAW,CAAC,CAAA;AAC/B,CAAU,EAAA;AAKH,MAAM,SAAY,GAAA;AAAA,EACvB,CAAC,YAAA,GAAe,CAAC,KAAA,KAAkB,SAAS,KAAK,CAAA;AAAA,EACjD,CAAC,kBAAA,GAAqB,CAAC,KAAA,KAAkB,SAAS,KAAK,CAAA;AACzD;;;;"}

package/es/components/result/index.mjs

@@ -1,5 +1,5 @@
-import Result from './src/result2.mjs';
-export { IconComponentMap, IconMap, resultProps } from './src/result.mjs';
+import Result from './src/result.mjs';
+export { IconComponentMap, IconMap, resultProps } from './src/result2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElResult = withInstall(Result);

package/es/components/result/src/result.mjs

@@ -1,35 +1,102 @@
-import { InfoFilled, CircleCheckFilled, WarningFilled, CircleCloseFilled } from '@element-plus/icons-vue';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, createBlock, resolveDynamicComponent, createCommentVNode, toDisplayString } from 'vue';
+import { resultProps, IconMap, IconComponentMap } from './result2.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const IconMap = {
-  primary: "icon-primary",
-  success: "icon-success",
-  warning: "icon-warning",
-  error: "icon-error",
-  info: "icon-info"
-};
-const IconComponentMap = {
-  [IconMap.primary]: InfoFilled,
-  [IconMap.success]: CircleCheckFilled,
-  [IconMap.warning]: WarningFilled,
-  [IconMap.error]: CircleCloseFilled,
-  [IconMap.info]: InfoFilled
-};
-const resultProps = buildProps({
-  title: {
-    type: String,
-    default: ""
+const _sfc_main = defineComponent({
+  ...{
+    name: "ElResult"
   },
-  subTitle: {
-    type: String,
-    default: ""
-  },
-  icon: {
-    type: String,
-    values: ["primary", "success", "warning", "info", "error"],
-    default: "info"
+  __name: "result",
+  props: resultProps,
+  setup(__props) {
+    const props = __props;
+    const ns = useNamespace("result");
+    const resultIcon = computed(() => {
+      const icon = props.icon;
+      const iconClass = icon && IconMap[icon] ? IconMap[icon] : "icon-info";
+      const iconComponent = IconComponentMap[iconClass] || IconComponentMap["icon-info"];
+      return {
+        class: iconClass,
+        component: iconComponent
+      };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(unref(ns).b())
+        },
+        [
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass(unref(ns).e("icon"))
+            },
+            [
+              renderSlot(_ctx.$slots, "icon", {}, () => [
+                resultIcon.value.component ? (openBlock(), createBlock(resolveDynamicComponent(resultIcon.value.component), {
+                  key: 0,
+                  class: normalizeClass(resultIcon.value.class)
+                }, null, 8, ["class"])) : createCommentVNode("v-if", true)
+              ])
+            ],
+            2
+          ),
+          _ctx.title || _ctx.$slots.title ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: normalizeClass(unref(ns).e("title"))
+            },
+            [
+              renderSlot(_ctx.$slots, "title", {}, () => [
+                createElementVNode(
+                  "p",
+                  null,
+                  toDisplayString(_ctx.title),
+                  1
+                )
+              ])
+            ],
+            2
+          )) : createCommentVNode("v-if", true),
+          _ctx.subTitle || _ctx.$slots["sub-title"] ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 1,
+              class: normalizeClass(unref(ns).e("subtitle"))
+            },
+            [
+              renderSlot(_ctx.$slots, "sub-title", {}, () => [
+                createElementVNode(
+                  "p",
+                  null,
+                  toDisplayString(_ctx.subTitle),
+                  1
+                )
+              ])
+            ],
+            2
+          )) : createCommentVNode("v-if", true),
+          _ctx.$slots.extra ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 2,
+              class: normalizeClass(unref(ns).e("extra"))
+            },
+            [
+              renderSlot(_ctx.$slots, "extra")
+            ],
+            2
+          )) : createCommentVNode("v-if", true)
+        ],
+        2
+      );
+    };
   }
 });
+var Result = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/result/src/result.vue"]]);
 
-export { IconComponentMap, IconMap, resultProps };
+export { Result as default };
 //# sourceMappingURL=result.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"result.mjs","sources":["../../../../../../packages/components/result/src/result.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport {\n  CircleCheckFilled,\n  CircleCloseFilled,\n  InfoFilled,\n  WarningFilled,\n} from '@element-plus/icons-vue'\n\nimport type { Component, ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type Result from './result.vue'\n\nexport const IconMap = {\n  primary: 'icon-primary',\n  success: 'icon-success',\n  warning: 'icon-warning',\n  error: 'icon-error',\n  info: 'icon-info',\n} as const\n\nexport const IconComponentMap: Record<\n  (typeof IconMap)[keyof typeof IconMap],\n  Component\n> = {\n  [IconMap.primary]: InfoFilled,\n  [IconMap.success]: CircleCheckFilled,\n  [IconMap.warning]: WarningFilled,\n  [IconMap.error]: CircleCloseFilled,\n  [IconMap.info]: InfoFilled,\n}\n\nexport const resultProps = buildProps({\n  /**\n   * @description title of result\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description sub title of result\n   */\n  subTitle: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description icon type of result\n   */\n  icon: {\n    type: String,\n    values: ['primary', 'success', 'warning', 'info', 'error'],\n    default: 'info',\n  },\n} as const)\n\nexport type ResultProps = ExtractPropTypes<typeof resultProps>\nexport type ResultPropsPublic = ExtractPublicPropTypes<typeof resultProps>\n\nexport type ResultInstance = InstanceType<typeof Result> & unknown\n"],"names":[],"mappings":";;;AAWO,MAAM,OAAU,GAAA;AAAA,EACrB,OAAS,EAAA,cAAA;AAAA,EACT,OAAS,EAAA,cAAA;AAAA,EACT,OAAS,EAAA,cAAA;AAAA,EACT,KAAO,EAAA,YAAA;AAAA,EACP,IAAM,EAAA,WAAA;AACR,EAAA;AAEO,MAAM,gBAGT,GAAA;AAAA,EACF,CAAC,QAAQ,OAAU,GAAA,UAAA;AAAA,EACnB,CAAC,QAAQ,OAAU,GAAA,iBAAA;AAAA,EACnB,CAAC,QAAQ,OAAU,GAAA,aAAA;AAAA,EACnB,CAAC,QAAQ,KAAQ,GAAA,iBAAA;AAAA,EACjB,CAAC,QAAQ,IAAO,GAAA,UAAA;AAClB,EAAA;AAEO,MAAM,cAAc,UAAW,CAAA;AAAA,EAIpC,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,QAAQ,CAAC,SAAA,EAAW,SAAW,EAAA,SAAA,EAAW,QAAQ,OAAO,CAAA;AAAA,IACzD,OAAS,EAAA,MAAA;AAAA,GACX;AACF,CAAU;;;;"}
+{"version":3,"file":"result.mjs","sources":["../../../../../../packages/components/result/src/result.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <div :class=\"ns.e('icon')\">\n      <slot name=\"icon\">\n        <component\n          :is=\"resultIcon.component\"\n          v-if=\"resultIcon.component\"\n          :class=\"resultIcon.class\"\n        />\n      </slot>\n    </div>\n    <div v-if=\"title || $slots.title\" :class=\"ns.e('title')\">\n      <slot name=\"title\">\n        <p>{{ title }}</p>\n      </slot>\n    </div>\n    <div v-if=\"subTitle || $slots['sub-title']\" :class=\"ns.e('subtitle')\">\n      <slot name=\"sub-title\">\n        <p>{{ subTitle }}</p>\n      </slot>\n    </div>\n    <div v-if=\"$slots.extra\" :class=\"ns.e('extra')\">\n      <slot name=\"extra\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { IconComponentMap, IconMap, resultProps } from './result'\n\ndefineOptions({\n  name: 'ElResult',\n})\n\nconst props = defineProps(resultProps)\n\nconst ns = useNamespace('result')\n\nconst resultIcon = computed(() => {\n  const icon = props.icon\n  const iconClass = icon && IconMap[icon] ? IconMap[icon] : 'icon-info'\n  const iconComponent =\n    IconComponentMap[iconClass] || IconComponentMap['icon-info']\n\n  return {\n    class: iconClass,\n    component: iconComponent,\n  }\n})\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_renderSlot","_createBlock","_resolveDynamicComponent","_createCommentVNode","title","$slots","_toDisplayString","subTitle"],"mappings":"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"}