@element-plus/nightly 0.0.20251222 → 0.0.20251224

package/lib/components/scrollbar/src/scrollbar2.js.map

@@ -1 +1 @@
-{"version":3,"file":"scrollbar2.js","sources":["../../../../../../packages/components/scrollbar/src/scrollbar.vue"],"sourcesContent":["<template>\n  <div ref=\"scrollbarRef\" :class=\"ns.b()\">\n    <div\n      ref=\"wrapRef\"\n      :class=\"wrapKls\"\n      :style=\"wrapStyle\"\n      :tabindex=\"tabindex\"\n      @scroll=\"handleScroll\"\n    >\n      <component\n        :is=\"tag\"\n        :id=\"id\"\n        ref=\"resizeRef\"\n        :class=\"resizeKls\"\n        :style=\"viewStyle\"\n        :role=\"role\"\n        :aria-label=\"ariaLabel\"\n        :aria-orientation=\"ariaOrientation\"\n      >\n        <slot />\n      </component>\n    </div>\n    <template v-if=\"!native\">\n      <bar ref=\"barRef\" :always=\"always\" :min-size=\"minSize\" />\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  nextTick,\n  onActivated,\n  onMounted,\n  onUpdated,\n  provide,\n  reactive,\n  ref,\n  watch,\n} from 'vue'\nimport { useEventListener, useResizeObserver } from '@vueuse/core'\nimport { addUnit, debugWarn, isNumber, isObject } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport Bar from './bar.vue'\nimport { scrollbarContextKey } from './constants'\nimport { scrollbarEmits, scrollbarProps } from './scrollbar'\n\nimport type { ScrollbarDirection } from './scrollbar'\nimport type { BarInstance } from './bar'\nimport type { CSSProperties, StyleValue } from 'vue'\n\nconst COMPONENT_NAME = 'ElScrollbar'\n\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = defineProps(scrollbarProps)\nconst emit = defineEmits(scrollbarEmits)\n\nconst ns = useNamespace('scrollbar')\n\nlet stopResizeObserver: (() => void) | undefined = undefined\nlet stopWrapResizeObserver: (() => void) | undefined = undefined\nlet stopResizeListener: (() => void) | undefined = undefined\nlet wrapScrollTop = 0\nlet wrapScrollLeft = 0\nlet direction = '' as ScrollbarDirection\nconst distanceScrollState = {\n  bottom: false,\n  top: false,\n  right: false,\n  left: false,\n}\n\nconst scrollbarRef = ref<HTMLDivElement>()\nconst wrapRef = ref<HTMLDivElement>()\nconst resizeRef = ref<HTMLElement>()\nconst barRef = ref<BarInstance>()\n\nconst wrapStyle = computed<StyleValue>(() => {\n  const style: CSSProperties = {}\n  const height = addUnit(props.height)\n  const maxHeight = addUnit(props.maxHeight)\n  if (height) style.height = height\n  if (maxHeight) style.maxHeight = maxHeight\n  return [props.wrapStyle, style]\n})\n\nconst wrapKls = computed(() => {\n  return [\n    props.wrapClass,\n    ns.e('wrap'),\n    { [ns.em('wrap', 'hidden-default')]: !props.native },\n  ]\n})\n\nconst resizeKls = computed(() => {\n  return [ns.e('view'), props.viewClass]\n})\n\nconst shouldSkipDirection = (direction: ScrollbarDirection) => {\n  return distanceScrollState[direction] ?? false\n}\n\nconst DIRECTION_PAIRS: Record<ScrollbarDirection, ScrollbarDirection> = {\n  top: 'bottom',\n  bottom: 'top',\n  left: 'right',\n  right: 'left',\n}\nconst updateTriggerStatus = (arrivedStates: Record<string, boolean>) => {\n  const oppositeDirection = DIRECTION_PAIRS[direction]\n  if (!oppositeDirection) return\n\n  const arrived = arrivedStates[direction]\n  const oppositeArrived = arrivedStates[oppositeDirection]\n\n  if (arrived && !distanceScrollState[direction]) {\n    distanceScrollState[direction] = true\n  }\n\n  if (!oppositeArrived && distanceScrollState[oppositeDirection]) {\n    distanceScrollState[oppositeDirection] = false\n  }\n}\n\nconst handleScroll = () => {\n  if (wrapRef.value) {\n    barRef.value?.handleScroll(wrapRef.value)\n    const prevTop = wrapScrollTop\n    const prevLeft = wrapScrollLeft\n    wrapScrollTop = wrapRef.value.scrollTop\n    wrapScrollLeft = wrapRef.value.scrollLeft\n\n    const arrivedStates = {\n      bottom:\n        wrapScrollTop + wrapRef.value.clientHeight >=\n        wrapRef.value.scrollHeight - props.distance,\n      top: wrapScrollTop <= props.distance && prevTop !== 0,\n      right:\n        wrapScrollLeft + wrapRef.value.clientWidth >=\n          wrapRef.value.scrollWidth - props.distance &&\n        prevLeft !== wrapScrollLeft,\n      left: wrapScrollLeft <= props.distance && prevLeft !== 0,\n    }\n\n    emit('scroll', {\n      scrollTop: wrapScrollTop,\n      scrollLeft: wrapScrollLeft,\n    })\n\n    if (prevTop !== wrapScrollTop) {\n      direction = wrapScrollTop > prevTop ? 'bottom' : 'top'\n    }\n    if (prevLeft !== wrapScrollLeft) {\n      direction = wrapScrollLeft > prevLeft ? 'right' : 'left'\n    }\n    if (props.distance > 0) {\n      if (shouldSkipDirection(direction)) {\n        return\n      }\n      updateTriggerStatus(arrivedStates)\n    }\n    if (arrivedStates[direction]) emit('end-reached', direction)\n  }\n}\n\nfunction scrollTo(xCord: number, yCord?: number): void\nfunction scrollTo(options: ScrollToOptions): void\nfunction scrollTo(arg1: unknown, arg2?: number) {\n  if (isObject(arg1)) {\n    wrapRef.value!.scrollTo(arg1)\n  } else if (isNumber(arg1) && isNumber(arg2)) {\n    wrapRef.value!.scrollTo(arg1, arg2)\n  }\n}\n\nconst setScrollTop = (value: number) => {\n  if (!isNumber(value)) {\n    debugWarn(COMPONENT_NAME, 'value must be a number')\n    return\n  }\n  wrapRef.value!.scrollTop = value\n}\n\nconst setScrollLeft = (value: number) => {\n  if (!isNumber(value)) {\n    debugWarn(COMPONENT_NAME, 'value must be a number')\n    return\n  }\n  wrapRef.value!.scrollLeft = value\n}\n\nconst update = () => {\n  barRef.value?.update()\n  distanceScrollState[direction] = false\n}\n\nwatch(\n  () => props.noresize,\n  (noresize) => {\n    if (noresize) {\n      stopResizeObserver?.()\n      stopWrapResizeObserver?.()\n      stopResizeListener?.()\n    } else {\n      ;({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update))\n      ;({ stop: stopWrapResizeObserver } = useResizeObserver(wrapRef, update))\n      stopResizeListener = useEventListener('resize', update)\n    }\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => [props.maxHeight, props.height],\n  () => {\n    if (!props.native)\n      nextTick(() => {\n        update()\n        if (wrapRef.value) {\n          barRef.value?.handleScroll(wrapRef.value)\n        }\n      })\n  }\n)\n\nprovide(\n  scrollbarContextKey,\n  reactive({\n    scrollbarElement: scrollbarRef,\n    wrapElement: wrapRef,\n  })\n)\n\nonActivated(() => {\n  if (wrapRef.value) {\n    wrapRef.value.scrollTop = wrapScrollTop\n    wrapRef.value.scrollLeft = wrapScrollLeft\n  }\n})\n\nonMounted(() => {\n  if (!props.native)\n    nextTick(() => {\n      update()\n    })\n})\nonUpdated(() => update())\n\ndefineExpose({\n  /** @description scrollbar wrap ref */\n  wrapRef,\n  /** @description update scrollbar state manually */\n  update,\n  /** @description scrolls to a particular set of coordinates */\n  scrollTo,\n  /** @description set distance to scroll top */\n  setScrollTop,\n  /** @description set distance to scroll left */\n  setScrollLeft,\n  /** @description handle scroll event */\n  handleScroll,\n})\n</script>\n"],"names":["useNamespace","ref","computed","style","addUnit","direction","isObject","isNumber","debugWarn","watch","useResizeObserver","useEventListener","nextTick","provide","scrollbarContextKey","reactive","onActivated","onMounted","onUpdated","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_normalizeStyle","tabindex","_createBlock","_resolveDynamicComponent","tag","id","viewStyle","role","ariaLabel","ariaOrientation","_renderSlot","native","Bar","always","minSize"],"mappings":"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"}
+{"version":3,"file":"scrollbar2.js","sources":["../../../../../../packages/components/scrollbar/src/scrollbar.ts"],"sourcesContent":["import { buildProps, definePropType, isNumber } from '@element-plus/utils'\nimport { useAriaProps } from '@element-plus/hooks'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes, StyleValue } from 'vue'\nimport type Scrollbar from './scrollbar.vue'\n\nexport const scrollbarProps = buildProps({\n  /**\n   * @description trigger distance(px)\n   */\n  distance: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description height of scrollbar\n   */\n  height: {\n    type: [String, Number],\n    default: '',\n  },\n  /**\n   * @description max height of scrollbar\n   */\n  maxHeight: {\n    type: [String, Number],\n    default: '',\n  },\n  /**\n   * @description whether to use the native scrollbar\n   */\n  native: Boolean,\n  /**\n   * @description style of wrap\n   */\n  wrapStyle: {\n    type: definePropType<StyleValue>([String, Object, Array]),\n    default: '',\n  },\n  /**\n   * @description class of wrap\n   */\n  wrapClass: {\n    type: [String, Array],\n    default: '',\n  },\n  /**\n   * @description class of view\n   */\n  viewClass: {\n    type: [String, Array],\n    default: '',\n  },\n  /**\n   * @description style of view\n   */\n  viewStyle: {\n    type: [String, Array, Object],\n    default: '',\n  },\n  /**\n   * @description do not respond to container size changes, if the container size does not change, it is better to set it to optimize performance\n   */\n  noresize: Boolean, // 如果 container 尺寸不会发生变化，最好设置它可以优化性能\n  /**\n   * @description element tag of the view\n   */\n  tag: {\n    type: String,\n    default: 'div',\n  },\n  /**\n   * @description always show\n   */\n  always: Boolean,\n  /**\n   * @description minimum size of scrollbar\n   */\n  minSize: {\n    type: Number,\n    default: 20,\n  },\n  /**\n   * @description Wrap tabindex\n   */\n  tabindex: {\n    type: [String, Number],\n    default: undefined,\n  },\n  /**\n   * @description id of view\n   */\n  id: String,\n  /**\n   * @description role of view\n   */\n  role: String,\n  ...useAriaProps(['ariaLabel', 'ariaOrientation']),\n} as const)\nexport type ScrollbarProps = ExtractPropTypes<typeof scrollbarProps>\nexport type ScrollbarPropsPublic = ExtractPublicPropTypes<typeof scrollbarProps>\n\nexport const scrollbarEmits = {\n  'end-reached': (direction: ScrollbarDirection) =>\n    ['left', 'right', 'top', 'bottom'].includes(direction),\n  scroll: ({\n    scrollTop,\n    scrollLeft,\n  }: {\n    scrollTop: number\n    scrollLeft: number\n  }) => [scrollTop, scrollLeft].every(isNumber),\n}\nexport type ScrollbarEmits = typeof scrollbarEmits\nexport type ScrollbarDirection = 'top' | 'bottom' | 'left' | 'right'\n\nexport type ScrollbarInstance = InstanceType<typeof Scrollbar> & unknown\n"],"names":["buildProps","definePropType","useAriaProps","isNumber"],"mappings":";;;;;;;;AAMO,MAAM,iBAAiBA,kBAAW,CAAA;AAAA,EAIvC,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,MAAQ,EAAA,OAAA;AAAA,EAIR,SAAW,EAAA;AAAA,IACT,MAAMC,sBAA2B,CAAA,CAAC,MAAQ,EAAA,MAAA,EAAQ,KAAK,CAAC,CAAA;AAAA,IACxD,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAA,EAAM,CAAC,MAAA,EAAQ,KAAK,CAAA;AAAA,IACpB,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAA,EAAM,CAAC,MAAA,EAAQ,KAAK,CAAA;AAAA,IACpB,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,CAAC,MAAQ,EAAA,KAAA,EAAO,MAAM,CAAA;AAAA,IAC5B,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,QAAU,EAAA,OAAA;AAAA,EAIV,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EAIA,MAAQ,EAAA,OAAA;AAAA,EAIR,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,EAAI,EAAA,MAAA;AAAA,EAIJ,IAAM,EAAA,MAAA;AAAA,EACN,GAAGC,kBAAA,CAAa,CAAC,WAAA,EAAa,iBAAiB,CAAC,CAAA;AAClD,CAAU,EAAA;AAIH,MAAM,cAAiB,GAAA;AAAA,EAC5B,aAAA,EAAe,CAAC,SAAA,KACd,CAAC,MAAA,EAAQ,SAAS,KAAO,EAAA,QAAQ,CAAE,CAAA,QAAA,CAAS,SAAS,CAAA;AAAA,EACvD,QAAQ,CAAC;AAAA,IACP,SAAA;AAAA,IACA,UAAA;AAAA,QAII,CAAC,SAAA,EAAW,UAAU,CAAA,CAAE,MAAMC,cAAQ,CAAA;AAC9C;;;;;"}

