@element-plus/nightly 0.0.20251229 → 0.0.20251231

package/lib/components/pagination/src/components/pager2.js

@@ -2,23 +2,237 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('../../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+var iconsVue = require('@element-plus/icons-vue');
+var pager = require('./pager.js');
+var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
+var event = require('../../../../constants/event.js');
+var index = require('../../../../hooks/use-namespace/index.js');
+var index$1 = require('../../../../hooks/use-locale/index.js');
 
-const paginationPagerProps = runtime.buildProps({
-  currentPage: {
-    type: Number,
-    default: 1
+const _hoisted_1 = ["aria-current", "aria-label", "tabindex"];
+const _hoisted_2 = ["tabindex", "aria-label"];
+const _hoisted_3 = ["aria-current", "aria-label", "tabindex"];
+const _hoisted_4 = ["tabindex", "aria-label"];
+const _hoisted_5 = ["aria-current", "aria-label", "tabindex"];
+const _sfc_main = vue.defineComponent({
+  ...{
+    name: "ElPaginationPager"
   },
-  pageCount: {
-    type: Number,
-    required: true
-  },
-  pagerCount: {
-    type: Number,
-    default: 7
-  },
-  disabled: Boolean
+  __name: "pager",
+  props: pager.paginationPagerProps,
+  emits: [event.CHANGE_EVENT],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const nsPager = index.useNamespace("pager");
+    const nsIcon = index.useNamespace("icon");
+    const { t } = index$1.useLocale();
+    const showPrevMore = vue.ref(false);
+    const showNextMore = vue.ref(false);
+    const quickPrevHover = vue.ref(false);
+    const quickNextHover = vue.ref(false);
+    const quickPrevFocus = vue.ref(false);
+    const quickNextFocus = vue.ref(false);
+    const pagers = vue.computed(() => {
+      const pagerCount = props.pagerCount;
+      const halfPagerCount = (pagerCount - 1) / 2;
+      const currentPage = Number(props.currentPage);
+      const pageCount = Number(props.pageCount);
+      let showPrevMore2 = false;
+      let showNextMore2 = false;
+      if (pageCount > pagerCount) {
+        if (currentPage > pagerCount - halfPagerCount) {
+          showPrevMore2 = true;
+        }
+        if (currentPage < pageCount - halfPagerCount) {
+          showNextMore2 = true;
+        }
+      }
+      const array = [];
+      if (showPrevMore2 && !showNextMore2) {
+        const startPage = pageCount - (pagerCount - 2);
+        for (let i = startPage; i < pageCount; i++) {
+          array.push(i);
+        }
+      } else if (!showPrevMore2 && showNextMore2) {
+        for (let i = 2; i < pagerCount; i++) {
+          array.push(i);
+        }
+      } else if (showPrevMore2 && showNextMore2) {
+        const offset = Math.floor(pagerCount / 2) - 1;
+        for (let i = currentPage - offset; i <= currentPage + offset; i++) {
+          array.push(i);
+        }
+      } else {
+        for (let i = 2; i < pageCount; i++) {
+          array.push(i);
+        }
+      }
+      return array;
+    });
+    const prevMoreKls = vue.computed(() => [
+      "more",
+      "btn-quickprev",
+      nsIcon.b(),
+      nsPager.is("disabled", props.disabled)
+    ]);
+    const nextMoreKls = vue.computed(() => [
+      "more",
+      "btn-quicknext",
+      nsIcon.b(),
+      nsPager.is("disabled", props.disabled)
+    ]);
+    const tabindex = vue.computed(() => props.disabled ? -1 : 0);
+    vue.watch(
+      () => [props.pageCount, props.pagerCount, props.currentPage],
+      ([pageCount, pagerCount, currentPage]) => {
+        const halfPagerCount = (pagerCount - 1) / 2;
+        let showPrev = false;
+        let showNext = false;
+        if (pageCount > pagerCount) {
+          showPrev = currentPage > pagerCount - halfPagerCount;
+          showNext = currentPage < pageCount - halfPagerCount;
+        }
+        quickPrevHover.value && (quickPrevHover.value = showPrev);
+        quickNextHover.value && (quickNextHover.value = showNext);
+        showPrevMore.value = showPrev;
+        showNextMore.value = showNext;
+      },
+      { immediate: true }
+    );
+    function onMouseEnter(forward = false) {
+      if (props.disabled)
+        return;
+      if (forward) {
+        quickPrevHover.value = true;
+      } else {
+        quickNextHover.value = true;
+      }
+    }
+    function onFocus(forward = false) {
+      if (forward) {
+        quickPrevFocus.value = true;
+      } else {
+        quickNextFocus.value = true;
+      }
+    }
+    function onEnter(e) {
+      const target = e.target;
+      if (target.tagName.toLowerCase() === "li" && Array.from(target.classList).includes("number")) {
+        const newPage = Number(target.textContent);
+        if (newPage !== props.currentPage) {
+          emit(event.CHANGE_EVENT, newPage);
+        }
+      } else if (target.tagName.toLowerCase() === "li" && Array.from(target.classList).includes("more")) {
+        onPagerClick(e);
+      }
+    }
+    function onPagerClick(event$1) {
+      const target = event$1.target;
+      if (target.tagName.toLowerCase() === "ul" || props.disabled) {
+        return;
+      }
+      let newPage = Number(target.textContent);
+      const pageCount = props.pageCount;
+      const currentPage = props.currentPage;
+      const pagerCountOffset = props.pagerCount - 2;
+      if (target.className.includes("more")) {
+        if (target.className.includes("quickprev")) {
+          newPage = currentPage - pagerCountOffset;
+        } else if (target.className.includes("quicknext")) {
+          newPage = currentPage + pagerCountOffset;
+        }
+      }
+      if (!Number.isNaN(+newPage)) {
+        if (newPage < 1) {
+          newPage = 1;
+        }
+        if (newPage > pageCount) {
+          newPage = pageCount;
+        }
+      }
+      if (newPage !== currentPage) {
+        emit(event.CHANGE_EVENT, newPage);
+      }
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "ul",
+        {
+          class: vue.normalizeClass(vue.unref(nsPager).b()),
+          onClick: onPagerClick,
+          onKeyup: vue.withKeys(onEnter, ["enter"])
+        },
+        [
+          _ctx.pageCount > 0 ? (vue.openBlock(), vue.createElementBlock("li", {
+            key: 0,
+            class: vue.normalizeClass([[
+              vue.unref(nsPager).is("active", _ctx.currentPage === 1),
+              vue.unref(nsPager).is("disabled", _ctx.disabled)
+            ], "number"]),
+            "aria-current": _ctx.currentPage === 1,
+            "aria-label": vue.unref(t)("el.pagination.currentPage", { pager: 1 }),
+            tabindex: tabindex.value
+          }, " 1 ", 10, _hoisted_1)) : vue.createCommentVNode("v-if", true),
+          showPrevMore.value ? (vue.openBlock(), vue.createElementBlock("li", {
+            key: 1,
+            class: vue.normalizeClass(prevMoreKls.value),
+            tabindex: tabindex.value,
+            "aria-label": vue.unref(t)("el.pagination.prevPages", { pager: _ctx.pagerCount - 2 }),
+            onMouseenter: _cache[0] || (_cache[0] = ($event) => onMouseEnter(true)),
+            onMouseleave: _cache[1] || (_cache[1] = ($event) => quickPrevHover.value = false),
+            onFocus: _cache[2] || (_cache[2] = ($event) => onFocus(true)),
+            onBlur: _cache[3] || (_cache[3] = ($event) => quickPrevFocus.value = false)
+          }, [
+            (quickPrevHover.value || quickPrevFocus.value) && !_ctx.disabled ? (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.DArrowLeft), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.MoreFilled), { key: 1 }))
+          ], 42, _hoisted_2)) : vue.createCommentVNode("v-if", true),
+          (vue.openBlock(true), vue.createElementBlock(
+            vue.Fragment,
+            null,
+            vue.renderList(pagers.value, (pager) => {
+              return vue.openBlock(), vue.createElementBlock("li", {
+                key: pager,
+                class: vue.normalizeClass([[
+                  vue.unref(nsPager).is("active", _ctx.currentPage === pager),
+                  vue.unref(nsPager).is("disabled", _ctx.disabled)
+                ], "number"]),
+                "aria-current": _ctx.currentPage === pager,
+                "aria-label": vue.unref(t)("el.pagination.currentPage", { pager }),
+                tabindex: tabindex.value
+              }, vue.toDisplayString(pager), 11, _hoisted_3);
+            }),
+            128
+          )),
+          showNextMore.value ? (vue.openBlock(), vue.createElementBlock("li", {
+            key: 2,
+            class: vue.normalizeClass(nextMoreKls.value),
+            tabindex: tabindex.value,
+            "aria-label": vue.unref(t)("el.pagination.nextPages", { pager: _ctx.pagerCount - 2 }),
+            onMouseenter: _cache[4] || (_cache[4] = ($event) => onMouseEnter()),
+            onMouseleave: _cache[5] || (_cache[5] = ($event) => quickNextHover.value = false),
+            onFocus: _cache[6] || (_cache[6] = ($event) => onFocus()),
+            onBlur: _cache[7] || (_cache[7] = ($event) => quickNextFocus.value = false)
+          }, [
+            (quickNextHover.value || quickNextFocus.value) && !_ctx.disabled ? (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.DArrowRight), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.MoreFilled), { key: 1 }))
+          ], 42, _hoisted_4)) : vue.createCommentVNode("v-if", true),
+          _ctx.pageCount > 1 ? (vue.openBlock(), vue.createElementBlock("li", {
+            key: 3,
+            class: vue.normalizeClass([[
+              vue.unref(nsPager).is("active", _ctx.currentPage === _ctx.pageCount),
+              vue.unref(nsPager).is("disabled", _ctx.disabled)
+            ], "number"]),
+            "aria-current": _ctx.currentPage === _ctx.pageCount,
+            "aria-label": vue.unref(t)("el.pagination.currentPage", { pager: _ctx.pageCount }),
+            tabindex: tabindex.value
+          }, vue.toDisplayString(_ctx.pageCount), 11, _hoisted_5)) : vue.createCommentVNode("v-if", true)
+        ],
+        34
+      );
+    };
+  }
 });
