element-plus 2.0.4 → 2.1.0

package/lib/components/popover/src/index.js

@@ -52,6 +52,9 @@ const _sfc_main = vue.defineComponent({
     const kls = vue.computed(() => {
       return [ns.b(), props.popperClass, { [ns.m("plain")]: !!props.content }];
     });
+    const gpuAcceleration = vue.computed(() => {
+      return props.transition === "el-fade-in-linear";
+    });
     const { compatTeleported } = deprecation.useDeprecateAppendToBody(COMPONENT_NAME, "appendToBody");
     const hide = () => {
       var _a;
@@ -73,6 +76,7 @@ const _sfc_main = vue.defineComponent({
       compatTeleported,
       ns,
       kls,
+      gpuAcceleration,
       style,
       tooltipRef,
       popperRef,
@@ -108,6 +112,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     "popper-style": _ctx.style,
     teleported: _ctx.compatTeleported,
     persistent: _ctx.persistent,
+    "gpu-acceleration": _ctx.gpuAcceleration,
     onBeforeShow: _ctx.beforeEnter,
     onBeforeHide: _ctx.beforeLeave,
     onShow: _ctx.afterEnter,
@@ -127,7 +132,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       _ctx.$slots.reference ? vue.renderSlot(_ctx.$slots, "reference", { key: 0 }) : vue.createCommentVNode("v-if", true)
     ]),
     _: 3
-  }, 16, ["trigger", "placement", "disabled", "visible", "transition", "popper-options", "tabindex", "append-to-body", "content", "offset", "show-after", "hide-after", "auto-close", "show-arrow", "aria-label", "effect", "enterable", "popper-class", "popper-style", "teleported", "persistent", "onBeforeShow", "onBeforeHide", "onShow", "onHide"]);
+  }, 16, ["trigger", "placement", "disabled", "visible", "transition", "popper-options", "tabindex", "append-to-body", "content", "offset", "show-after", "hide-after", "auto-close", "show-arrow", "aria-label", "effect", "enterable", "popper-class", "popper-style", "teleported", "persistent", "gpu-acceleration", "onBeforeShow", "onBeforeHide", "onShow", "onHide"]);
 }
 var Popover = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);
 

package/lib/components/popover/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../packages/components/popover/src/index.vue"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"tooltipRef\"\n    v-bind=\"$attrs\"\n    :trigger=\"trigger\"\n    :placement=\"placement\"\n    :disabled=\"disabled\"\n    :visible=\"visible\"\n    :transition=\"transition\"\n    :popper-options=\"popperOptions\"\n    :tabindex=\"tabindex\"\n    :append-to-body=\"appendToBody\"\n    :content=\"content\"\n    :offset=\"offset\"\n    :show-after=\"showAfter\"\n    :hide-after=\"hideAfter\"\n    :auto-close=\"autoClose\"\n    :show-arrow=\"showArrow\"\n    :aria-label=\"title\"\n    :effect=\"effect\"\n    :enterable=\"enterable\"\n    :popper-class=\"kls\"\n    :popper-style=\"style\"\n    :teleported=\"compatTeleported\"\n    :persistent=\"persistent\"\n    @before-show=\"beforeEnter\"\n    @before-hide=\"beforeLeave\"\n    @show=\"afterEnter\"\n    @hide=\"afterLeave\"\n  >\n    <template v-if=\"$slots.reference\">\n      <slot name=\"reference\" />\n    </template>\n\n    <template #content>\n      <div v-if=\"title\" :class=\"ns.e('title')\" role=\"title\">\n        {{ title }}\n      </div>\n      <slot>\n        {{ content }}\n      </slot>\n    </template>\n  </el-tooltip>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, computed, ref, unref } from 'vue'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport { useDeprecateAppendToBody } from '@element-plus/components/popper'\nimport { isString } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { usePopoverProps } from './popover'\n\nimport type { StyleValue } from 'vue'\n\nconst emits = [\n  'update:visible',\n  'before-enter',\n  'before-leave',\n  'after-enter',\n  'after-leave',\n]\n\nconst COMPONENT_NAME = 'ElPopover'\n\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  components: {\n    ElTooltip,\n  },\n  props: usePopoverProps,\n  emits,\n  setup(props, { emit }) {\n    const ns = useNamespace('popover')\n    const tooltipRef = ref<InstanceType<typeof ElTooltip> | null>(null)\n    const popperRef = computed(() => {\n      return unref(tooltipRef)?.popperRef\n    })\n    const width = computed(() => {\n      if (isString(props.width)) {\n        return props.width as string\n      }\n      return `${props.width}px`\n    })\n\n    const style = computed(() => {\n      return [\n        {\n          width: width.value,\n        },\n        props.popperStyle,\n      ] as StyleValue\n    })\n\n    const kls = computed(() => {\n      return [ns.b(), props.popperClass, { [ns.m('plain')]: !!props.content }]\n    })\n\n    const { compatTeleported } = useDeprecateAppendToBody(\n      COMPONENT_NAME,\n      'appendToBody'\n    )\n\n    const hide = () => {\n      tooltipRef.value?.hide()\n    }\n\n    const beforeEnter = () => {\n      emit('before-enter')\n    }\n    const beforeLeave = () => {\n      emit('before-leave')\n    }\n\n    const afterEnter = () => {\n      emit('after-enter')\n    }\n\n    const afterLeave = () => {\n      emit('after-leave')\n    }\n\n    return {\n      compatTeleported,\n      ns,\n      kls,\n      style,\n      tooltipRef,\n      popperRef,\n      hide,\n      beforeEnter,\n      beforeLeave,\n      afterEnter,\n      afterLeave,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElTooltip","usePopoverProps","useNamespace","ref","computed"],"mappings":";;;;;;;;;;;;;;;AAsDA,MAAM,QAAQ;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAGF,MAAM,iBAAiB;AAEvB,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,eACVC;AAAA;AAAA,EAEF,OAAOC;AAAA,EACP;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,KAAKC,qBAAa;AACxB,UAAM,aAAaC,QAA2C;AAC9D,UAAM,YAAYC,aAAS,MAAM;AAC/B,aAAO;AAAmB;AAE5B;AACE,UAAI,2BAAuB;AACzB;AAAa;AAEf;AAAgB;AAGlB;AACE;AAAO;AACL;AACe;AAAA;AAET;AAAA;AAIV;AACE,aAAO;AAAuD;AAGhE;AAKA,UAAM;AACJ,iBAAW;AAAO;AAGpB;AACE;AAAK;AAEP,UAAM;AACJ;AAAK;AAGP,UAAM;AACJ;AAAK;AAGP,UAAM;AACJ;AAAK;AAGP,WAAO;AAAA,MACL;AAAA;AACA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;AAjIY;AACJ;AACE,IACX;AAAU,IACV,SAAS;AAAA,IACT;AAAY,IACZ;AAAgB,IAChB,UAAU;AAAA,IACV,kBAAgB;AAAA,IAChB;AAAS,IACT;AAAQ,IACR,cAAY;AAAA,IACZ;AAAY,IACZ,cAAY;AAAA,IACZ,cAAY;AAAA,IACZ,cAAY;AAAA,IACZ;AAAQ,IACR;AAAW,IACX;AAAc,IACd,gBAAc;AAAA,IACd;AAAY,IACZ;AAAY,IACZ;AAAa,IACb;AAAa,IACb;AAAM,IACN;AAAM;IAMI;AAGH,MAFK;AAEL;;AAFwB,QAAW,MAAK;AAAA,0CACpC;;AAIH;AADK;AAAA;AAAA;AAPH,MAFK;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../packages/components/popover/src/index.vue"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"tooltipRef\"\n    v-bind=\"$attrs\"\n    :trigger=\"trigger\"\n    :placement=\"placement\"\n    :disabled=\"disabled\"\n    :visible=\"visible\"\n    :transition=\"transition\"\n    :popper-options=\"popperOptions\"\n    :tabindex=\"tabindex\"\n    :append-to-body=\"appendToBody\"\n    :content=\"content\"\n    :offset=\"offset\"\n    :show-after=\"showAfter\"\n    :hide-after=\"hideAfter\"\n    :auto-close=\"autoClose\"\n    :show-arrow=\"showArrow\"\n    :aria-label=\"title\"\n    :effect=\"effect\"\n    :enterable=\"enterable\"\n    :popper-class=\"kls\"\n    :popper-style=\"style\"\n    :teleported=\"compatTeleported\"\n    :persistent=\"persistent\"\n    :gpu-acceleration=\"gpuAcceleration\"\n    @before-show=\"beforeEnter\"\n    @before-hide=\"beforeLeave\"\n    @show=\"afterEnter\"\n    @hide=\"afterLeave\"\n  >\n    <template v-if=\"$slots.reference\">\n      <slot name=\"reference\" />\n    </template>\n\n    <template #content>\n      <div v-if=\"title\" :class=\"ns.e('title')\" role=\"title\">\n        {{ title }}\n      </div>\n      <slot>\n        {{ content }}\n      </slot>\n    </template>\n  </el-tooltip>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, computed, ref, unref } from 'vue'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport { useDeprecateAppendToBody } from '@element-plus/components/popper'\nimport { isString } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { usePopoverProps } from './popover'\n\nimport type { StyleValue } from 'vue'\n\nconst emits = [\n  'update:visible',\n  'before-enter',\n  'before-leave',\n  'after-enter',\n  'after-leave',\n]\n\nconst COMPONENT_NAME = 'ElPopover'\n\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  components: {\n    ElTooltip,\n  },\n  props: usePopoverProps,\n  emits,\n  setup(props, { emit }) {\n    const ns = useNamespace('popover')\n    const tooltipRef = ref<InstanceType<typeof ElTooltip> | null>(null)\n    const popperRef = computed(() => {\n      return unref(tooltipRef)?.popperRef\n    })\n    const width = computed(() => {\n      if (isString(props.width)) {\n        return props.width as string\n      }\n      return `${props.width}px`\n    })\n\n    const style = computed(() => {\n      return [\n        {\n          width: width.value,\n        },\n        props.popperStyle,\n      ] as StyleValue\n    })\n\n    const kls = computed(() => {\n      return [ns.b(), props.popperClass, { [ns.m('plain')]: !!props.content }]\n    })\n\n    const gpuAcceleration = computed(() => {\n      return props.transition === 'el-fade-in-linear'\n    })\n\n    const { compatTeleported } = useDeprecateAppendToBody(\n      COMPONENT_NAME,\n      'appendToBody'\n    )\n\n    const hide = () => {\n      tooltipRef.value?.hide()\n    }\n\n    const beforeEnter = () => {\n      emit('before-enter')\n    }\n    const beforeLeave = () => {\n      emit('before-leave')\n    }\n\n    const afterEnter = () => {\n      emit('after-enter')\n    }\n\n    const afterLeave = () => {\n      emit('after-leave')\n    }\n\n    return {\n      compatTeleported,\n      ns,\n      kls,\n      gpuAcceleration,\n      style,\n      tooltipRef,\n      popperRef,\n      hide,\n      beforeEnter,\n      beforeLeave,\n      afterEnter,\n      afterLeave,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElTooltip","usePopoverProps","useNamespace","ref","computed","unref","isString","useDeprecateAppendToBody","_resolveComponent","_openBlock","_createBlock","_mergeProps","_withCtx","_normalizeClass","_toDisplayString","_createCommentVNode","_renderSlot","_createTextVNode"],"mappings":"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"}

