@element-plus/nightly 0.0.20250802 → 0.0.20250803

package/es/components/index.mjs

@@ -85,12 +85,12 @@ export { default as FixedSizeGrid } from './virtual-list/src/components/fixed-si
 export { default as DynamicSizeGrid } from './virtual-list/src/components/dynamic-size-grid.mjs';
 export { default as ElLoadingDirective, default as vLoading } from './loading/src/directive.mjs';
 export { default as ElLoadingService } from './loading/src/service.mjs';
-export { affixEmits, affixProps } from './affix/src/affix2.mjs';
+export { affixEmits, affixProps } from './affix/src/affix.mjs';
 export { alertEffects, alertEmits, alertProps } from './alert/src/alert.mjs';
 export { autocompleteEmits, autocompleteProps } from './autocomplete/src/autocomplete.mjs';
 export { avatarEmits, avatarProps } from './avatar/src/avatar.mjs';
-export { backtopEmits, backtopProps } from './backtop/src/backtop2.mjs';
-export { badgeProps } from './badge/src/badge.mjs';
+export { backtopEmits, backtopProps } from './backtop/src/backtop.mjs';
+export { badgeProps } from './badge/src/badge2.mjs';
 export { breadcrumbProps } from './breadcrumb/src/breadcrumb.mjs';
 export { breadcrumbItemProps } from './breadcrumb/src/breadcrumb-item.mjs';
 export { breadcrumbKey } from './breadcrumb/src/constants.mjs';
@@ -104,7 +104,7 @@ export { CAROUSEL_ITEM_NAME, carouselContextKey } from './carousel/src/constants
 export { cascaderEmits, cascaderProps } from './cascader/src/cascader.mjs';
 export { CASCADER_PANEL_INJECTION_KEY } from './cascader-panel/src/types.mjs';
 export { CommonProps, DefaultProps, cascaderPanelEmits, cascaderPanelProps, useCascaderConfig } from './cascader-panel/src/config.mjs';
-export { checkTagEmits, checkTagProps } from './check-tag/src/check-tag.mjs';
+export { checkTagEmits, checkTagProps } from './check-tag/src/check-tag2.mjs';
 export { checkboxGroupEmits, checkboxGroupProps } from './checkbox/src/checkbox-group.mjs';
 export { checkboxEmits, checkboxProps } from './checkbox/src/checkbox.mjs';
 export { checkboxGroupContextKey } from './checkbox/src/constants.mjs';
@@ -127,17 +127,17 @@ export { dialogEmits, dialogProps } from './dialog/src/dialog.mjs';
 export { DEFAULT_DIALOG_TRANSITION, dialogInjectionKey } from './dialog/src/constants.mjs';
 export { dividerProps } from './divider/src/divider.mjs';
 export { drawerEmits, drawerProps } from './drawer/src/drawer.mjs';
-export { DROPDOWN_COLLECTION_INJECTION_KEY, DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, ElCollection, ElCollectionItem, FIRST_KEYS, FIRST_LAST_KEYS, LAST_KEYS, dropdownItemProps, dropdownMenuProps, dropdownProps } from './dropdown/src/dropdown2.mjs';
+export { DROPDOWN_COLLECTION_INJECTION_KEY, DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, ElCollection, ElCollectionItem, FIRST_KEYS, FIRST_LAST_KEYS, LAST_KEYS, dropdownItemProps, dropdownMenuProps, dropdownProps } from './dropdown/src/dropdown.mjs';
 export { DROPDOWN_INJECTION_KEY, DROPDOWN_INSTANCE_INJECTION_KEY } from './dropdown/src/tokens.mjs';
-export { emptyProps } from './empty/src/empty2.mjs';
+export { emptyProps } from './empty/src/empty.mjs';
 export { formEmits, formMetaProps, formProps } from './form/src/form.mjs';
 export { formItemProps, formItemValidateStates } from './form/src/form-item.mjs';
 export { formContextKey, formItemContextKey } from './form/src/constants.mjs';
 export { useDisabled, useFormDisabled, useFormSize, useSize } from './form/src/hooks/use-form-common-props.mjs';
 export { useFormItem, useFormItemInputId } from './form/src/hooks/use-form-item.mjs';
