element-plus 1.2.0-beta.2 → 1.2.0-beta.6

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" /* 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/popper/src/use-popper/index.d.ts

@@ -594,6 +594,7 @@ export default function (props: IPopperOptions, { emit }: SetupContext<EmitType[
         WebkitFontSmoothing?: import("csstype").FontSmoothProperty<string | number> | undefined;
         WebkitFontVariantLigatures?: string | undefined;
         WebkitHyphens?: import("csstype").HyphensProperty | undefined;
+        WebkitInitialLetter?: import("csstype").InitialLetterProperty | undefined;
         WebkitJustifyContent?: string | undefined;
         WebkitLineBreak?: import("csstype").LineBreakProperty | undefined;
         WebkitLineClamp?: import("csstype").WebkitLineClampProperty | undefined;
@@ -1329,6 +1330,7 @@ export default function (props: IPopperOptions, { emit }: SetupContext<EmitType[
         "-webkit-font-smoothing"?: import("csstype").FontSmoothProperty<string | number> | undefined;
         "-webkit-font-variant-ligatures"?: string | undefined;
         "-webkit-hyphens"?: import("csstype").HyphensProperty | undefined;
+        "-webkit-initial-letter"?: import("csstype").InitialLetterProperty | undefined;
         "-webkit-justify-content"?: string | undefined;
         "-webkit-line-break"?: import("csstype").LineBreakProperty | undefined;
         "-webkit-line-clamp"?: import("csstype").WebkitLineClampProperty | undefined;

package/es/components/progress/index.d.ts

@@ -1,4 +1,81 @@
-import type { SFCWithInstall } from 'element-plus/es/utils/types';
-declare const _Progress: SFCWithInstall<import("vue").DefineComponent<unknown, object, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<unknown>, {}>>;
-export default _Progress;
-export declare const ElProgress: SFCWithInstall<import("vue").DefineComponent<unknown, object, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<unknown>, {}>>;
+export declare const ElProgress: import("../../utils/types").SFCWithInstall<import("vue").DefineComponent<{
+    readonly type: import("../../utils/props").BuildPropReturn<StringConstructor, "line", unknown, "circle" | "line" | "dashboard", unknown>;
+    readonly percentage: import("../../utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly status: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "success" | "warning" | "exception", unknown>;
+    readonly indeterminate: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly duration: import("../../utils/props").BuildPropReturn<NumberConstructor, 3, unknown, unknown, unknown>;
+    readonly strokeWidth: import("../../utils/props").BuildPropReturn<NumberConstructor, 6, unknown, unknown, unknown>;
+    readonly strokeLinecap: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<"round" | "inherit" | "butt" | "square">, "round", unknown, unknown, unknown>;
+    readonly textInside: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly width: import("../../utils/props").BuildPropReturn<NumberConstructor, 126, unknown, unknown, unknown>;
+    readonly showText: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly color: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string | ((percentage: number) => string) | {
+        color: string;
+        percentage: number;
+    }[]>, "", unknown, unknown, unknown>;
+    readonly format: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<(percentage: number) => string>, (percentage: number) => string, unknown, unknown, unknown>;
+}, {
+    barStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+    relativeStrokeWidth: import("vue").ComputedRef<string>;
+    radius: import("vue").ComputedRef<number>;
+    trackPath: import("vue").ComputedRef<string>;
+    perimeter: import("vue").ComputedRef<number>;
+    rate: import("vue").ComputedRef<1 | 0.75>;
+    strokeDashoffset: import("vue").ComputedRef<string>;
+    trailPathStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+    circlePathStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+    stroke: import("vue").ComputedRef<string>;
+    statusIcon: import("vue").ComputedRef<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>>;
+    progressTextSize: import("vue").ComputedRef<number>;
+    content: import("vue").ComputedRef<string>;
+    slotData: import("vue").ComputedRef<{
+        percentage: number;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    readonly type?: unknown;
+    readonly percentage?: unknown;
+    readonly status?: unknown;
+    readonly indeterminate?: unknown;
+    readonly duration?: unknown;
+    readonly strokeWidth?: unknown;
+    readonly strokeLinecap?: unknown;
+    readonly textInside?: unknown;
+    readonly width?: unknown;
+    readonly showText?: unknown;
+    readonly color?: unknown;
+    readonly format?: unknown;
+} & {
+    type: import("../../utils/props").BuildPropType<StringConstructor, "circle" | "line" | "dashboard", unknown>;
+    color: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | ((percentage: number) => string) | {
+        color: string;
+        percentage: number;
+    }[]>, unknown, unknown>;
+    width: number;
+    strokeLinecap: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<"round" | "inherit" | "butt" | "square">, unknown, unknown>;
+    strokeWidth: number;
+    indeterminate: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    format: (percentage: number) => string;
+    percentage: number;
+    status: import("../../utils/props").BuildPropType<StringConstructor, "" | "success" | "warning" | "exception", unknown>;
+    duration: number;
+    textInside: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    showText: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+} & {}>, {
+    type: import("../../utils/props").BuildPropType<StringConstructor, "circle" | "line" | "dashboard", unknown>;
+    color: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | ((percentage: number) => string) | {
+        color: string;
+        percentage: number;
+    }[]>, unknown, unknown>;
+    width: number;
+    strokeLinecap: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<"round" | "inherit" | "butt" | "square">, unknown, unknown>;
+    strokeWidth: number;
+    indeterminate: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    format: (percentage: number) => string;
+    percentage: number;
+    status: import("../../utils/props").BuildPropType<StringConstructor, "" | "success" | "warning" | "exception", unknown>;
+    duration: number;
+    textInside: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    showText: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+}>> & Record<string, any>;
+export default ElProgress;
+export * from './src/progress';

package/es/components/progress/index.mjs

@@ -1,11 +1,9 @@
-import './src/index.mjs';
-import script from './src/index.vue_vue&type=script&lang.mjs';
+import { withInstall } from '../../utils/with-install.mjs';
+import './src/progress2.mjs';
+export { progressProps } from './src/progress.mjs';
+import script from './src/progress.vue_vue_type_script_lang.mjs';
 
-script.install = (app) => {
-  app.component(script.name, script);
-};
-const _Progress = script;
-const ElProgress = _Progress;
+const ElProgress = withInstall(script);
 
-export { ElProgress, _Progress as default };
+export { ElProgress, ElProgress as default };
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/progress/index.ts"],"sourcesContent":["import Progress from './src/index.vue'\n\nimport type { App } from 'vue'\nimport type { SFCWithInstall } from '@element-plus/utils/types'\n\nProgress.install = (app: App): void => {\n  app.component(Progress.name, Progress)\n}\n\nconst _Progress = Progress as SFCWithInstall<typeof Progress>\n\nexport default _Progress\nexport const ElProgress = _Progress\n"],"names":["Progress"],"mappings":";;;AAKAA,OAAS,UAAU,CAAC,QAAmB;AACrC,MAAI,UAAUA,OAAS,MAAMA;AAAA;MAGzB,YAAYA;MAGL,aAAa;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/progress/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\nimport Progress from './src/progress.vue'\n\nexport const ElProgress = withInstall(Progress)\nexport default ElProgress\n\nexport * from './src/progress'\n"],"names":["Progress"],"mappings":";;;;;MAGa,aAAa,YAAYA;;;;"}

package/es/components/progress/src/progress.d.ts

@@ -0,0 +1,22 @@
+import type { ExtractPropTypes } from 'vue';
+declare type Color = {
+    color: string;
+    percentage: number;
+};
+declare type ProgressFn = (percentage: number) => string;
+export declare const progressProps: {
+    readonly type: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "line", unknown, "circle" | "line" | "dashboard", unknown>;
+    readonly percentage: import("element-plus/es/utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly status: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "success" | "warning" | "exception", unknown>;
+    readonly indeterminate: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly duration: import("element-plus/es/utils/props").BuildPropReturn<NumberConstructor, 3, unknown, unknown, unknown>;
+    readonly strokeWidth: import("element-plus/es/utils/props").BuildPropReturn<NumberConstructor, 6, unknown, unknown, unknown>;
+    readonly strokeLinecap: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<"round" | "inherit" | "butt" | "square">, "round", unknown, unknown, unknown>;
+    readonly textInside: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly width: import("element-plus/es/utils/props").BuildPropReturn<NumberConstructor, 126, unknown, unknown, unknown>;
+    readonly showText: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly color: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<string | ProgressFn | Color[]>, "", unknown, unknown, unknown>;
+    readonly format: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<ProgressFn>, (percentage: number) => string, unknown, unknown, unknown>;
+};
+export declare type ProgressProps = ExtractPropTypes<typeof progressProps>;
+export {};

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

@@ -0,0 +1,62 @@
+import { buildProps, definePropType } from '../../../utils/props.mjs';
+
+const progressProps = buildProps({
+  type: {
+    type: String,
+    default: "line",
+    values: ["line", "circle", "dashboard"]
+  },
+  percentage: {
+    type: Number,
+    default: 0,
+    validator: (val) => val >= 0 && val <= 100
+  },
+  status: {
+    type: String,
+    default: "",
+    values: ["", "success", "exception", "warning"]
+  },
+  indeterminate: {
+    type: Boolean,
+    default: false
+  },
+  duration: {
+    type: Number,
+    default: 3
+  },
+  strokeWidth: {
+    type: Number,
+    default: 6
+  },
+  strokeLinecap: {
+    type: definePropType(String),
+    default: "round"
+  },
+  textInside: {
+    type: Boolean,
+    default: false
+  },
+  width: {
+    type: Number,
+    default: 126
+  },
+  showText: {
+    type: Boolean,
+    default: true
+  },
+  color: {
+    type: definePropType([
+      String,
+      Array,
+      Function
+    ]),
+    default: ""
+  },
+  format: {
+    type: definePropType(Function),
+    default: (percentage) => `${percentage}%`
+  }
+});
+
+export { progressProps };
+//# sourceMappingURL=progress.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress.mjs","sources":["../../../../../../packages/components/progress/src/progress.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils/props'\nimport type { SVGAttributes, ExtractPropTypes } from 'vue'\n\ntype Color = { color: string; percentage: number }\ntype ProgressFn = (percentage: number) => string\n\nexport const progressProps = buildProps({\n  type: {\n    type: String,\n    default: 'line',\n    values: ['line', 'circle', 'dashboard'],\n  },\n  percentage: {\n    type: Number,\n    default: 0,\n    validator: (val: number): boolean => val >= 0 && val <= 100,\n  },\n  status: {\n    type: String,\n    default: '',\n    values: ['', 'success', 'exception', 'warning'],\n  },\n  indeterminate: {\n    type: Boolean,\n    default: false,\n  },\n  duration: {\n    type: Number,\n    default: 3,\n  },\n  strokeWidth: {\n    type: Number,\n    default: 6,\n  },\n  strokeLinecap: {\n    type: definePropType<NonNullable<SVGAttributes['stroke-linecap']>>(String),\n    default: 'round',\n  },\n  textInside: {\n    type: Boolean,\n    default: false,\n  },\n  width: {\n    type: Number,\n    default: 126,\n  },\n  showText: {\n    type: Boolean,\n    default: true,\n  },\n  color: {\n    type: definePropType<string | Color[] | ProgressFn>([\n      String,\n      Array,\n      Function,\n    ]),\n    default: '',\n  },\n  format: {\n    type: definePropType<ProgressFn>(Function),\n    default: (percentage: number): string => `${percentage}%`,\n  },\n} as const)\n\nexport type ProgressProps = ExtractPropTypes<typeof progressProps>\n"],"names":[],"mappings":";;MAMa,gBAAgB,WAAW;AAAA,EACtC,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ,CAAC,QAAQ,UAAU;AAAA;AAAA,EAE7B,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,CAAC,QAAyB,OAAO,KAAK,OAAO;AAAA;AAAA,EAE1D,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ,CAAC,IAAI,WAAW,aAAa;AAAA;AAAA,EAEvC,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,eAAe;AAAA,IACb,MAAM,eAA6D;AAAA,IACnE,SAAS;AAAA;AAAA,EAEX,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,OAAO;AAAA,IACL,MAAM,eAA8C;AAAA,MAClD;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM,eAA2B;AAAA,IACjC,SAAS,CAAC,eAA+B,GAAG;AAAA;AAAA;;;;"}

package/es/components/progress/src/progress.vue.d.ts

@@ -0,0 +1,81 @@
+import type { CSSProperties } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    readonly type: import("../../../utils/props").BuildPropReturn<StringConstructor, "line", unknown, "circle" | "line" | "dashboard", unknown>;
+    readonly percentage: import("../../../utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly status: import("../../../utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "success" | "warning" | "exception", unknown>;
+    readonly indeterminate: import("../../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly duration: import("../../../utils/props").BuildPropReturn<NumberConstructor, 3, unknown, unknown, unknown>;
+    readonly strokeWidth: import("../../../utils/props").BuildPropReturn<NumberConstructor, 6, unknown, unknown, unknown>;
+    readonly strokeLinecap: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<"round" | "inherit" | "butt" | "square">, "round", unknown, unknown, unknown>;
+    readonly textInside: import("../../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly width: import("../../../utils/props").BuildPropReturn<NumberConstructor, 126, unknown, unknown, unknown>;
+    readonly showText: import("../../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly color: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string | ((percentage: number) => string) | {
+        color: string;
+        percentage: number;
+    }[]>, "", unknown, unknown, unknown>;
+    readonly format: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<(percentage: number) => string>, (percentage: number) => string, unknown, unknown, unknown>;
+}, {
+    barStyle: import("vue").ComputedRef<CSSProperties>;
+    relativeStrokeWidth: import("vue").ComputedRef<string>;
+    radius: import("vue").ComputedRef<number>;
+    trackPath: import("vue").ComputedRef<string>;
+    perimeter: import("vue").ComputedRef<number>;
+    rate: import("vue").ComputedRef<1 | 0.75>;
+    strokeDashoffset: import("vue").ComputedRef<string>;
+    trailPathStyle: import("vue").ComputedRef<CSSProperties>;
+    circlePathStyle: import("vue").ComputedRef<CSSProperties>;
+    stroke: import("vue").ComputedRef<string>;
+    statusIcon: import("vue").ComputedRef<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>>;
+    progressTextSize: import("vue").ComputedRef<number>;
+    content: import("vue").ComputedRef<string>;
+    slotData: import("vue").ComputedRef<{
+        percentage: number;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    readonly type?: unknown;
+    readonly percentage?: unknown;
+    readonly status?: unknown;
+    readonly indeterminate?: unknown;
+    readonly duration?: unknown;
+    readonly strokeWidth?: unknown;
+    readonly strokeLinecap?: unknown;
+    readonly textInside?: unknown;
+    readonly width?: unknown;
+    readonly showText?: unknown;
+    readonly color?: unknown;
+    readonly format?: unknown;
+} & {
+    type: import("../../../utils/props").BuildPropType<StringConstructor, "circle" | "line" | "dashboard", unknown>;
+    color: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<string | ((percentage: number) => string) | {
+        color: string;
+        percentage: number;
+    }[]>, unknown, unknown>;
+    width: number;
+    strokeLinecap: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<"round" | "inherit" | "butt" | "square">, unknown, unknown>;
+    strokeWidth: number;
+    indeterminate: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    format: (percentage: number) => string;
+    percentage: number;
+    status: import("../../../utils/props").BuildPropType<StringConstructor, "" | "success" | "warning" | "exception", unknown>;
+    duration: number;
+    textInside: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    showText: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+} & {}>, {
+    type: import("../../../utils/props").BuildPropType<StringConstructor, "circle" | "line" | "dashboard", unknown>;
+    color: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<string | ((percentage: number) => string) | {
+        color: string;
+        percentage: number;
+    }[]>, unknown, unknown>;
+    width: number;
+    strokeLinecap: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<"round" | "inherit" | "butt" | "square">, unknown, unknown>;
+    strokeWidth: number;
+    indeterminate: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    format: (percentage: number) => string;
+    percentage: number;
+    status: import("../../../utils/props").BuildPropType<StringConstructor, "" | "success" | "warning" | "exception", unknown>;
+    duration: number;
+    textInside: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    showText: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+}>;
+export default _default;

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

@@ -0,0 +1,142 @@
+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

@@ -0,0 +1 @@
+{"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":";;;;;AA0FA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,EAEF,OAAO;AAAA,EAEP,MAAM,OAAO;AACX,UAAM,WAAW,SACf;AAAsB,MACpB,OAAO,GAAG,MAAM;AAAA,MAChB,mBAAmB,GAAG,MAAM;AAAA,MAC5B,iBAAiB,gBAAgB,MAAM;AAAA;AAI3C,UAAM,sBAAsB,SAAS,MACjC,OAAM,cAAc,MAAM,QAAS,KAAK,QAAQ;AAGpD,UAAM,SAAS,SAAS,MAAM;AAC5B,UAAI,MAAM,SAAS,YAAY,MAAM,SAAS,aAAa;AACzD,eAAO,SAAS,GAAG,KAAK,WAAW,oBAAoB,SAAS,KAAK;AAAA,aAChE;AACL,eAAO;AAAA;AAAA;AAIX,UAAM,YAAY,SAAS,MAAM;AAC/B,YAAM,IAAI,OAAO;AACjB,YAAM,cAAc,MAAM,SAAS;AACnC,aAAO;AAAA;AAAA,gBAEG,cAAc,KAAK,MAAM;AAAA,cAC3B,KAAK,aAAa,cAAc,MAAM,KAAK,IAAI;AAAA,cAC/C,KAAK,aAAa,cAAc,KAAK,MAAM,IAAI;AAAA;AAAA;AAIzD,UAAM,YAAY,SAAS,MAAM,IAAI,KAAK,KAAK,OAAO;AAEtD,UAAM,OAAO,SAAS,MAAO,MAAM,SAAS,cAAc,OAAO;AAEjE,UAAM,mBAAmB,SAAS,MAAM;AACtC,YAAM,SAAU,KAAK,UAAU,aAAa,KAAK,SAAU;AAC3D,aAAO,GAAG;AAAA;AAGZ,UAAM,iBAAiB,SACrB;AAAsB,MACpB,iBAAiB,GAAG,UAAU,QAAQ,KAAK,YACzC,UAAU;AAAA,MAEZ,kBAAkB,iBAAiB;AAAA;AAIvC,UAAM,kBAAkB,SACtB;AAAsB,MACpB,iBAAiB,GACf,UAAU,QAAQ,KAAK,eAAe,aAAa,WAC9C,UAAU;AAAA,MACjB,kBAAkB,iBAAiB;AAAA,MACnC,YAAY;AAAA;AAIhB,UAAM,SAAS,SAAS,MAAM;AAC5B,UAAI;AACJ,UAAI,MAAM,OAAO;AACf,cAAM,gBAAgB,MAAM;AAAA,aACvB;AACL,gBAAQ,MAAM;AAAA,eACP;AACH,kBAAM;AACN;AAAA,eACG;AACH,kBAAM;AACN;AAAA,eACG;AACH,kBAAM;AACN;AAAA;AAEA,kBAAM;AAAA;AAAA;AAGZ,aAAO;AAAA;AAGT,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,WAAW,WAAW;AAC9B,eAAO;AAAA;AAET,UAAI,MAAM,SAAS,QAAQ;AACzB,eAAO,MAAM,WAAW,YAAY,cAAc;AAAA,aAC7C;AACL,eAAO,MAAM,WAAW,YAAY,QAAQ;AAAA;AAAA;AAIhD,UAAM,mBAAmB,SAAS,MAAM;AACtC,aAAO,MAAM,SAAS,SAClB,KAAK,MAAM,cAAc,MACzB,MAAM,QAAQ,WAAW;AAAA;AAG/B,UAAM,UAAU,SAAS,MAAM,MAAM,OAAO,MAAM;AAElD,UAAM,kBAAkB,CAAC,eAAuB;;AAC9C,YAAM,EAAE,UAAU;AAClB,UAAI,OAAO,UAAU,YAAY;AAC/B,eAAO,MAAM;AAAA,iBACJ,OAAO,UAAU,UAAU;AACpC,eAAO;AAAA,aACF;AACL,cAAM,OAAO,MAAM,MAAM;AACzB,cAAM,eAAe,MAAM,IAAI,CAAC,aAAa,UAAU;AACrD,cAAI,OAAO,gBAAgB,UAAU;AACnC,mBAAO;AAAA,cACL,OAAO;AAAA,cACP,YAAa,SAAQ,KAAK;AAAA;AAAA;AAG9B,iBAAO;AAAA;AAET,cAAM,SAAS,aAAa,KAAK,CAAC,GAAG,MAAM,EAAE,aAAa,EAAE;AAE5D,mBAAW,UAAS,QAAQ;AAC1B,cAAI,OAAM,aAAa;AAAY,mBAAO,OAAM;AAAA;AAElD,eAAO,aAAO,OAAO,SAAS,OAAvB,mBAA2B;AAAA;AAAA;AAItC,UAAM,WAAW,SAAS,MAAM;AAC9B,aAAO;AAAA,QACL,YAAY,MAAM;AAAA;AAAA;AAItB,WAAO;AAAA,MACL;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;AAAA;AAAA;;;;"}