package/lib/components/popover/src/index.vue.d.ts

@@ -77,6 +77,7 @@ declare const _default: import("vue").DefineComponent<{
     kls: import("vue").ComputedRef<(string | {
         [x: string]: any;
     } | undefined)[]>;
+    gpuAcceleration: import("vue").ComputedRef<boolean>;
     style: import("vue").ComputedRef<StyleValue>;
     tooltipRef: import("vue").Ref<({
         $: import("vue").ComponentInternalInstance;
@@ -85,15 +86,8 @@ declare const _default: import("vue").DefineComponent<{
             disabled: boolean;
             offset: number;
             effect: string;
-            arrowOffset: number;
-            boundariesPadding: number;
-            fallbackPlacements: import("element-plus/es/components/popper").Placement[];
-            gpuAcceleration: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             placement: import("element-plus/es/utils").BuildPropType<StringConstructor, import("element-plus/es/components/popper").Placement, unknown>;
-            popperOptions: Partial<import("element-plus/es/components/popper").Options>;
-            strategy: import("element-plus/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
-            style: StyleValue;
-            className: string | {
+            popperClass: string | {
                 [x: string]: any;
             } | (string | {
                 [x: string]: any;
@@ -118,10 +112,15 @@ declare const _default: import("vue").DefineComponent<{
             } | (string | {
                 [x: string]: any;
             } | any)[])[])[])[])[])[])[])[])[])[])[];
-            visible: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
-            enterable: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-            pure: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-            popperClass: string | {
+            showAfter: number;
+            hideAfter: number;
+            boundariesPadding: number;
+            fallbackPlacements: import("element-plus/es/components/popper").Placement[];
+            gpuAcceleration: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+            popperOptions: Partial<import("element-plus/es/components/popper").Options>;
+            strategy: import("element-plus/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
+            style: StyleValue;
+            className: string | {
                 [x: string]: any;
             } | (string | {
                 [x: string]: any;
@@ -146,17 +145,19 @@ declare const _default: import("vue").DefineComponent<{
             } | (string | {
                 [x: string]: any;
             } | any)[])[])[])[])[])[])[])[])[])[])[];
+            visible: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
+            enterable: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+            pure: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             popperStyle: StyleValue;
             referenceEl: HTMLElement;
             stopPopperMouseEvent: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-            content: string;
-            showAfter: number;
-            hideAfter: number;
             appendTo: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | HTMLElement>, unknown, unknown>;
+            content: string;
             rawContent: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             transition: string;
             teleported: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             persistent: boolean;
+            arrowOffset: number;
             trigger: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, unknown, unknown>;
             virtualRef: import("element-plus/es/components/popper").Measurable;
             virtualTriggering: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
@@ -251,7 +252,7 @@ declare const _default: import("vue").DefineComponent<{
             "onUpdate:visible": import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(val: boolean) => void>, never, false, never, never>;
         }>> & {
             [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "offset" | "effect" | "arrowOffset" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "placement" | "popperOptions" | "strategy" | "style" | "className" | "visible" | "enterable" | "pure" | "popperClass" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent" | "content" | "showAfter" | "hideAfter" | "appendTo" | "rawContent" | "transition" | "teleported" | "persistent" | "trigger" | "virtualRef" | "virtualTriggering" | "onUpdate:visible" | "openDelay" | "visibleArrow" | "showArrow">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "offset" | "effect" | "placement" | "popperClass" | "showAfter" | "hideAfter" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "popperOptions" | "strategy" | "style" | "className" | "visible" | "enterable" | "pure" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent" | "appendTo" | "content" | "rawContent" | "transition" | "teleported" | "persistent" | "arrowOffset" | "trigger" | "virtualRef" | "virtualTriggering" | "onUpdate:visible" | "openDelay" | "visibleArrow" | "showArrow">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -402,15 +403,8 @@ declare const _default: import("vue").DefineComponent<{
             disabled: boolean;
             offset: number;
             effect: string;
-            arrowOffset: number;
-            boundariesPadding: number;
-            fallbackPlacements: import("element-plus/es/components/popper").Placement[];
-            gpuAcceleration: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             placement: import("element-plus/es/utils").BuildPropType<StringConstructor, import("element-plus/es/components/popper").Placement, unknown>;
-            popperOptions: Partial<import("element-plus/es/components/popper").Options>;
-            strategy: import("element-plus/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
-            style: StyleValue;
-            className: string | {
+            popperClass: string | {
                 [x: string]: any;
             } | (string | {
                 [x: string]: any;
@@ -435,10 +429,15 @@ declare const _default: import("vue").DefineComponent<{
             } | (string | {
                 [x: string]: any;
             } | any)[])[])[])[])[])[])[])[])[])[])[];
-            visible: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
-            enterable: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-            pure: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-            popperClass: string | {
+            showAfter: number;
+            hideAfter: number;
+            boundariesPadding: number;
+            fallbackPlacements: import("element-plus/es/components/popper").Placement[];
+            gpuAcceleration: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+            popperOptions: Partial<import("element-plus/es/components/popper").Options>;
+            strategy: import("element-plus/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
+            style: StyleValue;
+            className: string | {
                 [x: string]: any;
             } | (string | {
                 [x: string]: any;
@@ -463,17 +462,19 @@ declare const _default: import("vue").DefineComponent<{
             } | (string | {
                 [x: string]: any;
             } | any)[])[])[])[])[])[])[])[])[])[])[];
