element-plus 1.2.0-beta.3 → 1.2.0-beta.4

package/es/components/popconfirm/src/popconfirm.vue_vue_type_template_id_16409d25_lang.mjs

@@ -0,0 +1,66 @@
+import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementVNode, normalizeStyle, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode } from 'vue';
+
+const _hoisted_1 = { class: "el-popconfirm" };
+const _hoisted_2 = { class: "el-popconfirm__main" };
+const _hoisted_3 = { class: "el-popconfirm__action" };
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_icon = resolveComponent("el-icon");
+  const _component_el_button = resolveComponent("el-button");
+  const _component_el_popper = resolveComponent("el-popper");
+  return openBlock(), createBlock(_component_el_popper, {
+    visible: _ctx.visible,
+    "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => _ctx.visible = $event),
+    trigger: "click",
+    effect: _ctx.Effect.LIGHT,
+    "popper-class": "el-popover",
+    "append-to-body": "",
+    "fallback-placements": ["bottom", "top", "right", "left"]
+  }, {
+    trigger: withCtx(() => [
+      renderSlot(_ctx.$slots, "reference")
+    ]),
+    default: withCtx(() => [
+      createElementVNode("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          !_ctx.hideIcon && _ctx.icon ? (openBlock(), createBlock(_component_el_icon, {
+            key: 0,
+            class: "el-popconfirm__icon",
+            style: normalizeStyle({ color: _ctx.iconColor })
+          }, {
+            default: withCtx(() => [
+              (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
+            ]),
+            _: 1
+          }, 8, ["style"])) : createCommentVNode("v-if", true),
+          createTextVNode(" " + toDisplayString(_ctx.title), 1)
+        ]),
+        createElementVNode("div", _hoisted_3, [
+          createVNode(_component_el_button, {
+            size: "mini",
+            type: _ctx.cancelButtonType,
+            onClick: _ctx.cancel
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.finalCancelButtonText), 1)
+            ]),
+            _: 1
+          }, 8, ["type", "onClick"]),
+          createVNode(_component_el_button, {
+            size: "mini",
+            type: _ctx.confirmButtonType,
+            onClick: _ctx.confirm
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.finalConfirmButtonText), 1)
+            ]),
+            _: 1
+          }, 8, ["type", "onClick"])
+        ])
+      ])
+    ]),
+    _: 3
+  }, 8, ["visible", "effect"]);
+}
+
+export { render };
+//# sourceMappingURL=popconfirm.vue_vue_type_template_id_16409d25_lang.mjs.map

package/es/components/popconfirm/src/popconfirm.vue_vue_type_template_id_16409d25_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"popconfirm.vue_vue_type_template_id_16409d25_lang.mjs","sources":["../../../../../../packages/components/popconfirm/src/popconfirm.vue?vue&type=template&id=16409d25&lang.js"],"sourcesContent":["<template>\n  <el-popper\n    v-model:visible=\"visible\"\n    trigger=\"click\"\n    :effect=\"Effect.LIGHT\"\n    popper-class=\"el-popover\"\n    append-to-body\n    :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n  >\n    <div class=\"el-popconfirm\">\n      <div class=\"el-popconfirm__main\">\n        <el-icon\n          v-if=\"!hideIcon && icon\"\n          class=\"el-popconfirm__icon\"\n          :style=\"{ color: iconColor }\"\n        >\n          <component :is=\"icon\" />\n        </el-icon>\n        {{ title }}\n      </div>\n      <div class=\"el-popconfirm__action\">\n        <el-button size=\"mini\" :type=\"cancelButtonType\" @click=\"cancel\">\n          {{ finalCancelButtonText }}\n        </el-button>\n        <el-button size=\"mini\" :type=\"confirmButtonType\" @click=\"confirm\">\n          {{ finalConfirmButtonText }}\n        </el-button>\n      </div>\n    </div>\n    <template #trigger>\n      <slot name=\"reference\"></slot>\n    </template>\n  </el-popper>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, computed } from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport ElIcon from '@element-plus/components/icon'\nimport ElPopper, { Effect } from '@element-plus/components/popper'\nimport { useLocaleInject } from '@element-plus/hooks'\nimport { popconfirmProps, popconfirmEmits } from './popconfirm'\n\nexport default defineComponent({\n  name: 'ElPopconfirm',\n\n  components: {\n    ElButton,\n    ElPopper,\n    ElIcon,\n  },\n\n  props: popconfirmProps,\n  emits: popconfirmEmits,\n\n  setup(props, { emit }) {\n    const { t } = useLocaleInject()\n    const visible = ref(false)\n    const confirm = () => {\n      visible.value = false\n      emit('confirm')\n    }\n    const cancel = () => {\n      visible.value = false\n      emit('cancel')\n    }\n    const finalConfirmButtonText = computed(\n      () => props.confirmButtonText || t('el.popconfirm.confirmButtonText')\n    )\n    const finalCancelButtonText = computed(\n      () => props.cancelButtonText || t('el.popconfirm.cancelButtonText')\n    )\n\n    return {\n      Effect,\n      visible,\n\n      finalConfirmButtonText,\n      finalCancelButtonText,\n\n      confirm,\n      cancel,\n    }\n  },\n})\n</script>\n"],"names":["_createBlock","_renderSlot","_createElementVNode","_createVNode"],"mappings":";;qBASS,OAAM;qBACJ,OAAM;qBAUN,OAAM;;;;;sBAnBfA;IACU,SAAS;8DAAA;IACjB,SAAQ;AAAA,IACP,QAAQ,YAAO;AAAA,IAChB,gBAAa;AAAA,IACb,kBAAA;AAAA,IACC,uBAAqB;;IAsBX,iBACT;MAAAC;;qBArBF;MAAAC,0BAAA;QACEA,0BAAA;WAEW,iBAAY,0BADrBF;;YAEE,OAAM;AAAA,YACL,+BAAgB;;6BAEjB;4BAAAA,oCAAgB;;;;gDAEf;;QAELE,0BAAA;UACEC;YAAW,MAAK;AAAA,YAAQ,MAAM;YAAmB,SAAO;;6BACtD;8CAAG;;;;UAELA;YAAW,MAAK;AAAA,YAAQ,MAAM;YAAoB,SAAO;;6BACvD;8CAAG;;;;;;;;;;;;;"}

