@element-plus/nightly 0.0.20220119 → 0.0.20220123

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

@@ -1,7 +1,79 @@
-import script from './trigger.vue_vue_type_script_lang.mjs';
-export { default } from './trigger.vue_vue_type_script_lang.mjs';
-import { render } from './trigger.vue_vue_type_template_id_4fb6e0af_lang.mjs';
+import { defineComponent, inject, watch, resolveComponent, openBlock, createBlock, mergeProps, withCtx, renderSlot, createCommentVNode } from 'vue';
+import '../../slot/index.mjs';
+import '../../../hooks/index.mjs';
+import { usePopperTriggerProps } from './popper.mjs';
+import { POPPER_INJECTION_KEY } from './tokens.mjs';
+import { unwrapMeasurableEl } from './utils.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import OnlyChild from '../../slot/src/only-child.mjs';
+import { useForwardRef } from '../../../hooks/use-forward-ref/index.mjs';
 
-script.render = render;
-script.__file = "packages/components/popper/src/trigger.vue";
+const _sfc_main = defineComponent({
+  name: "ElPopperTrigger",
+  components: { ElOnlyChild: OnlyChild },
+  inheritAttrs: false,
+  props: {
+    ...usePopperTriggerProps,
+    onMouseenter: Function,
+    onMouseleave: Function,
+    onClick: Function,
+    onKeydown: Function,
+    onFocus: Function,
+    onBlur: Function,
+    onContextmenu: Function,
+    id: String,
+    open: Boolean
+  },
+  setup(props) {
+    const { triggerRef } = inject(POPPER_INJECTION_KEY, void 0);
+    useForwardRef(triggerRef);
+    watch(() => props.virtualRef, (val) => {
+      if (val) {
+        triggerRef.value = unwrapMeasurableEl(val);
+      }
+    }, {
+      immediate: true
+    });
+    watch(() => triggerRef.value, (el, prevEl) => {
+      if (el && el instanceof HTMLElement) {
+        ;
+        [
+          "onMouseenter",
+          "onMouseleave",
+          "onClick",
+          "onKeydown",
+          "onFocus",
+          "onBlur",
+          "onContextmenu"
+        ].forEach((eventName) => {
+          const handler = props[eventName];
+          if (handler) {
+            ;
+            el.addEventListener(eventName.slice(2).toLowerCase(), handler);
+            prevEl?.removeEventListener(eventName.slice(2).toLowerCase(), handler);
+          }
+        });
+      }
+    }, {
+      immediate: true
+    });
+    return {
+      triggerRef
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_only_child = resolveComponent("el-only-child");
+  return !_ctx.virtualTriggering ? (openBlock(), createBlock(_component_el_only_child, mergeProps({ key: 0 }, _ctx.$attrs, {
+    "aria-describedby": _ctx.open ? _ctx.id : void 0
+  }), {
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "default")
+    ]),
+    _: 3
+  }, 16, ["aria-describedby"])) : createCommentVNode("v-if", true);
+}
+var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { ElPopperTrigger as default };
 //# sourceMappingURL=trigger.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"trigger.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"trigger.mjs","sources":["../../../../../../packages/components/popper/src/trigger.vue"],"sourcesContent":["<template>\n  <el-only-child\n    v-if=\"!virtualTriggering\"\n    v-bind=\"$attrs\"\n    :aria-describedby=\"open ? id : undefined\"\n  >\n    <slot />\n  </el-only-child>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, watch } from 'vue'\nimport { ElOnlyChild } from '@element-plus/components/slot'\nimport { useForwardRef } from '@element-plus/hooks'\nimport { usePopperTriggerProps } from './popper'\nimport { POPPER_INJECTION_KEY } from './tokens'\nimport { unwrapMeasurableEl } from './utils'\n\nexport default defineComponent({\n  name: 'ElPopperTrigger',\n  components: { ElOnlyChild },\n  inheritAttrs: false,\n  props: {\n    ...usePopperTriggerProps,\n    onMouseenter: Function,\n    onMouseleave: Function,\n    onClick: Function,\n    onKeydown: Function,\n    onFocus: Function,\n    onBlur: Function,\n    onContextmenu: Function,\n    id: String,\n    open: Boolean,\n  },\n  setup(props) {\n    const { triggerRef } = inject(POPPER_INJECTION_KEY, undefined)!\n    useForwardRef(triggerRef)\n\n    watch(\n      () => props.virtualRef,\n      (val) => {\n        if (val) {\n          triggerRef.value = unwrapMeasurableEl(val)\n        }\n      },\n      {\n        immediate: true,\n      }\n    )\n\n    watch(\n      () => triggerRef.value,\n      (el, prevEl) => {\n        if (el && el instanceof HTMLElement) {\n          ;[\n            'onMouseenter',\n            'onMouseleave',\n            'onClick',\n            'onKeydown',\n            'onFocus',\n            'onBlur',\n            'onContextmenu',\n          ].forEach((eventName) => {\n            const handler = props[eventName]\n            if (handler) {\n              ;(el as HTMLElement).addEventListener(\n                eventName.slice(2).toLowerCase(),\n                handler\n              )\n              ;(prevEl as HTMLElement)?.removeEventListener(\n                eventName.slice(2).toLowerCase(),\n                handler\n              )\n            }\n          })\n        }\n      },\n      {\n        immediate: true,\n      }\n    )\n\n    return {\n      triggerRef,\n    }\n  },\n})\n</script>\n"],"names":["ElOnlyChild","_createBlock","_mergeProps","_withCtx"],"mappings":";;;;;;;;;;AAkBA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY,eAAEA;AAAA,EACd,cAAc;AAAA,EACd,OAAO;AAAA,OACF;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,eAAe,OAAO,sBAAsB;AACpD,kBAAc;AAEd,UACE,MAAM,MAAM,YACZ,CAAC,QAAQ;AACP,UAAI,KAAK;AACP,mBAAW,QAAQ,mBAAmB;AAAA;AAAA,OAG1C;AAAA,MACE,WAAW;AAAA;AAIf,UACE,MAAM,WAAW,OACjB,CAAC,IAAI,WAAW;AACd,UAAI,MAAM,cAAc,aAAa;AACnC;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,QAAwB,oBACxB,UAAU,MAAM,GAAG,eACnB;AAAA;AAAA;AAAA;AAAA,OAMV;AAAA,MACE,WAAW;AAAA;AAIf,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;;;iDA/EDC,YAAkB,0BAAqBC;AAAA;;aAExCC,QAAQ;AAAA;;;;;;;;;"}

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