package/lib/components/select/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var select$1 = require('./src/select2.js');
-var option = require('./src/option2.js');
+var option = require('./src/option.js');
 var optionGroup = require('./src/option-group.js');
 var token = require('./src/token.js');
 var select = require('./src/select.js');

package/lib/components/select/src/option.js

@@ -2,21 +2,104 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+var useOption = require('./useOption.js');
+var option = require('./option2.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var index$1 = require('../../../hooks/use-id/index.js');
 
-const COMPONENT_NAME = "ElOption";
-const optionProps = runtime.buildProps({
-  value: {
-    type: [String, Number, Boolean, Object],
-    required: true
-  },
-  label: {
-    type: [String, Number]
-  },
-  created: Boolean,
-  disabled: Boolean
+const _sfc_main = vue.defineComponent({
+  name: option.COMPONENT_NAME,
+  componentName: option.COMPONENT_NAME,
+  props: option.optionProps,
+  setup(props) {
+    const ns = index.useNamespace("select");
+    const id = index$1.useId();
+    const containerKls = vue.computed(() => [
+      ns.be("dropdown", "item"),
+      ns.is("disabled", vue.unref(isDisabled)),
+      ns.is("selected", vue.unref(itemSelected)),
+      ns.is("hovering", vue.unref(hover))
+    ]);
+    const states = vue.reactive({
+      index: -1,
+      groupDisabled: false,
+      visible: true,
+      hover: false
+    });
+    const {
+      currentLabel,
+      itemSelected,
+      isDisabled,
+      select,
+      hoverItem,
+      updateOption
+    } = useOption.useOption(props, states);
+    const { visible, hover } = vue.toRefs(states);
+    const vm = vue.getCurrentInstance().proxy;
+    select.onOptionCreate(vm);
+    vue.onBeforeUnmount(() => {
+      const key = vm.value;
+      vue.nextTick(() => {
+        const { selected: selectedOptions } = select.states;
+        const doesSelected = selectedOptions.some((item) => {
+          return item.value === vm.value;
+        });
+        if (select.states.cachedOptions.get(key) === vm && !doesSelected) {
+          select.states.cachedOptions.delete(key);
+        }
+      });
+      select.onOptionDestroy(key, vm);
+    });
+    function selectOptionClick() {
+      if (!isDisabled.value) {
+        select.handleOptionSelect(vm);
+      }
+    }
+    return {
+      ns,
+      id,
+      containerKls,
+      currentLabel,
+      itemSelected,
+      isDisabled,
+      select,
+      visible,
+      hover,
+      states,
+      hoverItem,
+      updateOption,
+      selectOptionClick
+    };
+  }
 });
+const _hoisted_1 = ["id", "aria-disabled", "aria-selected"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", {
+    id: _ctx.id,
+    class: vue.normalizeClass(_ctx.containerKls),
+    role: "option",
+    "aria-disabled": _ctx.isDisabled || void 0,
+    "aria-selected": _ctx.itemSelected,
+    onMousemove: _cache[0] || (_cache[0] = (...args) => _ctx.hoverItem && _ctx.hoverItem(...args)),
+    onClick: _cache[1] || (_cache[1] = vue.withModifiers((...args) => _ctx.selectOptionClick && _ctx.selectOptionClick(...args), ["stop"])),
+    onMousedown: _cache[2] || (_cache[2] = vue.withModifiers(() => {
+    }, ["prevent"]))
+  }, [
+    vue.renderSlot(_ctx.$slots, "default", {}, () => [
+      vue.createElementVNode(
+        "span",
+        null,
+        vue.toDisplayString(_ctx.currentLabel),
+        1
+      )
+    ])
+  ], 42, _hoisted_1)), [
+    [vue.vShow, _ctx.visible]
+  ]);
+}
+var Option = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/select/src/option.vue"]]);
 