package/es/components/popconfirm/src/popconfirm2.mjs

@@ -1,6 +1,6 @@
-import script from './popconfirm.vue_vue&type=script&lang.mjs';
-export { default } from './popconfirm.vue_vue&type=script&lang.mjs';
-import { render } from './popconfirm.vue_vue&type=template&id=16409d25&lang.mjs';
+import script from './popconfirm.vue_vue_type_script_lang.mjs';
+export { default } from './popconfirm.vue_vue_type_script_lang.mjs';
+import { render } from './popconfirm.vue_vue_type_template_id_16409d25_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/popconfirm/src/popconfirm.vue";

package/es/components/popover/index.mjs

@@ -1,6 +1,6 @@
 import './src/index.mjs';
 import PopoverDirective, { VPopover } from './src/directive.mjs';
-import script from './src/index.vue_vue&type=script&lang.mjs';
+import script from './src/index.vue_vue_type_script_lang.mjs';
 
 script.install = (app) => {
   app.component(script.name, script);

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

@@ -1,5 +1,5 @@
-import script from './index.vue_vue&type=script&lang.mjs';
-export { default } from './index.vue_vue&type=script&lang.mjs';
+import script from './index.vue_vue_type_script_lang.mjs';
+export { default } from './index.vue_vue_type_script_lang.mjs';
 
 script.__file = "packages/components/popover/src/index.vue";
 //# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1,119 @@
+import { defineComponent, toDisplayString, renderSlot, createTextVNode, createCommentVNode, h, Fragment, withDirectives, Teleport } from 'vue';
+import '../../../directives/index.mjs';
+import _Popper from '../../popper/index.mjs';
+import { debugWarn } from '../../../utils/error.mjs';
+import { renderIf, PatchFlags } from '../../../utils/vnode.mjs';
+import usePopover, { SHOW_EVENT, HIDE_EVENT } from './usePopover.mjs';
+import popperDefaultProps, { Effect } from '../../popper/src/use-popper/defaults.mjs';
+import renderPopper from '../../popper/src/renderers/popper.mjs';
+import renderArrow from '../../popper/src/renderers/arrow.mjs';
+import renderTrigger from '../../popper/src/renderers/trigger.mjs';
+import ClickOutside from '../../../directives/click-outside/index.mjs';
+
+const emits = [
+  "update:visible",
+  "after-enter",
+  "after-leave",
+  SHOW_EVENT,
+  HIDE_EVENT
+];
+const NAME = "ElPopover";
+const _hoist = { key: 0, class: "el-popover__title", role: "title" };
+var script = defineComponent({
+  name: NAME,
+  components: {
+    ElPopper: _Popper
+  },
+  props: {
+    ...popperDefaultProps,
+    content: {
+      type: String
+    },
+    trigger: {
+      type: String,
+      default: "click"
+    },
+    title: {
+      type: String
+    },
+    transition: {
+      type: String,
+      default: "fade-in-linear"
+    },
+    width: {
+      type: [String, Number],
+      default: 150
+    },
+    appendToBody: {
+      type: Boolean,
+      default: true
+    },
+    tabindex: [String, Number]
+  },
+  emits,
+  setup(props, ctx) {
+    if (props.visible && !ctx.slots.reference) {
+      debugWarn(NAME, `
+        You cannot init popover without given reference
+      `);
+    }
+    const states = usePopover(props, ctx);
+    return states;
+  },
+  render() {
+    const { $slots } = this;
+    const trigger = $slots.reference ? $slots.reference() : null;
+    const title = renderIf(!!this.title, "div", _hoist, toDisplayString(this.title), PatchFlags.TEXT);
+    const content = renderSlot($slots, "default", {}, () => [
+      createTextVNode(toDisplayString(this.content), PatchFlags.TEXT)
+    ]);
+    const {
+      events,
+      onAfterEnter,
+      onAfterLeave,
+      onPopperMouseEnter,
+      onPopperMouseLeave,
+      popperStyle,
+      popperId,
+      popperClass,
+      showArrow,
+      transition,
+      visibility,
+      tabindex
+    } = this;
+    const kls = [
+      this.content ? "el-popover--plain" : "",
+      "el-popover",
+      popperClass
+    ].join(" ");
+    const popover = renderPopper({
+      effect: Effect.LIGHT,
+      name: transition,
+      popperClass: kls,
+      popperStyle,
+      popperId,
+      visibility,
+      onMouseenter: onPopperMouseEnter,
+      onMouseleave: onPopperMouseLeave,
+      onAfterEnter,
+      onAfterLeave,
+      stopPopperMouseEvent: false
+    }, [title, content, renderArrow(showArrow)]);
+    const _trigger = trigger ? renderTrigger(trigger, {
+      ariaDescribedby: popperId,
+      ref: "triggerRef",
+      tabindex,
+      ...events
+    }) : createCommentVNode("v-if", true);
+    return h(Fragment, null, [
+      this.trigger === "click" ? withDirectives(_trigger, [[ClickOutside, this.hide]]) : _trigger,
+      h(Teleport, {
+        disabled: !this.appendToBody,
+        to: "body"
+      }, [popover])
+    ]);
+  }
+});
+
+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

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/popover/src/index.vue"],"sourcesContent":["<script lang=\"ts\">\nimport {\n  defineComponent,\n  Fragment,\n  createTextVNode,\n  renderSlot,\n  toDisplayString,\n  createCommentVNode,\n  withDirectives,\n  Teleport,\n  h,\n} from 'vue'\nimport { ClickOutside } from '@element-plus/directives'\nimport ElPopper, {\n  popperDefaultProps,\n  Effect,\n  renderArrow,\n  renderPopper,\n  renderTrigger,\n} from '@element-plus/components/popper'\nimport { debugWarn } from '@element-plus/utils/error'\nimport { renderIf, PatchFlags } from '@element-plus/utils/vnode'\nimport usePopover, { SHOW_EVENT, HIDE_EVENT } from './usePopover'\n\nimport type { PropType } from 'vue'\nimport type { TriggerType } from '@element-plus/components/popper'\n\nconst emits = [\n  'update:visible',\n  'after-enter',\n  'after-leave',\n  SHOW_EVENT,\n  HIDE_EVENT,\n]\nconst NAME = 'ElPopover'\n\nconst _hoist = { key: 0, class: 'el-popover__title', role: 'title' }\n\nexport default defineComponent({\n  name: NAME,\n  components: {\n    ElPopper,\n  },\n  props: {\n    ...popperDefaultProps,\n    content: {\n      type: String,\n    },\n    trigger: {\n      type: String as PropType<TriggerType>,\n      default: 'click',\n    },\n    title: {\n      type: String,\n    },\n    transition: {\n      type: String,\n      default: 'fade-in-linear',\n    },\n    width: {\n      type: [String, Number],\n      default: 150,\n    },\n    appendToBody: {\n      type: Boolean,\n      default: true,\n    },\n    tabindex: [String, Number],\n  },\n  emits,\n  setup(props, ctx) {\n    if (props.visible && !ctx.slots.reference) {\n      debugWarn(\n        NAME,\n        `\n        You cannot init popover without given reference\n      `\n      )\n    }\n    const states = usePopover(props, ctx)\n\n    return states\n  },\n  render() {\n    const { $slots } = this\n    const trigger = $slots.reference ? $slots.reference() : null\n\n    const title = renderIf(\n      !!this.title,\n      'div',\n      _hoist,\n      toDisplayString(this.title),\n      PatchFlags.TEXT\n    )\n\n    const content = renderSlot($slots, 'default', {}, () => [\n      createTextVNode(toDisplayString(this.content), PatchFlags.TEXT),\n    ])\n\n    const {\n      events,\n      onAfterEnter,\n      onAfterLeave,\n      onPopperMouseEnter,\n      onPopperMouseLeave,\n      popperStyle,\n      popperId,\n      popperClass,\n      showArrow,\n      transition,\n      visibility,\n      tabindex,\n    } = this\n\n    const kls = [\n      this.content ? 'el-popover--plain' : '',\n      'el-popover',\n      popperClass,\n    ].join(' ')\n\n    const popover = renderPopper(\n      {\n        effect: Effect.LIGHT,\n        name: transition,\n        popperClass: kls,\n        popperStyle,\n        popperId,\n        visibility,\n        onMouseenter: onPopperMouseEnter,\n        onMouseleave: onPopperMouseLeave,\n        onAfterEnter,\n        onAfterLeave,\n        stopPopperMouseEvent: false,\n      },\n      [title, content, renderArrow(showArrow)]\n    )\n\n    // when user uses popover directively, trigger will be null so that we only\n    // render a popper window for displaying contents\n    const _trigger = trigger\n      ? renderTrigger(trigger, {\n          ariaDescribedby: popperId,\n          ref: 'triggerRef',\n          tabindex,\n          ...events,\n        })\n      : createCommentVNode('v-if', true)\n\n    return h(Fragment, null, [\n      this.trigger === 'click'\n        ? withDirectives(_trigger, [[ClickOutside, this.hide]])\n        : _trigger,\n      h(\n        Teleport as any,\n        {\n          disabled: !this.appendToBody,\n          to: 'body',\n        },\n        [popover]\n      ),\n    ])\n  },\n})\n</script>\n"],"names":["ElPopper"],"mappings":";;;;;;;;;;;;AA2BA,MAAM,QAAQ;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAEF,MAAM,OAAO;AAEb,MAAM,SAAS,EAAE,KAAK,GAAG,OAAO,qBAAqB,MAAM;AAE3D,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,cACVA;AAAA;AAAA,EAEF,OAAO;AAAA,OACF;AAAA,IACH,SAAS;AAAA,MACP,MAAM;AAAA;AAAA,IAER,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,OAAO;AAAA,MACL,MAAM;AAAA;AAAA,IAER,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS;AAAA;AAAA,IAEX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,UAAU,CAAC,QAAQ;AAAA;AAAA,EAErB;AAAA,EACA,MAAM,OAAO,KAAK;AAChB,QAAI,MAAM,WAAW,CAAC,IAAI,MAAM,WAAW;AACzC,gBACE,MACA;AAAA;AAAA;AAAA;AAKJ,UAAM,SAAS,WAAW,OAAO;AAEjC,WAAO;AAAA;AAAA,EAET,SAAS;AACP,UAAM,EAAE,WAAW;AACnB,UAAM,UAAU,OAAO,YAAY,OAAO,cAAc;AAExD,UAAM,QAAQ,SACZ,CAAC,CAAC,KAAK,OACP,OACA,QACA,gBAAgB,KAAK,QACrB,WAAW;AAGb,UAAM,UAAU,WAAW,QAAQ,WAAW,IAAI,MAAM;AAAA,MACtD,gBAAgB,gBAAgB,KAAK,UAAU,WAAW;AAAA;AAG5D,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE;AAEJ,UAAM,MAAM;AAAA,MACV,KAAK,UAAU,sBAAsB;AAAA,MACrC;AAAA,MACA;AAAA,MACA,KAAK;AAEP,UAAM,UAAU,aACd;AAAA,MACE,QAAQ,OAAO;AAAA,MACf,MAAM;AAAA,MACN,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA,sBAAsB;AAAA,OAExB,CAAC,OAAO,SAAS,YAAY;AAK/B,UAAM,WAAW,UACb,cAAc,SAAS;AAAA,MACrB,iBAAiB;AAAA,MACjB,KAAK;AAAA,MACL;AAAA,SACG;AAAA,SAEL,mBAAmB,QAAQ;AAE/B,WAAO,EAAE,UAAU,MAAM;AAAA,MACvB,KAAK,YAAY,UACb,eAAe,UAAU,CAAC,CAAC,cAAc,KAAK,UAC9C;AAAA,MACJ,EACE,UACA;AAAA,QACE,UAAU,CAAC,KAAK;AAAA,QAChB,IAAI;AAAA,SAEN,CAAC;AAAA;AAAA;AAAA;;;;"}