-export { iconProps } from './icon/src/icon2.mjs';
+export { iconProps } from './icon/src/icon.mjs';
 export { imageEmits, imageProps } from './image/src/image.mjs';
-export { imageViewerEmits, imageViewerProps } from './image-viewer/src/image-viewer2.mjs';
+export { imageViewerEmits, imageViewerProps } from './image-viewer/src/image-viewer.mjs';
 export { inputEmits, inputProps } from './input/src/input.mjs';
 export { inputNumberEmits, inputNumberProps } from './input-number/src/input-number.mjs';
 export { inputTagEmits, inputTagProps } from './input-tag/src/input-tag.mjs';
@@ -160,9 +160,9 @@ export { POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY } from './popper/src
 export { default as ElPopperArrow } from './popper/src/arrow2.mjs';
 export { default as ElPopperTrigger } from './popper/src/trigger2.mjs';
 export { default as ElPopperContent } from './popper/src/content2.mjs';
-export { progressProps } from './progress/src/progress2.mjs';
+export { progressProps } from './progress/src/progress.mjs';
 export { radioEmits, radioProps, radioPropsBase } from './radio/src/radio.mjs';
-export { radioGroupEmits, radioGroupProps } from './radio/src/radio-group2.mjs';
+export { radioGroupEmits, radioGroupProps } from './radio/src/radio-group.mjs';
 export { radioButtonProps } from './radio/src/radio-button.mjs';
 export { radioGroupKey } from './radio/src/constants.mjs';
 export { rateEmits, rateProps } from './rate/src/rate.mjs';
@@ -171,20 +171,20 @@ export { RowAlign, RowJustify, rowProps } from './row/src/row.mjs';
 export { rowContextKey } from './row/src/constants.mjs';
 export { BAR_MAP, GAP, renderThumbStyle } from './scrollbar/src/util.mjs';
 export { scrollbarEmits, scrollbarProps } from './scrollbar/src/scrollbar.mjs';
-export { thumbProps } from './scrollbar/src/thumb.mjs';
+export { thumbProps } from './scrollbar/src/thumb2.mjs';
 export { scrollbarContextKey } from './scrollbar/src/constants.mjs';
 export { selectGroupKey, selectKey } from './select/src/token.mjs';
 export { selectEmits, selectProps } from './select/src/select.mjs';
 export { selectV2InjectionKey } from './select-v2/src/token.mjs';
 export { skeletonProps } from './skeleton/src/skeleton.mjs';
-export { skeletonItemProps } from './skeleton/src/skeleton-item.mjs';
+export { skeletonItemProps } from './skeleton/src/skeleton-item2.mjs';
 export { sliderEmits, sliderProps } from './slider/src/slider2.mjs';
 export { sliderContextKey } from './slider/src/constants.mjs';
 export { spaceProps } from './space/src/space.mjs';
 export { spaceItemProps } from './space/src/item.mjs';
 export { useSpace } from './space/src/use-space.mjs';
 export { statisticProps } from './statistic/src/statistic.mjs';
-export { stepProps } from './steps/src/item2.mjs';
+export { stepProps } from './steps/src/item.mjs';
 export { stepsEmits, stepsProps } from './steps/src/steps2.mjs';
 export { STEPS_INJECTION_KEY } from './steps/src/tokens.mjs';
 export { switchEmits, switchProps } from './switch/src/switch.mjs';
@@ -195,9 +195,9 @@ export { autoResizerProps } from './table-v2/src/auto-resizer.mjs';
 export { tableV2Props } from './table-v2/src/table.mjs';
 export { tableV2RowProps } from './table-v2/src/row.mjs';
 export { tabsEmits, tabsProps } from './tabs/src/tabs.mjs';
-export { tabBarProps } from './tabs/src/tab-bar2.mjs';
+export { tabBarProps } from './tabs/src/tab-bar.mjs';
 export { tabNavEmits, tabNavProps } from './tabs/src/tab-nav.mjs';