+            visible: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
+            enterable: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+            pure: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             popperStyle: StyleValue;
             referenceEl: HTMLElement;
             stopPopperMouseEvent: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-            content: string;
-            showAfter: number;
-            hideAfter: number;
             appendTo: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | HTMLElement>, unknown, unknown>;
+            content: string;
             rawContent: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             transition: string;
             teleported: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             persistent: boolean;
+            arrowOffset: number;
             trigger: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, unknown, unknown>;
             virtualRef: import("element-plus/es/components/popper").Measurable;
             virtualTriggering: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
@@ -742,11 +743,9 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     disabled: boolean;
     offset: number;
+    width: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     effect: string;
     placement: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<import("element-plus/es/components/popper").Placement>, unknown, unknown>;
-    popperOptions: Partial<import("element-plus/es/components/popper").Options>;
-    visible: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
-    enterable: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     popperClass: string | {
         [x: string]: any;
     } | (string | {
@@ -772,11 +771,13 @@ declare const _default: import("vue").DefineComponent<{
     } | (string | {
         [x: string]: any;
     } | any)[])[])[])[])[])[])[])[])[])[])[];
-    popperStyle: StyleValue;
-    content: string;
-    width: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     showAfter: number;
     hideAfter: number;
+    popperOptions: Partial<import("element-plus/es/components/popper").Options>;
+    visible: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
+    enterable: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    popperStyle: StyleValue;
+    content: string;
     transition: string;
     teleported: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     persistent: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;

package/lib/components/popover/style/index.d.ts

@@ -1,3 +1,3 @@
 import 'element-plus/es/components/base/style';
 import 'element-plus/theme-chalk/src/popover.scss';
-import 'element-plus/es/components/popper/style/index';
+import 'element-plus/es/components/popper/style';

package/lib/components/popper/src/arrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrow.js","sources":["../../../../../../packages/components/popper/src/arrow.vue"],"sourcesContent":["<template>\n  <span ref=\"arrowRef\" :class=\"ns.e('arrow')\" data-popper-arrow=\"\" />\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  inject,\n  ref,\n  onMounted,\n  onBeforeUnmount,\n  watch,\n  unref,\n} from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { usePopperArrowProps } from './popper'\nimport { POPPER_CONTENT_INJECTION_KEY } from './tokens'\n\nexport default defineComponent({\n  name: 'ElPopperArrow',\n  props: usePopperArrowProps,\n  setup(props) {\n    const ns = useNamespace('popper')\n    const arrowRef = ref<HTMLSpanElement | null>(null)\n    const popperContentInjection = inject(\n      POPPER_CONTENT_INJECTION_KEY,\n      undefined\n    )!\n\n    watch(\n      () => props.arrowOffset,\n      (val) => {\n        popperContentInjection.arrowOffset.value = val\n      }\n    )\n\n    onMounted(() => {\n      popperContentInjection.arrowRef.value = unref(arrowRef)\n    })\n\n    onBeforeUnmount(() => {\n      popperContentInjection.arrowRef.value = null\n    })\n\n    return {\n      ns,\n      arrowRef,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","usePopperArrowProps","useNamespace","ref","inject","POPPER_CONTENT_INJECTION_KEY","unref","_createElementBlock","_normalizeClass"],"mappings":";;;;;;;;;;;AAkBA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAOC;AAAA,EACP,MAAM,OAAO;AACX,UAAM,KAAKC,mBAAa;AACxB,UAAM,WAAWC,QAA4B;AAC7C,UAAM,yBAAyBC,WAC7BC,qCACA;AAGF,cACE,MAAM,MAAM,aACZ,CAAC,QAAQ;AACP,6BAAuB,YAAY,QAAQ;AAAA;AAI/C,kBAAU,MAAM;AACd,6BAAuB,SAAS,QAAQC,UAAM;AAAA;AAGhD,wBAAgB,MAAM;AACpB,6BAAuB,SAAS,QAAQ;AAAA;AAG1C,WAAO;AAAA,MACL;AAAA,MACA;AAAA;AAAA;AAAA;;0BA7CJC,uBAAmE;AAAA,IAA7D,KAAI;AAAA,IAAY,OAAKC,mBAAE,QAAG,EAAC;AAAA,IAAW,qBAAkB;AAAA;;;;;;"}
+{"version":3,"file":"arrow.js","sources":["../../../../../../packages/components/popper/src/arrow.vue"],"sourcesContent":["<template>\n  <span ref=\"arrowRef\" :class=\"ns.e('arrow')\" data-popper-arrow=\"\" />\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  inject,\n  ref,\n  onMounted,\n  onBeforeUnmount,\n  watch,\n  unref,\n} from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { usePopperArrowProps } from './popper'\nimport { POPPER_CONTENT_INJECTION_KEY } from './tokens'\n\nexport default defineComponent({\n  name: 'ElPopperArrow',\n  props: usePopperArrowProps,\n  setup(props) {\n    const ns = useNamespace('popper')\n    const arrowRef = ref<HTMLSpanElement | null>(null)\n    const popperContentInjection = inject(\n      POPPER_CONTENT_INJECTION_KEY,\n      undefined\n    )!\n\n    watch(\n      () => props.arrowOffset,\n      (val) => {\n        popperContentInjection.arrowOffset.value = val\n      }\n    )\n\n    onMounted(() => {\n      popperContentInjection.arrowRef.value = unref(arrowRef)\n    })\n\n    onBeforeUnmount(() => {\n      popperContentInjection.arrowRef.value = null\n    })\n\n    return {\n      ns,\n      arrowRef,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","usePopperArrowProps","useNamespace","ref","inject","POPPER_CONTENT_INJECTION_KEY","watch","onMounted","unref","onBeforeUnmount","_createElementBlock","_normalizeClass"],"mappings":";;;;;;;;;;;AAkBA,MAAK,YAAaA,mBAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,eAAA;AAAA,EACN,KAAO,EAAAC,0BAAA;AAAA,EACP,MAAM,KAAO,EAAA;AACX,IAAA,MAAM,KAAKC,kBAAa,CAAA,QAAA,CAAA,CAAA;AACxB,IAAA,MAAM,WAAWC,OAA4B,CAAA,IAAA,CAAA,CAAA;AAC7C,IAAM,MAAA,sBAAA,GAAyBC,WAC7BC,mCACA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGF,IAAAC,SAAA,CACE,MAAM,KAAA,CAAM,WACZ,EAAA,CAAC,GAAQ,KAAA;AACP,MAAA,sBAAA,CAAuB,YAAY,KAAQ,GAAA,GAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAI/C,IAAAC,aAAA,CAAU,MAAM;AACd,MAAuB,sBAAA,CAAA,QAAA,CAAS,QAAQC,SAAM,CAAA,QAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGhD,IAAAC,mBAAA,CAAgB,MAAM;AACpB,MAAA,sBAAA,CAAuB,SAAS,KAAQ,GAAA,IAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAG1C,IAAO,OAAA;AAAA,MACL,EAAA;AAAA,MACA,QAAA;AAAA,KAAA,CAAA;AAAA,GAAA;AAAA,CAAA,CAAA,CAAA;;0BA7CJC,sBAAmE,CAAA,MAAA,EAAA;AAAA,IAA7D,GAAI,EAAA,UAAA;AAAA,IAAY,KAAA,EAAKC,kBAAE,CAAA,IAAA,CAAA,EAAA,CAAG,CAAC,CAAA,OAAA,CAAA,CAAA;AAAA,IAAW,mBAAkB,EAAA,EAAA;AAAA,GAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA;;;;;;"}

package/lib/components/popper/src/content.js.map