@@ -25,7 +25,7 @@ export declare const ElProgress: import("../../utils/types").SFCWithInstall<impo
     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<{}>, {}>>;
+    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<import("vue").ExtractPropTypes<{}>>, {}>>;
     progressTextSize: import("vue").ComputedRef<number>;
     content: import("vue").ComputedRef<string>;
     slotData: import("vue").ComputedRef<{

package/es/components/progress/index.mjs

@@ -1,9 +1,8 @@
 import { withInstall } from '../../utils/with-install.mjs';
-import './src/progress2.mjs';
+import Progress from './src/progress2.mjs';
 export { progressProps } from './src/progress.mjs';
-import script from './src/progress.vue_vue_type_script_lang.mjs';
 
-const ElProgress = withInstall(script);
+const ElProgress = withInstall(Progress);
 
 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 { 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":";;;;;AAEY,MAAC,UAAU,GAAG,WAAW,CAACA,MAAQ;;;;"}
+{"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":[],"mappings":";;;;AAEY,MAAC,UAAU,GAAG,WAAW,CAAC,QAAQ;;;;"}

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

@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{
     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<{}>, {}>>;
+    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<import("vue").ExtractPropTypes<{}>>, {}>>;
     progressTextSize: import("vue").ComputedRef<number>;
     content: import("vue").ComputedRef<string>;
     slotData: import("vue").ComputedRef<{

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

@@ -1,7 +1,232 @@
-import script from './progress.vue_vue_type_script_lang.mjs';
-export { default } from './progress.vue_vue_type_script_lang.mjs';
-import { render } from './progress.vue_vue_type_template_id_9158c3b6_lang.mjs';
+import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, renderSlot, normalizeProps, guardReactiveProps, toDisplayString, createCommentVNode, createBlock, withCtx, resolveDynamicComponent } from 'vue';
+import { ElIcon } from '../../icon/index.mjs';
+import { CircleCheck, CircleClose, Check, Close, WarningFilled } from '@element-plus/icons-vue';
+import { progressProps } from './progress.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 
-script.render = render;
-script.__file = "packages/components/progress/src/progress.vue";
+const _sfc_main = 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) => {
+      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 colors[colors.length - 1]?.color;
+      }
+    };
+    const slotData = computed(() => {
+      return {
+        percentage: props.percentage
+      };
+    });
+    return {
+      barStyle,
+      relativeStrokeWidth,
+      radius,
+      trackPath,
+      perimeter,
+      rate,
+      strokeDashoffset,
+      trailPathStyle,
+      circlePathStyle,
+      stroke,
+      statusIcon,
+      progressTextSize,
+      content,
+      slotData
+    };
+  }
+});
+const _hoisted_1 = ["aria-valuenow"];
+const _hoisted_2 = {
+  key: 0,
+  class: "el-progress-bar"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "el-progress-bar__innerText"
+};
+const _hoisted_4 = { viewBox: "0 0 100 100" };
+const _hoisted_5 = ["d", "stroke-width"];
+const _hoisted_6 = ["d", "stroke", "stroke-linecap", "stroke-width"];
+const _hoisted_7 = { key: 0 };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_icon = resolveComponent("el-icon");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["el-progress", [
+      `el-progress--${_ctx.type}`,
+      _ctx.status ? `is-${_ctx.status}` : "",
+      {
+        "el-progress--without-text": !_ctx.showText,
+        "el-progress--text-inside": _ctx.textInside
+      }
+    ]]),
+    role: "progressbar",
+    "aria-valuenow": _ctx.percentage,
+    "aria-valuemin": "0",
+    "aria-valuemax": "100"
+  }, [
+    _ctx.type === "line" ? (openBlock(), createElementBlock("div", _hoisted_2, [
+      createElementVNode("div", {
+        class: "el-progress-bar__outer",
+        style: normalizeStyle({ height: `${_ctx.strokeWidth}px` })
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass([
+            "el-progress-bar__inner",
+            { "el-progress-bar__inner--indeterminate": _ctx.indeterminate }
+          ]),
+          style: normalizeStyle(_ctx.barStyle)
+        }, [
+          (_ctx.showText || _ctx.$slots.default) && _ctx.textInside ? (openBlock(), createElementBlock("div", _hoisted_3, [
+            renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(_ctx.slotData)), () => [
+              createElementVNode("span", null, toDisplayString(_ctx.content), 1)
+            ])
+          ])) : createCommentVNode("v-if", true)
+        ], 6)
+      ], 4)
+    ])) : (openBlock(), createElementBlock("div", {
+      key: 1,
+      class: "el-progress-circle",
+      style: normalizeStyle({ height: `${_ctx.width}px`, width: `${_ctx.width}px` })
+    }, [
+      (openBlock(), createElementBlock("svg", _hoisted_4, [
+        createElementVNode("path", {
+          class: "el-progress-circle__track",
+          d: _ctx.trackPath,
+          stroke: "#e5e9f2",
+          "stroke-width": _ctx.relativeStrokeWidth,
+          fill: "none",
+          style: normalizeStyle(_ctx.trailPathStyle)
+        }, null, 12, _hoisted_5),
+        createElementVNode("path", {
+          class: "el-progress-circle__path",
+          d: _ctx.trackPath,
+          stroke: _ctx.stroke,
+          fill: "none",
+          "stroke-linecap": _ctx.strokeLinecap,
+          "stroke-width": _ctx.percentage ? _ctx.relativeStrokeWidth : 0,
+          style: normalizeStyle(_ctx.circlePathStyle)
+        }, null, 12, _hoisted_6)
+      ]))
+    ], 4)),
+    (_ctx.showText || _ctx.$slots.default) && !_ctx.textInside ? (openBlock(), createElementBlock("div", {
+      key: 2,
+      class: "el-progress__text",
+      style: normalizeStyle({ fontSize: `${_ctx.progressTextSize}px` })
+    }, [
+      renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(_ctx.slotData)), () => [
+        !_ctx.status ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(_ctx.content), 1)) : (openBlock(), createBlock(_component_el_icon, { key: 1 }, {
+          default: withCtx(() => [
+            (openBlock(), createBlock(resolveDynamicComponent(_ctx.statusIcon)))
+          ]),
+          _: 1
+        }))
+      ])
+    ], 4)) : createCommentVNode("v-if", true)
+  ], 10, _hoisted_1);
+}
+var Progress = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { Progress as default };
 //# sourceMappingURL=progress2.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"progress2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"progress2.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":["_openBlock","_createElementBlock"],"mappings":"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"}

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