-export { tabPaneProps } from './tabs/src/tab-pane2.mjs';
+export { tabPaneProps } from './tabs/src/tab-pane.mjs';
 export { tabsRootContextKey } from './tabs/src/constants.mjs';
 export { tagEmits, tagProps } from './tag/src/tag.mjs';
 export { textProps } from './text/src/text.mjs';
@@ -210,7 +210,7 @@ export { timeSelectProps } from './time-select/src/time-select.mjs';
 export { timelineItemProps } from './timeline/src/timeline-item.mjs';
 export { TIMELINE_INJECTION_KEY } from './timeline/src/tokens.mjs';
 export { tooltipEmits, useTooltipModelToggle, useTooltipModelToggleEmits, useTooltipModelToggleProps, useTooltipProps } from './tooltip/src/tooltip.mjs';
-export { useTooltipTriggerProps } from './tooltip/src/trigger.mjs';
+export { useTooltipTriggerProps } from './tooltip/src/trigger2.mjs';
 export { useTooltipContentProps } from './tooltip/src/content.mjs';
 export { TOOLTIP_INJECTION_KEY } from './tooltip/src/constants.mjs';
 export { LEFT_CHECK_CHANGE_EVENT, RIGHT_CHECK_CHANGE_EVENT, transferCheckedChangeFn, transferEmits, transferProps } from './transfer/src/transfer.mjs';
@@ -224,11 +224,11 @@ export { default as FixedSizeList } from './virtual-list/src/components/fixed-si
 export { default as DynamicSizeList } from './virtual-list/src/components/dynamic-size-list.mjs';
 export { virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps } from './virtual-list/src/props.mjs';
 export { watermarkProps } from './watermark/src/watermark.mjs';
-export { tourEmits, tourProps } from './tour/src/tour.mjs';
+export { tourEmits, tourProps } from './tour/src/tour2.mjs';
 export { tourStepEmits, tourStepProps } from './tour/src/step.mjs';
-export { tourContentEmits, tourContentProps, tourPlacements, tourStrategies } from './tour/src/content2.mjs';
+export { tourContentEmits, tourContentProps, tourPlacements, tourStrategies } from './tour/src/content.mjs';
 export { anchorEmits, anchorProps } from './anchor/src/anchor.mjs';
-export { defaultProps, segmentedEmits, segmentedProps } from './segmented/src/segmented.mjs';
+export { defaultProps, segmentedEmits, segmentedProps } from './segmented/src/segmented2.mjs';
 export { mentionEmits, mentionProps } from './mention/src/mention.mjs';
 export { splitterProps } from './splitter/src/splitter.mjs';
 export { splitterPanelProps } from './splitter/src/split-panel.mjs';

package/es/components/popover/src/popover.mjs

@@ -1,6 +1,6 @@
-import { dropdownProps } from '../../dropdown/src/dropdown2.mjs';
+import { dropdownProps } from '../../dropdown/src/dropdown.mjs';
 import { buildProps } from '../../../utils/vue/props/runtime.mjs';
-import { useTooltipTriggerProps } from '../../tooltip/src/trigger.mjs';
+import { useTooltipTriggerProps } from '../../tooltip/src/trigger2.mjs';
 import { useTooltipContentProps } from '../../tooltip/src/content.mjs';
 import { isBoolean } from '../../../utils/types.mjs';
 

package/es/components/progress/index.mjs

@@ -1,5 +1,5 @@
-import Progress from './src/progress.mjs';
-export { progressProps } from './src/progress2.mjs';
+import Progress from './src/progress2.mjs';
+export { progressProps } from './src/progress.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElProgress = withInstall(Progress);

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

@@ -1,212 +1,58 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, normalizeStyle, renderSlot, toDisplayString, createCommentVNode, createBlock, withCtx, resolveDynamicComponent } from 'vue';
-import { ElIcon } from '../../icon/index.mjs';
-import { WarningFilled, CircleCheck, CircleClose, Check, Close } from '@element-plus/icons-vue';
-import { progressProps } from './progress2.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { isFunction, isString } from '@vue/shared';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
 
