@element-plus/nightly 0.0.20220121 → 0.0.20220125

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

@@ -1,58 +0,0 @@
-import { defineComponent, ref, computed, unref } from 'vue';
-import { ElTooltip } from '../../tooltip/index.mjs';
-import '../../../utils/util.mjs';
-import { usePopoverProps } from './popover.mjs';
-import { isString } from '@vue/shared';
-
-const emits = ["update:visible", "after-enter", "after-leave"];
-const NAME = "ElPopover";
-var script = defineComponent({
-  name: NAME,
-  components: {
-    ElTooltip
-  },
-  props: usePopoverProps,
-  emits,
-  setup(props) {
-    const tooltipRef = ref(null);
-    const popperRef = computed(() => {
-      var _a;
-      return (_a = unref(tooltipRef)) == null ? void 0 : _a.popperRef;
-    });
-    const width = computed(() => {
-      if (isString(props.width)) {
-        return props.width;
-      }
-      return `${props.width}px`;
-    });
-    const style = computed(() => {
-      return [
-        {
-          width: width.value
-        },
-        props.popperStyle
-      ];
-    });
-    const kls = computed(() => {
-      return [
-        { "el-popover--plain": !!props.content },
-        "el-popover",
-        props.popperClass
-      ];
-    });
-    const hide = () => {
-      var _a;
-      (_a = tooltipRef.value) == null ? void 0 : _a.hide();
-    };
-    return {
-      kls,
-      style,
-      tooltipRef,
-      popperRef,
-      hide
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=index.vue_vue_type_script_lang.mjs.map

package/es/components/popover/src/index.vue_vue_type_script_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/popover/src/index.vue"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"tooltipRef\"\n    v-bind=\"$attrs\"\n    :aria-label=\"title\"\n    :effect=\"effect\"\n    :enterable=\"enterable\"\n    :popper-class=\"kls\"\n    :popper-style=\"style\"\n    persistent\n  >\n    <template v-if=\"$slots.reference\">\n      <slot name=\"reference\" />\n    </template>\n\n    <template #content>\n      <div v-if=\"title\" class=\"el-popover__title\" role=\"title\">\n        {{ title }}\n      </div>\n      <slot>\n        {{ content }}\n      </slot>\n    </template>\n  </el-tooltip>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, computed, ref, unref } from 'vue'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport { isString } from '@element-plus/utils/util'\nimport { usePopoverProps } from './popover'\n\nimport type { StyleValue } from 'vue'\n\nconst emits = ['update:visible', 'after-enter', 'after-leave']\n\nconst NAME = 'ElPopover'\n\nexport default defineComponent({\n  name: NAME,\n  components: {\n    ElTooltip,\n  },\n  props: usePopoverProps,\n  emits,\n  setup(props) {\n    const tooltipRef = ref<InstanceType<typeof ElTooltip> | null>(null)\n    const popperRef = computed(() => {\n      return unref(tooltipRef)?.popperRef\n    })\n    const width = computed(() => {\n      if (isString(props.width)) {\n        return props.width as string\n      }\n      return `${props.width}px`\n    })\n\n    const style = computed(() => {\n      return [\n        {\n          width: width.value,\n        },\n        props.popperStyle,\n      ] as StyleValue\n    })\n\n    const kls = computed(() => {\n      return [\n        { 'el-popover--plain': !!props.content },\n        'el-popover',\n        props.popperClass,\n      ]\n    })\n\n    const hide = () => {\n      tooltipRef.value?.hide()\n    }\n\n    return {\n      kls,\n      style,\n      tooltipRef,\n      popperRef,\n      hide,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;AA6BA,WAAW,GAAG,CAAC,kBAAkB;;AAEjC,aAAe,eAAe;;AAE9B,EAAE,UAAU,EAAE;;AAEd,GAAG;;AAEH,EAAE,KAAK;EACL,MAAM;IACJ,MAAM;IACN,MAAM;;MAEJ,OAAO,CAAC,EAAE,GAAG,KAAK;KACnB,CAAC,CAAC;IACH,MAAM,KAAK;MACT,IAAI,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;QACzB,OAAO,KAAK,MAAM,CAAC;OACpB;;KAEF,CAAC,CAAC;UACG,KAAK,GAAG,QAAQ,CAAC,MAAM;aACpB;;UAEH,KAAK,EAAE,KAAK,CAAC,KAAK;;;OAGrB,CAAC;MACF,CAAC;;aAEM;QACL;QACA,YAAY;QACZ,KAAK,CAAC;;;IAGV,MAAM,IAAI,GAAG,MAAM;MACjB,IAAI,GAAG;YACD,UAAU,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK;;WAElC;MACL;;;MAGA,SAAS;MACT,IAAI;;;;;;;"}

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

@@ -1,32 +0,0 @@
-import { resolveComponent, openBlock, createBlock, mergeProps, withCtx, createElementBlock, toDisplayString, createCommentVNode, renderSlot, createTextVNode } from 'vue';
-
-const _hoisted_1 = {
-  key: 0,
-  class: "el-popover__title",
-  role: "title"
-};
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_tooltip = resolveComponent("el-tooltip");
-  return openBlock(), createBlock(_component_el_tooltip, mergeProps({ ref: "tooltipRef" }, _ctx.$attrs, {
-    "aria-label": _ctx.title,
-    effect: _ctx.effect,
-    enterable: _ctx.enterable,
-    "popper-class": _ctx.kls,
-    "popper-style": _ctx.style,
-    persistent: ""
-  }), {
-    content: withCtx(() => [
-      _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(_ctx.title), 1)) : createCommentVNode("v-if", true),
-      renderSlot(_ctx.$slots, "default", {}, () => [
-        createTextVNode(toDisplayString(_ctx.content), 1)
-      ])
-    ]),
-    default: withCtx(() => [
-      _ctx.$slots.reference ? renderSlot(_ctx.$slots, "reference", { key: 0 }) : createCommentVNode("v-if", true)
-    ]),
-    _: 3
-  }, 16, ["aria-label", "effect", "enterable", "popper-class", "popper-style"]);
-}
-
-export { render };
-//# sourceMappingURL=index.vue_vue_type_template_id_15486cf0_lang.mjs.map