+var Pager = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/pagination/src/components/pager.vue"]]);
 
-exports.paginationPagerProps = paginationPagerProps;
+exports["default"] = Pager;
 //# sourceMappingURL=pager2.js.map

package/lib/components/pagination/src/components/pager2.js.map

@@ -1 +1 @@
-{"version":3,"file":"pager2.js","sources":["../../../../../../../packages/components/pagination/src/components/pager.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type Pager from './pager.vue'\n\nexport const paginationPagerProps = buildProps({\n  currentPage: {\n    type: Number,\n    default: 1,\n  },\n  pageCount: {\n    type: Number,\n    required: true,\n  },\n  pagerCount: {\n    type: Number,\n    default: 7,\n  },\n  disabled: Boolean,\n} as const)\n\nexport type PaginationPagerProps = ExtractPropTypes<typeof paginationPagerProps>\nexport type PaginationPagerPropsPublic = ExtractPublicPropTypes<\n  typeof paginationPagerProps\n>\n\nexport type PagerInstance = InstanceType<typeof Pager> & unknown\n"],"names":["buildProps"],"mappings":";;;;;;AAKO,MAAM,uBAAuBA,kBAAW,CAAA;AAAA,EAC7C,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA,OAAA;AACZ,CAAU;;;;"}
+{"version":3,"file":"pager2.js","sources":["../../../../../../../packages/components/pagination/src/components/pager.vue"],"sourcesContent":["<template>\n  <ul :class=\"nsPager.b()\" @click=\"onPagerClick\" @keyup.enter=\"onEnter\">\n    <li\n      v-if=\"pageCount > 0\"\n      :class=\"[\n        nsPager.is('active', currentPage === 1),\n        nsPager.is('disabled', disabled),\n      ]\"\n      class=\"number\"\n      :aria-current=\"currentPage === 1\"\n      :aria-label=\"t('el.pagination.currentPage', { pager: 1 })\"\n      :tabindex=\"tabindex\"\n    >\n      1\n    </li>\n    <li\n      v-if=\"showPrevMore\"\n      :class=\"prevMoreKls\"\n      :tabindex=\"tabindex\"\n      :aria-label=\"t('el.pagination.prevPages', { pager: pagerCount - 2 })\"\n      @mouseenter=\"onMouseEnter(true)\"\n      @mouseleave=\"quickPrevHover = false\"\n      @focus=\"onFocus(true)\"\n      @blur=\"quickPrevFocus = false\"\n    >\n      <d-arrow-left v-if=\"(quickPrevHover || quickPrevFocus) && !disabled\" />\n      <more-filled v-else />\n    </li>\n    <li\n      v-for=\"pager in pagers\"\n      :key=\"pager\"\n      :class=\"[\n        nsPager.is('active', currentPage === pager),\n        nsPager.is('disabled', disabled),\n      ]\"\n      class=\"number\"\n      :aria-current=\"currentPage === pager\"\n      :aria-label=\"t('el.pagination.currentPage', { pager })\"\n      :tabindex=\"tabindex\"\n    >\n      {{ pager }}\n    </li>\n    <li\n      v-if=\"showNextMore\"\n      :class=\"nextMoreKls\"\n      :tabindex=\"tabindex\"\n      :aria-label=\"t('el.pagination.nextPages', { pager: pagerCount - 2 })\"\n      @mouseenter=\"onMouseEnter()\"\n      @mouseleave=\"quickNextHover = false\"\n      @focus=\"onFocus()\"\n      @blur=\"quickNextFocus = false\"\n    >\n      <d-arrow-right v-if=\"(quickNextHover || quickNextFocus) && !disabled\" />\n      <more-filled v-else />\n    </li>\n    <li\n      v-if=\"pageCount > 1\"\n      :class=\"[\n        nsPager.is('active', currentPage === pageCount),\n        nsPager.is('disabled', disabled),\n      ]\"\n      class=\"number\"\n      :aria-current=\"currentPage === pageCount\"\n      :aria-label=\"t('el.pagination.currentPage', { pager: pageCount })\"\n      :tabindex=\"tabindex\"\n    >\n      {{ pageCount }}\n    </li>\n  </ul>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport { DArrowLeft, DArrowRight, MoreFilled } from '@element-plus/icons-vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport { paginationPagerProps } from './pager'\n\ndefineOptions({\n  name: 'ElPaginationPager',\n})\nconst props = defineProps(paginationPagerProps)\nconst emit = defineEmits([CHANGE_EVENT])\nconst nsPager = useNamespace('pager')\nconst nsIcon = useNamespace('icon')\nconst { t } = useLocale()\n\nconst showPrevMore = ref(false)\nconst showNextMore = ref(false)\nconst quickPrevHover = ref(false)\nconst quickNextHover = ref(false)\nconst quickPrevFocus = ref(false)\nconst quickNextFocus = ref(false)\nconst pagers = computed(() => {\n  const pagerCount = props.pagerCount\n  const halfPagerCount = (pagerCount - 1) / 2\n  const currentPage = Number(props.currentPage)\n  const pageCount = Number(props.pageCount)\n  let showPrevMore = false\n  let showNextMore = false\n  if (pageCount > pagerCount) {\n    if (currentPage > pagerCount - halfPagerCount) {\n      showPrevMore = true\n    }\n    if (currentPage < pageCount - halfPagerCount) {\n      showNextMore = true\n    }\n  }\n  const array: number[] = []\n  if (showPrevMore && !showNextMore) {\n    const startPage = pageCount - (pagerCount - 2)\n    for (let i = startPage; i < pageCount; i++) {\n      array.push(i)\n    }\n  } else if (!showPrevMore && showNextMore) {\n    for (let i = 2; i < pagerCount; i++) {\n      array.push(i)\n    }\n  } else if (showPrevMore && showNextMore) {\n    const offset = Math.floor(pagerCount / 2) - 1\n    for (let i = currentPage - offset; i <= currentPage + offset; i++) {\n      array.push(i)\n    }\n  } else {\n    for (let i = 2; i < pageCount; i++) {\n      array.push(i)\n    }\n  }\n  return array\n})\n\nconst prevMoreKls = computed(() => [\n  'more',\n  'btn-quickprev',\n  nsIcon.b(),\n  nsPager.is('disabled', props.disabled),\n])\nconst nextMoreKls = computed(() => [\n  'more',\n  'btn-quicknext',\n  nsIcon.b(),\n  nsPager.is('disabled', props.disabled),\n])\n\nconst tabindex = computed(() => (props.disabled ? -1 : 0))\nwatch(\n  () => [props.pageCount, props.pagerCount, props.currentPage],\n  ([pageCount, pagerCount, currentPage]) => {\n    const halfPagerCount = (pagerCount - 1) / 2\n    let showPrev = false\n    let showNext = false\n\n    if (pageCount > pagerCount) {\n      showPrev = currentPage > pagerCount - halfPagerCount\n      showNext = currentPage < pageCount - halfPagerCount\n    }\n\n    quickPrevHover.value &&= showPrev\n    quickNextHover.value &&= showNext\n    showPrevMore.value = showPrev\n    showNextMore.value = showNext\n  },\n  { immediate: true }\n)\nfunction onMouseEnter(forward = false) {\n  if (props.disabled) return\n  if (forward) {\n    quickPrevHover.value = true\n  } else {\n    quickNextHover.value = true\n  }\n}\nfunction onFocus(forward = false) {\n  if (forward) {\n    quickPrevFocus.value = true\n  } else {\n    quickNextFocus.value = true\n  }\n}\nfunction onEnter(e: UIEvent) {\n  const target = e.target as HTMLElement\n  if (\n    target.tagName.toLowerCase() === 'li' &&\n    Array.from(target.classList).includes('number')\n  ) {\n    const newPage = Number(target.textContent)\n    if (newPage !== props.currentPage) {\n      emit(CHANGE_EVENT, newPage)\n    }\n  } else if (\n    target.tagName.toLowerCase() === 'li' &&\n    Array.from(target.classList).includes('more')\n  ) {\n    onPagerClick(e)\n  }\n}\nfunction onPagerClick(event: UIEvent) {\n  const target = event.target as HTMLElement\n  if (target.tagName.toLowerCase() === 'ul' || props.disabled) {\n    return\n  }\n  let newPage = Number(target.textContent)\n  const pageCount = props.pageCount!\n  const currentPage = props.currentPage\n  const pagerCountOffset = props.pagerCount - 2\n  if (target.className.includes('more')) {\n    if (target.className.includes('quickprev')) {\n      newPage = currentPage - pagerCountOffset\n    } else if (target.className.includes('quicknext')) {\n      newPage = currentPage + pagerCountOffset\n    }\n  }\n  if (!Number.isNaN(+newPage)) {\n    if (newPage < 1) {\n      newPage = 1\n    }\n    if (newPage > pageCount) {\n      newPage = pageCount\n    }\n  }\n  if (newPage !== currentPage) {\n    emit(CHANGE_EVENT, newPage)\n  }\n}\n</script>\n"],"names":["useNamespace","useLocale","ref","computed","showPrevMore","showNextMore","watch","CHANGE_EVENT","event","_openBlock","_createElementBlock","_normalizeClass","_unref","_withKeys","pageCount","currentPage","disabled","_createCommentVNode","pagerCount","_createBlock","MoreFilled","_Fragment","_renderList","_toDisplayString"],"mappings":"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"}