-const __default__ = defineComponent({
-  name: "ElProgress"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: progressProps,
-  setup(__props) {
-    const props = __props;
-    const STATUS_COLOR_MAP = {
-      success: "#13ce66",
-      exception: "#ff4949",
-      warning: "#e6a23c",
-      default: "#20a0ff"
-    };
-    const ns = useNamespace("progress");
-    const barStyle = computed(() => {
-      const barStyle2 = {
-        width: `${props.percentage}%`,
-        animationDuration: `${props.duration}s`
-      };
-      const color = getCurrentColor(props.percentage);
-      if (color.includes("gradient")) {
-        barStyle2.background = color;
-      } else {
-        barStyle2.backgroundColor = color;
-      }
-      return barStyle2;
-    });
-    const relativeStrokeWidth = computed(() => (props.strokeWidth / props.width * 100).toFixed(1));
-    const radius = computed(() => {
-      if (["circle", "dashboard"].includes(props.type)) {
-        return Number.parseInt(`${50 - Number.parseFloat(relativeStrokeWidth.value) / 2}`, 10);
-      }
-      return 0;
-    });
-    const trackPath = computed(() => {
-      const r = radius.value;
-      const isDashboard = props.type === "dashboard";
-      return `
-          M 50 50
-          m 0 ${isDashboard ? "" : "-"}${r}
-          a ${r} ${r} 0 1 1 0 ${isDashboard ? "-" : ""}${r * 2}
-          a ${r} ${r} 0 1 1 0 ${isDashboard ? "" : "-"}${r * 2}
-          `;
-    });
-    const perimeter = computed(() => 2 * Math.PI * radius.value);
-    const rate = computed(() => props.type === "dashboard" ? 0.75 : 1);
-    const strokeDashoffset = computed(() => {
-      const offset = -1 * perimeter.value * (1 - rate.value) / 2;
-      return `${offset}px`;
-    });
-    const trailPathStyle = computed(() => ({
-      strokeDasharray: `${perimeter.value * rate.value}px, ${perimeter.value}px`,
-      strokeDashoffset: strokeDashoffset.value
-    }));
-    const circlePathStyle = computed(() => ({
-      strokeDasharray: `${perimeter.value * rate.value * (props.percentage / 100)}px, ${perimeter.value}px`,
-      strokeDashoffset: strokeDashoffset.value,
-      transition: "stroke-dasharray 0.6s ease 0s, stroke 0.6s ease, opacity ease 0.6s"
-    }));
-    const stroke = computed(() => {
-      let ret;
-      if (props.color) {
-        ret = getCurrentColor(props.percentage);
-      } else {
-        ret = STATUS_COLOR_MAP[props.status] || STATUS_COLOR_MAP.default;
-      }
-      return ret;
-    });
-    const statusIcon = computed(() => {
-      if (props.status === "warning") {
-        return WarningFilled;
-      }
-      if (props.type === "line") {
-        return props.status === "success" ? CircleCheck : CircleClose;
-      } else {
-        return props.status === "success" ? Check : Close;
-      }
-    });
-    const progressTextSize = computed(() => {
-      return props.type === "line" ? 12 + props.strokeWidth * 0.4 : props.width * 0.111111 + 2;
-    });
-    const content = computed(() => props.format(props.percentage));
-    function getColors(color) {
-      const span = 100 / color.length;
-      const seriesColors = color.map((seriesColor, index) => {
-        if (isString(seriesColor)) {
-          return {
-            color: seriesColor,
-            percentage: (index + 1) * span
-          };
-        }
-        return seriesColor;
-      });
-      return seriesColors.sort((a, b) => a.percentage - b.percentage);
-    }
-    const getCurrentColor = (percentage) => {
-      var _a;
-      const { color } = props;
-      if (isFunction(color)) {
-        return color(percentage);
-      } else if (isString(color)) {
-        return color;
-      } else {
-        const colors = getColors(color);
-        for (const color2 of colors) {
-          if (color2.percentage > percentage)
-            return color2.color;
-        }
-        return (_a = colors[colors.length - 1]) == null ? void 0 : _a.color;
-      }
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([
-          unref(ns).b(),
-          unref(ns).m(_ctx.type),
-          unref(ns).is(_ctx.status),
-          {
-            [unref(ns).m("without-text")]: !_ctx.showText,
-            [unref(ns).m("text-inside")]: _ctx.textInside
-          }
-        ]),
-        role: "progressbar",
-        "aria-valuenow": _ctx.percentage,
-        "aria-valuemin": "0",
-        "aria-valuemax": "100"
-      }, [
-        _ctx.type === "line" ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(unref(ns).b("bar"))
-        }, [
-          createElementVNode("div", {
-            class: normalizeClass(unref(ns).be("bar", "outer")),
-            style: normalizeStyle({ height: `${_ctx.strokeWidth}px` })
-          }, [
-            createElementVNode("div", {
-              class: normalizeClass([
-                unref(ns).be("bar", "inner"),
-                { [unref(ns).bem("bar", "inner", "indeterminate")]: _ctx.indeterminate },
-                { [unref(ns).bem("bar", "inner", "striped")]: _ctx.striped },
-                { [unref(ns).bem("bar", "inner", "striped-flow")]: _ctx.stripedFlow }
-              ]),
-              style: normalizeStyle(unref(barStyle))
-            }, [
-              (_ctx.showText || _ctx.$slots.default) && _ctx.textInside ? (openBlock(), createElementBlock("div", {
-                key: 0,
-                class: normalizeClass(unref(ns).be("bar", "innerText"))
-              }, [
-                renderSlot(_ctx.$slots, "default", { percentage: _ctx.percentage }, () => [
-                  createElementVNode("span", null, toDisplayString(unref(content)), 1)
-                ])
-              ], 2)) : createCommentVNode("v-if", true)
-            ], 6)
-          ], 6)
-        ], 2)) : (openBlock(), createElementBlock("div", {
-          key: 1,
-          class: normalizeClass(unref(ns).b("circle")),
-          style: normalizeStyle({ height: `${_ctx.width}px`, width: `${_ctx.width}px` })
-        }, [
-          (openBlock(), createElementBlock("svg", { viewBox: "0 0 100 100" }, [
-            createElementVNode("path", {
-              class: normalizeClass(unref(ns).be("circle", "track")),
-              d: unref(trackPath),
-              stroke: `var(${unref(ns).cssVarName("fill-color-light")}, #e5e9f2)`,
-              "stroke-linecap": _ctx.strokeLinecap,
-              "stroke-width": unref(relativeStrokeWidth),
-              fill: "none",
-              style: normalizeStyle(unref(trailPathStyle))
-            }, null, 14, ["d", "stroke", "stroke-linecap", "stroke-width"]),
-            createElementVNode("path", {
-              class: normalizeClass(unref(ns).be("circle", "path")),
-              d: unref(trackPath),
-              stroke: unref(stroke),
-              fill: "none",
-              opacity: _ctx.percentage ? 1 : 0,
-              "stroke-linecap": _ctx.strokeLinecap,
-              "stroke-width": unref(relativeStrokeWidth),
-              style: normalizeStyle(unref(circlePathStyle))
-            }, null, 14, ["d", "stroke", "opacity", "stroke-linecap", "stroke-width"])
-          ]))
-        ], 6)),
-        (_ctx.showText || _ctx.$slots.default) && !_ctx.textInside ? (openBlock(), createElementBlock("div", {
-          key: 2,
-          class: normalizeClass(unref(ns).e("text")),
-          style: normalizeStyle({ fontSize: `${unref(progressTextSize)}px` })
-        }, [
-          renderSlot(_ctx.$slots, "default", { percentage: _ctx.percentage }, () => [
-            !_ctx.status ? (openBlock(), createElementBlock("span", { key: 0 }, toDisplayString(unref(content)), 1)) : (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
-              default: withCtx(() => [
-                (openBlock(), createBlock(resolveDynamicComponent(unref(statusIcon))))
-              ]),
-              _: 1
-            }))
-          ])
-        ], 6)) : createCommentVNode("v-if", true)
-      ], 10, ["aria-valuenow"]);
-    };
+const progressProps = buildProps({
+  type: {
+    type: String,
+    default: "line",
+    values: ["line", "circle", "dashboard"]
+  },
+  percentage: {
+    type: Number,
+    default: 0,
+    validator: (val) => val >= 0 && val <= 100
+  },
+  status: {
+    type: String,
+    default: "",
+    values: ["", "success", "exception", "warning"]
+  },
+  indeterminate: Boolean,
+  duration: {
+    type: Number,
+    default: 3
+  },
+  strokeWidth: {
+    type: Number,
+    default: 6
+  },
+  strokeLinecap: {
+    type: definePropType(String),
+    default: "round"
+  },
+  textInside: Boolean,
+  width: {
+    type: Number,
+    default: 126
+  },
+  showText: {
+    type: Boolean,
+    default: true
+  },
+  color: {
+    type: definePropType([
+      String,
+      Array,
+      Function
+    ]),
+    default: ""
+  },
+  striped: Boolean,
+  stripedFlow: Boolean,
+  format: {
+    type: definePropType(Function),
+    default: (percentage) => `${percentage}%`
   }
 });