-exports.COMPONENT_NAME = COMPONENT_NAME;
-exports.optionProps = optionProps;
+exports["default"] = Option;
 //# sourceMappingURL=option.js.map

package/lib/components/select/src/option.js.map

@@ -1 +1 @@
-{"version":3,"file":"option.js","sources":["../../../../../../packages/components/select/src/option.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nexport const COMPONENT_NAME = 'ElOption'\nexport const optionProps = buildProps({\n  /**\n   * @description value of option\n   */\n  value: {\n    type: [String, Number, Boolean, Object],\n    required: true as const,\n  },\n  /**\n   * @description label of option, same as `value` if omitted\n   */\n  label: {\n    type: [String, Number],\n  },\n  created: Boolean,\n  /**\n   * @description whether option is disabled\n   */\n  disabled: Boolean,\n})\n"],"names":["buildProps"],"mappings":";;;;;;AAEO,MAAM,cAAiB,GAAA,WAAA;AACvB,MAAM,cAAcA,kBAAW,CAAA;AAAA,EAIpC,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,CAAC,MAAQ,EAAA,MAAA,EAAQ,SAAS,MAAM,CAAA;AAAA,IACtC,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,GACvB;AAAA,EACA,OAAS,EAAA,OAAA;AAAA,EAIT,QAAU,EAAA,OAAA;AACZ,CAAC;;;;;"}
+{"version":3,"file":"option.js","sources":["../../../../../../packages/components/select/src/option.vue"],"sourcesContent":["<template>\n  <li\n    v-show=\"visible\"\n    :id=\"id\"\n    :class=\"containerKls\"\n    role=\"option\"\n    :aria-disabled=\"isDisabled || undefined\"\n    :aria-selected=\"itemSelected\"\n    @mousemove=\"hoverItem\"\n    @click.stop=\"selectOptionClick\"\n    @mousedown.prevent\n  >\n    <slot>\n      <span>{{ currentLabel }}</span>\n    </slot>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  nextTick,\n  onBeforeUnmount,\n  reactive,\n  toRefs,\n  unref,\n} from 'vue'\nimport { useId, useNamespace } from '@element-plus/hooks'\nimport { useOption } from './useOption'\nimport { COMPONENT_NAME, optionProps } from './option'\n\nimport type {\n  OptionExposed,\n  OptionInternalInstance,\n  OptionStates,\n} from './type'\n\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  componentName: COMPONENT_NAME,\n\n  props: optionProps,\n\n  setup(props) {\n    const ns = useNamespace('select')\n    const id = useId()\n\n    const containerKls = computed(() => [\n      ns.be('dropdown', 'item'),\n      ns.is('disabled', unref(isDisabled)),\n      ns.is('selected', unref(itemSelected)),\n      ns.is('hovering', unref(hover)),\n    ])\n\n    const states = reactive<OptionStates>({\n      index: -1,\n      groupDisabled: false,\n      visible: true,\n      hover: false,\n    })\n\n    const {\n      currentLabel,\n      itemSelected,\n      isDisabled,\n      select,\n      hoverItem,\n      updateOption,\n    } = useOption(props, states)\n\n    const { visible, hover } = toRefs(states)\n\n    const vm = (getCurrentInstance()! as OptionInternalInstance).proxy\n\n    select.onOptionCreate(vm)\n\n    onBeforeUnmount(() => {\n      const key = vm.value\n\n      // if option is not selected, remove it from cache\n      nextTick(() => {\n        const { selected: selectedOptions } = select.states\n        const doesSelected = selectedOptions.some((item) => {\n          return item.value === vm.value\n        })\n        if (select.states.cachedOptions.get(key) === vm && !doesSelected) {\n          select.states.cachedOptions.delete(key)\n        }\n      })\n      select.onOptionDestroy(key, vm)\n    })\n\n    function selectOptionClick() {\n      if (!isDisabled.value) {\n        select.handleOptionSelect(vm)\n      }\n    }\n\n    return {\n      ns,\n      id,\n      containerKls,\n      currentLabel,\n      itemSelected,\n      isDisabled,\n      select,\n      visible,\n      hover,\n      states,\n\n      hoverItem,\n      updateOption,\n      selectOptionClick,\n    } satisfies OptionExposed\n  },\n})\n</script>\n"],"names":["defineComponent","COMPONENT_NAME","optionProps","useNamespace","useId","computed","unref","reactive","useOption","toRefs","getCurrentInstance","onBeforeUnmount","nextTick","_createElementBlock","_normalizeClass","_withModifiers","_renderSlot","_createElementVNode","_toDisplayString"],"mappings":";;;;;;;;;;;AAuCA,MAAK,YAAaA,mBAAa,CAAA;AAAA,EAC7B,IAAM,EAAAC,qBAAA;AAAA,EACN,aAAe,EAAAA,qBAAA;AAAA,EAEf,KAAO,EAAAC,kBAAA;AAAA,EAEP,MAAM,KAAO,EAAA;AACL,IAAA,MAAA,EAAA,GAAKC,mBAAa,QAAQ,CAAA,CAAA;AAChC,IAAA,MAAM,KAAKC,aAAM,EAAA,CAAA;AAEX,IAAA,MAAA,YAAA,GAAeC,aAAS,MAAM;AAAA,MAClC,EAAA,CAAG,EAAG,CAAA,UAAA,EAAY,MAAM,CAAA;AAAA,MACxB,EAAG,CAAA,EAAA,CAAG,UAAY,EAAAC,SAAA,CAAM,UAAU,CAAC,CAAA;AAAA,MACnC,EAAG,CAAA,EAAA,CAAG,UAAY,EAAAA,SAAA,CAAM,YAAY,CAAC,CAAA;AAAA,MACrC,EAAG,CAAA,EAAA,CAAG,UAAY,EAAAA,SAAA,CAAM,KAAK,CAAC,CAAA;AAAA,KAC/B,CAAA,CAAA;AAED,IAAA,MAAM,SAASC,YAAuB,CAAA;AAAA,MACpC,KAAO,EAAA,CAAA,CAAA;AAAA,MACP,aAAe,EAAA,KAAA;AAAA,MACf,OAAS,EAAA,IAAA;AAAA,MACT,KAAO,EAAA,KAAA;AAAA,KACR,CAAA,CAAA;AAEK,IAAA,MAAA;AAAA,MACJ,YAAA;AAAA,MACA,YAAA;AAAA,MACA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,KACF,GAAIC,mBAAU,CAAA,KAAA,EAAO,MAAM,CAAA,CAAA;AAE3B,IAAA,MAAM,EAAE,OAAA,EAAS,KAAM,EAAA,GAAIC,WAAO,MAAM,CAAA,CAAA;AAElC,IAAA,MAAA,EAAA,GAAMC,wBAAiD,CAAA,KAAA,CAAA;AAE7D,IAAA,MAAA,CAAO,eAAe,EAAE,CAAA,CAAA;AAExB,IAAAC,mBAAA,CAAgB,MAAM;AACpB,MAAA,MAAM,MAAM,EAAG,CAAA,KAAA,CAAA;AAGf,MAAAC,YAAA,CAAS,MAAM;AACb,QAAA,MAAM,EAAE,QAAA,EAAU,eAAgB,EAAA,GAAI,MAAO,CAAA,MAAA,CAAA;AAC7C,QAAA,MAAM,YAAe,GAAA,eAAA,CAAgB,IAAK,CAAA,CAAC,IAAS,KAAA;AAC3C,UAAA,OAAA,IAAA,CAAK,UAAU,EAAG,CAAA,KAAA,CAAA;AAAA,SAC1B,CAAA,CAAA;AACG,QAAA,IAAA,MAAA,CAAO,OAAO,aAAc,CAAA,GAAA,CAAI,GAAG,CAAM,KAAA,EAAA,IAAM,CAAC,YAAc,EAAA;AACzD,UAAA,MAAA,CAAA,MAAA,CAAO,aAAc,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA,SACxC;AAAA,OACD,CAAA,CAAA;AACM,MAAA,MAAA,CAAA,eAAA,CAAgB,KAAK,EAAE,CAAA,CAAA;AAAA,KAC/B,CAAA,CAAA;AAED,IAAA,SAAS,iBAAoB,GAAA;AACvB,MAAA,IAAA,CAAC,WAAW,KAAO,EAAA;AACrB,QAAA,MAAA,CAAO,mBAAmB,EAAE,CAAA,CAAA;AAAA,OAC9B;AAAA,KACF;AAEO,IAAA,OAAA;AAAA,MACL,EAAA;AAAA,MACA,EAAA;AAAA,MACA,YAAA;AAAA,MACA,YAAA;AAAA,MACA,YAAA;AAAA,MACA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAA;AAAA,MACA,KAAA;AAAA,MACA,MAAA;AAAA,MAEA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,iBAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;;;4CApHC,EAAAC,sBAAA,CAcK,IAAA,EAAA;AAAA,IAZF,IAAI,IAAA,CAAA,EAAA;AAAA,IACJ,KAAA,EAAKC,kBAAE,CAAA,IAAA,CAAY,YAAA,CAAA;AAAA,IACpB,IAAK,EAAA,QAAA;AAAA,IACJ,eAAA,EAAe,KAAc,UAAA,IAAA,KAAA,CAAA;AAAA,IAC7B,iBAAe,IAAA,CAAA,YAAA;AAAA,IACf,WAAS,EAAA,MAAA,CAAE,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,GAAA,IAAA,KAAA,IAAA,CAAA,SAAA,IAAA,IAAA,CAAA,SAAA,CAAA,GAAA,IAAA,CAAA,CAAA;AAAA,IACX,SAAK,yDAAO,IAAiB,CAAA,iBAAA,IAAA,KAAA,iBAAA,CAAA,GAAA,IAAA,CAAA,EAAA,CAAA,MAAA,CAAA,CAAA,CAAA;AAAA,IAC7B,aAAS,MAAV,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAAC,kBAAA,MAAA;AAAA,KAAkB,EAAA,CAAA,SAAA,CAAA,CAAA,CAAA;AAAA,GAAA,EAAA;AAAA,IAElBC,eAEO,4BAFP,MAEO;AAAA,MADLC,sBAAA;AAAA,QAA+B,MAAA;AAAA,QAAA,IAAA;AAAA,QAAAC,mBAAA,CAAtB,KAAY,YAAA,CAAA;AAAA,QAAA,CAAA;AAAA,OAAA;AAAA,KAAA,CAAA;AAAA;cAXf,EAAA,IAAA,CAAO,OAAA,CAAA;AAAA,GAAA,CAAA,CAAA;;;;;;"}