package/lib/components/pagination/src/pagination.js

@@ -6,11 +6,11 @@ var vue = require('vue');
 var iconsVue = require('@element-plus/icons-vue');
 var constants = require('./constants.js');
 var prev = require('./components/prev2.js');
-var next = require('./components/next.js');
+var next = require('./components/next2.js');
 var sizes = require('./components/sizes2.js');
 var jumper = require('./components/jumper2.js');
 var total = require('./components/total2.js');
-var pager = require('./components/pager.js');
+var pager = require('./components/pager2.js');
 var index$2 = require('../../../hooks/use-size/index.js');
 var runtime = require('../../../utils/vue/props/runtime.js');
 var index = require('../../../hooks/use-locale/index.js');

package/lib/components/progress/index.js

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

package/lib/components/progress/src/progress.js

@@ -2,61 +2,265 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+var index$1 = require('../../icon/index.js');
+var iconsVue = require('@element-plus/icons-vue');
+var progress = require('./progress2.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var shared = require('@vue/shared');
 
-const progressProps = runtime.buildProps({
-  type: {
-    type: String,
-    default: "line",
-    values: ["line", "circle", "dashboard"]
+const _hoisted_1 = ["aria-valuenow"];
+const _hoisted_2 = { viewBox: "0 0 100 100" };
+const _hoisted_3 = ["d", "stroke", "stroke-linecap", "stroke-width"];
+const _hoisted_4 = ["d", "stroke", "opacity", "stroke-linecap", "stroke-width"];
+const _hoisted_5 = { key: 0 };
+const _sfc_main = vue.defineComponent({
+  ...{
+    name: "ElProgress"
   },
-  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: runtime.definePropType(String),
-    default: "round"
-  },
-  textInside: Boolean,
-  width: {
-    type: Number,
-    default: 126
-  },
-  showText: {
-    type: Boolean,
-    default: true
-  },
-  color: {
-    type: runtime.definePropType([
-      String,
-      Array,
-      Function
-    ]),
-    default: ""
-  },
-  striped: Boolean,
-  stripedFlow: Boolean,
-  format: {
-    type: runtime.definePropType(Function),
-    default: (percentage) => `${percentage}%`
+  __name: "progress",
+  props: progress.progressProps,
+  setup(__props) {
+    const STATUS_COLOR_MAP = {
+      success: "#13ce66",
+      exception: "#ff4949",
+      warning: "#e6a23c",
+      default: "#20a0ff"
+    };
+    const props = __props;
+    const ns = index.useNamespace("progress");
+    const barStyle = vue.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 = vue.computed(
+      () => (props.strokeWidth / props.width * 100).toFixed(1)
+    );
+    const radius = vue.computed(() => {
+      if (["circle", "dashboard"].includes(props.type)) {
+        return Number.parseInt(
+          `${50 - Number.parseFloat(relativeStrokeWidth.value) / 2}`,
+          10
+        );
+      }
+      return 0;
+    });
+    const trackPath = vue.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 = vue.computed(() => 2 * Math.PI * radius.value);
+    const rate = vue.computed(() => props.type === "dashboard" ? 0.75 : 1);
+    const strokeDashoffset = vue.computed(() => {
+      const offset = -1 * perimeter.value * (1 - rate.value) / 2;
+      return `${offset}px`;
+    });
+    const trailPathStyle = vue.computed(() => ({
+      strokeDasharray: `${perimeter.value * rate.value}px, ${perimeter.value}px`,
+      strokeDashoffset: strokeDashoffset.value
+    }));
+    const circlePathStyle = vue.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 = vue.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 = vue.computed(() => {
+      if (props.status === "warning") {
+        return iconsVue.WarningFilled;
+      }
+      if (props.type === "line") {
+        return props.status === "success" ? iconsVue.CircleCheck : iconsVue.CircleClose;
+      } else {
+        return props.status === "success" ? iconsVue.Check : iconsVue.Close;
+      }
+    });
+    const progressTextSize = vue.computed(() => {
+      return props.type === "line" ? 12 + props.strokeWidth * 0.4 : props.width * 0.111111 + 2;
+    });
+    const content = vue.computed(() => props.format(props.percentage));
+    function getColors(color) {
+      const span = 100 / color.length;
+      const seriesColors = color.map((seriesColor, index) => {
+        if (shared.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 (shared.isFunction(color)) {
+        return color(percentage);
+      } else if (shared.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 vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass([
+          vue.unref(ns).b(),
+          vue.unref(ns).m(_ctx.type),
+          vue.unref(ns).is(_ctx.status),
+          {
+            [vue.unref(ns).m("without-text")]: !_ctx.showText,
+            [vue.unref(ns).m("text-inside")]: _ctx.textInside
+          }
+        ]),
+        role: "progressbar",
+        "aria-valuenow": _ctx.percentage,
+        "aria-valuemin": "0",
+        "aria-valuemax": "100"
+      }, [
+        _ctx.type === "line" ? (vue.openBlock(), vue.createElementBlock(
+          "div",
+          {
+            key: 0,
+            class: vue.normalizeClass(vue.unref(ns).b("bar"))
+          },
+          [
+            vue.createElementVNode(
+              "div",
+              {
+                class: vue.normalizeClass(vue.unref(ns).be("bar", "outer")),
+                style: vue.normalizeStyle({ height: `${_ctx.strokeWidth}px` })
+              },
+              [
+                vue.createElementVNode(
+                  "div",
+                  {
+                    class: vue.normalizeClass([
+                      vue.unref(ns).be("bar", "inner"),
+                      { [vue.unref(ns).bem("bar", "inner", "indeterminate")]: _ctx.indeterminate },
+                      { [vue.unref(ns).bem("bar", "inner", "striped")]: _ctx.striped },
+                      { [vue.unref(ns).bem("bar", "inner", "striped-flow")]: _ctx.stripedFlow }
+                    ]),
+                    style: vue.normalizeStyle(barStyle.value)
+                  },
+                  [
+                    (_ctx.showText || _ctx.$slots.default) && _ctx.textInside ? (vue.openBlock(), vue.createElementBlock(
+                      "div",
+                      {
+                        key: 0,
+                        class: vue.normalizeClass(vue.unref(ns).be("bar", "innerText"))
+                      },
+                      [
+                        vue.renderSlot(_ctx.$slots, "default", { percentage: _ctx.percentage }, () => [
+                          vue.createElementVNode(
+                            "span",
+                            null,
+                            vue.toDisplayString(content.value),
+                            1
+                          )
+                        ])
+                      ],
+                      2
+                    )) : vue.createCommentVNode("v-if", true)
+                  ],
+                  6
+                )
+              ],
+              6
+            )
+          ],
+          2
+        )) : (vue.openBlock(), vue.createElementBlock(
+          "div",
+          {
+            key: 1,
+            class: vue.normalizeClass(vue.unref(ns).b("circle")),
+            style: vue.normalizeStyle({ height: `${_ctx.width}px`, width: `${_ctx.width}px` })
+          },
+          [
+            (vue.openBlock(), vue.createElementBlock("svg", _hoisted_2, [
+              vue.createElementVNode("path", {
+                class: vue.normalizeClass(vue.unref(ns).be("circle", "track")),
+                d: trackPath.value,
+                stroke: `var(${vue.unref(ns).cssVarName("fill-color-light")}, #e5e9f2)`,
+                "stroke-linecap": _ctx.strokeLinecap,
+                "stroke-width": relativeStrokeWidth.value,
+                fill: "none",
+                style: vue.normalizeStyle(trailPathStyle.value)
+              }, null, 14, _hoisted_3),
+              vue.createElementVNode("path", {
+                class: vue.normalizeClass(vue.unref(ns).be("circle", "path")),
+                d: trackPath.value,
+                stroke: stroke.value,
+                fill: "none",
+                opacity: _ctx.percentage ? 1 : 0,
+                "stroke-linecap": _ctx.strokeLinecap,
+                "stroke-width": relativeStrokeWidth.value,
+                style: vue.normalizeStyle(circlePathStyle.value)
+              }, null, 14, _hoisted_4)
+            ]))
+          ],
+          6
+        )),
+        (_ctx.showText || _ctx.$slots.default) && !_ctx.textInside ? (vue.openBlock(), vue.createElementBlock(
+          "div",
+          {
+            key: 2,
+            class: vue.normalizeClass(vue.unref(ns).e("text")),
+            style: vue.normalizeStyle({ fontSize: `${progressTextSize.value}px` })
+          },
+          [
+            vue.renderSlot(_ctx.$slots, "default", { percentage: _ctx.percentage }, () => [
+              !_ctx.status ? (vue.openBlock(), vue.createElementBlock(
+                "span",
+                _hoisted_5,
+                vue.toDisplayString(content.value),
+                1
+              )) : (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), { key: 1 }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(statusIcon.value)))
+                ]),
+                _: 1
+              }))
+            ])
+          ],
+          6
+        )) : vue.createCommentVNode("v-if", true)
+      ], 10, _hoisted_1);
+    };
   }
 });
+var Progress = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/progress/src/progress.vue"]]);
 
-exports.progressProps = progressProps;
+exports["default"] = Progress;
 //# sourceMappingURL=progress.js.map