package/es/components/popover/src/index.vue_vue_type_template_id_15486cf0_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue_vue_type_template_id_15486cf0_lang.mjs","sources":["../../../../../../packages/components/popover/src/index.vue?vue&type=template&id=15486cf0&lang.js"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"tooltipRef\"\n    v-bind=\"$attrs\"\n    :aria-label=\"title\"\n    :effect=\"effect\"\n    :enterable=\"enterable\"\n    :popper-class=\"kls\"\n    :popper-style=\"style\"\n    persistent\n  >\n    <template v-if=\"$slots.reference\">\n      <slot name=\"reference\" />\n    </template>\n\n    <template #content>\n      <div v-if=\"title\" class=\"el-popover__title\" role=\"title\">\n        {{ title }}\n      </div>\n      <slot>\n        {{ content }}\n      </slot>\n    </template>\n  </el-tooltip>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, computed, ref, unref } from 'vue'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport { isString } from '@element-plus/utils/util'\nimport { usePopoverProps } from './popover'\n\nimport type { StyleValue } from 'vue'\n\nconst emits = ['update:visible', 'after-enter', 'after-leave']\n\nconst NAME = 'ElPopover'\n\nexport default defineComponent({\n  name: NAME,\n  components: {\n    ElTooltip,\n  },\n  props: usePopoverProps,\n  emits,\n  setup(props) {\n    const tooltipRef = ref<InstanceType<typeof ElTooltip> | null>(null)\n    const popperRef = computed(() => {\n      return unref(tooltipRef)?.popperRef\n    })\n    const width = computed(() => {\n      if (isString(props.width)) {\n        return props.width as string\n      }\n      return `${props.width}px`\n    })\n\n    const style = computed(() => {\n      return [\n        {\n          width: width.value,\n        },\n        props.popperStyle,\n      ] as StyleValue\n    })\n\n    const kls = computed(() => {\n      return [\n        { 'el-popover--plain': !!props.content },\n        'el-popover',\n        props.popperClass,\n      ]\n    })\n\n    const hide = () => {\n      tooltipRef.value?.hide()\n    }\n\n    return {\n      kls,\n      style,\n      tooltipRef,\n      popperRef,\n      hide,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;EAgBwB;EAA0B;;;;;;;IAZ7C,cAAY,UAAK;IACjB;IACA;IACA;IACA;gBACD;;;OAOa;;;MAGX,uCAAA;;;;;;;;"}

package/es/components/popper/src/arrow.vue_vue_type_script_lang.mjs

