@element-plus/nightly 0.0.20251221 → 0.0.20251222

package/lib/components/scrollbar/src/thumb2.js

@@ -2,18 +2,170 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+var core = require('@vueuse/core');
+var constants = require('./constants.js');
+var util = require('./util.js');
+var thumb = require('./thumb.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var error = require('../../../utils/error.js');
 
-const thumbProps = runtime.buildProps({
-  vertical: Boolean,
-  size: String,
-  move: Number,
-  ratio: {
-    type: Number,
-    required: true
-  },
-  always: Boolean
+const COMPONENT_NAME = "Thumb";
+const _sfc_main = vue.defineComponent({
+  __name: "thumb",
+  props: thumb.thumbProps,
+  setup(__props) {
+    const props = __props;
+    const scrollbar = vue.inject(constants.scrollbarContextKey);
+    const ns = index.useNamespace("scrollbar");
+    if (!scrollbar)
+      error.throwError(COMPONENT_NAME, "can not inject scrollbar context");
+    const instance = vue.ref();
+    const thumb = vue.ref();
+    const thumbState = vue.ref({});
+    const visible = vue.ref(false);
+    let cursorDown = false;
+    let cursorLeave = false;
+    let baseScrollHeight = 0;
+    let baseScrollWidth = 0;
+    let originalOnSelectStart = core.isClient ? document.onselectstart : null;
+    const bar = vue.computed(() => util.BAR_MAP[props.vertical ? "vertical" : "horizontal"]);
+    const thumbStyle = vue.computed(
+      () => util.renderThumbStyle({
+        size: props.size,
+        move: props.move,
+        bar: bar.value
+      })
+    );
+    const offsetRatio = vue.computed(
+      () => instance.value[bar.value.offset] ** 2 / scrollbar.wrapElement[bar.value.scrollSize] / props.ratio / thumb.value[bar.value.offset]
+    );
+    const clickThumbHandler = (e) => {
+      var _a;
+      e.stopPropagation();
+      if (e.ctrlKey || [1, 2].includes(e.button))
+        return;
+      (_a = window.getSelection()) == null ? void 0 : _a.removeAllRanges();
+      startDrag(e);
+      const el = e.currentTarget;
+      if (!el)
+        return;
+      thumbState.value[bar.value.axis] = el[bar.value.offset] - (e[bar.value.client] - el.getBoundingClientRect()[bar.value.direction]);
+    };
+    const clickTrackHandler = (e) => {
+      if (!thumb.value || !instance.value || !scrollbar.wrapElement)
+        return;
+      const offset = Math.abs(
+        e.target.getBoundingClientRect()[bar.value.direction] - e[bar.value.client]
+      );
+      const thumbHalf = thumb.value[bar.value.offset] / 2;
+      const thumbPositionPercentage = (offset - thumbHalf) * 100 * offsetRatio.value / instance.value[bar.value.offset];
+      scrollbar.wrapElement[bar.value.scroll] = thumbPositionPercentage * scrollbar.wrapElement[bar.value.scrollSize] / 100;
+    };
+    const startDrag = (e) => {
+      e.stopImmediatePropagation();
+      cursorDown = true;
+      baseScrollHeight = scrollbar.wrapElement.scrollHeight;
+      baseScrollWidth = scrollbar.wrapElement.scrollWidth;
+      document.addEventListener("mousemove", mouseMoveDocumentHandler);
+      document.addEventListener("mouseup", mouseUpDocumentHandler);
+      originalOnSelectStart = document.onselectstart;
+      document.onselectstart = () => false;
+    };
+    const mouseMoveDocumentHandler = (e) => {
+      if (!instance.value || !thumb.value)
+        return;
+      if (cursorDown === false)
+        return;
+      const prevPage = thumbState.value[bar.value.axis];
+      if (!prevPage)
+        return;
+      const offset = (instance.value.getBoundingClientRect()[bar.value.direction] - e[bar.value.client]) * -1;
+      const thumbClickPosition = thumb.value[bar.value.offset] - prevPage;
+      const thumbPositionPercentage = (offset - thumbClickPosition) * 100 * offsetRatio.value / instance.value[bar.value.offset];
+      if (bar.value.scroll === "scrollLeft") {
+        scrollbar.wrapElement[bar.value.scroll] = thumbPositionPercentage * baseScrollWidth / 100;
+      } else {
+        scrollbar.wrapElement[bar.value.scroll] = thumbPositionPercentage * baseScrollHeight / 100;
+      }
+    };
+    const mouseUpDocumentHandler = () => {
+      cursorDown = false;
+      thumbState.value[bar.value.axis] = 0;
+      document.removeEventListener("mousemove", mouseMoveDocumentHandler);
+      document.removeEventListener("mouseup", mouseUpDocumentHandler);
+      restoreOnselectstart();
+      if (cursorLeave)
+        visible.value = false;
+    };
+    const mouseMoveScrollbarHandler = () => {
+      cursorLeave = false;
+      visible.value = !!props.size;
+    };
+    const mouseLeaveScrollbarHandler = () => {
+      cursorLeave = true;
+      visible.value = cursorDown;
+    };
+    vue.onBeforeUnmount(() => {
+      restoreOnselectstart();
+      document.removeEventListener("mouseup", mouseUpDocumentHandler);
+    });
+    const restoreOnselectstart = () => {
+      if (document.onselectstart !== originalOnSelectStart)
+        document.onselectstart = originalOnSelectStart;
+    };
+    core.useEventListener(
+      vue.toRef(scrollbar, "scrollbarElement"),
+      "mousemove",
+      mouseMoveScrollbarHandler
+    );
+    core.useEventListener(
+      vue.toRef(scrollbar, "scrollbarElement"),
+      "mouseleave",
+      mouseLeaveScrollbarHandler
+    );
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.Transition, {
+        name: vue.unref(ns).b("fade"),
+        persisted: ""
+      }, {
+        default: vue.withCtx(() => [
+          vue.withDirectives(vue.createElementVNode(
+            "div",
+            {
+              ref_key: "instance",
+              ref: instance,
+              class: vue.normalizeClass([vue.unref(ns).e("bar"), vue.unref(ns).is(bar.value.key)]),
+              onMousedown: clickTrackHandler,
+              onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+              }, ["stop"]))
+            },
+            [
+              vue.createElementVNode(
+                "div",
+                {
+                  ref_key: "thumb",
+                  ref: thumb,
+                  class: vue.normalizeClass(vue.unref(ns).e("thumb")),
+                  style: vue.normalizeStyle(thumbStyle.value),
+                  onMousedown: clickThumbHandler
+                },
+                null,
+                38
+              )
+            ],
+            34
+          ), [
+            [vue.vShow, _ctx.always || visible.value]
+          ])
+        ]),
+        _: 1
+      }, 8, ["name"]);
+    };
+  }
 });