@@ -1 +1 @@
-{"version":3,"file":"content.js","sources":["../../../../../../packages/components/popper/src/content.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"popperContentRef\"\n    :style=\"contentStyle\"\n    :class=\"contentClass\"\n    role=\"tooltip\"\n    @mouseenter=\"(e) => $emit('mouseenter', e)\"\n    @mouseleave=\"(e) => $emit('mouseleave', e)\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  ref,\n  inject,\n  provide,\n  unref,\n  onMounted,\n  watch,\n} from 'vue'\nimport { createPopper } from '@popperjs/core'\nimport { useZIndex, useNamespace } from '@element-plus/hooks'\nimport { POPPER_INJECTION_KEY, POPPER_CONTENT_INJECTION_KEY } from './tokens'\nimport { usePopperContentProps } from './popper'\nimport { buildPopperOptions, unwrapMeasurableEl } from './utils'\n\nexport default defineComponent({\n  name: 'ElPopperContent',\n  props: usePopperContentProps,\n  emits: ['mouseenter', 'mouseleave'],\n  setup(props) {\n    const { triggerRef, popperInstanceRef, contentRef } = inject(\n      POPPER_INJECTION_KEY,\n      undefined\n    )!\n    const { nextZIndex } = useZIndex()\n    const ns = useNamespace('popper')\n    const popperContentRef = ref<HTMLElement | null>(null)\n    const arrowRef = ref<HTMLElement | null>(null)\n    const arrowOffset = ref<number>()\n    provide(POPPER_CONTENT_INJECTION_KEY, {\n      arrowRef,\n      arrowOffset,\n    })\n    const contentZIndex = ref(props.zIndex || nextZIndex())\n\n    const contentStyle = computed(\n      () => [{ zIndex: unref(contentZIndex) }, props.popperStyle] as any\n    )\n\n    const contentClass = computed(() => [\n      ns.b(),\n      ns.is('pure', props.pure),\n      ns.is(props.effect),\n      props.popperClass,\n    ])\n\n    const createPopperInstance = ({\n      referenceEl,\n      popperContentEl,\n      arrowEl,\n    }) => {\n      const options = buildPopperOptions(props, {\n        arrowEl,\n        arrowOffset: unref(arrowOffset),\n      })\n\n      return createPopper(referenceEl, popperContentEl, options)\n    }\n\n    const updatePopper = () => {\n      unref(popperInstanceRef)?.update()\n      contentZIndex.value = props.zIndex || nextZIndex()\n    }\n\n    const togglePopoerAlive = () => {\n      const monitorable = { name: 'eventListeners', enabled: props.visible }\n      unref(popperInstanceRef)?.setOptions((options) => ({\n        ...options,\n        modifiers: [...options.modifiers, monitorable],\n      }))\n    }\n\n    onMounted(() => {\n      let updateHandle: ReturnType<typeof watch>\n      watch(\n        () => unwrapMeasurableEl(props.referenceEl) || unref(triggerRef),\n        (val) => {\n          updateHandle?.()\n          if (val) {\n            popperInstanceRef.value?.destroy()\n            const popperContentEl = unref(popperContentRef)!\n            contentRef.value = popperContentEl\n            const arrowEl = unref(arrowRef)\n\n            const newInstance = createPopperInstance({\n              referenceEl: val,\n              popperContentEl: unref(popperContentRef)!,\n              arrowEl,\n            })\n            popperInstanceRef.value = newInstance\n\n            updateHandle = watch(\n              () => val!.getBoundingClientRect(),\n              () => {\n                updatePopper()\n              },\n              {\n                immediate: true,\n              }\n            )\n          } else {\n            popperInstanceRef.value = null\n          }\n        },\n        {\n          immediate: true,\n        }\n      )\n\n      watch(() => props.visible, togglePopoerAlive, { immediate: true })\n\n      watch(\n        () =>\n          buildPopperOptions(props, {\n            arrowEl: unref(arrowRef),\n            arrowOffset: unref(arrowOffset),\n          }),\n        (option) => popperInstanceRef.value?.setOptions(option)\n      )\n    })\n\n    return {\n      ns,\n      popperContentRef,\n      popperInstanceRef,\n      contentStyle,\n      contentClass,\n      updatePopper,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","usePopperContentProps","inject","POPPER_INJECTION_KEY","useZIndex","useNamespace","ref","POPPER_CONTENT_INJECTION_KEY","computed","unref","buildPopperOptions","createPopper"],"mappings":";;;;;;;;;;;;;;AA8BA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAOC;AAAA,EACP,OAAO,CAAC,cAAc;AAAA,EACtB,MAAM,OAAO;AACX,UAAM,EAAE,YAAY,mBAAmB,eAAeC,WACpDC,6BACA;AAEF,UAAM,EAAE,eAAeC;AACvB,UAAM,KAAKC,qBAAa;AACxB,UAAM,mBAAmBC,QAAwB;AACjD,UAAM,WAAWA,QAAwB;AACzC,UAAM,cAAcA;AACpB,gBAAQC,qCAA8B;AAAA,MACpC;AAAA,MACA;AAAA;AAEF,UAAM,gBAAgBD,QAAI,MAAM,UAAU;AAE1C,UAAM,eAAeE,aACnB,MAAM,CAAC,EAAE,QAAQC,UAAM,kBAAkB,MAAM;AAGjD,UAAM,eAAeD,aAAS,MAAM;AAAA,MAClC,GAAG;AAAA,MACH,GAAG,GAAG,QAAQ,MAAM;AAAA,MACpB,GAAG,GAAG,MAAM;AAAA,MACZ,MAAM;AAAA;AAGR,UAAM,uBAAuB,CAAC;AAAA,MAC5B;AAAA,MACA;AAAA,MACA;AAAA,UACI;AACJ,YAAM,UAAUE,yBAAmB,OAAO;AAAA,QACxC;AAAA,QACA,aAAaD,UAAM;AAAA;AAGrB,aAAOE,kBAAa,aAAa,iBAAiB;AAAA;AAGpD,UAAM,eAAe,MAAM;AACzB,YAAM;AACN;AAAsC;AAGxC;AACE;AACA,YAAM;AAA6C;AAC9C;AAC+B;AAAA;AAItC;AACE;AACA;AAGI;AACA,gBAAI;AACF;AACA,wCAA8B;AAC9B;AACA,gBAAM;AAEN,gBAAM;AAAmC;AAC1B;AACU;AACvB;AAEF;AAEA;AAGI;AAAA;AAEF;AACa;AAAA;AAIf;AAA0B;AAAA,SAG9B;AAAA;AACa;AAIf;AAEA;AAE8B,QACxB;AAAe;AACI,eAEtB;AAA+C;AAIpD;AAAO;AACL;AACA;AACA;AACA,MACA;AAAA;AACA;AAAA;AAAA;;;;AApIE;AARA;AACI;AAEH,mDACe;AAAoB;AACA;IAExC;AAAQ;;;;;;;;;;;;"}
+{"version":3,"file":"content.js","sources":["../../../../../../packages/components/popper/src/content.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"popperContentRef\"\n    :style=\"contentStyle\"\n    :class=\"contentClass\"\n    role=\"tooltip\"\n    @mouseenter=\"(e) => $emit('mouseenter', e)\"\n    @mouseleave=\"(e) => $emit('mouseleave', e)\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  ref,\n  inject,\n  provide,\n  unref,\n  onMounted,\n  watch,\n} from 'vue'\nimport { createPopper } from '@popperjs/core'\nimport { useZIndex, useNamespace } from '@element-plus/hooks'\nimport { POPPER_INJECTION_KEY, POPPER_CONTENT_INJECTION_KEY } from './tokens'\nimport { usePopperContentProps } from './popper'\nimport { buildPopperOptions, unwrapMeasurableEl } from './utils'\n\nexport default defineComponent({\n  name: 'ElPopperContent',\n  props: usePopperContentProps,\n  emits: ['mouseenter', 'mouseleave'],\n  setup(props) {\n    const { triggerRef, popperInstanceRef, contentRef } = inject(\n      POPPER_INJECTION_KEY,\n      undefined\n    )!\n    const { nextZIndex } = useZIndex()\n    const ns = useNamespace('popper')\n    const popperContentRef = ref<HTMLElement | null>(null)\n    const arrowRef = ref<HTMLElement | null>(null)\n    const arrowOffset = ref<number>()\n    provide(POPPER_CONTENT_INJECTION_KEY, {\n      arrowRef,\n      arrowOffset,\n    })\n    const contentZIndex = ref(props.zIndex || nextZIndex())\n\n    const contentStyle = computed(\n      () => [{ zIndex: unref(contentZIndex) }, props.popperStyle] as any\n    )\n\n    const contentClass = computed(() => [\n      ns.b(),\n      ns.is('pure', props.pure),\n      ns.is(props.effect),\n      props.popperClass,\n    ])\n\n    const createPopperInstance = ({\n      referenceEl,\n      popperContentEl,\n      arrowEl,\n    }) => {\n      const options = buildPopperOptions(props, {\n        arrowEl,\n        arrowOffset: unref(arrowOffset),\n      })\n\n      return createPopper(referenceEl, popperContentEl, options)\n    }\n\n    const updatePopper = () => {\n      unref(popperInstanceRef)?.update()\n      contentZIndex.value = props.zIndex || nextZIndex()\n    }\n\n    const togglePopoerAlive = () => {\n      const monitorable = { name: 'eventListeners', enabled: props.visible }\n      unref(popperInstanceRef)?.setOptions((options) => ({\n        ...options,\n        modifiers: [...options.modifiers, monitorable],\n      }))\n    }\n\n    onMounted(() => {\n      let updateHandle: ReturnType<typeof watch>\n      watch(\n        () => unwrapMeasurableEl(props.referenceEl) || unref(triggerRef),\n        (val) => {\n          updateHandle?.()\n          if (val) {\n            popperInstanceRef.value?.destroy()\n            const popperContentEl = unref(popperContentRef)!\n            contentRef.value = popperContentEl\n            const arrowEl = unref(arrowRef)\n\n            const newInstance = createPopperInstance({\n              referenceEl: val,\n              popperContentEl: unref(popperContentRef)!,\n              arrowEl,\n            })\n            popperInstanceRef.value = newInstance\n\n            updateHandle = watch(\n              () => val!.getBoundingClientRect(),\n              () => {\n                updatePopper()\n              },\n              {\n                immediate: true,\n              }\n            )\n          } else {\n            popperInstanceRef.value = null\n          }\n        },\n        {\n          immediate: true,\n        }\n      )\n\n      watch(() => props.visible, togglePopoerAlive, { immediate: true })\n\n      watch(\n        () =>\n          buildPopperOptions(props, {\n            arrowEl: unref(arrowRef),\n            arrowOffset: unref(arrowOffset),\n          }),\n        (option) => popperInstanceRef.value?.setOptions(option)\n      )\n    })\n\n    return {\n      ns,\n      popperContentRef,\n      popperInstanceRef,\n      contentStyle,\n      contentClass,\n      updatePopper,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","usePopperContentProps","inject","POPPER_INJECTION_KEY","useZIndex","useNamespace","ref","provide","POPPER_CONTENT_INJECTION_KEY","computed","unref","buildPopperOptions","createPopper","onMounted","watch","unwrapMeasurableEl","_openBlock","_createElementBlock","_normalizeStyle","_normalizeClass"],"mappings":"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"}