@@ -30,9 +30,9 @@ export declare const ElRadio: import("../../utils/types").SFCWithInstall<import(
 }, {
     size: import("../../utils/props").BuildPropType<StringConstructor, "small" | "default" | "large", never>;
     disabled: boolean;
+    name: string;
     modelValue: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown>;
     label: import("../../utils/props").BuildPropType<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>;
-    name: string;
     border: boolean;
 }>> & {
     RadioButton: import("vue").DefineComponent<{
@@ -57,8 +57,8 @@ export declare const ElRadio: import("../../utils/types").SFCWithInstall<import(
     }>>, {
         size: import("../../utils/props").BuildPropType<StringConstructor, "small" | "default" | "large", never>;
         disabled: boolean;
-        label: import("../../utils/props").BuildPropType<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>;
         name: string;
+        label: import("../../utils/props").BuildPropType<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>;
     }>;
     RadioGroup: import("vue").DefineComponent<{
         readonly size: import("../../utils/props").BuildPropReturn<StringConstructor, never, false, "small" | "default" | "large", never>;
@@ -84,8 +84,8 @@ export declare const ElRadio: import("../../utils/types").SFCWithInstall<import(
     }, {
         size: import("../../utils/props").BuildPropType<StringConstructor, "small" | "default" | "large", never>;
         disabled: boolean;
-        modelValue: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown>;
         fill: string;
+        modelValue: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown>;
         textColor: string;
     }>;
 };
@@ -114,8 +114,8 @@ export declare const ElRadioGroup: import("../../utils/types").SFCWithInstall<im
 }, {
     size: import("../../utils/props").BuildPropType<StringConstructor, "small" | "default" | "large", never>;
     disabled: boolean;
-    modelValue: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown>;
     fill: string;
+    modelValue: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown>;
     textColor: string;
 }>>;
 export declare const ElRadioButton: import("../../utils/types").SFCWithInstall<import("vue").DefineComponent<{
@@ -140,8 +140,8 @@ export declare const ElRadioButton: import("../../utils/types").SFCWithInstall<i
 }>>, {
     size: import("../../utils/props").BuildPropType<StringConstructor, "small" | "default" | "large", never>;
     disabled: boolean;
-    label: import("../../utils/props").BuildPropType<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>;
     name: string;
+    label: import("../../utils/props").BuildPropType<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>;
 }>>;
 export * from './src/radio';
 export * from './src/radio-group';

package/es/components/radio/index.mjs

@@ -1,20 +1,17 @@
 import { withInstall, withNoopInstall } from '../../utils/with-install.mjs';
-import './src/radio2.mjs';
-import './src/radio-button2.mjs';
-import './src/radio-group2.mjs';
+import Radio from './src/radio2.mjs';
+import RadioButton from './src/radio-button2.mjs';
+import RadioGroup from './src/radio-group2.mjs';
 export { radioEmits, radioProps, radioPropsBase, useRadio } from './src/radio.mjs';
 export { radioGroupEmits, radioGroupProps } from './src/radio-group.mjs';
 export { radioButtonProps } from './src/radio-button.mjs';
-import script from './src/radio.vue_vue_type_script_lang.mjs';
-import script$1 from './src/radio-button.vue_vue_type_script_lang.mjs';
-import script$2 from './src/radio-group.vue_vue_type_script_lang.mjs';
 
-const ElRadio = withInstall(script, {
-  RadioButton: script$1,
-  RadioGroup: script$2
+const ElRadio = withInstall(Radio, {
+  RadioButton,
+  RadioGroup
 });
-const ElRadioGroup = withNoopInstall(script$2);
-const ElRadioButton = withNoopInstall(script$1);
+const ElRadioGroup = withNoopInstall(RadioGroup);
+const ElRadioButton = withNoopInstall(RadioButton);
 
 export { ElRadio, ElRadioButton, ElRadioGroup, ElRadio as default };
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/radio/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-plus/utils/with-install'\n\nimport Radio from './src/radio.vue'\nimport RadioButton from './src/radio-button.vue'\nimport RadioGroup from './src/radio-group.vue'\n\nexport const ElRadio = withInstall(Radio, {\n  RadioButton,\n  RadioGroup,\n})\nexport default ElRadio\nexport const ElRadioGroup = withNoopInstall(RadioGroup)\nexport const ElRadioButton = withNoopInstall(RadioButton)\n\nexport * from './src/radio'\nexport * from './src/radio-group'\nexport * from './src/radio-button'\n"],"names":["Radio","RadioButton","RadioGroup"],"mappings":";;;;;;;;;;;AAIY,MAAC,OAAO,GAAG,WAAW,CAACA,MAAK,EAAE;AAC1C,eAAEC,QAAW;AACb,cAAEC,QAAU;AACZ,CAAC,EAAE;AAES,MAAC,YAAY,GAAG,eAAe,CAACA,QAAU,EAAE;AAC5C,MAAC,aAAa,GAAG,eAAe,CAACD,QAAW;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/radio/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-plus/utils/with-install'\n\nimport Radio from './src/radio.vue'\nimport RadioButton from './src/radio-button.vue'\nimport RadioGroup from './src/radio-group.vue'\n\nexport const ElRadio = withInstall(Radio, {\n  RadioButton,\n  RadioGroup,\n})\nexport default ElRadio\nexport const ElRadioGroup = withNoopInstall(RadioGroup)\nexport const ElRadioButton = withNoopInstall(RadioButton)\n\nexport * from './src/radio'\nexport * from './src/radio-group'\nexport * from './src/radio-button'\n"],"names":[],"mappings":";;;;;;;;AAIY,MAAC,OAAO,GAAG,WAAW,CAAC,KAAK,EAAE;AAC1C,EAAE,WAAW;AACb,EAAE,UAAU;AACZ,CAAC,EAAE;AAES,MAAC,YAAY,GAAG,eAAe,CAAC,UAAU,EAAE;AAC5C,MAAC,aAAa,GAAG,eAAe,CAAC,WAAW;;;;"}

package/es/components/radio/src/radio-button.vue.d.ts

@@ -21,7 +21,7 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     size: import("../../../utils/props").BuildPropType<StringConstructor, "small" | "default" | "large", never>;
     disabled: boolean;
-    label: import("../../../utils/props").BuildPropType<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>;
     name: string;
+    label: import("../../../utils/props").BuildPropType<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>;
 }>;
 export default _default;

package/es/components/radio/src/radio-button2.mjs

@@ -1,7 +1,87 @@
-import script from './radio-button.vue_vue_type_script_lang.mjs';
-export { default } from './radio-button.vue_vue_type_script_lang.mjs';
-import { render } from './radio-button.vue_vue_type_template_id_14e266b0_lang.mjs';
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, withKeys, withModifiers, withDirectives, createElementVNode, vModelRadio, normalizeStyle, renderSlot, createTextVNode, toDisplayString } from 'vue';
+import { useRadio } from './radio.mjs';
+import { radioButtonProps } from './radio-button.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 
-script.render = render;
-script.__file = "packages/components/radio/src/radio-button.vue";
+const _sfc_main = defineComponent({
+  name: "ElRadioButton",
+  props: radioButtonProps,
+  setup(props, { emit }) {
+    const {
+      radioRef,
+      isGroup,
+      focus,
+      size,
+      disabled,
+      tabIndex,
+      modelValue,
+      radioGroup
+    } = useRadio(props, emit);
+    const activeStyle = computed(() => {
+      return {
+        backgroundColor: radioGroup?.fill || "",
+        borderColor: radioGroup?.fill || "",
+        boxShadow: radioGroup?.fill ? `-1px 0 0 0 ${radioGroup.fill}` : "",
+        color: radioGroup?.textColor || ""
+      };
+    });
+    return {
+      isGroup,
+      size,
+      disabled,
+      tabIndex,
+      modelValue,
+      focus,
+      activeStyle,
+      radioRef
+    };
+  }
+});
+const _hoisted_1 = ["aria-checked", "aria-disabled", "tabindex"];
+const _hoisted_2 = ["value", "name", "disabled"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("label", {
+    class: normalizeClass(["el-radio-button", [
+      _ctx.size ? "el-radio-button--" + _ctx.size : "",
+      {
+        "is-active": _ctx.modelValue === _ctx.label,
+        "is-disabled": _ctx.disabled,
+        "is-focus": _ctx.focus
+      }
+    ]]),
+    role: "radio",
+    "aria-checked": _ctx.modelValue === _ctx.label,
+    "aria-disabled": _ctx.disabled,
+    tabindex: _ctx.tabIndex,
+    onKeydown: _cache[4] || (_cache[4] = withKeys(withModifiers(($event) => _ctx.modelValue = _ctx.disabled ? _ctx.modelValue : _ctx.label, ["stop", "prevent"]), ["space"]))
+  }, [
+    withDirectives(createElementVNode("input", {
+      ref: "radioRef",
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.modelValue = $event),
+      class: "el-radio-button__original-radio",
+      value: _ctx.label,
+      type: "radio",
+      name: _ctx.name,
+      disabled: _ctx.disabled,
+      tabindex: "-1",
+      onFocus: _cache[1] || (_cache[1] = ($event) => _ctx.focus = true),
+      onBlur: _cache[2] || (_cache[2] = ($event) => _ctx.focus = false)
+    }, null, 40, _hoisted_2), [
+      [vModelRadio, _ctx.modelValue]
+    ]),
+    createElementVNode("span", {
+      class: "el-radio-button__inner",
+      style: normalizeStyle(_ctx.modelValue === _ctx.label ? _ctx.activeStyle : {}),
+      onKeydown: _cache[3] || (_cache[3] = withModifiers(() => {
+      }, ["stop"]))
+    }, [
+      renderSlot(_ctx.$slots, "default", {}, () => [
+        createTextVNode(toDisplayString(_ctx.label), 1)
+      ])
+    ], 36)
+  ], 42, _hoisted_1);
+}
+var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { RadioButton as default };
 //# sourceMappingURL=radio-button2.mjs.map