package/lib/components/select/src/option2.js

@@ -2,104 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var useOption = require('./useOption.js');
-var option = require('./option.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
-var index$1 = require('../../../hooks/use-id/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const _sfc_main = vue.defineComponent({
-  name: option.COMPONENT_NAME,
-  componentName: option.COMPONENT_NAME,
-  props: option.optionProps,
-  setup(props) {
-    const ns = index.useNamespace("select");
-    const id = index$1.useId();
-    const containerKls = vue.computed(() => [
-      ns.be("dropdown", "item"),
-      ns.is("disabled", vue.unref(isDisabled)),
-      ns.is("selected", vue.unref(itemSelected)),
-      ns.is("hovering", vue.unref(hover))
-    ]);
-    const states = vue.reactive({
-      index: -1,
-      groupDisabled: false,
-      visible: true,
-      hover: false
-    });
-    const {
-      currentLabel,
-      itemSelected,
-      isDisabled,
-      select,
-      hoverItem,
-      updateOption
-    } = useOption.useOption(props, states);
-    const { visible, hover } = vue.toRefs(states);
-    const vm = vue.getCurrentInstance().proxy;
-    select.onOptionCreate(vm);
-    vue.onBeforeUnmount(() => {
-      const key = vm.value;
-      vue.nextTick(() => {
-        const { selected: selectedOptions } = select.states;
-        const doesSelected = selectedOptions.some((item) => {
-          return item.value === vm.value;
-        });
-        if (select.states.cachedOptions.get(key) === vm && !doesSelected) {
-          select.states.cachedOptions.delete(key);
-        }
-      });
-      select.onOptionDestroy(key, vm);
-    });
-    function selectOptionClick() {
-      if (!isDisabled.value) {
-        select.handleOptionSelect(vm);
-      }
-    }
-    return {
-      ns,
-      id,
-      containerKls,
-      currentLabel,
-      itemSelected,
-      isDisabled,
-      select,
-      visible,
-      hover,
-      states,
-      hoverItem,
-      updateOption,
-      selectOptionClick
-    };
-  }
+const COMPONENT_NAME = "ElOption";
+const optionProps = runtime.buildProps({
+  value: {
+    type: [String, Number, Boolean, Object],
+    required: true
+  },
+  label: {
+    type: [String, Number]
+  },
+  created: Boolean,
+  disabled: Boolean
 });
-const _hoisted_1 = ["id", "aria-disabled", "aria-selected"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", {
-    id: _ctx.id,
-    class: vue.normalizeClass(_ctx.containerKls),
-    role: "option",
-    "aria-disabled": _ctx.isDisabled || void 0,
-    "aria-selected": _ctx.itemSelected,
-    onMousemove: _cache[0] || (_cache[0] = (...args) => _ctx.hoverItem && _ctx.hoverItem(...args)),
-    onClick: _cache[1] || (_cache[1] = vue.withModifiers((...args) => _ctx.selectOptionClick && _ctx.selectOptionClick(...args), ["stop"])),
-    onMousedown: _cache[2] || (_cache[2] = vue.withModifiers(() => {
-    }, ["prevent"]))
-  }, [
-    vue.renderSlot(_ctx.$slots, "default", {}, () => [
-      vue.createElementVNode(
-        "span",
-        null,
-        vue.toDisplayString(_ctx.currentLabel),
-        1
-      )
-    ])
-  ], 42, _hoisted_1)), [
-    [vue.vShow, _ctx.visible]
-  ]);
-}
-var Option = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/select/src/option.vue"]]);
 