package/es/components/popper/index.mjs

@@ -2,7 +2,7 @@ import './src/index.mjs';
 export { Effect, default as popperDefaultProps } from './src/use-popper/defaults.mjs';
 import './src/renderers/index.mjs';
 export { default as usePopper } from './src/use-popper/index.mjs';
-import script from './src/index.vue_vue&type=script&lang.mjs';
+import script from './src/index.vue_vue_type_script_lang.mjs';
 export { default as renderPopper } from './src/renderers/popper.mjs';
 export { default as renderTrigger } from './src/renderers/trigger.mjs';
 export { default as renderArrow } from './src/renderers/arrow.mjs';

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

@@ -1,5 +1,5 @@
-import script from './index.vue_vue&type=script&lang.mjs';
-export { default } from './index.vue_vue&type=script&lang.mjs';
+import script from './index.vue_vue_type_script_lang.mjs';
+export { default } from './index.vue_vue_type_script_lang.mjs';
 
 script.__file = "packages/components/popper/src/index.vue";
 //# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1,103 @@
+import { defineComponent, onMounted, onBeforeUnmount, onActivated, onDeactivated, renderSlot, toDisplayString, withDirectives, h, Fragment, Teleport } from 'vue';
+import '../../../directives/index.mjs';
+import { throwError } from '../../../utils/error.mjs';
+import usePopper from './use-popper/index.mjs';
+import popperDefaultProps from './use-popper/defaults.mjs';
+import './renderers/index.mjs';
+import renderArrow from './renderers/arrow.mjs';
+import renderPopper from './renderers/popper.mjs';
+import renderTrigger from './renderers/trigger.mjs';
+import ClickOutside from '../../../directives/click-outside/index.mjs';
+
+const compName = "ElPopper";
+const UPDATE_VISIBLE_EVENT = "update:visible";
+var script = defineComponent({
+  name: compName,
+  props: popperDefaultProps,
+  emits: [
+    UPDATE_VISIBLE_EVENT,
+    "after-enter",
+    "after-leave",
+    "before-enter",
+    "before-leave"
+  ],
+  setup(props, ctx) {
+    if (!ctx.slots.trigger) {
+      throwError(compName, "Trigger must be provided");
+    }
+    const popperStates = usePopper(props, ctx);
+    const forceDestroy = () => popperStates.doDestroy(true);
+    onMounted(popperStates.initializePopper);
+    onBeforeUnmount(forceDestroy);
+    onActivated(popperStates.initializePopper);
+    onDeactivated(forceDestroy);
+    return popperStates;
+  },
+  render() {
+    var _a;
+    const {
+      $slots,
+      appendToBody,
+      class: kls,
+      style,
+      effect,
+      hide,
+      onPopperMouseEnter,
+      onPopperMouseLeave,
+      onAfterEnter,
+      onAfterLeave,
+      onBeforeEnter,
+      onBeforeLeave,
+      popperClass,
+      popperId,
+      popperStyle,
+      pure,
+      showArrow,
+      transition,
+      visibility,
+      stopPopperMouseEvent
+    } = this;
+    const isManual = this.isManualMode();
+    const arrow = renderArrow(showArrow);
+    const popper = renderPopper({
+      effect,
+      name: transition,
+      popperClass,
+      popperId,
+      popperStyle,
+      pure,
+      stopPopperMouseEvent,
+      onMouseenter: onPopperMouseEnter,
+      onMouseleave: onPopperMouseLeave,
+      onAfterEnter,
+      onAfterLeave,
+      onBeforeEnter,
+      onBeforeLeave,
+      visibility
+    }, [
+      renderSlot($slots, "default", {}, () => {
+        return [toDisplayString(this.content)];
+      }),
+      arrow
+    ]);
+    const _t = (_a = $slots.trigger) == null ? void 0 : _a.call($slots);
+    const triggerProps = {
+      "aria-describedby": popperId,
+      class: kls,
+      style,
+      ref: "triggerRef",
+      ...this.events
+    };
+    const trigger = isManual ? renderTrigger(_t, triggerProps) : withDirectives(renderTrigger(_t, triggerProps), [[ClickOutside, hide]]);
+    return h(Fragment, null, [
+      trigger,
+      h(Teleport, {
+        to: "body",
+        disabled: !appendToBody
+      }, [popper])
+    ]);
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=index.vue_vue_type_script_lang.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/popper/src/index.vue"],"sourcesContent":["<script lang=\"ts\">\nimport {\n  defineComponent,\n  Fragment,\n  Teleport,\n  onBeforeUnmount,\n  onDeactivated,\n  onActivated,\n  onMounted,\n  renderSlot,\n  toDisplayString,\n  withDirectives,\n  h,\n} from 'vue'\nimport { ClickOutside } from '@element-plus/directives'\nimport { throwError } from '@element-plus/utils/error'\n\nimport usePopper from './use-popper/index'\nimport defaultProps from './use-popper/defaults'\nimport { renderPopper, renderTrigger, renderArrow } from './renderers'\n\nconst compName = 'ElPopper'\nconst UPDATE_VISIBLE_EVENT = 'update:visible'\n\nexport default defineComponent({\n  name: compName,\n  props: defaultProps,\n  emits: [\n    UPDATE_VISIBLE_EVENT,\n    'after-enter',\n    'after-leave',\n    'before-enter',\n    'before-leave',\n  ],\n  setup(props, ctx) {\n    if (!ctx.slots.trigger) {\n      throwError(compName, 'Trigger must be provided')\n    }\n    // this is a reference that we need to pass down to child component\n    // to obtain the child instance\n\n    // return usePopper(props as IPopperOptions, ctx as SetupContext)\n    const popperStates = usePopper(props, ctx)\n\n    const forceDestroy = () => popperStates.doDestroy(true)\n    onMounted(popperStates.initializePopper)\n    onBeforeUnmount(forceDestroy)\n    onActivated(popperStates.initializePopper)\n    onDeactivated(forceDestroy)\n\n    return popperStates\n  },\n\n  render() {\n    const {\n      $slots,\n      appendToBody,\n      class: kls,\n      style,\n      effect,\n      hide,\n      onPopperMouseEnter,\n      onPopperMouseLeave,\n      onAfterEnter,\n      onAfterLeave,\n      onBeforeEnter,\n      onBeforeLeave,\n      popperClass,\n      popperId,\n      popperStyle,\n      pure,\n      showArrow,\n      transition,\n      visibility,\n      stopPopperMouseEvent,\n    } = this\n\n    const isManual = this.isManualMode()\n    const arrow = renderArrow(showArrow)\n    const popper = renderPopper(\n      {\n        effect,\n        name: transition,\n        popperClass,\n        popperId,\n        popperStyle,\n        pure,\n        stopPopperMouseEvent,\n        onMouseenter: onPopperMouseEnter,\n        onMouseleave: onPopperMouseLeave,\n        onAfterEnter,\n        onAfterLeave,\n        onBeforeEnter,\n        onBeforeLeave,\n        visibility,\n      },\n      [\n        renderSlot($slots, 'default', {}, () => {\n          return [toDisplayString(this.content)]\n        }),\n        arrow,\n      ]\n    )\n\n    const _t = $slots.trigger?.()\n\n    const triggerProps = {\n      'aria-describedby': popperId,\n      class: kls,\n      style,\n      ref: 'triggerRef',\n      ...this.events,\n    }\n\n    const trigger = isManual\n      ? renderTrigger(_t, triggerProps)\n      : withDirectives(renderTrigger(_t, triggerProps), [[ClickOutside, hide]])\n\n    return h(Fragment, null, [\n      trigger,\n      h(\n        Teleport as any, // Vue did not support createVNode for Teleport\n        {\n          to: 'body',\n          disabled: !appendToBody,\n        },\n        [popper]\n      ),\n    ])\n  },\n})\n</script>\n"],"names":["defaultProps"],"mappings":";;;;;;;;;;;AAqBA,MAAM,WAAW;AACjB,MAAM,uBAAuB;AAE7B,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAOA;AAAA,EACP,OAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,EAEF,MAAM,OAAO,KAAK;AAChB,QAAI,CAAC,IAAI,MAAM,SAAS;AACtB,iBAAW,UAAU;AAAA;AAMvB,UAAM,eAAe,UAAU,OAAO;AAEtC,UAAM,eAAe,MAAM,aAAa,UAAU;AAClD,cAAU,aAAa;AACvB,oBAAgB;AAChB,gBAAY,aAAa;AACzB,kBAAc;AAEd,WAAO;AAAA;AAAA,EAGT,SAAS;;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE;AAEJ,UAAM,WAAW,KAAK;AACtB,UAAM,QAAQ,YAAY;AAC1B,UAAM,SAAS,aACb;AAAA,MACE;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,OAEF;AAAA,MACE,WAAW,QAAQ,WAAW,IAAI,MAAM;AACtC,eAAO,CAAC,gBAAgB,KAAK;AAAA;AAAA,MAE/B;AAAA;AAIJ,UAAM,KAAK,aAAO,YAAP;AAEX,UAAM,eAAe;AAAA,MACnB,oBAAoB;AAAA,MACpB,OAAO;AAAA,MACP;AAAA,MACA,KAAK;AAAA,SACF,KAAK;AAAA;AAGV,UAAM,UAAU,WACZ,cAAc,IAAI,gBAClB,eAAe,cAAc,IAAI,eAAe,CAAC,CAAC,cAAc;AAEpE,WAAO,EAAE,UAAU,MAAM;AAAA,MACvB;AAAA,MACA,EACE,UACA;AAAA,QACE,IAAI;AAAA,QACJ,UAAU,CAAC;AAAA,SAEb,CAAC;AAAA;AAAA;AAAA;;;;"}

package/es/components/popper/src/use-popper/defaults.mjs

@@ -1,8 +1,8 @@
-var Effect;
-(function(Effect2) {
+var Effect = /* @__PURE__ */ ((Effect2) => {
   Effect2["DARK"] = "dark";
   Effect2["LIGHT"] = "light";
-})(Effect || (Effect = {}));
+  return Effect2;
+})(Effect || {});
 const DEFAULT_FALLBACK_PLACEMENTS = [];
 var popperDefaultProps = {
   arrowOffset: {
@@ -44,7 +44,7 @@ var popperDefaultProps = {
   },
   effect: {
     type: String,
-    default: Effect.DARK
+    default: "dark"
   },
   enterable: {
     type: Boolean,

package/es/components/popper/src/use-popper/defaults.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.mjs","sources":["../../../../../../../packages/components/popper/src/use-popper/defaults.ts"],"sourcesContent":["import type { PropType } from 'vue'\nimport type {\n  Placement,\n  PositioningStrategy,\n  Instance as PopperInstance,\n  Options,\n} from '@popperjs/core'\nimport type { Nullable } from '@element-plus/utils/types'\n\nexport enum Effect {\n  DARK = 'dark',\n  LIGHT = 'light',\n}\n\nexport type RefElement = Nullable<HTMLElement>\nexport type Offset = [number, number] | number\n\nexport type { Placement, PositioningStrategy, PopperInstance, Options }\n\nexport type TriggerType = 'click' | 'hover' | 'focus' | 'manual'\n\nexport type Trigger = TriggerType | TriggerType[]\n\nexport type IPopperOptions = {\n  arrowOffset: number\n  autoClose: number\n  boundariesPadding: number\n  class: string\n  cutoff: boolean\n  disabled: boolean\n  enterable: boolean\n  hideAfter: number\n  manualMode: boolean\n  offset: number\n  placement: Placement\n  popperOptions: Partial<Options>\n  showAfter: number\n  showArrow: boolean\n  strategy: PositioningStrategy\n  trigger: Trigger\n  visible: boolean\n  stopPopperMouseEvent: boolean\n  gpuAcceleration: boolean\n  fallbackPlacements: Array<Placement>\n}\n\n// duplicate export at index.ts\n// export const DEFAULT_TRIGGER = 'hover'\nconst DEFAULT_FALLBACK_PLACEMENTS = []\n\nexport default {\n  // the arrow size is an equailateral triangle with 10px side length, the 3rd side length ~ 14.1px\n  // adding a offset to the ceil of 4.1 should be 5 this resolves the problem of arrow overflowing out of popper.\n  arrowOffset: {\n    type: Number,\n    default: 5,\n  },\n  appendToBody: {\n    type: Boolean,\n    default: true,\n  },\n  autoClose: {\n    type: Number,\n    default: 0,\n  },\n  boundariesPadding: {\n    type: Number,\n    default: 0,\n  },\n  content: {\n    type: String,\n    default: '',\n  },\n  class: {\n    type: String,\n    default: '',\n  },\n  style: Object,\n  hideAfter: {\n    type: Number,\n    default: 200,\n  },\n  cutoff: {\n    type: Boolean,\n    default: false,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  effect: {\n    type: String as PropType<Effect>,\n    default: Effect.DARK,\n  },\n  enterable: {\n    type: Boolean,\n    default: true,\n  },\n  manualMode: {\n    type: Boolean,\n    default: false,\n  },\n  showAfter: {\n    type: Number,\n    default: 0,\n  },\n  offset: {\n    type: Number,\n    default: 12,\n  },\n  placement: {\n    type: String as PropType<Placement>,\n    default: 'bottom' as Placement,\n  },\n  popperClass: {\n    type: String,\n    default: '',\n  },\n  pure: {\n    type: Boolean,\n    default: false,\n  },\n  // Once this option were given, the entire popper is under the users' control, top priority\n  popperOptions: {\n    type: Object as PropType<Partial<Options>>,\n    default: () => null,\n  },\n  showArrow: {\n    type: Boolean,\n    default: true,\n  },\n  strategy: {\n    type: String as PropType<PositioningStrategy>,\n    default: 'fixed' as PositioningStrategy,\n  },\n  transition: {\n    type: String,\n    default: 'el-fade-in-linear',\n  },\n  trigger: {\n    type: [String, Array] as PropType<Trigger>,\n    default: 'hover',\n  },\n  visible: {\n    type: Boolean,\n    default: undefined,\n  },\n  stopPopperMouseEvent: {\n    type: Boolean,\n    default: true,\n  },\n  gpuAcceleration: {\n    type: Boolean,\n    default: true,\n  },\n  fallbackPlacements: {\n    type: Array as PropType<Placement[]>,\n    default: DEFAULT_FALLBACK_PLACEMENTS,\n  },\n}\n"],"names":[],"mappings":"IASY;AAAL,UAAK,SAAL;AACL,oBAAO;AACP,qBAAQ;AAAA,GAFE;AAuCZ,MAAM,8BAA8B;AAEpC,yBAAe;AAAA,EAGb,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,mBAAmB;AAAA,IACjB,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,OAAO;AAAA,EACP,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS,OAAO;AAAA;AAAA,EAElB,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAGX,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS,MAAM;AAAA;AAAA,EAEjB,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,SAAS;AAAA,IACP,MAAM,CAAC,QAAQ;AAAA,IACf,SAAS;AAAA;AAAA,EAEX,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,sBAAsB;AAAA,IACpB,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,oBAAoB;AAAA,IAClB,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;;;;"}
+{"version":3,"file":"defaults.mjs","sources":["../../../../../../../packages/components/popper/src/use-popper/defaults.ts"],"sourcesContent":["import type { PropType } from 'vue'\nimport type {\n  Placement,\n  PositioningStrategy,\n  Instance as PopperInstance,\n  Options,\n} from '@popperjs/core'\nimport type { Nullable } from '@element-plus/utils/types'\n\nexport enum Effect {\n  DARK = 'dark',\n  LIGHT = 'light',\n}\n\nexport type RefElement = Nullable<HTMLElement>\nexport type Offset = [number, number] | number\n\nexport type { Placement, PositioningStrategy, PopperInstance, Options }\n\nexport type TriggerType = 'click' | 'hover' | 'focus' | 'manual'\n\nexport type Trigger = TriggerType | TriggerType[]\n\nexport type IPopperOptions = {\n  arrowOffset: number\n  autoClose: number\n  boundariesPadding: number\n  class: string\n  cutoff: boolean\n  disabled: boolean\n  enterable: boolean\n  hideAfter: number\n  manualMode: boolean\n  offset: number\n  placement: Placement\n  popperOptions: Partial<Options>\n  showAfter: number\n  showArrow: boolean\n  strategy: PositioningStrategy\n  trigger: Trigger\n  visible: boolean\n  stopPopperMouseEvent: boolean\n  gpuAcceleration: boolean\n  fallbackPlacements: Array<Placement>\n}\n\n// duplicate export at index.ts\n// export const DEFAULT_TRIGGER = 'hover'\nconst DEFAULT_FALLBACK_PLACEMENTS = []\n\nexport default {\n  // the arrow size is an equailateral triangle with 10px side length, the 3rd side length ~ 14.1px\n  // adding a offset to the ceil of 4.1 should be 5 this resolves the problem of arrow overflowing out of popper.\n  arrowOffset: {\n    type: Number,\n    default: 5,\n  },\n  appendToBody: {\n    type: Boolean,\n    default: true,\n  },\n  autoClose: {\n    type: Number,\n    default: 0,\n  },\n  boundariesPadding: {\n    type: Number,\n    default: 0,\n  },\n  content: {\n    type: String,\n    default: '',\n  },\n  class: {\n    type: String,\n    default: '',\n  },\n  style: Object,\n  hideAfter: {\n    type: Number,\n    default: 200,\n  },\n  cutoff: {\n    type: Boolean,\n    default: false,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  effect: {\n    type: String as PropType<Effect>,\n    default: Effect.DARK,\n  },\n  enterable: {\n    type: Boolean,\n    default: true,\n  },\n  manualMode: {\n    type: Boolean,\n    default: false,\n  },\n  showAfter: {\n    type: Number,\n    default: 0,\n  },\n  offset: {\n    type: Number,\n    default: 12,\n  },\n  placement: {\n    type: String as PropType<Placement>,\n    default: 'bottom' as Placement,\n  },\n  popperClass: {\n    type: String,\n    default: '',\n  },\n  pure: {\n    type: Boolean,\n    default: false,\n  },\n  // Once this option were given, the entire popper is under the users' control, top priority\n  popperOptions: {\n    type: Object as PropType<Partial<Options>>,\n    default: () => null,\n  },\n  showArrow: {\n    type: Boolean,\n    default: true,\n  },\n  strategy: {\n    type: String as PropType<PositioningStrategy>,\n    default: 'fixed' as PositioningStrategy,\n  },\n  transition: {\n    type: String,\n    default: 'el-fade-in-linear',\n  },\n  trigger: {\n    type: [String, Array] as PropType<Trigger>,\n    default: 'hover',\n  },\n  visible: {\n    type: Boolean,\n    default: undefined,\n  },\n  stopPopperMouseEvent: {\n    type: Boolean,\n    default: true,\n  },\n  gpuAcceleration: {\n    type: Boolean,\n    default: true,\n  },\n  fallbackPlacements: {\n    type: Array as PropType<Placement[]>,\n    default: DEFAULT_FALLBACK_PLACEMENTS,\n  },\n}\n"],"names":[],"mappings":"IASY,2BAAA,YAAL;AACL,oBAAO;AACP,qBAAQ;AAFE;AAAA;AAuCZ,MAAM,8BAA8B;AAEpC,yBAAe;AAAA,EAGb,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,mBAAmB;AAAA,IACjB,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,OAAO;AAAA,EACP,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAGX,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS,MAAM;AAAA;AAAA,EAEjB,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,SAAS;AAAA,IACP,MAAM,CAAC,QAAQ;AAAA,IACf,SAAS;AAAA;AAAA,EAEX,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,sBAAsB;AAAA,IACpB,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,oBAAoB;AAAA,IAClB,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;;;;"}

package/es/components/progress/index.mjs

@@ -1,5 +1,5 @@
 import './src/index.mjs';
-import script from './src/index.vue_vue&type=script&lang.mjs';
+import script from './src/index.vue_vue_type_script_lang.mjs';
 
 script.install = (app) => {
   app.component(script.name, script);

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

@@ -1,6 +1,6 @@
-import script from './index.vue_vue&type=script&lang.mjs';
-export { default } from './index.vue_vue&type=script&lang.mjs';
-import { render } from './index.vue_vue&type=template&id=556e268a&lang.mjs';
+import script from './index.vue_vue_type_script_lang.mjs';
+export { default } from './index.vue_vue_type_script_lang.mjs';
+import { render } from './index.vue_vue_type_template_id_556e268a_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/progress/src/index.vue";

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

@@ -0,0 +1,209 @@
+import { defineComponent, computed } from 'vue';
+import { ElIcon } from '../../icon/index.mjs';
+import { CircleCheck, CircleClose, Check, Close, WarningFilled } from '@element-plus/icons';
+
+var script = defineComponent({
+  name: "ElProgress",
+  components: {
+    ElIcon,
+    CircleCheck,
+    CircleClose,
+    Check,
+    Close,
+    WarningFilled
+  },
+  props: {
+    type: {
+      type: String,
+      default: "line",
+      validator: (val) => ["line", "circle", "dashboard"].indexOf(val) > -1
+    },
+    percentage: {
+      type: Number,
+      default: 0,
+      validator: (val) => val >= 0 && val <= 100
+    },
+    status: {
+      type: String,
+      default: "",
+      validator: (val) => ["", "success", "exception", "warning"].indexOf(val) > -1
+    },
+    indeterminate: {
+      type: Boolean,
+      default: false
+    },
+    duration: {
+      type: Number,
+      default: 3
+    },
+    strokeWidth: {
+      type: Number,
+      default: 6
+    },
+    strokeLinecap: {
+      type: String,
+      default: "round"
+    },
+    textInside: {
+      type: Boolean,
+      default: false
+    },
+    width: {
+      type: Number,
+      default: 126
+    },
+    showText: {
+      type: Boolean,
+      default: true
+    },
+    color: {
+      type: [String, Array, Function],
+      default: ""
+    },
+    format: {
+      type: Function,
+      default: (percentage) => `${percentage}%`
+    }
+  },
+  setup(props) {
+    const barStyle = computed(() => {
+      return {
+        width: `${props.percentage}%`,
+        animationDuration: `${props.duration}s`,
+        backgroundColor: getCurrentColor(props.percentage)
+      };
+    });
+    const relativeStrokeWidth = computed(() => {
+      return (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(() => {
+      return 2 * Math.PI * radius.value;
+    });
+    const rate = computed(() => {
+      return props.type === "dashboard" ? 0.75 : 1;
+    });
+    const strokeDashoffset = computed(() => {
+      const offset = -1 * perimeter.value * (1 - rate.value) / 2;
+      return `${offset}px`;
+    });
+    const trailPathStyle = computed(() => {
+      return {
+        strokeDasharray: `${perimeter.value * rate.value}px, ${perimeter.value}px`,
+        strokeDashoffset: strokeDashoffset.value
+      };
+    });
+    const circlePathStyle = computed(() => {
+      return {
+        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(() => {
+      return 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 colorArray = seriesColors.sort((a, b) => a.percentage - b.percentage);
+        for (let i = 0; i < colorArray.length; i++) {
+          if (colorArray[i].percentage > percentage) {
+            return colorArray[i].color;
+          }
+        }
+        return (_a = colorArray[colorArray.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,
+      getCurrentColor,
+      slotData
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=index.vue_vue_type_script_lang.mjs.map