@wfrog/vc-ui 1.1.0 → 1.2.0

package/dist/es/components/single-player/index.css

@@ -1,5 +1,5 @@
 /* source: src/components/single-player/single-player.vue */
-.el-slider{--el-slider-main-bg-color:var(--el-color-primary);--el-slider-runway-bg-color:var(--el-border-color-light);--el-slider-stop-bg-color:var(--el-color-white);--el-slider-disabled-color:var(--el-text-color-placeholder);--el-slider-border-radius:3px;--el-slider-height:6px;--el-slider-button-size:20px;--el-slider-button-wrapper-size:36px;--el-slider-button-wrapper-offset:-15px;align-items:center;display:flex;height:32px;width:100%}.el-slider__runway{background-color:var(--el-slider-runway-bg-color);border-radius:var(--el-slider-border-radius);cursor:pointer;flex:1;height:var(--el-slider-height);position:relative}.el-slider__runway.show-input{margin-right:30px;width:auto}.el-slider__runway.is-disabled{cursor:default}.el-slider__runway.is-disabled .el-slider__bar{background-color:var(--el-slider-disabled-color)}.el-slider__runway.is-disabled .el-slider__button{border-color:var(--el-slider-disabled-color)}.el-slider__runway.is-disabled .el-slider__button-wrapper.hover,.el-slider__runway.is-disabled .el-slider__button-wrapper:hover{cursor:not-allowed}.el-slider__runway.is-disabled .el-slider__button-wrapper.dragging{cursor:not-allowed}.el-slider__runway.is-disabled .el-slider__button.dragging,.el-slider__runway.is-disabled .el-slider__button.hover,.el-slider__runway.is-disabled .el-slider__button:hover{transform:scale(1)}.el-slider__runway.is-disabled .el-slider__button.hover,.el-slider__runway.is-disabled .el-slider__button:hover{cursor:not-allowed}.el-slider__runway.is-disabled .el-slider__button.dragging{cursor:not-allowed}.el-slider__input{flex-shrink:0;width:130px}.el-slider__bar{background-color:var(--el-slider-main-bg-color);border-bottom-left-radius:var(--el-slider-border-radius);border-top-left-radius:var(--el-slider-border-radius);height:var(--el-slider-height);position:absolute}.el-slider__button-wrapper{background-color:transparent;height:var(--el-slider-button-wrapper-size);line-height:normal;outline:none;position:absolute;text-align:center;top:var(--el-slider-button-wrapper-offset);transform:translateX(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--el-slider-button-wrapper-size);z-index:1}.el-slider__button-wrapper:after{content:"";display:inline-block;height:100%;vertical-align:middle}.el-slider__button-wrapper.hover,.el-slider__button-wrapper:hover{cursor:grab}.el-slider__button-wrapper.dragging{cursor:grabbing}.el-slider__button{background-color:var(--el-color-white);border:2px solid var(--el-slider-main-bg-color);border-radius:50%;box-sizing:border-box;display:inline-block;height:var(--el-slider-button-size);transition:var(--el-transition-duration-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:var(--el-slider-button-size)}.el-slider__button.dragging,.el-slider__button.hover,.el-slider__button:hover{transform:scale(1.2)}.el-slider__button.hover,.el-slider__button:hover{cursor:grab}.el-slider__button.dragging{cursor:grabbing}.el-slider__stop{background-color:var(--el-slider-stop-bg-color);border-radius:var(--el-border-radius-circle);height:var(--el-slider-height);position:absolute;transform:translateX(-50%);width:var(--el-slider-height)}.el-slider__marks{height:100%;left:12px;top:0;width:18px}.el-slider__marks-text{color:var(--el-color-info);font-size:14px;margin-top:15px;position:absolute;transform:translateX(-50%);white-space:pre}.el-slider.is-vertical{display:inline-flex;flex:0;height:100%;position:relative;width:auto}.el-slider.is-vertical .el-slider__runway{height:100%;margin:0 16px;width:var(--el-slider-height)}.el-slider.is-vertical .el-slider__bar{border-radius:0 0 3px 3px;height:auto;width:var(--el-slider-height)}.el-slider.is-vertical .el-slider__button-wrapper{left:var(--el-slider-button-wrapper-offset);top:auto;transform:translateY(50%)}.el-slider.is-vertical .el-slider__stop{transform:translateY(50%)}.el-slider.is-vertical .el-slider__marks-text{left:15px;margin-top:0;transform:translateY(50%)}.el-slider--large{height:40px}.el-slider--small{height:24px}._main_16n2t_1 {
+.el-slider{--el-slider-main-bg-color:var(--el-color-primary);--el-slider-runway-bg-color:var(--el-border-color-light);--el-slider-stop-bg-color:var(--el-color-white);--el-slider-disabled-color:var(--el-text-color-placeholder);--el-slider-border-radius:3px;--el-slider-height:6px;--el-slider-button-size:20px;--el-slider-button-wrapper-size:36px;--el-slider-button-wrapper-offset:-15px;align-items:center;display:flex;height:32px;width:100%}.el-slider__runway{background-color:var(--el-slider-runway-bg-color);border-radius:var(--el-slider-border-radius);cursor:pointer;flex:1;height:var(--el-slider-height);position:relative}.el-slider__runway.show-input{margin-right:30px;width:auto}.el-slider__runway.is-disabled{cursor:default}.el-slider__runway.is-disabled .el-slider__bar{background-color:var(--el-slider-disabled-color)}.el-slider__runway.is-disabled .el-slider__button{border-color:var(--el-slider-disabled-color)}.el-slider__runway.is-disabled .el-slider__button-wrapper.dragging,.el-slider__runway.is-disabled .el-slider__button-wrapper.hover,.el-slider__runway.is-disabled .el-slider__button-wrapper:hover{cursor:not-allowed}.el-slider__runway.is-disabled .el-slider__button.dragging,.el-slider__runway.is-disabled .el-slider__button.hover,.el-slider__runway.is-disabled .el-slider__button:hover{transform:scale(1)}.el-slider__runway.is-disabled .el-slider__button.dragging,.el-slider__runway.is-disabled .el-slider__button.hover,.el-slider__runway.is-disabled .el-slider__button:hover{cursor:not-allowed}.el-slider__input{flex-shrink:0;width:130px}.el-slider__bar{background-color:var(--el-slider-main-bg-color);border-bottom-left-radius:var(--el-slider-border-radius);border-top-left-radius:var(--el-slider-border-radius);height:var(--el-slider-height);position:absolute}.el-slider__button-wrapper{background-color:transparent;height:var(--el-slider-button-wrapper-size);line-height:normal;outline:none;position:absolute;text-align:center;top:var(--el-slider-button-wrapper-offset);transform:translateX(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--el-slider-button-wrapper-size);z-index:1}.el-slider__button-wrapper:after{content:"";display:inline-block;height:100%;vertical-align:middle}.el-slider__button-wrapper.hover,.el-slider__button-wrapper:hover{cursor:grab}.el-slider__button-wrapper.dragging{cursor:grabbing}.el-slider__button{background-color:var(--el-color-white);border:2px solid var(--el-slider-main-bg-color);border-radius:50%;box-sizing:border-box;display:inline-block;height:var(--el-slider-button-size);transition:var(--el-transition-duration-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:var(--el-slider-button-size)}.el-slider__button.dragging,.el-slider__button.hover,.el-slider__button:hover{transform:scale(1.2)}.el-slider__button.hover,.el-slider__button:hover{cursor:grab}.el-slider__button.dragging{cursor:grabbing}.el-slider__stop{background-color:var(--el-slider-stop-bg-color);border-radius:var(--el-border-radius-circle);height:var(--el-slider-height);position:absolute;transform:translateX(-50%);width:var(--el-slider-height)}.el-slider__marks{height:100%;left:12px;top:0;width:18px}.el-slider__marks-text{color:var(--el-color-info);font-size:14px;margin-top:15px;position:absolute;transform:translateX(-50%);white-space:pre}.el-slider.is-vertical{display:inline-flex;flex:0;height:100%;position:relative;width:auto}.el-slider.is-vertical .el-slider__runway{height:100%;margin:0 16px;width:var(--el-slider-height)}.el-slider.is-vertical .el-slider__bar{border-radius:0 0 3px 3px;height:auto;width:var(--el-slider-height)}.el-slider.is-vertical .el-slider__button-wrapper{left:var(--el-slider-button-wrapper-offset);top:auto;transform:translateY(50%)}.el-slider.is-vertical .el-slider__stop{transform:translateY(50%)}.el-slider.is-vertical .el-slider__marks-text{left:15px;margin-top:0;transform:translateY(50%)}.el-slider--large{height:40px}.el-slider--small{height:24px}._main_16n2t_1 {
   display: flex;
   align-items: center;
   justify-content: space-between;

package/dist/es/components/single-player/single-player.mjs

@@ -1,22 +1,22 @@
 import './index.css'
-import { f as isNumber, i as isArray, c as buildProps, d as definePropType, u as useNamespace, h as isString, e as debugWarn, t as throwError } from '../../chunk/DRoyW749.mjs';
-import '../../chunk/C7wQNvSS.mjs';
-import { E as ElInputNumber } from '../../chunk/CLCfXfvv.mjs';
+import { f as isNumber, i as isArray, c as buildProps, d as definePropType, u as useNamespace, h as isString, e as debugWarn, t as throwError } from '../../chunk/CcKUdl3e.mjs';
+import '../../chunk/DgFT6snA.mjs';
+import { E as ElInputNumber } from '../../chunk/D7JQbDFE.mjs';
 /* empty css                    */
-import { E as Ee, a as ElTooltip } from '../../chunk/CLMc8GzD.mjs';
+import { E as Ee, a as ElTooltip } from '../../chunk/DMYHOxhk.mjs';
 import { inject, ref, computed, watch, nextTick, defineComponent, reactive, toRefs, createElementBlock, openBlock, unref, normalizeStyle, normalizeClass, createVNode, withCtx, createElementVNode, toDisplayString, h, shallowRef, onMounted, provide, createBlock, createCommentVNode, Fragment, renderList, withModifiers, isRef } from 'vue';
 import { _ as _sfc_main$3 } from '../awesome-icon/awesome-icon.mjs';
 import { useEventListener } from '@vueuse/core';
-import { u as useSizeProp } from '../../chunk/BsGCX4td.mjs';
-import { u as useAriaProps } from '../../chunk/BpqBBo4z.mjs';
+import { u as useSizeProp } from '../../chunk/BK4T_2ha.mjs';
+import { u as useAriaProps } from '../../chunk/BDyXj_90.mjs';
 import { C as CHANGE_EVENT, I as INPUT_EVENT, U as UPDATE_MODEL_EVENT } from '../../chunk/Ct6q2FXg.mjs';
-import { _ as _export_sfc, w as withInstall } from '../../chunk/DTLPXrjb.mjs';
+import { _ as _export_sfc, w as withInstall } from '../../chunk/BTsEMnf_.mjs';
 import { g as getEventCode, E as EVENT_CODE } from '../../chunk/BTpNRPQW.mjs';
-import { d as debounce } from '../../chunk/Bp9jXKX0.mjs';
-import { c as clamp } from '../../chunk/73YgKz3H.mjs';
-import { u as useFormItem, b as useFormDisabled, a as useFormItemInputId, c as useFormSize } from '../../chunk/DXPWe_a5.mjs';
-import { u as useLocale } from '../../chunk/Dk6Bx0KT.mjs';
-import { e as isObjectLike, f as baseGetTag } from '../../chunk/NQBKROII.mjs';
+import { d as debounce } from '../../chunk/BambM7zX.mjs';
+import { c as clamp } from '../../chunk/BLLKi_0v.mjs';
+import { u as useFormItem, b as useFormDisabled, a as useFormItemInputId, c as useFormSize } from '../../chunk/U13Qpiki.mjs';
+import { u as useLocale } from '../../chunk/plK2vnjp.mjs';
+import { e as isObjectLike, f as baseGetTag } from '../../chunk/DWcIzeMM.mjs';
 import { _ as _export_sfc$1 } from '../../chunk/pcqpp-6-.mjs';
 
 /** `Object#toString` result references. */
@@ -369,9 +369,12 @@ const useSliderButton = (props, initData, emit) => {
     initData.dragging && displayTooltip();
     tooltip.value.updatePopper();
   };
-  watch(() => initData.dragging, (val) => {
-    updateDragging(val);
-  });
+  watch(
+    () => initData.dragging,
+    (val) => {
+      updateDragging(val);
+    }
+  );
   useEventListener(button, "touchstart", onButtonDown, { passive: false });
   return {
     disabled,
@@ -390,15 +393,17 @@ const useSliderButton = (props, initData, emit) => {
   };
 };
 
-const __default__$1 = defineComponent({
-  name: "ElSliderButton"
-});
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  ...__default__$1,
+const _hoisted_1$2 = ["tabindex"];
+const _sfc_main$2 = defineComponent({
+  ...{
+    name: "ElSliderButton"
+  },
+  __name: "button",
   props: sliderButtonProps,
   emits: sliderButtonEmits,
-  setup(__props, { expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const ns = useNamespace("slider");
     const initData = reactive({
       hovering: false,
@@ -412,7 +417,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       newPosition: 0,
       oldValue: props.modelValue
     });
-    const tooltipPersistent = computed(() => !showTooltip.value ? false : persistent.value);
+    const tooltipPersistent = computed(
+      () => !showTooltip.value ? false : persistent.value
+    );
     const {
       disabled,
       button,
@@ -429,7 +436,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       setPosition
     } = useSliderButton(props, initData, emit);
     const { hovering, dragging } = toRefs(initData);
-    expose({
+    __expose({
       onButtonDown,
       onKeyDown,
       setPosition,
@@ -443,12 +450,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         class: normalizeClass([unref(ns).e("button-wrapper"), { hover: unref(hovering), dragging: unref(dragging) }]),
         style: normalizeStyle(unref(wrapperStyle)),
         tabindex: unref(disabled) ? void 0 : 0,
-        onMouseenter: unref(handleMouseEnter),
-        onMouseleave: unref(handleMouseLeave),
-        onMousedown: unref(onButtonDown),
-        onFocus: unref(handleMouseEnter),
-        onBlur: unref(handleMouseLeave),
-        onKeydown: unref(onKeyDown)
+        onMouseenter: _cache[0] || (_cache[0] = (...args) => unref(handleMouseEnter) && unref(handleMouseEnter)(...args)),
+        onMouseleave: _cache[1] || (_cache[1] = (...args) => unref(handleMouseLeave) && unref(handleMouseLeave)(...args)),
+        onMousedown: _cache[2] || (_cache[2] = (...args) => unref(onButtonDown) && unref(onButtonDown)(...args)),
+        onFocus: _cache[3] || (_cache[3] = (...args) => unref(handleMouseEnter) && unref(handleMouseEnter)(...args)),
+        onBlur: _cache[4] || (_cache[4] = (...args) => unref(handleMouseLeave) && unref(handleMouseLeave)(...args)),
+        onKeydown: _cache[5] || (_cache[5] = (...args) => unref(onKeyDown) && unref(onKeyDown)(...args))
       }, [
         createVNode(unref(ElTooltip), {
           ref_key: "tooltip",
@@ -459,23 +466,33 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           "stop-popper-mouse-event": false,
           "popper-class": _ctx.tooltipClass,
           disabled: !unref(showTooltip),
-          persistent: unref(tooltipPersistent)
+          persistent: tooltipPersistent.value
         }, {
           content: withCtx(() => [
-            createElementVNode("span", null, toDisplayString(unref(formatValue)), 1)
+            createElementVNode(
+              "span",
+              null,
+              toDisplayString(unref(formatValue)),
+              1
+            )
           ]),
           default: withCtx(() => [
-            createElementVNode("div", {
-              class: normalizeClass([unref(ns).e("button"), { hover: unref(hovering), dragging: unref(dragging) }])
-            }, null, 2)
+            createElementVNode(
+              "div",
+              {
+                class: normalizeClass([unref(ns).e("button"), { hover: unref(hovering), dragging: unref(dragging) }])
+              },
+              null,
+              2
+            )
           ]),
           _: 1
         }, 8, ["visible", "placement", "popper-class", "disabled", "persistent"])
-      ], 46, ["tabindex", "onMouseenter", "onMouseleave", "onMousedown", "onFocus", "onBlur", "onKeydown"]);
+      ], 46, _hoisted_1$2);
     };
   }
 });
-var SliderButton = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "button.vue"]]);
+var SliderButton = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/slider/src/button.vue"]]);
 
 const sliderMarkerProps = buildProps({
   mark: {
@@ -491,11 +508,17 @@ var SliderMarker = defineComponent({
     const label = computed(() => {
       return isString(props.mark) ? props.mark : props.mark.label;
     });
-    const style = computed(() => isString(props.mark) ? void 0 : props.mark.style);
-    return () => h("div", {
-      class: ns.e("marks-text"),
-      style: style.value
-    }, label.value);
+    const style = computed(
+      () => isString(props.mark) ? void 0 : props.mark.style
+    );
+    return () => h(
+      "div",
+      {
+        class: ns.e("marks-text"),
+        style: style.value
+      },
+      label.value
+    );
   }
 });
 
@@ -559,7 +582,9 @@ const useSlide = (props, initData, emit) => {
   };
   const setFirstValue = (firstValue) => {
     initData.firstValue = firstValue != null ? firstValue : props.min;
-    _emit(props.range ? [minValue.value, maxValue.value] : firstValue != null ? firstValue : props.min);
+    _emit(
+      props.range ? [minValue.value, maxValue.value] : firstValue != null ? firstValue : props.min
+    );
   };
   const setSecondValue = (secondValue) => {
     initData.secondValue = secondValue;
@@ -573,7 +598,10 @@ const useSlide = (props, initData, emit) => {
   };
   const emitChange = async () => {
     await nextTick();
-    emit(CHANGE_EVENT, props.range ? [minValue.value, maxValue.value] : props.modelValue);
+    emit(
+      CHANGE_EVENT,
+      props.range ? [minValue.value, maxValue.value] : props.modelValue
+    );
   };
   const handleSliderPointerEvent = (event) => {
     var _a, _b, _c, _d, _e, _f;
@@ -653,13 +681,17 @@ const useStops = (props, initData, minValue, maxValue) => {
     }
     const stopCount = Math.ceil((props.max - props.min) / props.step);
     const stepWidth = 100 * props.step / (props.max - props.min);
-    const result = Array.from({ length: stopCount - 1 }).map((_, index) => (index + 1) * stepWidth);
+    const result = Array.from({ length: stopCount - 1 }).map(
+      (_, index) => (index + 1) * stepWidth
+    );
     if (props.range) {
       return result.filter((step) => {
         return step < 100 * (minValue.value - props.min) / (props.max - props.min) || step > 100 * (maxValue.value - props.min) / (props.max - props.min);
       });
     } else {
-      return result.filter((step) => step > 100 * (initData.firstValue - props.min) / (props.max - props.min));
+      return result.filter(
+        (step) => step > 100 * (initData.firstValue - props.min) / (props.max - props.min)
+      );
     }
   });
   const getStopStyle = (position) => {
@@ -677,11 +709,13 @@ const useMarks = (props) => {
       return [];
     }
     const marksKeys = Object.keys(props.marks);
-    return marksKeys.map(Number.parseFloat).sort((a, b) => a - b).filter((point) => point <= props.max && point >= props.min).map((point) => ({
-      point,
-      position: (point - props.min) * 100 / (props.max - props.min),
-      mark: props.marks[point]
-    }));
+    return marksKeys.map(Number.parseFloat).sort((a, b) => a - b).filter((point) => point <= props.max && point >= props.min).map(
+      (point) => ({
+        point,
+        position: (point - props.min) * 100 / (props.max - props.min),
+        mark: props.marks[point]
+      })
+    );
   });
 };
 
@@ -692,7 +726,9 @@ const useWatch = (props, initData, minValue, maxValue, emit, elFormItem) => {
   };
   const valueChanged = () => {
     if (props.range) {
-      return ![minValue.value, maxValue.value].every((item, index) => item === initData.oldValue[index]);
+      return ![minValue.value, maxValue.value].every(
+        (item, index) => item === initData.oldValue[index]
+      );
     } else {
       return props.modelValue !== initData.oldValue;
     }
@@ -739,22 +775,32 @@ const useWatch = (props, initData, minValue, maxValue, emit, elFormItem) => {
     }
   };
   setValues();
-  watch(() => initData.dragging, (val) => {
-    if (!val) {
+  watch(
+    () => initData.dragging,
+    (val) => {
+      if (!val) {
+        setValues();
+      }
+    }
+  );
+  watch(
+    () => props.modelValue,
+    (val, oldVal) => {
+      if (initData.dragging || isArray(val) && isArray(oldVal) && val.every((item, index) => item === oldVal[index]) && initData.firstValue === val[0] && initData.secondValue === val[1]) {
+        return;
+      }
       setValues();
+    },
+    {
+      deep: true
     }
-  });
-  watch(() => props.modelValue, (val, oldVal) => {
-    if (initData.dragging || isArray(val) && isArray(oldVal) && val.every((item, index) => item === oldVal[index]) && initData.firstValue === val[0] && initData.secondValue === val[1]) {
-      return;
+  );
+  watch(
+    () => [props.min, props.max],
+    () => {
+      setValues();
     }
-    setValues();
-  }, {
-    deep: true
-  });
-  watch(() => [props.min, props.max], () => {
-    setValues();
-  });
+  );
 };
 
 const useLifecycle = (props, initData, resetSize) => {
@@ -773,7 +819,10 @@ const useLifecycle = (props, initData, resetSize) => {
       if (!isNumber(props.modelValue) || Number.isNaN(props.modelValue)) {
         initData.firstValue = props.min;
       } else {
-        initData.firstValue = Math.min(props.max, Math.max(props.min, props.modelValue));
+        initData.firstValue = Math.min(
+          props.max,
+          Math.max(props.min, props.modelValue)
+        );
       }
       initData.oldValue = initData.firstValue;
     }
@@ -786,15 +835,18 @@ const useLifecycle = (props, initData, resetSize) => {
   };
 };
 
-const __default__ = defineComponent({
-  name: "ElSlider"
-});
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...__default__,
+const _hoisted_1$1 = ["id", "role", "aria-label", "aria-labelledby"];
+const _hoisted_2 = { key: 1 };
+const _sfc_main$1 = defineComponent({
+  ...{
+    name: "ElSlider"
+  },
+  __name: "slider",
   props: sliderProps,
   emits: sliderEmits,
-  setup(__props, { expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const ns = useNamespace("slider");
     const { t } = useLocale();
     const initData = reactive({
@@ -828,7 +880,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       formItemContext: elFormItem
     });
     const sliderWrapperSize = useFormSize();
-    const sliderInputSize = computed(() => props.inputSize || sliderWrapperSize.value);
+    const sliderInputSize = computed(
+      () => props.inputSize || sliderWrapperSize.value
+    );
     const groupLabel = computed(() => {
       return props.ariaLabel || t("el.slider.defaultLabel", {
         min: props.min,
@@ -886,7 +940,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       resetSize,
       updateDragging
     });
-    expose({
+    __expose({
       onSliderClick
     });
     return (_ctx, _cache) => {
@@ -895,97 +949,142 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         id: _ctx.range ? unref(inputId) : void 0,
         ref_key: "sliderWrapper",
         ref: sliderWrapper,
-        class: normalizeClass(unref(sliderKls)),
+        class: normalizeClass(sliderKls.value),
         role: _ctx.range ? "group" : void 0,
-        "aria-label": _ctx.range && !unref(isLabeledByFormItem) ? unref(groupLabel) : void 0,
+        "aria-label": _ctx.range && !unref(isLabeledByFormItem) ? groupLabel.value : void 0,
         "aria-labelledby": _ctx.range && unref(isLabeledByFormItem) ? (_a = unref(elFormItem)) == null ? void 0 : _a.labelId : void 0
       }, [
-        createElementVNode("div", {
-          ref_key: "slider",
-          ref: slider,
-          class: normalizeClass([
-            unref(ns).e("runway"),
-            { "show-input": _ctx.showInput && !_ctx.range },
-            unref(ns).is("disabled", unref(sliderDisabled))
-          ]),
-          style: normalizeStyle(unref(runwayStyle)),
-          onMousedown: unref(onSliderDown),
-          onTouchstartPassive: unref(onSliderDown)
-        }, [
-          createElementVNode("div", {
-            class: normalizeClass(unref(ns).e("bar")),
-            style: normalizeStyle(unref(barStyle))
-          }, null, 6),
-          createVNode(SliderButton, {
-            id: !_ctx.range ? unref(inputId) : void 0,
-            ref_key: "firstButton",
-            ref: firstButton,
-            "model-value": unref(firstValue),
-            vertical: _ctx.vertical,
-            "tooltip-class": _ctx.tooltipClass,
-            placement: _ctx.placement,
-            role: "slider",
-            "aria-label": _ctx.range || !unref(isLabeledByFormItem) ? unref(firstButtonLabel) : void 0,
-            "aria-labelledby": !_ctx.range && unref(isLabeledByFormItem) ? (_b = unref(elFormItem)) == null ? void 0 : _b.labelId : void 0,
-            "aria-valuemin": _ctx.min,
-            "aria-valuemax": _ctx.range ? unref(secondValue) : _ctx.max,
-            "aria-valuenow": unref(firstValue),
-            "aria-valuetext": unref(firstValueText),
-            "aria-orientation": _ctx.vertical ? "vertical" : "horizontal",
-            "aria-disabled": unref(sliderDisabled),
-            "onUpdate:modelValue": unref(setFirstValue)
-          }, null, 8, ["id", "model-value", "vertical", "tooltip-class", "placement", "aria-label", "aria-labelledby", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-orientation", "aria-disabled", "onUpdate:modelValue"]),
-          _ctx.range ? (openBlock(), createBlock(SliderButton, {
-            key: 0,
-            ref_key: "secondButton",
-            ref: secondButton,
-            "model-value": unref(secondValue),
-            vertical: _ctx.vertical,
-            "tooltip-class": _ctx.tooltipClass,
-            placement: _ctx.placement,
-            role: "slider",
-            "aria-label": unref(secondButtonLabel),
-            "aria-valuemin": unref(firstValue),
-            "aria-valuemax": _ctx.max,
-            "aria-valuenow": unref(secondValue),
-            "aria-valuetext": unref(secondValueText),
-            "aria-orientation": _ctx.vertical ? "vertical" : "horizontal",
-            "aria-disabled": unref(sliderDisabled),
-            "onUpdate:modelValue": unref(setSecondValue)
-          }, null, 8, ["model-value", "vertical", "tooltip-class", "placement", "aria-label", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-orientation", "aria-disabled", "onUpdate:modelValue"])) : createCommentVNode("v-if", true),
-          _ctx.showStops ? (openBlock(), createElementBlock("div", { key: 1 }, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(stops), (item, key) => {
-              return openBlock(), createElementBlock("div", {
-                key,
-                class: normalizeClass(unref(ns).e("stop")),
-                style: normalizeStyle(unref(getStopStyle)(item))
-              }, null, 6);
-            }), 128))
-          ])) : createCommentVNode("v-if", true),
-          unref(markList).length > 0 ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-            createElementVNode("div", null, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(markList), (item, key) => {
-                return openBlock(), createElementBlock("div", {
-                  key,
-                  style: normalizeStyle(unref(getStopStyle)(item.position)),
-                  class: normalizeClass([unref(ns).e("stop"), unref(ns).e("marks-stop")])
-                }, null, 6);
-              }), 128))
+        createElementVNode(
+          "div",
+          {
+            ref_key: "slider",
+            ref: slider,
+            class: normalizeClass([
+              unref(ns).e("runway"),
+              { "show-input": _ctx.showInput && !_ctx.range },
+              unref(ns).is("disabled", unref(sliderDisabled))
             ]),
-            createElementVNode("div", {
-              class: normalizeClass(unref(ns).e("marks"))
-            }, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(markList), (item, key) => {
-                return openBlock(), createBlock(unref(SliderMarker), {
-                  key,
-                  mark: item.mark,
-                  style: normalizeStyle(unref(getStopStyle)(item.position)),
-                  onMousedown: withModifiers(($event) => unref(onSliderMarkerDown)(item.position), ["stop"])
-                }, null, 8, ["mark", "style", "onMousedown"]);
-              }), 128))
-            ], 2)
-          ], 64)) : createCommentVNode("v-if", true)
-        ], 46, ["onMousedown", "onTouchstartPassive"]),
+            style: normalizeStyle(unref(runwayStyle)),
+            onMousedown: _cache[0] || (_cache[0] = (...args) => unref(onSliderDown) && unref(onSliderDown)(...args)),
+            onTouchstartPassive: _cache[1] || (_cache[1] = (...args) => unref(onSliderDown) && unref(onSliderDown)(...args))
+          },
+          [
+            createElementVNode(
+              "div",
+              {
+                class: normalizeClass(unref(ns).e("bar")),
+                style: normalizeStyle(unref(barStyle))
+              },
+              null,
+              6
+            ),
+            createVNode(SliderButton, {
+              id: !_ctx.range ? unref(inputId) : void 0,
+              ref_key: "firstButton",
+              ref: firstButton,
+              "model-value": unref(firstValue),
+              vertical: _ctx.vertical,
+              "tooltip-class": _ctx.tooltipClass,
+              placement: _ctx.placement,
+              role: "slider",
+              "aria-label": _ctx.range || !unref(isLabeledByFormItem) ? firstButtonLabel.value : void 0,
+              "aria-labelledby": !_ctx.range && unref(isLabeledByFormItem) ? (_b = unref(elFormItem)) == null ? void 0 : _b.labelId : void 0,
+              "aria-valuemin": _ctx.min,
+              "aria-valuemax": _ctx.range ? unref(secondValue) : _ctx.max,
+              "aria-valuenow": unref(firstValue),
+              "aria-valuetext": firstValueText.value,
+              "aria-orientation": _ctx.vertical ? "vertical" : "horizontal",
+              "aria-disabled": unref(sliderDisabled),
+              "onUpdate:modelValue": unref(setFirstValue)
+            }, null, 8, ["id", "model-value", "vertical", "tooltip-class", "placement", "aria-label", "aria-labelledby", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-orientation", "aria-disabled", "onUpdate:modelValue"]),
+            _ctx.range ? (openBlock(), createBlock(SliderButton, {
+              key: 0,
+              ref_key: "secondButton",
+              ref: secondButton,
+              "model-value": unref(secondValue),
+              vertical: _ctx.vertical,
+              "tooltip-class": _ctx.tooltipClass,
+              placement: _ctx.placement,
+              role: "slider",
+              "aria-label": secondButtonLabel.value,
+              "aria-valuemin": unref(firstValue),
+              "aria-valuemax": _ctx.max,
+              "aria-valuenow": unref(secondValue),
+              "aria-valuetext": secondValueText.value,
+              "aria-orientation": _ctx.vertical ? "vertical" : "horizontal",
+              "aria-disabled": unref(sliderDisabled),
+              "onUpdate:modelValue": unref(setSecondValue)
+            }, null, 8, ["model-value", "vertical", "tooltip-class", "placement", "aria-label", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-orientation", "aria-disabled", "onUpdate:modelValue"])) : createCommentVNode("v-if", true),
+            _ctx.showStops ? (openBlock(), createElementBlock("div", _hoisted_2, [
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(unref(stops), (item, key) => {
+                  return openBlock(), createElementBlock(
+                    "div",
+                    {
+                      key,
+                      class: normalizeClass(unref(ns).e("stop")),
+                      style: normalizeStyle(unref(getStopStyle)(item))
+                    },
+                    null,
+                    6
+                  );
+                }),
+                128
+              ))
+            ])) : createCommentVNode("v-if", true),
+            unref(markList).length > 0 ? (openBlock(), createElementBlock(
+              Fragment,
+              { key: 2 },
+              [
+                createElementVNode("div", null, [
+                  (openBlock(true), createElementBlock(
+                    Fragment,
+                    null,
+                    renderList(unref(markList), (item, key) => {
+                      return openBlock(), createElementBlock(
+                        "div",
+                        {
+                          key,
+                          style: normalizeStyle(unref(getStopStyle)(item.position)),
+                          class: normalizeClass([unref(ns).e("stop"), unref(ns).e("marks-stop")])
+                        },
+                        null,
+                        6
+                      );
+                    }),
+                    128
+                  ))
+                ]),
+                createElementVNode(
+                  "div",
+                  {
+                    class: normalizeClass(unref(ns).e("marks"))
+                  },
+                  [
+                    (openBlock(true), createElementBlock(
+                      Fragment,
+                      null,
+                      renderList(unref(markList), (item, key) => {
+                        return openBlock(), createBlock(unref(SliderMarker), {
+                          key,
+                          mark: item.mark,
+                          style: normalizeStyle(unref(getStopStyle)(item.position)),
+                          onMousedown: withModifiers(($event) => unref(onSliderMarkerDown)(item.position), ["stop"])
+                        }, null, 8, ["mark", "style", "onMousedown"]);
+                      }),
+                      128
+                    ))
+                  ],
+                  2
+                )
+              ],
+              64
+            )) : createCommentVNode("v-if", true)
+          ],
+          38
+        ),
         _ctx.showInput && !_ctx.range ? (openBlock(), createBlock(unref(ElInputNumber), {
           key: 0,
           ref: "input",
@@ -996,16 +1095,16 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           controls: _ctx.showInputControls,
           min: _ctx.min,
           max: _ctx.max,
-          precision: unref(precision),
-          size: unref(sliderInputSize),
+          precision: precision.value,
+          size: sliderInputSize.value,
           "onUpdate:modelValue": unref(setFirstValue),
           onChange: unref(emitChange)
         }, null, 8, ["model-value", "class", "step", "disabled", "controls", "min", "max", "precision", "size", "onUpdate:modelValue", "onChange"])) : createCommentVNode("v-if", true)
-      ], 10, ["id", "role", "aria-label", "aria-labelledby"]);
+      ], 10, _hoisted_1$1);
     };
   }
 });
-var Slider = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "slider.vue"]]);
+var Slider = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/slider/src/slider.vue"]]);
 
 const ElSlider = withInstall(Slider);
 
@@ -1164,9 +1263,9 @@ const cssModules = {
 };
 const Component = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__cssModules", cssModules]]);
 
-const __vite_glob_0_27 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+const __vite_glob_0_30 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
   default: Component
 }, Symbol.toStringTag, { value: 'Module' }));
 
-export { Component as C, __vite_glob_0_27 as _ };
+export { Component as C, __vite_glob_0_30 as _ };

package/dist/es/components/svg-icon/index.css

@@ -1,9 +1,10 @@
 /* source: src/components/svg-icon/svg-icon.vue */
-._icon_15t6e_1 {
+._icon_e7xr1_1 {
   width: 1em;
   height: 1em;
   overflow: hidden;
   font-size: 1em;
-  vertical-align: -0.15em;
+  vertical-align: -0.17em;
   fill: currentcolor;
+  display: inline-flex;
 }