@@ -1,27 +0,0 @@
-import { defineComponent, ref, inject, watch, onMounted, unref, onBeforeUnmount } from 'vue';
-import { usePopperArrowProps } from './popper.mjs';
-import { POPPER_CONTENT_INJECTION_KEY } from './tokens.mjs';
-
-var script = defineComponent({
-  name: "ElPopperArrow",
-  props: usePopperArrowProps,
-  setup(props) {
-    const arrowRef = ref(null);
-    const popperContentInjection = inject(POPPER_CONTENT_INJECTION_KEY, void 0);
-    watch(() => props.arrowOffset, (val) => {
-      popperContentInjection.arrowOffset.value = val;
-    });
-    onMounted(() => {
-      popperContentInjection.arrowRef.value = unref(arrowRef);
-    });
-    onBeforeUnmount(() => {
-      popperContentInjection.arrowRef.value = null;
-    });
-    return {
-      arrowRef
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=arrow.vue_vue_type_script_lang.mjs.map

package/es/components/popper/src/arrow.vue_vue_type_script_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"arrow.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/popper/src/arrow.vue"],"sourcesContent":["<template>\n  <span ref=\"arrowRef\" class=\"el-popper__arrow\" data-popper-arrow=\"\" />\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  inject,\n  ref,\n  onMounted,\n  onBeforeUnmount,\n  watch,\n  unref,\n} from 'vue'\nimport { usePopperArrowProps } from './popper'\nimport { POPPER_CONTENT_INJECTION_KEY } from './tokens'\n\nexport default defineComponent({\n  name: 'ElPopperArrow',\n  props: usePopperArrowProps,\n  setup(props) {\n    const arrowRef = ref<HTMLSpanElement | null>(null)\n    const popperContentInjection = inject(\n      POPPER_CONTENT_INJECTION_KEY,\n      undefined\n    )!\n\n    watch(\n      () => props.arrowOffset,\n      (val) => {\n        popperContentInjection.arrowOffset.value = val\n      }\n    )\n\n    onMounted(() => {\n      popperContentInjection.arrowRef.value = unref(arrowRef)\n    })\n\n    onBeforeUnmount(() => {\n      popperContentInjection.arrowRef.value = null\n    })\n\n    return {\n      arrowRef,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;AAeA,aAAe,eAAe,CAAC;;AAE/B,EAAE,KAAK,EAAE,mBAAmB;EAC1B,MAAM,KAAK,EAAE;IACX,MAAM,QAAQ,GAAG,GAAG,CAAC;IACrB,MAAM;IACN,MAAM,MAAM,KAAK,CAAC,WAAW,EAAE,CAAC,GAAG,KAAK;MACtC,sBAAsB,CAAC,WAAW,CAAC;MACnC,CAAC;aACM,CAAC;;;IAGV;MACE,sBAAsB,CAAC;MACvB,CAAC;WACI;MACL;;;;;;;"}

package/es/components/popper/src/arrow.vue_vue_type_template_id_8ab40b80_lang.mjs

@@ -1,13 +0,0 @@
-import { openBlock, createElementBlock } from 'vue';
-
-const _hoisted_1 = {
-  ref: "arrowRef",
-  class: "el-popper__arrow",
-  "data-popper-arrow": ""
-};
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("span", _hoisted_1, null, 512);
-}
-
-export { render };
-//# sourceMappingURL=arrow.vue_vue_type_template_id_8ab40b80_lang.mjs.map

package/es/components/popper/src/arrow.vue_vue_type_template_id_8ab40b80_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"arrow.vue_vue_type_template_id_8ab40b80_lang.mjs","sources":["../../../../../../packages/components/popper/src/arrow.vue?vue&type=template&id=8ab40b80&lang.js"],"sourcesContent":["<template>\n  <span ref=\"arrowRef\" class=\"el-popper__arrow\" data-popper-arrow=\"\" />\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  inject,\n  ref,\n  onMounted,\n  onBeforeUnmount,\n  watch,\n  unref,\n} from 'vue'\nimport { usePopperArrowProps } from './popper'\nimport { POPPER_CONTENT_INJECTION_KEY } from './tokens'\n\nexport default defineComponent({\n  name: 'ElPopperArrow',\n  props: usePopperArrowProps,\n  setup(props) {\n    const arrowRef = ref<HTMLSpanElement | null>(null)\n    const popperContentInjection = inject(\n      POPPER_CONTENT_INJECTION_KEY,\n      undefined\n    )!\n\n    watch(\n      () => props.arrowOffset,\n      (val) => {\n        popperContentInjection.arrowOffset.value = val\n      }\n    )\n\n    onMounted(() => {\n      popperContentInjection.arrowRef.value = unref(arrowRef)\n    })\n\n    onBeforeUnmount(() => {\n      popperContentInjection.arrowRef.value = null\n    })\n\n    return {\n      arrowRef,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;EACQ,KAAI;EAAW;EAAyB;;;;;;;"}

package/es/components/popper/src/content.vue_vue_type_script_lang.mjs

@@ -1,86 +0,0 @@
-import { defineComponent, inject, ref, provide, computed, unref, onMounted, watch } from 'vue';
-import { createPopper } from '@popperjs/core';
-import { PopupManager } from '../../../utils/popup-manager.mjs';
-import { POPPER_INJECTION_KEY, POPPER_CONTENT_INJECTION_KEY } from './tokens.mjs';
-import { usePopperContentProps } from './popper.mjs';
-import { buildPopperOptions, unwrapMeasurableEl } from './utils.mjs';
-
-var script = defineComponent({
-  name: "ElPopperContent",
-  props: usePopperContentProps,
-  emits: ["mouseenter", "mouseleave"],
-  setup(props) {
-    const { triggerRef, popperInstanceRef, contentRef } = inject(POPPER_INJECTION_KEY, void 0);
-    const popperContentRef = ref(null);
-    const arrowRef = ref(null);
-    const arrowOffset = ref();
-    provide(POPPER_CONTENT_INJECTION_KEY, {
-      arrowRef,
-      arrowOffset
-    });
-    const contentZIndex = ref(props.zIndex || PopupManager.nextZIndex());
-    const contentStyle = computed(() => [{ zIndex: unref(contentZIndex) }, props.popperStyle]);
-    const contentClass = computed(() => [
-      {
-        "el-popper": true,
-        "is-pure": props.pure,
-        [`is-${props.effect}`]: !!props.effect
-      },
-      props.popperClass
-    ]);
-    const createPopperInstance = ({
-      referenceEl,
-      popperContentEl,
-      arrowEl
-    }) => {
-      const options = buildPopperOptions(props, {
-        arrowEl,
-        arrowOffset: unref(arrowOffset)
-      });
-      return createPopper(referenceEl, popperContentEl, options);
-    };
-    const updatePopper = () => {
-      var _a;
-      (_a = unref(popperInstanceRef)) == null ? void 0 : _a.update();
-      contentZIndex.value = props.zIndex || PopupManager.nextZIndex();
-    };
-    onMounted(() => {
-      let updateHandle;
-      watch(() => unwrapMeasurableEl(props.referenceEl) || unref(triggerRef), (val) => {
-        var _a;
-        updateHandle == null ? void 0 : updateHandle();
-        if (val) {
-          (_a = popperInstanceRef.value) == null ? void 0 : _a.destroy();
-          const popperContentEl = unref(popperContentRef);
-          contentRef.value = popperContentEl;
-          const arrowEl = unref(arrowRef);
-          const newInstance = createPopperInstance({
-            referenceEl: val,
-            popperContentEl: unref(popperContentRef),
-            arrowEl
-          });
-          popperInstanceRef.value = newInstance;
-          updateHandle = watch(() => val.getBoundingClientRect(), () => {
-            updatePopper();
-          }, {
-            immediate: true
-          });
-        } else {
-          popperInstanceRef.value = null;
-        }
-      }, {
-        immediate: true
-      });
-    });
-    return {
-      popperContentRef,
-      popperInstanceRef,
-      contentStyle,
-      contentClass,
-      updatePopper
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=content.vue_vue_type_script_lang.mjs.map

package/es/components/popper/src/content.vue_vue_type_script_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"content.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/popper/src/content.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"popperContentRef\"\n    :style=\"contentStyle\"\n    :class=\"contentClass\"\n    role=\"tooltip\"\n    @mouseenter=\"(e) => $emit('mouseenter', e)\"\n    @mouseleave=\"(e) => $emit('mouseleave', e)\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  ref,\n  inject,\n  provide,\n  unref,\n  onMounted,\n  watch,\n} from 'vue'\nimport { createPopper } from '@popperjs/core'\nimport { PopupManager } from '@element-plus/utils/popup-manager'\nimport { POPPER_INJECTION_KEY, POPPER_CONTENT_INJECTION_KEY } from './tokens'\nimport { usePopperContentProps } from './popper'\nimport { buildPopperOptions, unwrapMeasurableEl } from './utils'\n\nexport default defineComponent({\n  name: 'ElPopperContent',\n  props: usePopperContentProps,\n  emits: ['mouseenter', 'mouseleave'],\n  setup(props) {\n    const { triggerRef, popperInstanceRef, contentRef } = inject(\n      POPPER_INJECTION_KEY,\n      undefined\n    )!\n    const popperContentRef = ref<HTMLElement | null>(null)\n    const arrowRef = ref<HTMLElement | null>(null)\n    const arrowOffset = ref<number>()\n    provide(POPPER_CONTENT_INJECTION_KEY, {\n      arrowRef,\n      arrowOffset,\n    })\n    const contentZIndex = ref(props.zIndex || PopupManager.nextZIndex())\n\n    const contentStyle = computed(\n      () => [{ zIndex: unref(contentZIndex) }, props.popperStyle] as any\n    )\n\n    const contentClass = computed(() => [\n      {\n        'el-popper': true,\n        'is-pure': props.pure,\n        [`is-${props.effect}`]: !!props.effect,\n      },\n      props.popperClass,\n    ])\n\n    const createPopperInstance = ({\n      referenceEl,\n      popperContentEl,\n      arrowEl,\n    }) => {\n      const options = buildPopperOptions(props, {\n        arrowEl,\n        arrowOffset: unref(arrowOffset),\n      })\n\n      return createPopper(referenceEl, popperContentEl, options)\n    }\n\n    const updatePopper = () => {\n      unref(popperInstanceRef)?.update()\n      contentZIndex.value = props.zIndex || PopupManager.nextZIndex()\n    }\n\n    onMounted(() => {\n      let updateHandle: ReturnType<typeof watch>\n      watch(\n        () => unwrapMeasurableEl(props.referenceEl) || unref(triggerRef),\n        (val) => {\n          updateHandle?.()\n          if (val) {\n            popperInstanceRef.value?.destroy()\n            const popperContentEl = unref(popperContentRef)!\n            contentRef.value = popperContentEl\n            const arrowEl = unref(arrowRef)\n\n            const newInstance = createPopperInstance({\n              referenceEl: val,\n              popperContentEl: unref(popperContentRef)!,\n              arrowEl,\n            })\n            popperInstanceRef.value = newInstance\n\n            updateHandle = watch(\n              () => val!.getBoundingClientRect(),\n              () => {\n                updatePopper()\n              },\n              {\n                immediate: true,\n              }\n            )\n          } else {\n            popperInstanceRef.value = null\n          }\n        },\n        {\n          immediate: true,\n        }\n      )\n    })\n\n    return {\n      popperContentRef,\n      popperInstanceRef,\n      contentStyle,\n      contentClass,\n      updatePopper,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;AA4BA,aAAe,eAAe,CAAC;;AAE/B,EAAE,KAAK,EAAE,qBAAqB;EAC5B,OAAO,CAAC,YAAY,EAAE;EACtB,KAAK,MAAM,EAAE;IACX,MAAM,EAAE,UAAU,EAAE;IACpB,MAAM;IACN,MAAM,QAAQ,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC;UACrB,WAAW,GAAG;WACb,CAAC;;MAEN,WAAW;KACZ,CAAC,CAAC;IACH,MAAM,gBAAgB,GAAG,CAAC,KAAK,CAAC;IAChC,MAAM,YAAY,GAAG,QAAQ,CAAC,MAAM;UAC9B;MACJ;;QAEE,SAAS,EAAE,KAAK,KAAK;;OAEtB;MACD,MAAM,WAAW;;;MAGjB,WAAW;MACX;aACO;UACH;YACE,OAAO,GAAG,kBAAkB,CAAC,KAAK;;QAEtC,WAAW,EAAE;;;KAGhB,CAAC;UACI;MACJ,IAAI,EAAE,CAAC;MACP,CAAC,EAAE,GAAG;;MAEN;aACO,CAAC;UACJ,YAAY,CAAC;MACjB;;QAEE,YAAY,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,YAAY,EAAE;;;UAG5C,MAAM,eAAe;UACrB,UAAU,CAAC,KAAK,GAAG;UACnB,MAAM,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC;;;YAG9B;YACA,OAAO;WACR;2BACgB,CAAC,KAAK,GAAG,WAAW,CAAC;UACtC;YACE,YAAY;WACb,EAAE;YACD,SAAS,EAAE,IAAI;YACf,CAAC;eACE;4BACa,KAAK,GAAG,IAAI,CAAC;;;iBAGxB,EAAE,IAAI;;;;sBAID;;kBAEJ;kBACA;kBACA;;;;;;;"}

package/es/components/popper/src/content.vue_vue_type_template_id_611b76f0_lang.mjs

@@ -1,17 +0,0 @@
-import { openBlock, createElementBlock, normalizeStyle, normalizeClass, renderSlot } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    ref: "popperContentRef",
-    style: normalizeStyle(_ctx.contentStyle),
-    class: normalizeClass(_ctx.contentClass),
-    role: "tooltip",
-    onMouseenter: _cache[0] || (_cache[0] = (e) => _ctx.$emit("mouseenter", e)),
-    onMouseleave: _cache[1] || (_cache[1] = (e) => _ctx.$emit("mouseleave", e))
-  }, [
-    renderSlot(_ctx.$slots, "default")
-  ], 38);
-}
-
-export { render };
-//# sourceMappingURL=content.vue_vue_type_template_id_611b76f0_lang.mjs.map

package/es/components/popper/src/content.vue_vue_type_template_id_611b76f0_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"content.vue_vue_type_template_id_611b76f0_lang.mjs","sources":["../../../../../../packages/components/popper/src/content.vue?vue&type=template&id=611b76f0&lang.js"],"sourcesContent":["<template>\n  <div\n    ref=\"popperContentRef\"\n    :style=\"contentStyle\"\n    :class=\"contentClass\"\n    role=\"tooltip\"\n    @mouseenter=\"(e) => $emit('mouseenter', e)\"\n    @mouseleave=\"(e) => $emit('mouseleave', e)\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  ref,\n  inject,\n  provide,\n  unref,\n  onMounted,\n  watch,\n} from 'vue'\nimport { createPopper } from '@popperjs/core'\nimport { PopupManager } from '@element-plus/utils/popup-manager'\nimport { POPPER_INJECTION_KEY, POPPER_CONTENT_INJECTION_KEY } from './tokens'\nimport { usePopperContentProps } from './popper'\nimport { buildPopperOptions, unwrapMeasurableEl } from './utils'\n\nexport default defineComponent({\n  name: 'ElPopperContent',\n  props: usePopperContentProps,\n  emits: ['mouseenter', 'mouseleave'],\n  setup(props) {\n    const { triggerRef, popperInstanceRef, contentRef } = inject(\n      POPPER_INJECTION_KEY,\n      undefined\n    )!\n    const popperContentRef = ref<HTMLElement | null>(null)\n    const arrowRef = ref<HTMLElement | null>(null)\n    const arrowOffset = ref<number>()\n    provide(POPPER_CONTENT_INJECTION_KEY, {\n      arrowRef,\n      arrowOffset,\n    })\n    const contentZIndex = ref(props.zIndex || PopupManager.nextZIndex())\n\n    const contentStyle = computed(\n      () => [{ zIndex: unref(contentZIndex) }, props.popperStyle] as any\n    )\n\n    const contentClass = computed(() => [\n      {\n        'el-popper': true,\n        'is-pure': props.pure,\n        [`is-${props.effect}`]: !!props.effect,\n      },\n      props.popperClass,\n    ])\n\n    const createPopperInstance = ({\n      referenceEl,\n      popperContentEl,\n      arrowEl,\n    }) => {\n      const options = buildPopperOptions(props, {\n        arrowEl,\n        arrowOffset: unref(arrowOffset),\n      })\n\n      return createPopper(referenceEl, popperContentEl, options)\n    }\n\n    const updatePopper = () => {\n      unref(popperInstanceRef)?.update()\n      contentZIndex.value = props.zIndex || PopupManager.nextZIndex()\n    }\n\n    onMounted(() => {\n      let updateHandle: ReturnType<typeof watch>\n      watch(\n        () => unwrapMeasurableEl(props.referenceEl) || unref(triggerRef),\n        (val) => {\n          updateHandle?.()\n          if (val) {\n            popperInstanceRef.value?.destroy()\n            const popperContentEl = unref(popperContentRef)!\n            contentRef.value = popperContentEl\n            const arrowEl = unref(arrowRef)\n\n            const newInstance = createPopperInstance({\n              referenceEl: val,\n              popperContentEl: unref(popperContentRef)!,\n              arrowEl,\n            })\n            popperInstanceRef.value = newInstance\n\n            updateHandle = watch(\n              () => val!.getBoundingClientRect(),\n              () => {\n                updatePopper()\n              },\n              {\n                immediate: true,\n              }\n            )\n          } else {\n            popperInstanceRef.value = null\n          }\n        },\n        {\n          immediate: true,\n        }\n      )\n    })\n\n    return {\n      popperContentRef,\n      popperInstanceRef,\n      contentStyle,\n      contentClass,\n      updatePopper,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;IAEI,KAAI;IACH,KAAK,iBAAE,iBAAY;IACnB;IACD;IACC,YAAU,6BAAG,CAAC,KAAK,UAAK,eAAe,CAAC;;;;;;;;"}

package/es/components/popper/src/popper.vue_vue_type_script_lang.mjs

@@ -1,19 +0,0 @@
-import { defineComponent, ref, provide } from 'vue';
-import { POPPER_INJECTION_KEY } from './tokens.mjs';
-
-var script = defineComponent({
-  name: "ElPopperProvider",
-  inheritAttrs: false,
-  setup() {
-    const popperProvides = {
-      triggerRef: ref(null),
-      popperInstanceRef: ref(null),
-      contentRef: ref(null)
-    };
-    provide(POPPER_INJECTION_KEY, popperProvides);
-    return popperProvides;
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=popper.vue_vue_type_script_lang.mjs.map

package/es/components/popper/src/popper.vue_vue_type_script_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"popper.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/popper/src/popper.vue"],"sourcesContent":["<template>\n  <slot />\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, provide, ref } from 'vue'\nimport { POPPER_INJECTION_KEY } from './tokens'\n\nimport type { ElPopperInjectionContext } from './tokens'\n\nexport default defineComponent({\n  name: 'ElPopperProvider',\n  inheritAttrs: false,\n  setup() {\n    const popperProvides = {\n      triggerRef: ref<HTMLElement | null>(null),\n      popperInstanceRef: ref(null),\n      contentRef: ref(null),\n    } as ElPopperInjectionContext\n\n    provide(POPPER_INJECTION_KEY, popperProvides)\n\n    return popperProvides\n  },\n})\n</script>\n"],"names":[],"mappings":";;;AAMA,aAAe,eAAe;;AAE9B,EAAE,YAAY,EAAE,KAAK;;AAErB,IAAI,MAAM,cAAc,GAAG;MACrB,UAAU,EAAE,GAAG,CAAC,IAAI;MACpB;MACA;KACD,CAAC;WACK,CAAC,oBAAoB,EAAE;WACvB,cAAc,CAAC;;;;;;"}

package/es/components/popper/src/popper.vue_vue_type_template_id_77a3d185_lang.mjs

@@ -1,8 +0,0 @@
-import { renderSlot } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return renderSlot(_ctx.$slots, "default");
-}
-
-export { render };
-//# sourceMappingURL=popper.vue_vue_type_template_id_77a3d185_lang.mjs.map

package/es/components/popper/src/popper.vue_vue_type_template_id_77a3d185_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"popper.vue_vue_type_template_id_77a3d185_lang.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/es/components/popper/src/trigger.vue_vue_type_script_lang.mjs

@@ -1,66 +0,0 @@
-import { defineComponent, inject, watch } from 'vue';
-import '../../slot/index.mjs';
-import '../../../hooks/index.mjs';
-import { usePopperTriggerProps } from './popper.mjs';
-import { POPPER_INJECTION_KEY } from './tokens.mjs';
-import { unwrapMeasurableEl } from './utils.mjs';
-import OnlyChild from '../../slot/src/only-child.mjs';
-import { useForwardRef } from '../../../hooks/use-forward-ref/index.mjs';
-
-var script = defineComponent({
-  name: "ElPopperTrigger",
-  components: { ElOnlyChild: OnlyChild },
-  inheritAttrs: false,
-  props: {
-    ...usePopperTriggerProps,
-    onMouseenter: Function,
-    onMouseleave: Function,
-    onClick: Function,
-    onKeydown: Function,
-    onFocus: Function,
-    onBlur: Function,
-    onContextmenu: Function,
-    id: String,
-    open: Boolean
-  },
-  setup(props) {
-    const { triggerRef } = inject(POPPER_INJECTION_KEY, void 0);
-    useForwardRef(triggerRef);
-    watch(() => props.virtualRef, (val) => {
-      if (val) {
-        triggerRef.value = unwrapMeasurableEl(val);
-      }
-    }, {
-      immediate: true
-    });
-    watch(() => triggerRef.value, (el, prevEl) => {
-      if (el && el instanceof HTMLElement) {
-        ;
-        [
-          "onMouseenter",
-          "onMouseleave",
-          "onClick",
-          "onKeydown",
-          "onFocus",
-          "onBlur",
-          "onContextmenu"
-        ].forEach((eventName) => {
-          const handler = props[eventName];
-          if (handler) {
-            ;
-            el.addEventListener(eventName.slice(2).toLowerCase(), handler);
-            prevEl == null ? void 0 : prevEl.removeEventListener(eventName.slice(2).toLowerCase(), handler);
-          }
-        });
-      }
-    }, {
-      immediate: true
-    });
-    return {
-      triggerRef
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=trigger.vue_vue_type_script_lang.mjs.map

package/es/components/popper/src/trigger.vue_vue_type_script_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"trigger.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/popper/src/trigger.vue"],"sourcesContent":["<template>\n  <el-only-child\n    v-if=\"!virtualTriggering\"\n    v-bind=\"$attrs\"\n    :aria-describedby=\"open ? id : undefined\"\n  >\n    <slot />\n  </el-only-child>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, watch } from 'vue'\nimport { ElOnlyChild } from '@element-plus/components/slot'\nimport { useForwardRef } from '@element-plus/hooks'\nimport { usePopperTriggerProps } from './popper'\nimport { POPPER_INJECTION_KEY } from './tokens'\nimport { unwrapMeasurableEl } from './utils'\n\nexport default defineComponent({\n  name: 'ElPopperTrigger',\n  components: { ElOnlyChild },\n  inheritAttrs: false,\n  props: {\n    ...usePopperTriggerProps,\n    onMouseenter: Function,\n    onMouseleave: Function,\n    onClick: Function,\n    onKeydown: Function,\n    onFocus: Function,\n    onBlur: Function,\n    onContextmenu: Function,\n    id: String,\n    open: Boolean,\n  },\n  setup(props) {\n    const { triggerRef } = inject(POPPER_INJECTION_KEY, undefined)!\n    useForwardRef(triggerRef)\n\n    watch(\n      () => props.virtualRef,\n      (val) => {\n        if (val) {\n          triggerRef.value = unwrapMeasurableEl(val)\n        }\n      },\n      {\n        immediate: true,\n      }\n    )\n\n    watch(\n      () => triggerRef.value,\n      (el, prevEl) => {\n        if (el && el instanceof HTMLElement) {\n          ;[\n            'onMouseenter',\n            'onMouseleave',\n            'onClick',\n            'onKeydown',\n            'onFocus',\n            'onBlur',\n            'onContextmenu',\n          ].forEach((eventName) => {\n            const handler = props[eventName]\n            if (handler) {\n              ;(el as HTMLElement).addEventListener(\n                eventName.slice(2).toLowerCase(),\n                handler\n              )\n              ;(prevEl as HTMLElement)?.removeEventListener(\n                eventName.slice(2).toLowerCase(),\n                handler\n              )\n            }\n          })\n        }\n      },\n      {\n        immediate: true,\n      }\n    )\n\n    return {\n      triggerRef,\n    }\n  },\n})\n</script>\n"],"names":["ElOnlyChild"],"mappings":";;;;;;;;;AAgBA,aAAe,eAAe,CAAC;;AAE/B,EAAE,UAAU,iBAAIA,SAAW,EAAE;EAC3B,YAAY,EAAE,KAAK;EACnB,KAAK,EAAE;IACL,GAAG;IACH;IACA,YAAY,EAAE,QAAQ;IACtB,OAAO,EAAE,QAAQ;IACjB,SAAS,EAAE,QAAQ;IACnB,OAAO,EAAE,QAAQ;IACjB,MAAM,EAAE,QAAQ;IAChB,aAAa,EAAE;IACf,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,OAAO;;OAEV,CAAC,KAAK,EAAE;;IAEX;IACA,MAAM,MAAM,KAAK,WAAW,EAAE,CAAC,GAAG,KAAK;MACrC,IAAI,GAAG,EAAE;;OAER;OACA;MACD,SAAS;;UAEL,MAAM,WAAW,KAAK,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK;;;;UAIxC;;;;;UAKA,QAAQ;;SAET,SAAS,CAAC,SAAS,KAAK;UACvB;cACI,OAAO,EAAE;YACX,CAAC;YACD,EAAE,CAAC;YACH,MAAM,IAAI;;;;;eAKP,MAAM;;;gBAGL;;;;;;;"}

package/es/components/popper/src/trigger.vue_vue_type_template_id_4fb6e0af_lang.mjs

@@ -1,16 +0,0 @@
-import { resolveComponent, openBlock, createBlock, mergeProps, withCtx, renderSlot, createCommentVNode } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_only_child = resolveComponent("el-only-child");
-  return !_ctx.virtualTriggering ? (openBlock(), createBlock(_component_el_only_child, mergeProps({ key: 0 }, _ctx.$attrs, {
-    "aria-describedby": _ctx.open ? _ctx.id : void 0
-  }), {
-    default: withCtx(() => [
-      renderSlot(_ctx.$slots, "default")
-    ]),
-    _: 3
-  }, 16, ["aria-describedby"])) : createCommentVNode("v-if", true);
-}
-
-export { render };
-//# sourceMappingURL=trigger.vue_vue_type_template_id_4fb6e0af_lang.mjs.map

package/es/components/popper/src/trigger.vue_vue_type_template_id_4fb6e0af_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"trigger.vue_vue_type_template_id_4fb6e0af_lang.mjs","sources":["../../../../../../packages/components/popper/src/trigger.vue?vue&type=template&id=4fb6e0af&lang.js"],"sourcesContent":["<template>\n  <el-only-child\n    v-if=\"!virtualTriggering\"\n    v-bind=\"$attrs\"\n    :aria-describedby=\"open ? id : undefined\"\n  >\n    <slot />\n  </el-only-child>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, watch } from 'vue'\nimport { ElOnlyChild } from '@element-plus/components/slot'\nimport { useForwardRef } from '@element-plus/hooks'\nimport { usePopperTriggerProps } from './popper'\nimport { POPPER_INJECTION_KEY } from './tokens'\nimport { unwrapMeasurableEl } from './utils'\n\nexport default defineComponent({\n  name: 'ElPopperTrigger',\n  components: { ElOnlyChild },\n  inheritAttrs: false,\n  props: {\n    ...usePopperTriggerProps,\n    onMouseenter: Function,\n    onMouseleave: Function,\n    onClick: Function,\n    onKeydown: Function,\n    onFocus: Function,\n    onBlur: Function,\n    onContextmenu: Function,\n    id: String,\n    open: Boolean,\n  },\n  setup(props) {\n    const { triggerRef } = inject(POPPER_INJECTION_KEY, undefined)!\n    useForwardRef(triggerRef)\n\n    watch(\n      () => props.virtualRef,\n      (val) => {\n        if (val) {\n          triggerRef.value = unwrapMeasurableEl(val)\n        }\n      },\n      {\n        immediate: true,\n      }\n    )\n\n    watch(\n      () => triggerRef.value,\n      (el, prevEl) => {\n        if (el && el instanceof HTMLElement) {\n          ;[\n            'onMouseenter',\n            'onMouseleave',\n            'onClick',\n            'onKeydown',\n            'onFocus',\n            'onBlur',\n            'onContextmenu',\n          ].forEach((eventName) => {\n            const handler = props[eventName]\n            if (handler) {\n              ;(el as HTMLElement).addEventListener(\n                eventName.slice(2).toLowerCase(),\n                handler\n              )\n              ;(prevEl as HTMLElement)?.removeEventListener(\n                eventName.slice(2).toLowerCase(),\n                handler\n              )\n            }\n          })\n        }\n      },\n      {\n        immediate: true,\n      }\n    )\n\n    return {\n      triggerRef,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;oBACE;uCAG4B;;;UAE1B;;;;;"}

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

@@ -1,142 +0,0 @@
-import { defineComponent, computed } from 'vue';
-import { ElIcon } from '../../icon/index.mjs';
-import { CircleCheck, CircleClose, Check, Close, WarningFilled } from '@element-plus/icons-vue';
-import { progressProps } from './progress.mjs';
-
-var script = defineComponent({
-  name: "ElProgress",
-  components: {
-    ElIcon,
-    CircleCheck,
-    CircleClose,
-    Check,
-    Close,
-    WarningFilled
-  },
-  props: progressProps,
-  setup(props) {
-    const barStyle = computed(() => ({
-      width: `${props.percentage}%`,
-      animationDuration: `${props.duration}s`,
-      backgroundColor: getCurrentColor(props.percentage)
-    }));
-    const relativeStrokeWidth = computed(() => (props.strokeWidth / props.width * 100).toFixed(1));
-    const radius = computed(() => {
-      if (props.type === "circle" || props.type === "dashboard") {
-        return parseInt(`${50 - parseFloat(relativeStrokeWidth.value) / 2}`, 10);
-      } else {
-        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"
-    }));
-    const stroke = computed(() => {
-      let ret;
-      if (props.color) {
-        ret = getCurrentColor(props.percentage);
-      } else {
-        switch (props.status) {
-          case "success":
-            ret = "#13ce66";
-            break;
-          case "exception":
-            ret = "#ff4949";
-            break;
-          case "warning":
-            ret = "#e6a23c";
-            break;
-          default:
-            ret = "#20a0ff";
-        }
-      }
-      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));
-    const getCurrentColor = (percentage) => {
-      var _a;
-      const { color } = props;
-      if (typeof color === "function") {
-        return color(percentage);
-      } else if (typeof color === "string") {
-        return color;
-      } else {
-        const span = 100 / color.length;
-        const seriesColors = color.map((seriesColor, index) => {
-          if (typeof seriesColor === "string") {
-            return {
-              color: seriesColor,
-              percentage: (index + 1) * span
-            };
-          }
-          return seriesColor;
-        });
-        const colors = seriesColors.sort((a, b) => a.percentage - b.percentage);
-        for (const color2 of colors) {
-          if (color2.percentage > percentage)
-            return color2.color;
-        }
-        return (_a = colors[colors.length - 1]) == null ? void 0 : _a.color;
-      }
-    };
-    const slotData = computed(() => {
-      return {
-        percentage: props.percentage
-      };
-    });
-    return {
-      barStyle,
-      relativeStrokeWidth,
-      radius,
-      trackPath,
-      perimeter,
-      rate,
-      strokeDashoffset,
-      trailPathStyle,
-      circlePathStyle,
-      stroke,
-      statusIcon,
-      progressTextSize,
-      content,
-      slotData
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=progress.vue_vue_type_script_lang.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"progress.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/progress/src/progress.vue"],"sourcesContent":["<template>\n  <div\n    class=\"el-progress\"\n    :class=\"[\n      `el-progress--${type}`,\n      status ? `is-${status}` : '',\n      {\n        'el-progress--without-text': !showText,\n        'el-progress--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=\"el-progress-bar\">\n      <div\n        class=\"el-progress-bar__outer\"\n        :style=\"{ height: `${strokeWidth}px` }\"\n      >\n        <div\n          :class=\"[\n            'el-progress-bar__inner',\n            { 'el-progress-bar__inner--indeterminate': indeterminate },\n          ]\"\n          :style=\"barStyle\"\n        >\n          <div\n            v-if=\"(showText || $slots.default) && textInside\"\n            class=\"el-progress-bar__innerText\"\n          >\n            <slot v-bind=\"slotData\">\n              <span>{{ content }}</span>\n            </slot>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div\n      v-else\n      class=\"el-progress-circle\"\n      :style=\"{ height: `${width}px`, width: `${width}px` }\"\n    >\n      <svg viewBox=\"0 0 100 100\">\n        <path\n          class=\"el-progress-circle__track\"\n          :d=\"trackPath\"\n          stroke=\"#e5e9f2\"\n          :stroke-width=\"relativeStrokeWidth\"\n          fill=\"none\"\n          :style=\"trailPathStyle\"\n        />\n        <path\n          class=\"el-progress-circle__path\"\n          :d=\"trackPath\"\n          :stroke=\"stroke\"\n          fill=\"none\"\n          :stroke-linecap=\"strokeLinecap\"\n          :stroke-width=\"percentage ? relativeStrokeWidth : 0\"\n          :style=\"circlePathStyle\"\n        />\n      </svg>\n    </div>\n    <div\n      v-if=\"(showText || $slots.default) && !textInside\"\n      class=\"el-progress__text\"\n      :style=\"{ fontSize: `${progressTextSize}px` }\"\n    >\n      <slot v-bind=\"slotData\">\n        <span v-if=\"!status\">{{ content }}</span>\n        <el-icon v-else><component :is=\"statusIcon\" /></el-icon>\n      </slot>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n  WarningFilled,\n  CircleCheck,\n  CircleClose,\n  Check,\n  Close,\n} from '@element-plus/icons-vue'\nimport { progressProps } from './progress'\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElProgress',\n  components: {\n    ElIcon,\n    CircleCheck,\n    CircleClose,\n    Check,\n    Close,\n    WarningFilled,\n  },\n  props: progressProps,\n\n  setup(props) {\n    const barStyle = computed(\n      (): CSSProperties => ({\n        width: `${props.percentage}%`,\n        animationDuration: `${props.duration}s`,\n        backgroundColor: getCurrentColor(props.percentage),\n      })\n    )\n\n    const relativeStrokeWidth = computed(() =>\n      ((props.strokeWidth / props.width) * 100).toFixed(1)\n    )\n\n    const radius = computed(() => {\n      if (props.type === 'circle' || props.type === 'dashboard') {\n        return parseInt(`${50 - parseFloat(relativeStrokeWidth.value) / 2}`, 10)\n      } else {\n        return 0\n      }\n    })\n\n    const 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\n    const perimeter = computed(() => 2 * Math.PI * radius.value)\n\n    const rate = computed(() => (props.type === 'dashboard' ? 0.75 : 1))\n\n    const strokeDashoffset = computed(() => {\n      const offset = (-1 * perimeter.value * (1 - rate.value)) / 2\n      return `${offset}px`\n    })\n\n    const trailPathStyle = computed(\n      (): CSSProperties => ({\n        strokeDasharray: `${perimeter.value * rate.value}px, ${\n          perimeter.value\n        }px`,\n        strokeDashoffset: strokeDashoffset.value,\n      })\n    )\n\n    const circlePathStyle = computed(\n      (): CSSProperties => ({\n        strokeDasharray: `${\n          perimeter.value * rate.value * (props.percentage / 100)\n        }px, ${perimeter.value}px`,\n        strokeDashoffset: strokeDashoffset.value,\n        transition: 'stroke-dasharray 0.6s ease 0s, stroke 0.6s ease',\n      })\n    )\n\n    const stroke = computed(() => {\n      let ret: string\n      if (props.color) {\n        ret = getCurrentColor(props.percentage)\n      } else {\n        switch (props.status) {\n          case 'success':\n            ret = '#13ce66'\n            break\n          case 'exception':\n            ret = '#ff4949'\n            break\n          case 'warning':\n            ret = '#e6a23c'\n            break\n          default:\n            ret = '#20a0ff'\n        }\n      }\n      return ret\n    })\n\n    const 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\n    const progressTextSize = computed(() => {\n      return props.type === 'line'\n        ? 12 + props.strokeWidth * 0.4\n        : props.width * 0.111111 + 2\n    })\n\n    const content = computed(() => props.format(props.percentage))\n\n    const getCurrentColor = (percentage: number) => {\n      const { color } = props\n      if (typeof color === 'function') {\n        return color(percentage)\n      } else if (typeof color === 'string') {\n        return color\n      } else {\n        const span = 100 / color.length\n        const seriesColors = color.map((seriesColor, index) => {\n          if (typeof seriesColor === 'string') {\n            return {\n              color: seriesColor,\n              percentage: (index + 1) * span,\n            }\n          }\n          return seriesColor\n        })\n        const colors = seriesColors.sort((a, b) => a.percentage - b.percentage)\n\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\n    const slotData = computed(() => {\n      return {\n        percentage: props.percentage,\n      }\n    })\n\n    return {\n      barStyle,\n      relativeStrokeWidth,\n      radius,\n      trackPath,\n      perimeter,\n      rate,\n      strokeDashoffset,\n      trailPathStyle,\n      circlePathStyle,\n      stroke,\n      statusIcon,\n      progressTextSize,\n      content,\n      slotData,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;AAuFA,aAAe,eAAe,CAAC;AAC/B,EAAE,MAAM,YAAY;;AAEpB,IAAI,MAAM;IACN,WAAW;IACX;IACA,KAAK;IACL,KAAK;IACL;;OAEG,EAAE;OACF,CAAC,KAAK,EAAE;;MAET,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC;;MAEhB;KACD,CAAC,CAAC,CAAC;UACE;UACA,MAAM,GAAG,QAAQ,CAAC,MAAM;UACxB,KAAK,CAAC,IAAI,KAAK,QAAQ,IAAI,KAAK,CAAC,IAAI;QACvC,OAAO,QAAQ,EAAE,EAAE,EAAE,GAAG,UAAU,CAAC;OACpC;;;KAGF,CAAC,CAAC;UACG,SAAS,GAAG,QAAQ,CAAC,MAAM;;;MAG/B,OAAO,CAAC;;gBAEE,WAAW,GAAG,EAAE,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC;;YAE/B,GAAG;;KAEV;;IAED,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,KAAK;UAC3B,gBAAgB;MACpB,MAAM,MAAM,GAAG,CAAC,IAAI,SAAS,MAAM,IAAI,CAAC,GAAG;MAC3C,OAAO;;UAEH,cAAc,WAAW,CAAC;wBACZ,EAAE,SAAS,CAAC,KAAK,GAAG,IAAI,MAAM,CAAC,IAAI,EAAE;sBACvC,EAAE,gBAAgB,CAAC,KAAK;;IAE1C;;MAEE,gBAAgB,EAAE,iBAAiB,KAAK;;KAEzC,CAAC,CAAC,CAAC;;MAEF,IAAI,GAAG,CAAC;MACR,IAAI,KAAK,CAAC,KAAK,EAAE;QACf,GAAG,GAAG;;;UAGJ,KAAK;YACH,GAAG,GAAG,SAAS,CAAC;YAChB,MAAM;UACR,KAAK;YACH;YACA,MAAM;;;;UAIR;YACE,GAAG,GAAG,SAAS,CAAC;SACnB;;aAEI,GAAG,CAAC;;UAEP,UAAU,GAAG,QAAQ,CAAC,MAAM;MAChC;;;MAGA,IAAI,KAAK,KAAK,KAAK,MAAM;QACvB,OAAO,KAAK;OACb,MAAM;QACL,OAAO,KAAK,CAAC,MAAM,KAAK,SAAS,GAAG;;;UAGlC;aACG,KAAK,CAAC,IAAI;;UAEb,OAAO,GAAG;yBACK;YACb,CAAC;YACD,OAAO,EAAE,GAAG;sBACF;eACP;aACF,IAAI;oBACG,CAAC;;;QAGb,MAAM;;;cAGA,KAAK,EAAE,WAAW;cAClB,UAAU,GAAG,KAAK,GAAG,CAAC;aACvB;;UAEH,OAAO,WAAW,CAAC;SACpB,CAAC,CAAC;QACH;QACA,KAAK,MAAM,MAAM,IAAI,MAAM,EAAE;;;;QAI7B,OAAO,CAAC,EAAE,GAAG,MAAM,OAAO,CAAC,MAAM,GAAG;OACrC;;UAEG,QAAQ,WAAW,CAAC;;;OAGvB,CAAC;;IAEJ,OAAO;MACL,QAAQ;MACR,mBAAmB;YACb;MACN;eACS;MACT,IAAI;sBACY;oBACF;qBACC;YACT;gBACI;sBACM;;;;;;;;;"}