package/lib/components/popper/src/content.vue.d.ts

@@ -160,14 +160,8 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     offset: number;
     effect: string;
-    boundariesPadding: number;
-    fallbackPlacements: import("@popperjs/core").Placement[];
-    gpuAcceleration: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     placement: import("../../../utils").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>;
-    popperOptions: Partial<import("@popperjs/core").Options>;
-    strategy: import("../../../utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
-    style: import("vue").StyleValue;
-    className: string | {
+    popperClass: string | {
         [x: string]: any;
     } | (string | {
         [x: string]: any;
@@ -192,10 +186,13 @@ declare const _default: import("vue").DefineComponent<{
     } | (string | {
         [x: string]: any;
     } | any)[])[])[])[])[])[])[])[])[])[])[];
-    visible: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-    enterable: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-    pure: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-    popperClass: string | {
+    boundariesPadding: number;
+    fallbackPlacements: import("@popperjs/core").Placement[];
+    gpuAcceleration: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    popperOptions: Partial<import("@popperjs/core").Options>;
+    strategy: import("../../../utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
+    style: import("vue").StyleValue;
+    className: string | {
         [x: string]: any;
     } | (string | {
         [x: string]: any;
@@ -220,6 +217,9 @@ declare const _default: import("vue").DefineComponent<{
     } | (string | {
         [x: string]: any;
     } | any)[])[])[])[])[])[])[])[])[])[])[];
+    visible: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    enterable: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    pure: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     popperStyle: import("vue").StyleValue;
     referenceEl: HTMLElement;
     stopPopperMouseEvent: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;

package/lib/components/popper/src/popper2.js.map

@@ -1 +1 @@
-{"version":3,"file":"popper2.js","sources":["../../../../../../packages/components/popper/src/popper.vue"],"sourcesContent":["<template>\n  <slot />\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, provide, ref } from 'vue'\nimport { POPPER_INJECTION_KEY } from './tokens'\n\nimport type { ElPopperInjectionContext } from './tokens'\n\nexport default defineComponent({\n  name: 'ElPopperProvider',\n  inheritAttrs: false,\n  setup() {\n    const popperProvides = {\n      triggerRef: ref<HTMLElement | null>(null),\n      popperInstanceRef: ref(null),\n      contentRef: ref(null),\n    } as ElPopperInjectionContext\n\n    provide(POPPER_INJECTION_KEY, popperProvides)\n\n    return popperProvides\n  },\n})\n</script>\n"],"names":["defineComponent","ref","POPPER_INJECTION_KEY","_renderSlot"],"mappings":";;;;;;;;AAUA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,cAAc;AAAA,EACd,QAAQ;AACN,UAAM,iBAAiB;AAAA,MACrB,YAAYC,QAAwB;AAAA,MACpC,mBAAmBA,QAAI;AAAA,MACvB,YAAYA,QAAI;AAAA;AAGlB,gBAAQC,6BAAsB;AAE9B,WAAO;AAAA;AAAA;;SArBTC,eAAQ;AAAA;;;;;"}
+{"version":3,"file":"popper2.js","sources":["../../../../../../packages/components/popper/src/popper.vue"],"sourcesContent":["<template>\n  <slot />\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, provide, ref } from 'vue'\nimport { POPPER_INJECTION_KEY } from './tokens'\n\nimport type { ElPopperInjectionContext } from './tokens'\n\nexport default defineComponent({\n  name: 'ElPopperProvider',\n  inheritAttrs: false,\n  setup() {\n    const popperProvides = {\n      triggerRef: ref<HTMLElement | null>(null),\n      popperInstanceRef: ref(null),\n      contentRef: ref(null),\n    } as ElPopperInjectionContext\n\n    provide(POPPER_INJECTION_KEY, popperProvides)\n\n    return popperProvides\n  },\n})\n</script>\n"],"names":["defineComponent","ref","provide","POPPER_INJECTION_KEY","_renderSlot"],"mappings":";;;;;;;;AAUA,MAAK,YAAaA,mBAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,kBAAA;AAAA,EACN,YAAc,EAAA,KAAA;AAAA,EACd,KAAQ,GAAA;AACN,IAAA,MAAM,cAAiB,GAAA;AAAA,MACrB,YAAYC,OAAwB,CAAA,IAAA,CAAA;AAAA,MACpC,mBAAmBA,OAAI,CAAA,IAAA,CAAA;AAAA,MACvB,YAAYA,OAAI,CAAA,IAAA,CAAA;AAAA,KAAA,CAAA;AAGlB,IAAAC,WAAA,CAAQC,2BAAsB,EAAA,cAAA,CAAA,CAAA;AAE9B,IAAO,OAAA,cAAA,CAAA;AAAA,GAAA;AAAA,CAAA,CAAA,CAAA;;SArBTC,cAAQ,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA,CAAA;AAAA,CAAA;;;;;"}

package/lib/components/popper/src/trigger.js