-var Progress = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "progress.vue"]]);
 
-export { Progress as default };
+export { progressProps };
 //# sourceMappingURL=progress.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"progress.mjs","sources":["../../../../../../packages/components/progress/src/progress.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ns.b(),\n      ns.m(type),\n      ns.is(status),\n      {\n        [ns.m('without-text')]: !showText,\n        [ns.m('text-inside')]: textInside,\n      },\n    ]\"\n    role=\"progressbar\"\n    :aria-valuenow=\"percentage\"\n    aria-valuemin=\"0\"\n    aria-valuemax=\"100\"\n  >\n    <div v-if=\"type === 'line'\" :class=\"ns.b('bar')\">\n      <div\n        :class=\"ns.be('bar', 'outer')\"\n        :style=\"{ height: `${strokeWidth}px` }\"\n      >\n        <div\n          :class=\"[\n            ns.be('bar', 'inner'),\n            { [ns.bem('bar', 'inner', 'indeterminate')]: indeterminate },\n            { [ns.bem('bar', 'inner', 'striped')]: striped },\n            { [ns.bem('bar', 'inner', 'striped-flow')]: stripedFlow },\n          ]\"\n          :style=\"barStyle\"\n        >\n          <div\n            v-if=\"(showText || $slots.default) && textInside\"\n            :class=\"ns.be('bar', 'innerText')\"\n          >\n            <slot :percentage=\"percentage\">\n              <span>{{ content }}</span>\n            </slot>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div\n      v-else\n      :class=\"ns.b('circle')\"\n      :style=\"{ height: `${width}px`, width: `${width}px` }\"\n    >\n      <svg viewBox=\"0 0 100 100\">\n        <path\n          :class=\"ns.be('circle', 'track')\"\n          :d=\"trackPath\"\n          :stroke=\"`var(${ns.cssVarName('fill-color-light')}, #e5e9f2)`\"\n          :stroke-linecap=\"strokeLinecap\"\n          :stroke-width=\"relativeStrokeWidth\"\n          fill=\"none\"\n          :style=\"trailPathStyle\"\n        />\n        <path\n          :class=\"ns.be('circle', 'path')\"\n          :d=\"trackPath\"\n          :stroke=\"stroke\"\n          fill=\"none\"\n          :opacity=\"percentage ? 1 : 0\"\n          :stroke-linecap=\"strokeLinecap\"\n          :stroke-width=\"relativeStrokeWidth\"\n          :style=\"circlePathStyle\"\n        />\n      </svg>\n    </div>\n    <div\n      v-if=\"(showText || $slots.default) && !textInside\"\n      :class=\"ns.e('text')\"\n      :style=\"{ fontSize: `${progressTextSize}px` }\"\n    >\n      <slot :percentage=\"percentage\">\n        <span v-if=\"!status\">{{ content }}</span>\n        <el-icon v-else>\n          <component :is=\"statusIcon\" />\n        </el-icon>\n      </slot>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n  Check,\n  CircleCheck,\n  CircleClose,\n  Close,\n  WarningFilled,\n} from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { isFunction, isString } from '@element-plus/utils'\nimport { progressProps } from './progress'\n\nimport type { CSSProperties } from 'vue'\nimport type { ProgressColor } from './progress'\n\ndefineOptions({\n  name: 'ElProgress',\n})\n\nconst STATUS_COLOR_MAP: Record<string, string> = {\n  success: '#13ce66',\n  exception: '#ff4949',\n  warning: '#e6a23c',\n  default: '#20a0ff',\n}\n\nconst props = defineProps(progressProps)\n\nconst ns = useNamespace('progress')\n\nconst barStyle = computed<CSSProperties>(() => {\n  const barStyle: CSSProperties = {\n    width: `${props.percentage}%`,\n    animationDuration: `${props.duration}s`,\n  }\n  const color = getCurrentColor(props.percentage)\n  if (color.includes('gradient')) {\n    barStyle.background = color\n  } else {\n    barStyle.backgroundColor = color\n  }\n  return barStyle\n})\n\nconst relativeStrokeWidth = computed(() =>\n  ((props.strokeWidth / props.width) * 100).toFixed(1)\n)\n\nconst radius = computed(() => {\n  if (['circle', 'dashboard'].includes(props.type)) {\n    return Number.parseInt(\n      `${50 - Number.parseFloat(relativeStrokeWidth.value) / 2}`,\n      10\n    )\n  }\n  return 0\n})\n\nconst trackPath = computed(() => {\n  const r = radius.value\n  const isDashboard = props.type === 'dashboard'\n  return `\n          M 50 50\n          m 0 ${isDashboard ? '' : '-'}${r}\n          a ${r} ${r} 0 1 1 0 ${isDashboard ? '-' : ''}${r * 2}\n          a ${r} ${r} 0 1 1 0 ${isDashboard ? '' : '-'}${r * 2}\n          `\n})\n\nconst perimeter = computed(() => 2 * Math.PI * radius.value)\n\nconst rate = computed(() => (props.type === 'dashboard' ? 0.75 : 1))\n\nconst strokeDashoffset = computed(() => {\n  const offset = (-1 * perimeter.value * (1 - rate.value)) / 2\n  return `${offset}px`\n})\n\nconst trailPathStyle = computed<CSSProperties>(() => ({\n  strokeDasharray: `${perimeter.value * rate.value}px, ${perimeter.value}px`,\n  strokeDashoffset: strokeDashoffset.value,\n}))\n\nconst circlePathStyle = computed<CSSProperties>(() => ({\n  strokeDasharray: `${\n    perimeter.value * rate.value * (props.percentage / 100)\n  }px, ${perimeter.value}px`,\n  strokeDashoffset: strokeDashoffset.value,\n  transition:\n    'stroke-dasharray 0.6s ease 0s, stroke 0.6s ease, opacity ease 0.6s',\n}))\n\nconst stroke = computed(() => {\n  let ret: string\n  if (props.color) {\n    ret = getCurrentColor(props.percentage)\n  } else {\n    ret = STATUS_COLOR_MAP[props.status] || STATUS_COLOR_MAP.default\n  }\n  return ret\n})\n\nconst statusIcon = computed(() => {\n  if (props.status === 'warning') {\n    return WarningFilled\n  }\n  if (props.type === 'line') {\n    return props.status === 'success' ? CircleCheck : CircleClose\n  } else {\n    return props.status === 'success' ? Check : Close\n  }\n})\n\nconst progressTextSize = computed(() => {\n  return props.type === 'line'\n    ? 12 + props.strokeWidth * 0.4\n    : props.width * 0.111111 + 2\n})\n\nconst content = computed(() => props.format(props.percentage))\n\nfunction getColors(color: ProgressColor[]) {\n  const span = 100 / color.length\n  const seriesColors = color.map((seriesColor, index) => {\n    if (isString(seriesColor)) {\n      return {\n        color: seriesColor,\n        percentage: (index + 1) * span,\n      }\n    }\n    return seriesColor\n  })\n  return seriesColors.sort((a, b) => a.percentage - b.percentage)\n}\n\nconst getCurrentColor = (percentage: number) => {\n  const { color } = props\n  if (isFunction(color)) {\n    return color(percentage)\n  } else if (isString(color)) {\n    return color\n  } else {\n    const colors = getColors(color)\n    for (const color of colors) {\n      if (color.percentage > percentage) return color.color\n    }\n    return colors[colors.length - 1]?.color\n  }\n}\n</script>\n"],"names":["barStyle","_openBlock","_createElementBlock","_normalizeClass"],"mappings":"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"}