-exports["default"] = Option;
+exports.COMPONENT_NAME = COMPONENT_NAME;
+exports.optionProps = optionProps;
 //# sourceMappingURL=option2.js.map

package/lib/components/select/src/option2.js.map

@@ -1 +1 @@
-{"version":3,"file":"option2.js","sources":["../../../../../../packages/components/select/src/option.vue"],"sourcesContent":["<template>\n  <li\n    v-show=\"visible\"\n    :id=\"id\"\n    :class=\"containerKls\"\n    role=\"option\"\n    :aria-disabled=\"isDisabled || undefined\"\n    :aria-selected=\"itemSelected\"\n    @mousemove=\"hoverItem\"\n    @click.stop=\"selectOptionClick\"\n    @mousedown.prevent\n  >\n    <slot>\n      <span>{{ currentLabel }}</span>\n    </slot>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  nextTick,\n  onBeforeUnmount,\n  reactive,\n  toRefs,\n  unref,\n} from 'vue'\nimport { useId, useNamespace } from '@element-plus/hooks'\nimport { useOption } from './useOption'\nimport { COMPONENT_NAME, optionProps } from './option'\n\nimport type {\n  OptionExposed,\n  OptionInternalInstance,\n  OptionStates,\n} from './type'\n\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  componentName: COMPONENT_NAME,\n\n  props: optionProps,\n\n  setup(props) {\n    const ns = useNamespace('select')\n    const id = useId()\n\n    const containerKls = computed(() => [\n      ns.be('dropdown', 'item'),\n      ns.is('disabled', unref(isDisabled)),\n      ns.is('selected', unref(itemSelected)),\n      ns.is('hovering', unref(hover)),\n    ])\n\n    const states = reactive<OptionStates>({\n      index: -1,\n      groupDisabled: false,\n      visible: true,\n      hover: false,\n    })\n\n    const {\n      currentLabel,\n      itemSelected,\n      isDisabled,\n      select,\n      hoverItem,\n      updateOption,\n    } = useOption(props, states)\n\n    const { visible, hover } = toRefs(states)\n\n    const vm = (getCurrentInstance()! as OptionInternalInstance).proxy\n\n    select.onOptionCreate(vm)\n\n    onBeforeUnmount(() => {\n      const key = vm.value\n\n      // if option is not selected, remove it from cache\n      nextTick(() => {\n        const { selected: selectedOptions } = select.states\n        const doesSelected = selectedOptions.some((item) => {\n          return item.value === vm.value\n        })\n        if (select.states.cachedOptions.get(key) === vm && !doesSelected) {\n          select.states.cachedOptions.delete(key)\n        }\n      })\n      select.onOptionDestroy(key, vm)\n    })\n\n    function selectOptionClick() {\n      if (!isDisabled.value) {\n        select.handleOptionSelect(vm)\n      }\n    }\n\n    return {\n      ns,\n      id,\n      containerKls,\n      currentLabel,\n      itemSelected,\n      isDisabled,\n      select,\n      visible,\n      hover,\n      states,\n\n      hoverItem,\n      updateOption,\n      selectOptionClick,\n    } satisfies OptionExposed\n  },\n})\n</script>\n"],"names":["defineComponent","COMPONENT_NAME","optionProps","useNamespace","useId","computed","unref","reactive","useOption","toRefs","getCurrentInstance","onBeforeUnmount","nextTick","_createElementBlock","_normalizeClass","_withModifiers","_renderSlot","_createElementVNode","_toDisplayString"],"mappings":"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"}
+{"version":3,"file":"option2.js","sources":["../../../../../../packages/components/select/src/option.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nexport const COMPONENT_NAME = 'ElOption'\nexport const optionProps = buildProps({\n  /**\n   * @description value of option\n   */\n  value: {\n    type: [String, Number, Boolean, Object],\n    required: true as const,\n  },\n  /**\n   * @description label of option, same as `value` if omitted\n   */\n  label: {\n    type: [String, Number],\n  },\n  created: Boolean,\n  /**\n   * @description whether option is disabled\n   */\n  disabled: Boolean,\n})\n"],"names":["buildProps"],"mappings":";;;;;;AAEO,MAAM,cAAiB,GAAA,WAAA;AACvB,MAAM,cAAcA,kBAAW,CAAA;AAAA,EAIpC,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,CAAC,MAAQ,EAAA,MAAA,EAAQ,SAAS,MAAM,CAAA;AAAA,IACtC,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,GACvB;AAAA,EACA,OAAS,EAAA,OAAA;AAAA,EAIT,QAAU,EAAA,OAAA;AACZ,CAAC;;;;;"}