+var Thumb = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/scrollbar/src/thumb.vue"]]);
 
-exports.thumbProps = thumbProps;
+exports["default"] = Thumb;
 //# sourceMappingURL=thumb2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"thumb2.js","sources":["../../../../../../packages/components/scrollbar/src/thumb.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type Thumb from './thumb.vue'\n\nexport const thumbProps = buildProps({\n  vertical: Boolean,\n  size: String,\n  move: Number,\n  ratio: {\n    type: Number,\n    required: true,\n  },\n  always: Boolean,\n} as const)\nexport type ThumbProps = ExtractPropTypes<typeof thumbProps>\nexport type ThumbPropsPublic = ExtractPublicPropTypes<typeof thumbProps>\n\nexport type ThumbInstance = InstanceType<typeof Thumb> & unknown\n"],"names":["buildProps"],"mappings":";;;;;;AAKO,MAAM,aAAaA,kBAAW,CAAA;AAAA,EACnC,QAAU,EAAA,OAAA;AAAA,EACV,IAAM,EAAA,MAAA;AAAA,EACN,IAAM,EAAA,MAAA;AAAA,EACN,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,MAAQ,EAAA,OAAA;AACV,CAAU;;;;"}
+{"version":3,"file":"thumb2.js","sources":["../../../../../../packages/components/scrollbar/src/thumb.vue"],"sourcesContent":["<template>\n  <transition :name=\"ns.b('fade')\">\n    <div\n      v-show=\"always || visible\"\n      ref=\"instance\"\n      :class=\"[ns.e('bar'), ns.is(bar.key)]\"\n      @mousedown=\"clickTrackHandler\"\n      @click.stop\n    >\n      <div\n        ref=\"thumb\"\n        :class=\"ns.e('thumb')\"\n        :style=\"thumbStyle\"\n        @mousedown=\"clickThumbHandler\"\n      />\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, onBeforeUnmount, ref, toRef } from 'vue'\nimport { useEventListener } from '@vueuse/core'\nimport { isClient, throwError } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { scrollbarContextKey } from './constants'\nimport { BAR_MAP, renderThumbStyle } from './util'\nimport { thumbProps } from './thumb'\n\nconst COMPONENT_NAME = 'Thumb'\nconst props = defineProps(thumbProps)\n\nconst scrollbar = inject(scrollbarContextKey)\nconst ns = useNamespace('scrollbar')\n\nif (!scrollbar) throwError(COMPONENT_NAME, 'can not inject scrollbar context')\n\nconst instance = ref<HTMLDivElement>()\nconst thumb = ref<HTMLDivElement>()\n\nconst thumbState = ref<Partial<Record<'X' | 'Y', number>>>({})\nconst visible = ref(false)\n\nlet cursorDown = false\nlet cursorLeave = false\nlet baseScrollHeight = 0\nlet baseScrollWidth = 0\nlet originalOnSelectStart:\n  | ((this: GlobalEventHandlers, ev: Event) => any)\n  | null = isClient ? document.onselectstart : null\n\nconst bar = computed(() => BAR_MAP[props.vertical ? 'vertical' : 'horizontal'])\n\nconst thumbStyle = computed(() =>\n  renderThumbStyle({\n    size: props.size,\n    move: props.move,\n    bar: bar.value,\n  })\n)\n\nconst offsetRatio = computed(\n  () =>\n    // offsetRatioX = original width of thumb / current width of thumb / ratioX\n    // offsetRatioY = original height of thumb / current height of thumb / ratioY\n    // instance height = wrap height - GAP\n    instance.value![bar.value.offset] ** 2 /\n    scrollbar.wrapElement![bar.value.scrollSize] /\n    props.ratio /\n    thumb.value![bar.value.offset]\n)\n\nconst clickThumbHandler = (e: MouseEvent) => {\n  // prevent click event of middle and right button\n  e.stopPropagation()\n  if (e.ctrlKey || [1, 2].includes(e.button)) return\n\n  window.getSelection()?.removeAllRanges()\n  startDrag(e)\n\n  const el = e.currentTarget as HTMLDivElement\n  if (!el) return\n  thumbState.value[bar.value.axis] =\n    el[bar.value.offset] -\n    (e[bar.value.client] - el.getBoundingClientRect()[bar.value.direction])\n}\n\nconst clickTrackHandler = (e: MouseEvent) => {\n  if (!thumb.value || !instance.value || !scrollbar.wrapElement) return\n\n  const offset = Math.abs(\n    (e.target as HTMLElement).getBoundingClientRect()[bar.value.direction] -\n      e[bar.value.client]\n  )\n  const thumbHalf = thumb.value[bar.value.offset] / 2\n  const thumbPositionPercentage =\n    ((offset - thumbHalf) * 100 * offsetRatio.value) /\n    instance.value[bar.value.offset]\n\n  scrollbar.wrapElement[bar.value.scroll] =\n    (thumbPositionPercentage * scrollbar.wrapElement[bar.value.scrollSize]) /\n    100\n}\n\nconst startDrag = (e: MouseEvent) => {\n  e.stopImmediatePropagation()\n  cursorDown = true\n  baseScrollHeight = scrollbar.wrapElement!.scrollHeight\n  baseScrollWidth = scrollbar.wrapElement!.scrollWidth\n  document.addEventListener('mousemove', mouseMoveDocumentHandler)\n  document.addEventListener('mouseup', mouseUpDocumentHandler)\n  originalOnSelectStart = document.onselectstart\n  document.onselectstart = () => false\n}\n\nconst mouseMoveDocumentHandler = (e: MouseEvent) => {\n  if (!instance.value || !thumb.value) return\n  if (cursorDown === false) return\n\n  const prevPage = thumbState.value[bar.value.axis]\n  if (!prevPage) return\n\n  const offset =\n    (instance.value.getBoundingClientRect()[bar.value.direction] -\n      e[bar.value.client]) *\n    -1\n  const thumbClickPosition = thumb.value[bar.value.offset] - prevPage\n  const thumbPositionPercentage =\n    ((offset - thumbClickPosition) * 100 * offsetRatio.value) /\n    instance.value[bar.value.offset]\n\n  if (bar.value.scroll === 'scrollLeft') {\n    scrollbar.wrapElement![bar.value.scroll] =\n      (thumbPositionPercentage * baseScrollWidth) / 100\n  } else {\n    scrollbar.wrapElement![bar.value.scroll] =\n      (thumbPositionPercentage * baseScrollHeight) / 100\n  }\n}\n\nconst mouseUpDocumentHandler = () => {\n  cursorDown = false\n  thumbState.value[bar.value.axis] = 0\n  document.removeEventListener('mousemove', mouseMoveDocumentHandler)\n  document.removeEventListener('mouseup', mouseUpDocumentHandler)\n  restoreOnselectstart()\n  if (cursorLeave) visible.value = false\n}\n\nconst mouseMoveScrollbarHandler = () => {\n  cursorLeave = false\n  visible.value = !!props.size\n}\n\nconst mouseLeaveScrollbarHandler = () => {\n  cursorLeave = true\n  visible.value = cursorDown\n}\n\nonBeforeUnmount(() => {\n  restoreOnselectstart()\n  document.removeEventListener('mouseup', mouseUpDocumentHandler)\n})\n\nconst restoreOnselectstart = () => {\n  if (document.onselectstart !== originalOnSelectStart)\n    document.onselectstart = originalOnSelectStart\n}\n\nuseEventListener(\n  toRef(scrollbar, 'scrollbarElement'),\n  'mousemove',\n  mouseMoveScrollbarHandler\n)\nuseEventListener(\n  toRef(scrollbar, 'scrollbarElement'),\n  'mouseleave',\n  mouseLeaveScrollbarHandler\n)\n</script>\n"],"names":["inject","scrollbarContextKey","useNamespace","throwError","ref","isClient","computed","BAR_MAP","renderThumbStyle","onBeforeUnmount","useEventListener","toRef","_createBlock","_Transition","_unref","_withDirectives","_createElementVNode","_normalizeClass","_withModifiers","_normalizeStyle","always"],"mappings":"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"}

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