+{"version":3,"file":"progress.mjs","sources":["../../../../../../packages/components/progress/src/progress.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type {\n  ExtractPropTypes,\n  SVGAttributes,\n  __ExtractPublicPropTypes,\n} from 'vue'\nimport type Progress from './progress.vue'\n\nexport type ProgressColor = { color: string; percentage: number }\nexport type ProgressFn = (percentage: number) => string\n\nexport const progressProps = buildProps({\n  /**\n   * @description type of progress bar\n   */\n  type: {\n    type: String,\n    default: 'line',\n    values: ['line', 'circle', 'dashboard'],\n  },\n  /**\n   * @description percentage, required\n   */\n  percentage: {\n    type: Number,\n    default: 0,\n    validator: (val: number): boolean => val >= 0 && val <= 100,\n  },\n  /**\n   * @description the current status of progress bar\n   */\n  status: {\n    type: String,\n    default: '',\n    values: ['', 'success', 'exception', 'warning'],\n  },\n  /**\n   * @description set indeterminate progress\n   */\n  indeterminate: Boolean,\n  /**\n   * @description control the animation duration of indeterminate progress or striped flow progress\n   */\n  duration: {\n    type: Number,\n    default: 3,\n  },\n  /**\n   * @description the width of progress bar\n   */\n  strokeWidth: {\n    type: Number,\n    default: 6,\n  },\n  /**\n   * @description butt/circle/dashboard type shape at the end path\n   */\n  strokeLinecap: {\n    type: definePropType<NonNullable<SVGAttributes['stroke-linecap']>>(String),\n    default: 'round',\n  },\n  /**\n   * @description whether to place the percentage inside progress bar, only works when `type` is 'line'\n   */\n  textInside: Boolean,\n  /**\n   * @description the canvas width of circle progress bar\n   */\n  width: {\n    type: Number,\n    default: 126,\n  },\n  /**\n   * @description whether to show percentage\n   */\n  showText: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description background color of progress bar. Overrides `status` prop\n   */\n  color: {\n    type: definePropType<string | ProgressColor[] | ProgressFn>([\n      String,\n      Array,\n      Function,\n    ]),\n    default: '',\n  },\n  /**\n   * @description stripe over the progress bar's color\n   */\n  striped: Boolean,\n  /**\n   * @description get the stripes to flow\n   */\n  stripedFlow: Boolean,\n  /**\n   * @description custom text format\n   */\n  format: {\n    type: definePropType<ProgressFn>(Function),\n    default: (percentage: number): string => `${percentage}%`,\n  },\n} as const)\n\nexport type ProgressProps = ExtractPropTypes<typeof progressProps>\nexport type ProgressPropsPublic = __ExtractPublicPropTypes<typeof progressProps>\nexport type ProgressInstance = InstanceType<typeof Progress> & unknown\n"],"names":[],"mappings":";;AACY,MAAC,aAAa,GAAG,UAAU,CAAC;AACxC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,MAAM,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,WAAW,CAAC;AAC3C,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,SAAS,EAAE,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,GAAG;AAC9C,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,IAAI,MAAM,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,CAAC;AACnD,GAAG;AACH,EAAE,aAAa,EAAE,OAAO;AACxB,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,UAAU,EAAE,OAAO;AACrB,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,cAAc,CAAC;AACzB,MAAM,MAAM;AACZ,MAAM,KAAK;AACX,MAAM,QAAQ;AACd,KAAK,CAAC;AACN,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,OAAO,EAAE,OAAO;AAClB,EAAE,WAAW,EAAE,OAAO;AACtB,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,OAAO,EAAE,CAAC,UAAU,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC;AAC7C,GAAG;AACH,CAAC;;;;"}