package/lib/components/select/src/select.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var core = require('@popperjs/core');
 var iconsVue = require('@element-plus/icons-vue');
 var useProps = require('../../select-v2/src/useProps.js');
-var scrollbar = require('../../scrollbar/src/scrollbar.js');
+var scrollbar = require('../../scrollbar/src/scrollbar2.js');
 var runtime = require('../../../utils/vue/props/runtime.js');
 var index = require('../../../hooks/use-size/index.js');
-var content = require('../../tooltip/src/content2.js');
+var content = require('../../tooltip/src/content.js');
 var icon = require('../../../utils/vue/icon.js');
-var tag = require('../../tag/src/tag2.js');
+var tag = require('../../tag/src/tag.js');
 var index$1 = require('../../../hooks/use-empty-values/index.js');
 var index$2 = require('../../../hooks/use-aria/index.js');
 var event = require('../../../constants/event.js');

package/lib/components/select/src/select2.js

@@ -8,7 +8,7 @@ var index$1 = require('../../scrollbar/index.js');
 var index = require('../../tag/index.js');
 var index$3 = require('../../icon/index.js');
 var useProps = require('../../select-v2/src/useProps.js');
-var option = require('./option2.js');
+var option = require('./option.js');
 var selectDropdown = require('./select-dropdown.js');
 var useSelect = require('./useSelect.js');
 var token = require('./token.js');