package/es/components/radio/src/radio-button2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"radio-button2.mjs","sources":["../../../../../../packages/components/radio/src/radio-button.vue"],"sourcesContent":["<template>\n  <label\n    class=\"el-radio-button\"\n    :class=\"[\n      size ? 'el-radio-button--' + size : '',\n      {\n        'is-active': modelValue === label,\n        'is-disabled': disabled,\n        'is-focus': focus,\n      },\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=\"el-radio-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=\"el-radio-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 { 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 {\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      isGroup,\n      size,\n      disabled,\n      tabIndex,\n      modelValue,\n      focus,\n      activeStyle,\n      radioRef,\n    }\n  },\n})\n</script>\n"],"names":["_openBlock","_normalizeClass","_createElementVNode"],"mappings":";;;;;AA8CA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,EAEP,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,SAAS,OAAO;AAEpB,UAAM,cAAc,SAAwB,MAAM;AAChD,aAAO;AAAA,QACL,iBAAiB,YAAY,QAAQ;AAAA,QACrC,aAAa,YAAY,QAAQ;AAAA,QACjC,WAAW,YAAY,OAAO,cAAc,WAAW,SAAS;AAAA,QAChE,OAAO,YAAY,aAAa;AAAA;AAAA;AAIpC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;2BA9EJ,wBAqCQ;SApCDA,gCAAC,SAAiB;AAAA,WACPC,eAAI,oBAAyB;AAAA;;0BAAqF,eAAQ;AAAA,uBAAsB;AAAA;;;IAS/J;AAAA,IACA,gBAAa,KAAE,eAAQ;AAAA,IACvB,iBAAU;AAAA,IACV,UAAO;AAAA;;mBAGFC,mBAAU;AAAA;MAEd,uBAAM,qBAAiC;AAAA,MACtC,OAAO;AAAA,MACR,OAAK;AAAA,MACJ,MAAM;AAAA,MACN,WAAU;AAAA,MACX,UAAS,KAAI;AAAA,MACZ,UAAK;AAAA,MACL,SAAI,sCAAE,aAAK;AAAA;iBARO;AAAA;;uBAWb;AAAA,MACL,OAAK;AAAA,MACL,sBAAO,iCAAR,KAAa;AAAA;;OAEb;AAAA,yCACK,UAAK;AAAA;;;;;;;;;"}

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

@@ -22,8 +22,8 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     size: import("../../../utils/props").BuildPropType<StringConstructor, "small" | "default" | "large", never>;
     disabled: boolean;
-    modelValue: import("../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown>;
     fill: string;
+    modelValue: import("../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown>;
     textColor: string;
 }>;
 export default _default;