@@ -8,9 +8,9 @@ var useProps = require('../../select-v2/src/useProps.js');
 var scrollbar = require('../../scrollbar/src/scrollbar.js');
 var runtime = require('../../../utils/vue/props/runtime.js');
 var index = require('../../../hooks/use-size/index.js');
-var content = require('../../tooltip/src/content.js');
+var content = require('../../tooltip/src/content2.js');
 var icon = require('../../../utils/vue/icon.js');
-var tag = require('../../tag/src/tag.js');
+var tag = require('../../tag/src/tag2.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-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/content.js');
+var content = require('../../tooltip/src/content2.js');
 var index = require('../../../hooks/use-size/index.js');
-var tag = require('../../tag/src/tag.js');
+var tag = require('../../tag/src/tag2.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/statistic2.js');
-var statistic = require('./src/statistic.js');
+var statistic$1 = require('./src/statistic.js');
+var statistic = require('./src/statistic2.js');
 var install = require('../../utils/vue/install.js');
 
 const ElStatistic = install.withInstall(statistic$1["default"]);

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

@@ -2,33 +2,120 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('../../../utils/vue/props/runtime.js');
+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');
 
-const statisticProps = runtime.buildProps({
-  decimalSeparator: {
-    type: String,
-    default: "."
+const _sfc_main = vue.defineComponent({
+  ...{
+    name: "ElStatistic"
   },
-  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])
+  __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
+      );
+    };
   }
 });
+var Statistic = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/statistic/src/statistic.vue"]]);
 
-exports.statisticProps = statisticProps;
+exports["default"] = Statistic;
 //# 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.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;;;;"}
+{"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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"}

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

@@ -2,120 +2,33 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var statistic = require('./statistic.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=statistic2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"statistic2.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":"statistic2.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;;;;"}

package/lib/components/steps/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var steps$1 = require('./src/steps2.js');
-var item$1 = require('./src/item2.js');
-var item = require('./src/item.js');
+var item$1 = require('./src/item.js');
+var item = require('./src/item2.js');
 var steps = require('./src/steps.js');
 var tokens = require('./src/tokens.js');
 var install = require('../../utils/vue/install.js');