package/lib/components/select/src/useOption.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var lodashUnified = require('lodash-unified');
 var token = require('./token.js');
-var option = require('./option.js');
+var option = require('./option2.js');
 var strings = require('../../../utils/strings.js');
 var error = require('../../../utils/error.js');
 var shared = require('@vue/shared');

package/lib/components/select-v2/src/defaults.js

@@ -7,9 +7,9 @@ var iconsVue = require('@element-plus/icons-vue');
 var useProps = require('./useProps.js');
 var runtime = require('../../../utils/vue/props/runtime.js');
 var icon = require('../../../utils/vue/icon.js');
-var content = require('../../tooltip/src/content2.js');
+var content = require('../../tooltip/src/content.js');
 var index = require('../../../hooks/use-size/index.js');
-var tag = require('../../tag/src/tag2.js');
+var tag = require('../../tag/src/tag.js');
 var types = require('../../../utils/types.js');
 var index$1 = require('../../../hooks/use-empty-values/index.js');
 var index$2 = require('../../../hooks/use-aria/index.js');

package/lib/components/statistic/index.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var statistic$1 = require('./src/statistic.js');
-var statistic = require('./src/statistic2.js');
+var statistic$1 = require('./src/statistic2.js');
+var statistic = require('./src/statistic.js');
 var install = require('../../utils/vue/install.js');
 
 const ElStatistic = install.withInstall(statistic$1["default"]);

package/lib/components/statistic/src/statistic.js