@@ -16,7 +16,7 @@ var types = require('../../../utils/types.js');
 
 const _sfc_main = vue.defineComponent({
   name: "ElPopperTrigger",
-  components: { ElOnlyChild: onlyChild["default"] },
+  components: { ElOnlyChild: onlyChild.OnlyChild },
   inheritAttrs: false,
   props: {
     ...popper.usePopperTriggerProps,

package/lib/components/popper/src/trigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"trigger.js","sources":["../../../../../../packages/components/popper/src/trigger.vue"],"sourcesContent":["<template>\n  <el-only-child\n    v-if=\"!virtualTriggering\"\n    v-bind=\"$attrs\"\n    :aria-describedby=\"open ? id : undefined\"\n  >\n    <slot />\n  </el-only-child>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, watch } from 'vue'\nimport { ElOnlyChild } from '@element-plus/components/slot'\nimport { useForwardRef } from '@element-plus/hooks'\nimport { isElement } from '@element-plus/utils'\nimport { usePopperTriggerProps } from './popper'\nimport { POPPER_INJECTION_KEY } from './tokens'\nimport { unwrapMeasurableEl } from './utils'\n\nexport default defineComponent({\n  name: 'ElPopperTrigger',\n  components: { ElOnlyChild },\n  inheritAttrs: false,\n  props: {\n    ...usePopperTriggerProps,\n    onMouseenter: Function,\n    onMouseleave: Function,\n    onClick: Function,\n    onKeydown: Function,\n    onFocus: Function,\n    onBlur: Function,\n    onContextmenu: Function,\n    id: String,\n    open: Boolean,\n  },\n  setup(props) {\n    const { triggerRef } = inject(POPPER_INJECTION_KEY, undefined)!\n    useForwardRef(triggerRef)\n\n    watch(\n      () => props.virtualRef,\n      (val) => {\n        if (val) {\n          triggerRef.value = unwrapMeasurableEl(val)\n        }\n      },\n      {\n        immediate: true,\n      }\n    )\n\n    watch(\n      () => triggerRef.value,\n      (el, prevEl) => {\n        if (isElement(el)) {\n          ;[\n            'onMouseenter',\n            'onMouseleave',\n            'onClick',\n            'onKeydown',\n            'onFocus',\n            'onBlur',\n            'onContextmenu',\n          ].forEach((eventName) => {\n            const handler = props[eventName]\n            if (handler) {\n              ;(el as HTMLElement).addEventListener(\n                eventName.slice(2).toLowerCase(),\n                handler\n              )\n              ;(prevEl as HTMLElement)?.removeEventListener(\n                eventName.slice(2).toLowerCase(),\n                handler\n              )\n            }\n          })\n        }\n      },\n      {\n        immediate: true,\n      }\n    )\n\n    return {\n      triggerRef,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElOnlyChild","usePopperTriggerProps","inject","POPPER_INJECTION_KEY","unwrapMeasurableEl","isElement","_createBlock","_mergeProps","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;AAmBA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY,eAAEC;AAAA,EACd,cAAc;AAAA,EACd,OAAO;AAAA,OACFC;AAAA,IACH,cAAc;AAAA,IACd,cAAc;AAAA,IACd,SAAS;AAAA,IACT,WAAW;AAAA,IACX,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,IAAI;AAAA,IACJ,MAAM;AAAA;AAAA,EAER,MAAM,OAAO;AACX,UAAM,EAAE,eAAeC,WAAOC,6BAAsB;AACpD,wBAAc;AAEd,cACE,MAAM,MAAM,YACZ,CAAC,QAAQ;AACP,UAAI,KAAK;AACP,mBAAW,QAAQC,yBAAmB;AAAA;AAAA,OAG1C;AAAA,MACE,WAAW;AAAA;AAIf,cACE,MAAM,WAAW,OACjB,CAAC,IAAI,WAAW;AACd,UAAIC,gBAAU,KAAK;AACjB;AAAC;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,QAAQ,CAAC,cAAc;AACvB,gBAAM,UAAU,MAAM;AACtB,cAAI,SAAS;AACX;AAAC,YAAC,GAAmB,iBACnB,UAAU,MAAM,GAAG,eACnB;AAED,YAAC,8DAEA;AAAA;AAAA;AAAA;AAAA,OAMV;AAAA,MACE,WAAW;AAAA;AAIf,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;;;UAlFK,2CADTC,gBAMgB,0BANhBC,eAMgB,YAJN,aAAM;AAAA,IACb,oBAAkB,YAAO,UAAK;AAAA;yBAE/B,MAAQ;AAAA,MAARC,eAAQ;AAAA;AAAA;;;;;;;"}
+{"version":3,"file":"trigger.js","sources":["../../../../../../packages/components/popper/src/trigger.vue"],"sourcesContent":["<template>\n  <el-only-child\n    v-if=\"!virtualTriggering\"\n    v-bind=\"$attrs\"\n    :aria-describedby=\"open ? id : undefined\"\n  >\n    <slot />\n  </el-only-child>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, watch } from 'vue'\nimport { ElOnlyChild } from '@element-plus/components/slot'\nimport { useForwardRef } from '@element-plus/hooks'\nimport { isElement } from '@element-plus/utils'\nimport { usePopperTriggerProps } from './popper'\nimport { POPPER_INJECTION_KEY } from './tokens'\nimport { unwrapMeasurableEl } from './utils'\n\nexport default defineComponent({\n  name: 'ElPopperTrigger',\n  components: { ElOnlyChild },\n  inheritAttrs: false,\n  props: {\n    ...usePopperTriggerProps,\n    onMouseenter: Function,\n    onMouseleave: Function,\n    onClick: Function,\n    onKeydown: Function,\n    onFocus: Function,\n    onBlur: Function,\n    onContextmenu: Function,\n    id: String,\n    open: Boolean,\n  },\n  setup(props) {\n    const { triggerRef } = inject(POPPER_INJECTION_KEY, undefined)!\n    useForwardRef(triggerRef)\n\n    watch(\n      () => props.virtualRef,\n      (val) => {\n        if (val) {\n          triggerRef.value = unwrapMeasurableEl(val)\n        }\n      },\n      {\n        immediate: true,\n      }\n    )\n\n    watch(\n      () => triggerRef.value,\n      (el, prevEl) => {\n        if (isElement(el)) {\n          ;[\n            'onMouseenter',\n            'onMouseleave',\n            'onClick',\n            'onKeydown',\n            'onFocus',\n            'onBlur',\n            'onContextmenu',\n          ].forEach((eventName) => {\n            const handler = props[eventName]\n            if (handler) {\n              ;(el as HTMLElement).addEventListener(\n                eventName.slice(2).toLowerCase(),\n                handler\n              )\n              ;(prevEl as HTMLElement)?.removeEventListener(\n                eventName.slice(2).toLowerCase(),\n                handler\n              )\n            }\n          })\n        }\n      },\n      {\n        immediate: true,\n      }\n    )\n\n    return {\n      triggerRef,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElOnlyChild","usePopperTriggerProps","inject","POPPER_INJECTION_KEY","useForwardRef","watch","unwrapMeasurableEl","isElement","_openBlock","_createBlock","_mergeProps","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;AAmBA,MAAK,YAAaA,mBAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,iBAAA;AAAA,EACN,YAAY,eAAEC,mBAAA,EAAA;AAAA,EACd,YAAc,EAAA,KAAA;AAAA,EACd,KAAO,EAAA;AAAA,IACF,GAAAC,4BAAA;AAAA,IACH,YAAc,EAAA,QAAA;AAAA,IACd,YAAc,EAAA,QAAA;AAAA,IACd,OAAS,EAAA,QAAA;AAAA,IACT,SAAW,EAAA,QAAA;AAAA,IACX,OAAS,EAAA,QAAA;AAAA,IACT,MAAQ,EAAA,QAAA;AAAA,IACR,aAAe,EAAA,QAAA;AAAA,IACf,EAAI,EAAA,MAAA;AAAA,IACJ,IAAM,EAAA,OAAA;AAAA,GAAA;AAAA,EAER,MAAM,KAAO,EAAA;AACX,IAAM,MAAA,EAAE,UAAe,EAAA,GAAAC,UAAA,CAAOC,2BAAsB,EAAA,KAAA,CAAA,CAAA,CAAA;AACpD,IAAcC,mBAAA,CAAA,UAAA,CAAA,CAAA;AAEd,IAAAC,SAAA,CACE,MAAM,KAAA,CAAM,UACZ,EAAA,CAAC,GAAQ,KAAA;AACP,MAAA,IAAI,GAAK,EAAA;AACP,QAAA,UAAA,CAAW,QAAQC,wBAAmB,CAAA,GAAA,CAAA,CAAA;AAAA,OAAA;AAAA,KAG1C,EAAA;AAAA,MACE,SAAW,EAAA,IAAA;AAAA,KAAA,CAAA,CAAA;AAIf,IAAAD,SAAA,CACE,MAAM,UAAA,CAAW,KACjB,EAAA,CAAC,IAAI,MAAW,KAAA;AACd,MAAA,IAAIE,gBAAU,EAAK,CAAA,EAAA;AACjB,QAAA,CAAA;AAAC,QAAA;AAAA,UACC,cAAA;AAAA,UACA,cAAA;AAAA,UACA,SAAA;AAAA,UACA,WAAA;AAAA,UACA,SAAA;AAAA,UACA,QAAA;AAAA,UACA,eAAA;AAAA,SACA,CAAA,OAAA,CAAQ,CAAC,SAAc,KAAA;AACvB,UAAA,MAAM,UAAU,KAAM,CAAA,SAAA,CAAA,CAAA;AACtB,UAAA,IAAI,OAAS,EAAA;AACX,YAAA,CAAA;AAAC,YAAC,EAAmB,CAAA,gBAAA,CACnB,SAAU,CAAA,KAAA,CAAM,GAAG,WACnB,EAAA,EAAA,OAAA,CAAA,CAAA;AAED,YAAC,MAAwB,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MACd,CAAA,mBACV,CAAA,SAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,WAAA,EAAA,EAAA,OAAA,CAAA,CAAA;AAAA,WAAA;AAAA,SAAA,CAAA,CAAA;AAAA,OAAA;AAAA,KAMV,EAAA;AAAA,MACE,SAAW,EAAA,IAAA;AAAA,KAAA,CAAA,CAAA;AAIf,IAAO,OAAA;AAAA,MACL,UAAA;AAAA,KAAA,CAAA;AAAA,GAAA;AAAA,CAAA,CAAA,CAAA;;;AAlFK,EAAA,OAAA,CAAA,IAAA,CAAA,iBAAA,IAAAC,aAAA,EAAA,EADTC,eAMgB,CAAA,wBAAA,EANhBC,cAMgB,CAAA,EAAA,GAAA,EAAA,CAAA,EAAA,EAJN,IAAM,CAAA,MAAA,EAAA;AAAA,IACb,kBAAA,EAAkB,YAAO,IAAK,CAAA,EAAA,GAAA,KAAA,CAAA;AAAA,GAAA,CAAA,EAAA;yBAE/B,MAAQ;AAAA,MAARC,cAAQ,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,KAAA,CAAA;AAAA,IAAA,CAAA,EAAA,CAAA;;;;;;;"}

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

@@ -31,7 +31,7 @@ const _sfc_main = vue.defineComponent({
     const relativeStrokeWidth = vue.computed(() => (props.strokeWidth / props.width * 100).toFixed(1));
     const radius = vue.computed(() => {
       if (props.type === "circle" || props.type === "dashboard") {
-        return parseInt(`${50 - parseFloat(relativeStrokeWidth.value) / 2}`, 10);
+        return Number.parseInt(`${50 - Number.parseFloat(relativeStrokeWidth.value) / 2}`, 10);
       } else {
         return 0;
       }

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

@@ -1 +1 @@
-{"version":3,"file":"progress2.js","sources":["../../../../../../packages/components/progress/src/progress.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ns.b(),\n      ns.m(type),\n      ns.is(status),\n      {\n        [ns.m('without-text')]: !showText,\n        [ns.m('text-inside')]: textInside,\n      },\n    ]\"\n    role=\"progressbar\"\n    :aria-valuenow=\"percentage\"\n    aria-valuemin=\"0\"\n    aria-valuemax=\"100\"\n  >\n    <div v-if=\"type === 'line'\" :class=\"ns.b('bar')\">\n      <div\n        :class=\"ns.be('bar', 'outer')\"\n        :style=\"{ height: `${strokeWidth}px` }\"\n      >\n        <div\n          :class=\"[\n            ns.be('bar', 'inner'),\n            { [ns.bem('bar', 'inner', 'indeterminate')]: indeterminate },\n          ]\"\n          :style=\"barStyle\"\n        >\n          <div\n            v-if=\"(showText || $slots.default) && textInside\"\n            :class=\"ns.be('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=\"ns.b('circle')\"\n      :style=\"{ height: `${width}px`, width: `${width}px` }\"\n    >\n      <svg viewBox=\"0 0 100 100\">\n        <path\n          :class=\"ns.be('circle', 'track')\"\n          :d=\"trackPath\"\n          stroke=\"#e5e9f2\"\n          :stroke-width=\"relativeStrokeWidth\"\n          fill=\"none\"\n          :style=\"trailPathStyle\"\n        />\n        <path\n          :class=\"ns.be('circle', 'path')\"\n          :d=\"trackPath\"\n          :stroke=\"stroke\"\n          fill=\"none\"\n          :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=\"ns.e('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 { useNamespace } from '@element-plus/hooks'\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 ns = useNamespace('progress')\n\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      ns,\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":["defineComponent","ElIcon","CircleCheck","CircleClose","Check","Close","WarningFilled","progressProps","useNamespace","computed","_normalizeClass","_guardReactiveProps"],"mappings":"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"}
+{"version":3,"file":"progress2.js","sources":["../../../../../../packages/components/progress/src/progress.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ns.b(),\n      ns.m(type),\n      ns.is(status),\n      {\n        [ns.m('without-text')]: !showText,\n        [ns.m('text-inside')]: textInside,\n      },\n    ]\"\n    role=\"progressbar\"\n    :aria-valuenow=\"percentage\"\n    aria-valuemin=\"0\"\n    aria-valuemax=\"100\"\n  >\n    <div v-if=\"type === 'line'\" :class=\"ns.b('bar')\">\n      <div\n        :class=\"ns.be('bar', 'outer')\"\n        :style=\"{ height: `${strokeWidth}px` }\"\n      >\n        <div\n          :class=\"[\n            ns.be('bar', 'inner'),\n            { [ns.bem('bar', 'inner', 'indeterminate')]: indeterminate },\n          ]\"\n          :style=\"barStyle\"\n        >\n          <div\n            v-if=\"(showText || $slots.default) && textInside\"\n            :class=\"ns.be('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=\"ns.b('circle')\"\n      :style=\"{ height: `${width}px`, width: `${width}px` }\"\n    >\n      <svg viewBox=\"0 0 100 100\">\n        <path\n          :class=\"ns.be('circle', 'track')\"\n          :d=\"trackPath\"\n          stroke=\"#e5e9f2\"\n          :stroke-width=\"relativeStrokeWidth\"\n          fill=\"none\"\n          :style=\"trailPathStyle\"\n        />\n        <path\n          :class=\"ns.be('circle', 'path')\"\n          :d=\"trackPath\"\n          :stroke=\"stroke\"\n          fill=\"none\"\n          :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=\"ns.e('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 { useNamespace } from '@element-plus/hooks'\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 ns = useNamespace('progress')\n\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 Number.parseInt(\n          `${50 - Number.parseFloat(relativeStrokeWidth.value) / 2}`,\n          10\n        )\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      ns,\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":["defineComponent","ElIcon","CircleCheck","CircleClose","Check","Close","WarningFilled","progressProps","useNamespace","computed","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_normalizeStyle","_renderSlot","_toDisplayString","_normalizeProps","_guardReactiveProps","_createBlock","_withCtx","_resolveDynamicComponent"],"mappings":"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"}

package/lib/components/radio/index.d.ts

@@ -45,8 +45,8 @@ export declare const ElRadio: import("element-plus/es/utils").SFCWithInstall<imp
     size: import("element-plus/es/utils").BuildPropType<StringConstructor, "default" | "small" | "large", never>;
     disabled: boolean;
     name: string;
-    modelValue: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown>;
     label: import("element-plus/es/utils").BuildPropType<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>;
+    modelValue: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown>;
     border: boolean;
 }>> & {
     RadioButton: import("vue").DefineComponent<{

package/lib/components/radio/src/radio-button2.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button2.js","sources":["../../../../../../packages/components/radio/src/radio-button.vue"],"sourcesContent":["<template>\n  <label\n    :class=\"[\n      ns.b('button'),\n      ns.is('active', modelValue === label),\n      ns.is('disabled', disabled),\n      ns.is('focus', focus),\n      ns.bm('button', size),\n    ]\"\n    role=\"radio\"\n    :aria-checked=\"modelValue === label\"\n    :aria-disabled=\"disabled\"\n    :tabindex=\"tabIndex\"\n    @keydown.space.stop.prevent=\"modelValue = disabled ? modelValue : label\"\n  >\n    <input\n      ref=\"radioRef\"\n      v-model=\"modelValue\"\n      :class=\"ns.be('button', 'original-radio')\"\n      :value=\"label\"\n      type=\"radio\"\n      :name=\"name\"\n      :disabled=\"disabled\"\n      tabindex=\"-1\"\n      @focus=\"focus = true\"\n      @blur=\"focus = false\"\n    />\n    <span\n      :class=\"ns.be('button', 'inner')\"\n      :style=\"modelValue === label ? activeStyle : {}\"\n      @keydown.stop\n    >\n      <slot>\n        {{ label }}\n      </slot>\n    </span>\n  </label>\n</template>\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useRadio } from './radio'\nimport { radioButtonProps } from './radio-button'\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElRadioButton',\n  props: radioButtonProps,\n\n  setup(props, { emit }) {\n    const ns = useNamespace('radio')\n    const {\n      radioRef,\n      isGroup,\n      focus,\n      size,\n      disabled,\n      tabIndex,\n      modelValue,\n      radioGroup,\n    } = useRadio(props, emit)\n\n    const activeStyle = computed<CSSProperties>(() => {\n      return {\n        backgroundColor: radioGroup?.fill || '',\n        borderColor: radioGroup?.fill || '',\n        boxShadow: radioGroup?.fill ? `-1px 0 0 0 ${radioGroup.fill}` : '',\n        color: radioGroup?.textColor || '',\n      }\n    })\n\n    return {\n      ns,\n      isGroup,\n      size,\n      disabled,\n      tabIndex,\n      modelValue,\n      focus,\n      activeStyle,\n      radioRef,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","radioButtonProps","useNamespace","useRadio","computed","_createElementBlock","_normalizeClass","_createElementVNode","_normalizeStyle","_renderSlot"],"mappings":";;;;;;;;;;;AA6CA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAOC;AAAA,EAEP,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,KAAKC,mBAAa;AACxB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACEC,eAAS,OAAO;AAEpB,UAAM,cAAcC,aAAwB,MAAM;AAChD,aAAO;AAAA,QACL,iBAAiB;AAAoB,QACrC,aAAa;AAAoB,QACjC,WAAW,mBAAmB;AAAkC,QAChE,OAAO;AAAyB;AAAA;AAIpC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;0BA/EJC,uBAmCQ;AAAA,IAlCL,OAAKC;AAAA,MAAU,QAAG,EAAC;AAAA,MAAkB,QAAG,GAAE,UAAW,oBAAe;AAAA,MAAc,QAAG,GAAE,YAAa;AAAA,MAAiB,QAAG,GAAE,SAAU;AAAA,MAAc,QAAG,GAAE,UAAW;AAAA;AAAA,IAOnK,MAAK;AAAA,IACJ,gBAAc,oBAAe;AAAA,IAC7B,iBAAe;AAAA,IACf,UAAU;AAAA,IACV,WAAO,qEAAqB,kBAAa,gBAAW,kBAAa,YAAK;AAAA;uBAEvEC,uBAWE;AAAA,MAVA,KAAI;AAAA,mEACK,kBAAU;AAAA,MAClB,OAAKD,mBAAE,QAAG,GAAE;AAAA,MACZ,OAAO;AAAA,MACR,MAAK;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,MACX,UAAS;AAAA,MACR,SAAK,sCAAE,aAAK;AAAA,MACZ,QAAI,sCAAE,aAAK;AAAA;wBARH;AAAA;AAAA,IAUXC,uBAQO;AAAA,MAPJ,OAAKD,mBAAE,QAAG,GAAE;AAAA,MACZ,OAAKE,mBAAE,oBAAe,aAAQ,mBAAW;AAAA,MACzC,WAAO,4CAAR;AAAA,SAAa;AAAA;MAEbC,eAEO,4BAFP,MAEO;AAAA,gDADF,aAAK;AAAA;AAAA;;;;;;;"}
+{"version":3,"file":"radio-button2.js","sources":["../../../../../../packages/components/radio/src/radio-button.vue"],"sourcesContent":["<template>\n  <label\n    :class=\"[\n      ns.b('button'),\n      ns.is('active', modelValue === label),\n      ns.is('disabled', disabled),\n      ns.is('focus', focus),\n      ns.bm('button', size),\n    ]\"\n    role=\"radio\"\n    :aria-checked=\"modelValue === label\"\n    :aria-disabled=\"disabled\"\n    :tabindex=\"tabIndex\"\n    @keydown.space.stop.prevent=\"modelValue = disabled ? modelValue : label\"\n  >\n    <input\n      ref=\"radioRef\"\n      v-model=\"modelValue\"\n      :class=\"ns.be('button', 'original-radio')\"\n      :value=\"label\"\n      type=\"radio\"\n      :name=\"name\"\n      :disabled=\"disabled\"\n      tabindex=\"-1\"\n      @focus=\"focus = true\"\n      @blur=\"focus = false\"\n    />\n    <span\n      :class=\"ns.be('button', 'inner')\"\n      :style=\"modelValue === label ? activeStyle : {}\"\n      @keydown.stop\n    >\n      <slot>\n        {{ label }}\n      </slot>\n    </span>\n  </label>\n</template>\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useRadio } from './radio'\nimport { radioButtonProps } from './radio-button'\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElRadioButton',\n  props: radioButtonProps,\n\n  setup(props, { emit }) {\n    const ns = useNamespace('radio')\n    const {\n      radioRef,\n      isGroup,\n      focus,\n      size,\n      disabled,\n      tabIndex,\n      modelValue,\n      radioGroup,\n    } = useRadio(props, emit)\n\n    const activeStyle = computed<CSSProperties>(() => {\n      return {\n        backgroundColor: radioGroup?.fill || '',\n        borderColor: radioGroup?.fill || '',\n        boxShadow: radioGroup?.fill ? `-1px 0 0 0 ${radioGroup.fill}` : '',\n        color: radioGroup?.textColor || '',\n      }\n    })\n\n    return {\n      ns,\n      isGroup,\n      size,\n      disabled,\n      tabIndex,\n      modelValue,\n      focus,\n      activeStyle,\n      radioRef,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","radioButtonProps","useNamespace","useRadio","computed","_createElementBlock","_normalizeClass","_withKeys","_withModifiers","_createElementVNode","_vModelRadio","_normalizeStyle","_renderSlot","_createTextVNode","_toDisplayString"],"mappings":"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"}

package/lib/components/radio/src/radio-group.vue.d.ts

@@ -1,9 +1,9 @@
 declare const _default: import("vue").DefineComponent<{
-    readonly size: import("../../../utils").BuildPropReturn<StringConstructor, never, false, "default" | "small" | "large", never>;
+    readonly size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, never, false, "default" | "small" | "large", never>;
     readonly disabled: BooleanConstructor;
-    readonly modelValue: import("../../../utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor, BooleanConstructor], "", unknown, unknown, unknown>;
-    readonly fill: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly textColor: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly modelValue: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor, BooleanConstructor], "", unknown, unknown, unknown>;
+    readonly fill: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly textColor: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
 }, {
     ns: {
         namespace: import("vue").ComputedRef<string>;
@@ -25,19 +25,19 @@ declare const _default: import("vue").DefineComponent<{
     "update:modelValue": (val: string | number | boolean) => boolean;
     change: (val: string | number | boolean) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly size: import("../../../utils").BuildPropReturn<StringConstructor, never, false, "default" | "small" | "large", never>;
+    readonly size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, never, false, "default" | "small" | "large", never>;
     readonly disabled: BooleanConstructor;
-    readonly modelValue: import("../../../utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor, BooleanConstructor], "", unknown, unknown, unknown>;
-    readonly fill: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly textColor: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly modelValue: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor, BooleanConstructor], "", unknown, unknown, unknown>;
+    readonly fill: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly textColor: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
 }>> & {
     onChange?: ((val: string | number | boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((val: string | number | boolean) => any) | undefined;
 }, {
-    size: import("../../../utils").BuildPropType<StringConstructor, "default" | "small" | "large", never>;
+    size: import("element-plus/es/utils").BuildPropType<StringConstructor, "default" | "small" | "large", never>;
     disabled: boolean;
     fill: string;
-    modelValue: import("../../../utils").BuildPropType<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown>;
+    modelValue: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown>;
     textColor: string;
 }>;
 export default _default;

package/lib/components/radio/src/radio-group2.js

@@ -6,6 +6,7 @@ var vue = require('vue');
 require('../../../constants/index.js');
 require('../../../tokens/index.js');
 require('../../../hooks/index.js');
+require('../../../utils/index.js');
 var radioGroup = require('./radio-group.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var index = require('../../../hooks/use-namespace/index.js');
@@ -13,6 +14,7 @@ var index$1 = require('../../../hooks/use-form-item/index.js');
 var event = require('../../../constants/event.js');
 var aria = require('../../../constants/aria.js');
 var radio = require('../../../tokens/radio.js');
+var error = require('../../../utils/error.js');
 
 const _sfc_main = vue.defineComponent({
   name: "ElRadioGroup",
@@ -68,7 +70,7 @@ const _sfc_main = vue.defineComponent({
       ...vue.toRefs(props),
       changeEvent
     }));
-    vue.watch(() => props.modelValue, () => formItem == null ? void 0 : formItem.validate("change"));
+    vue.watch(() => props.modelValue, () => formItem == null ? void 0 : formItem.validate("change").catch((err) => error.debugWarn(err)));
     return {
       ns,
       radioGroupRef,