@@ -2,120 +2,33 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var statistic = require('./statistic2.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
-var shared = require('@vue/shared');
-var types = require('../../../utils/types.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const _sfc_main = vue.defineComponent({
-  ...{
-    name: "ElStatistic"
+const statisticProps = runtime.buildProps({
+  decimalSeparator: {
+    type: String,
+    default: "."
   },
-  __name: "statistic",
-  props: statistic.statisticProps,
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const ns = index.useNamespace("statistic");
-    const displayValue = vue.computed(() => {
-      const { value, formatter, precision, decimalSeparator, groupSeparator } = props;
-      if (shared.isFunction(formatter))
-        return formatter(value);
-      if (!types.isNumber(value) || Number.isNaN(value))
-        return value;
-      let [integer, decimal = ""] = String(value).split(".");
-      decimal = decimal.padEnd(precision, "0").slice(0, precision > 0 ? precision : 0);
-      integer = integer.replace(/\B(?=(\d{3})+(?!\d))/g, groupSeparator);
-      return [integer, decimal].join(decimal ? decimalSeparator : "");
-    });
-    __expose({
-      displayValue
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock(
-        "div",
-        {
-          class: vue.normalizeClass(vue.unref(ns).b())
-        },
-        [
-          _ctx.$slots.title || _ctx.title ? (vue.openBlock(), vue.createElementBlock(
-            "div",
-            {
-              key: 0,
-              class: vue.normalizeClass(vue.unref(ns).e("head"))
-            },
-            [
-              vue.renderSlot(_ctx.$slots, "title", {}, () => [
-                vue.createTextVNode(
-                  vue.toDisplayString(_ctx.title),
-                  1
-                )
-              ])
-            ],
-            2
-          )) : vue.createCommentVNode("v-if", true),
-          vue.createElementVNode(
-            "div",
-            {
-              class: vue.normalizeClass(vue.unref(ns).e("content"))
-            },
-            [
-              _ctx.$slots.prefix || _ctx.prefix ? (vue.openBlock(), vue.createElementBlock(
-                "div",
-                {
-                  key: 0,
-                  class: vue.normalizeClass(vue.unref(ns).e("prefix"))
-                },
-                [
-                  vue.renderSlot(_ctx.$slots, "prefix", {}, () => [
-                    vue.createElementVNode(
-                      "span",
-                      null,
-                      vue.toDisplayString(_ctx.prefix),
-                      1
-                    )
-                  ])
-                ],
-                2
-              )) : vue.createCommentVNode("v-if", true),
-              vue.createElementVNode(
-                "span",
-                {
-                  class: vue.normalizeClass(vue.unref(ns).e("number")),
-                  style: vue.normalizeStyle(_ctx.valueStyle)
-                },
-                vue.toDisplayString(displayValue.value),
-                7
-              ),
-              _ctx.$slots.suffix || _ctx.suffix ? (vue.openBlock(), vue.createElementBlock(
-                "div",
-                {
-                  key: 1,
-                  class: vue.normalizeClass(vue.unref(ns).e("suffix"))
-                },
-                [
-                  vue.renderSlot(_ctx.$slots, "suffix", {}, () => [
-                    vue.createElementVNode(
-                      "span",
-                      null,
-                      vue.toDisplayString(_ctx.suffix),
-                      1
-                    )
-                  ])
-                ],
-                2
-              )) : vue.createCommentVNode("v-if", true)
-            ],
-            2
-          )
-        ],
-        2
-      );
-    };
+  groupSeparator: {
+    type: String,
+    default: ","
+  },
+  precision: {
+    type: Number,
+    default: 0
+  },
+  formatter: Function,
+  value: {
+    type: runtime.definePropType([Number, Object]),
+    default: 0
+  },
+  prefix: String,
+  suffix: String,
+  title: String,
+  valueStyle: {
+    type: runtime.definePropType([String, Object, Array])
   }
 });
-var Statistic = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/statistic/src/statistic.vue"]]);
 
-exports["default"] = Statistic;
+exports.statisticProps = statisticProps;
 //# sourceMappingURL=statistic.js.map

package/lib/components/statistic/src/statistic.js.map

@@ -1 +1 @@
-{"version":3,"file":"statistic.js","sources":["../../../../../../packages/components/statistic/src/statistic.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <div v-if=\"$slots.title || title\" :class=\"ns.e('head')\">\n      <slot name=\"title\">\n        {{ title }}\n      </slot>\n    </div>\n    <div :class=\"ns.e('content')\">\n      <div v-if=\"$slots.prefix || prefix\" :class=\"ns.e('prefix')\">\n        <slot name=\"prefix\">\n          <span>{{ prefix }}</span>\n        </slot>\n      </div>\n      <span :class=\"ns.e('number')\" :style=\"valueStyle\">\n        {{ displayValue }}\n      </span>\n      <div v-if=\"$slots.suffix || suffix\" :class=\"ns.e('suffix')\">\n        <slot name=\"suffix\">\n          <span>{{ suffix }}</span>\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { isFunction, isNumber } from '@element-plus/utils'\nimport { statisticProps } from './statistic'\n\ndefineOptions({\n  name: 'ElStatistic',\n})\n\nconst props = defineProps(statisticProps)\nconst ns = useNamespace('statistic')\n\nconst displayValue = computed(() => {\n  const { value, formatter, precision, decimalSeparator, groupSeparator } =\n    props\n\n  if (isFunction(formatter)) return formatter(value)\n\n  // https://github.com/element-plus/element-plus/issues/17784\n  if (!isNumber(value) || Number.isNaN(value)) return value\n\n  let [integer, decimal = ''] = String(value).split('.')\n  decimal = decimal\n    .padEnd(precision, '0')\n    .slice(0, precision > 0 ? precision : 0)\n  integer = integer.replace(/\\B(?=(\\d{3})+(?!\\d))/g, groupSeparator)\n  return [integer, decimal].join(decimal ? decimalSeparator : '')\n})\n\ndefineExpose({\n  /**\n   * @description current display value\n   */\n  displayValue,\n})\n</script>\n"],"names":["useNamespace","computed","isFunction","isNumber","_openBlock","_createElementBlock","_normalizeClass","_unref","$slots","title","_renderSlot","_createTextVNode","_createElementVNode","prefix","_toDisplayString","_normalizeStyle","valueStyle","suffix"],"mappings":"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"}
+{"version":3,"file":"statistic.js","sources":["../../../../../../packages/components/statistic/src/statistic.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes, StyleValue } from 'vue'\nimport type { Dayjs } from 'dayjs'\nimport type Statistic from './statistic.vue'\n\nexport const statisticProps = buildProps({\n  /**\n   * @description Setting the decimal point\n   */\n  decimalSeparator: {\n    type: String,\n    default: '.',\n  },\n  /**\n   * @description Sets the thousandth identifier\n   */\n  groupSeparator: {\n    type: String,\n    default: ',',\n  },\n  /**\n   * @description numerical precision\n   */\n  precision: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description Custom numerical presentation\n   */\n  formatter: Function,\n  /**\n   * @description Numerical content\n   */\n  value: {\n    type: definePropType<number | Dayjs>([Number, Object]),\n    default: 0,\n  },\n  /**\n   * @description Sets the prefix of a number\n   */\n  prefix: String,\n\n  /**\n   * @description  Sets the suffix of a number\n   */\n  suffix: String,\n  /**\n   * @description Numeric titles\n   */\n  title: String,\n  /**\n   * @description Styles numeric values\n   */\n  valueStyle: {\n    type: definePropType<StyleValue>([String, Object, Array]),\n  },\n} as const)\nexport type StatisticProps = ExtractPropTypes<typeof statisticProps>\nexport type StatisticPropsPublic = ExtractPublicPropTypes<typeof statisticProps>\n\nexport type StatisticInstance = InstanceType<typeof Statistic> & unknown\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AAMO,MAAM,iBAAiBA,kBAAW,CAAA;AAAA,EAIvC,gBAAkB,EAAA;AAAA,IAChB,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,GAAA;AAAA,GACX;AAAA,EAIA,cAAgB,EAAA;AAAA,IACd,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,GAAA;AAAA,GACX;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EAIA,SAAW,EAAA,QAAA;AAAA,EAIX,KAAO,EAAA;AAAA,IACL,IAAM,EAAAC,sBAAA,CAA+B,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IACrD,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EAIA,MAAQ,EAAA,MAAA;AAAA,EAKR,MAAQ,EAAA,MAAA;AAAA,EAIR,KAAO,EAAA,MAAA;AAAA,EAIP,UAAY,EAAA;AAAA,IACV,MAAMA,sBAA2B,CAAA,CAAC,MAAQ,EAAA,MAAA,EAAQ,KAAK,CAAC,CAAA;AAAA,GAC1D;AACF,CAAU;;;;"}