@element-plus/nightly 0.0.20260308 → 0.0.20260310

package/lib/components/slider/src/slider.vue.d.ts

@@ -12,17 +12,17 @@ declare const __VLS_export: vue.DefineComponent<{
   readonly id: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
   readonly min: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
   readonly max: EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
-  readonly step: EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
+  readonly step: EpPropFinalized<(new (...args: any[]) => number | "mark") | (() => number | "mark") | ((new (...args: any[]) => number | "mark") | (() => number | "mark"))[], unknown, unknown, 1, boolean>;
   readonly showInput: BooleanConstructor;
   readonly showInputControls: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly size: {
-    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   readonly inputSize: {
-    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -80,26 +80,26 @@ declare const __VLS_export: vue.DefineComponent<{
 }, {
   onSliderClick: (event: MouseEvent | TouchEvent) => void;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+  change: (value: Arrayable<number>) => void;
   "update:modelValue": (value: Arrayable<number>) => void;
   input: (value: Arrayable<number>) => void;
-  change: (value: Arrayable<number>) => void;
 }, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
   readonly ariaLabel: StringConstructor;
   readonly modelValue: EpPropFinalized<(new (...args: any[]) => number | number[]) | (() => Arrayable<number>) | ((new (...args: any[]) => number | number[]) | (() => Arrayable<number>))[], unknown, unknown, 0, boolean>;
   readonly id: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
   readonly min: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
   readonly max: EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
-  readonly step: EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
+  readonly step: EpPropFinalized<(new (...args: any[]) => number | "mark") | (() => number | "mark") | ((new (...args: any[]) => number | "mark") | (() => number | "mark"))[], unknown, unknown, 1, boolean>;
   readonly showInput: BooleanConstructor;
   readonly showInputControls: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly size: {
-    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   readonly inputSize: {
-    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -155,18 +155,21 @@ declare const __VLS_export: vue.DefineComponent<{
   readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly persistent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 }>> & {
-  "onUpdate:modelValue"?: ((value: Arrayable<number>) => any) | undefined;
-  onInput?: ((value: Arrayable<number>) => any) | undefined;
   onChange?: ((value: Arrayable<number>) => any) | undefined;
+  onInput?: ((value: Arrayable<number>) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: Arrayable<number>) => any) | undefined;
 }, {
-  readonly vertical: boolean;
-  readonly range: boolean;
-  readonly disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly modelValue: EpPropMergeType<(new (...args: any[]) => number | number[]) | (() => Arrayable<number>) | ((new (...args: any[]) => number | number[]) | (() => Arrayable<number>))[], unknown, unknown>;
+  readonly placement: EpPropMergeType<StringConstructor, Placement, unknown>;
   readonly id: string;
-  readonly min: number;
+  readonly disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly vertical: boolean;
+  readonly range: boolean;
+  readonly persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly max: number;
-  readonly step: number;
+  readonly min: number;
+  readonly step: EpPropMergeType<(new (...args: any[]) => number | "mark") | (() => number | "mark") | ((new (...args: any[]) => number | "mark") | (() => number | "mark"))[], unknown, unknown>;
   readonly showInputControls: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showTooltip: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly formatTooltip: (val: number) => number | string;
@@ -174,9 +177,6 @@ declare const __VLS_export: vue.DefineComponent<{
   readonly rangeEndLabel: string;
   readonly formatValueText: (val: number) => string;
   readonly tooltipClass: string;
-  readonly placement: EpPropMergeType<StringConstructor, Placement, unknown>;
-  readonly validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showInput: boolean;
   readonly showStops: boolean;
 }, {}>;

package/lib/components/slider/src/slider.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,5 @@
 const require_runtime = require('../../../_virtual/_rolldown/runtime.js');
+const require_types = require('../../../utils/types.js');
 const require_index = require('../../../hooks/use-locale/index.js');
 const require_index$1 = require('../../../hooks/use-namespace/index.js');
 const require_use_form_common_props = require('../../form/src/hooks/use-form-common-props.js');
@@ -46,6 +47,9 @@ var slider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue
 		const { inputId, isLabeledByFormItem } = require_use_form_item.useFormItemInputId(props, { formItemContext: elFormItem });
 		const sliderWrapperSize = require_use_form_common_props.useFormSize();
 		const sliderInputSize = (0, vue.computed)(() => props.inputSize || sliderWrapperSize.value);
+		const renderInput = (0, vue.computed)(() => {
+			return props.showInput && !props.range && props.step !== "mark";
+		});
 		const groupLabel = (0, vue.computed)(() => {
 			return props.ariaLabel || t("el.slider.defaultLabel", {
 				min: props.min,
@@ -69,15 +73,19 @@ var slider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue
 			ns.b(),
 			ns.m(sliderWrapperSize.value),
 			ns.is("vertical", props.vertical),
-			{ [ns.m("with-input")]: props.showInput }
+			{ [ns.m("with-input")]: renderInput.value }
 		]);
 		const markList = require_use_marks.useMarks(props);
 		require_use_watch.useWatch(props, initData, minValue, maxValue, emit, elFormItem);
+		const sliderInputStep = (0, vue.computed)(() => {
+			return require_types.isNumber(props.step) ? props.step : 1;
+		});
 		const precision = (0, vue.computed)(() => {
+			const stepValue = require_types.isNumber(props.step) ? props.step : 1;
 			const precisions = [
 				props.min,
 				props.max,
-				props.step
+				stepValue
 			].map((item) => {
 				const decimal = `${item}`.split(".")[1];
 				return decimal ? decimal.length : 0;
@@ -96,6 +104,7 @@ var slider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue
 			sliderSize,
 			disabled: sliderDisabled,
 			precision,
+			markList,
 			emitChange,
 			resetSize,
 			updateDragging
@@ -115,7 +124,7 @@ var slider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue
 				ref: slider,
 				class: (0, vue.normalizeClass)([
 					(0, vue.unref)(ns).e("runway"),
-					{ "show-input": _ctx.showInput && !_ctx.range },
+					{ "show-input": renderInput.value },
 					(0, vue.unref)(ns).is("disabled", (0, vue.unref)(sliderDisabled))
 				]),
 				style: (0, vue.normalizeStyle)((0, vue.unref)(runwayStyle)),
@@ -216,12 +225,12 @@ var slider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue
 						"onMousedown"
 					]);
 				}), 128))], 2)], 64)) : (0, vue.createCommentVNode)("v-if", true)
-			], 38), _ctx.showInput && !_ctx.range ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$2.ElInputNumber), {
+			], 38), renderInput.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$2.ElInputNumber), {
 				key: 0,
 				ref: "input",
 				"model-value": (0, vue.unref)(firstValue),
 				class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("input")),
-				step: _ctx.step,
+				step: sliderInputStep.value,
 				disabled: (0, vue.unref)(sliderDisabled),
 				controls: _ctx.showInputControls,
 				min: _ctx.min,

package/lib/components/slider/src/slider.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.vue_vue_type_script_setup_true_lang.js","names":["range","showInput","vertical","tooltipClass","placement","min","max","showStops","step","showInputControls"],"sources":["../../../../../../packages/components/slider/src/slider.vue"],"sourcesContent":["<template>\n  <div\n    :id=\"range ? inputId : undefined\"\n    ref=\"sliderWrapper\"\n    :class=\"sliderKls\"\n    :role=\"range ? 'group' : undefined\"\n    :aria-label=\"range && !isLabeledByFormItem ? groupLabel : undefined\"\n    :aria-labelledby=\"\n      range && isLabeledByFormItem ? elFormItem?.labelId : undefined\n    \"\n  >\n    <div\n      ref=\"slider\"\n      :class=\"[\n        ns.e('runway'),\n        { 'show-input': showInput && !range },\n        ns.is('disabled', sliderDisabled),\n      ]\"\n      :style=\"runwayStyle\"\n      @mousedown=\"onSliderDown\"\n      @touchstart.passive=\"onSliderDown\"\n    >\n      <div :class=\"ns.e('bar')\" :style=\"barStyle\" />\n      <slider-button\n        :id=\"!range ? inputId : undefined\"\n        ref=\"firstButton\"\n        :model-value=\"firstValue\"\n        :vertical=\"vertical\"\n        :tooltip-class=\"tooltipClass\"\n        :placement=\"placement\"\n        role=\"slider\"\n        :aria-label=\"\n          range || !isLabeledByFormItem ? firstButtonLabel : undefined\n        \"\n        :aria-labelledby=\"\n          !range && isLabeledByFormItem ? elFormItem?.labelId : undefined\n        \"\n        :aria-valuemin=\"min\"\n        :aria-valuemax=\"range ? secondValue : max\"\n        :aria-valuenow=\"firstValue\"\n        :aria-valuetext=\"firstValueText\"\n        :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n        :aria-disabled=\"sliderDisabled\"\n        @update:model-value=\"setFirstValue\"\n      />\n      <slider-button\n        v-if=\"range\"\n        ref=\"secondButton\"\n        :model-value=\"secondValue\"\n        :vertical=\"vertical\"\n        :tooltip-class=\"tooltipClass\"\n        :placement=\"placement\"\n        role=\"slider\"\n        :aria-label=\"secondButtonLabel\"\n        :aria-valuemin=\"firstValue\"\n        :aria-valuemax=\"max\"\n        :aria-valuenow=\"secondValue\"\n        :aria-valuetext=\"secondValueText\"\n        :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n        :aria-disabled=\"sliderDisabled\"\n        @update:model-value=\"setSecondValue\"\n      />\n      <div v-if=\"showStops\">\n        <div\n          v-for=\"(item, key) in stops\"\n          :key=\"key\"\n          :class=\"ns.e('stop')\"\n          :style=\"getStopStyle(item)\"\n        />\n      </div>\n      <template v-if=\"markList.length > 0\">\n        <div>\n          <div\n            v-for=\"(item, key) in markList\"\n            :key=\"key\"\n            :style=\"getStopStyle(item.position)\"\n            :class=\"[ns.e('stop'), ns.e('marks-stop')]\"\n          />\n        </div>\n        <div :class=\"ns.e('marks')\">\n          <slider-marker\n            v-for=\"(item, key) in markList\"\n            :key=\"key\"\n            :mark=\"item.mark\"\n            :style=\"getStopStyle(item.position)\"\n            @mousedown.stop=\"onSliderMarkerDown(item.position)\"\n          />\n        </div>\n      </template>\n    </div>\n    <el-input-number\n      v-if=\"showInput && !range\"\n      ref=\"input\"\n      :model-value=\"firstValue\"\n      :class=\"ns.e('input')\"\n      :step=\"step\"\n      :disabled=\"sliderDisabled\"\n      :controls=\"showInputControls\"\n      :min=\"min\"\n      :max=\"max\"\n      :precision=\"precision\"\n      :size=\"sliderInputSize\"\n      @update:model-value=\"setFirstValue\"\n      @change=\"emitChange\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, reactive, toRefs } from 'vue'\nimport { useEventListener } from '@vueuse/core'\nimport ElInputNumber from '@element-plus/components/input-number'\nimport { useFormItemInputId, useFormSize } from '@element-plus/components/form'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { sliderContextKey } from './constants'\nimport { sliderEmits, sliderProps } from './slider'\nimport SliderButton from './button.vue'\nimport SliderMarker from './marker'\nimport {\n  useLifecycle,\n  useMarks,\n  useSlide,\n  useStops,\n  useWatch,\n} from './composables'\n\nimport type { SliderInitData } from './slider'\n\ndefineOptions({\n  name: 'ElSlider',\n})\n\nconst props = defineProps(sliderProps)\nconst emit = defineEmits(sliderEmits)\n\nconst ns = useNamespace('slider')\nconst { t } = useLocale()\n\nconst initData = reactive<SliderInitData>({\n  firstValue: 0,\n  secondValue: 0,\n  oldValue: 0,\n  dragging: false,\n  sliderSize: 1,\n})\n\nconst {\n  elFormItem,\n  slider,\n  firstButton,\n  secondButton,\n  sliderDisabled,\n  minValue,\n  maxValue,\n  runwayStyle,\n  barStyle,\n  resetSize,\n  emitChange,\n  onSliderWrapperPrevent,\n  onSliderClick,\n  onSliderDown,\n  onSliderMarkerDown,\n  setFirstValue,\n  setSecondValue,\n} = useSlide(props, initData, emit)\n\nconst { stops, getStopStyle } = useStops(props, initData, minValue, maxValue)\n\nconst { inputId, isLabeledByFormItem } = useFormItemInputId(props, {\n  formItemContext: elFormItem,\n})\n\nconst sliderWrapperSize = useFormSize()\nconst sliderInputSize = computed(\n  () => props.inputSize || sliderWrapperSize.value\n)\n\nconst groupLabel = computed<string>(() => {\n  return (\n    props.ariaLabel ||\n    t('el.slider.defaultLabel', {\n      min: props.min,\n      max: props.max,\n    })\n  )\n})\n\nconst firstButtonLabel = computed<string>(() => {\n  if (props.range) {\n    return props.rangeStartLabel || t('el.slider.defaultRangeStartLabel')\n  } else {\n    return groupLabel.value\n  }\n})\n\nconst firstValueText = computed<string>(() => {\n  return props.formatValueText\n    ? props.formatValueText(firstValue.value)\n    : `${firstValue.value}`\n})\n\nconst secondButtonLabel = computed<string>(() => {\n  return props.rangeEndLabel || t('el.slider.defaultRangeEndLabel')\n})\n\nconst secondValueText = computed<string>(() => {\n  return props.formatValueText\n    ? props.formatValueText(secondValue.value)\n    : `${secondValue.value}`\n})\n\nconst sliderKls = computed(() => [\n  ns.b(),\n  ns.m(sliderWrapperSize.value),\n  ns.is('vertical', props.vertical),\n  { [ns.m('with-input')]: props.showInput },\n])\n\nconst markList = useMarks(props)\n\nuseWatch(props, initData, minValue, maxValue, emit, elFormItem!)\n\nconst precision = computed(() => {\n  const precisions = [props.min, props.max, props.step].map((item) => {\n    const decimal = `${item}`.split('.')[1]\n    return decimal ? decimal.length : 0\n  })\n  return Math.max.apply(null, precisions)\n})\n\nconst { sliderWrapper } = useLifecycle(props, initData, resetSize)\n\nconst { firstValue, secondValue, sliderSize } = toRefs(initData)\n\nconst updateDragging = (val: boolean) => {\n  initData.dragging = val\n}\n\nuseEventListener(sliderWrapper, 'touchstart', onSliderWrapperPrevent, {\n  passive: false,\n})\nuseEventListener(sliderWrapper, 'touchmove', onSliderWrapperPrevent, {\n  passive: false,\n})\n\nprovide(sliderContextKey, {\n  ...toRefs(props),\n  sliderSize,\n  disabled: sliderDisabled,\n  precision,\n  emitChange,\n  resetSize,\n  updateDragging,\n})\n\ndefineExpose({\n  onSliderClick,\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"slider.vue_vue_type_script_setup_true_lang.js","names":["range","vertical","tooltipClass","placement","min","max","showStops","showInputControls"],"sources":["../../../../../../packages/components/slider/src/slider.vue"],"sourcesContent":["<template>\n  <div\n    :id=\"range ? inputId : undefined\"\n    ref=\"sliderWrapper\"\n    :class=\"sliderKls\"\n    :role=\"range ? 'group' : undefined\"\n    :aria-label=\"range && !isLabeledByFormItem ? groupLabel : undefined\"\n    :aria-labelledby=\"\n      range && isLabeledByFormItem ? elFormItem?.labelId : undefined\n    \"\n  >\n    <div\n      ref=\"slider\"\n      :class=\"[\n        ns.e('runway'),\n        { 'show-input': renderInput },\n        ns.is('disabled', sliderDisabled),\n      ]\"\n      :style=\"runwayStyle\"\n      @mousedown=\"onSliderDown\"\n      @touchstart.passive=\"onSliderDown\"\n    >\n      <div :class=\"ns.e('bar')\" :style=\"barStyle\" />\n      <slider-button\n        :id=\"!range ? inputId : undefined\"\n        ref=\"firstButton\"\n        :model-value=\"firstValue\"\n        :vertical=\"vertical\"\n        :tooltip-class=\"tooltipClass\"\n        :placement=\"placement\"\n        role=\"slider\"\n        :aria-label=\"\n          range || !isLabeledByFormItem ? firstButtonLabel : undefined\n        \"\n        :aria-labelledby=\"\n          !range && isLabeledByFormItem ? elFormItem?.labelId : undefined\n        \"\n        :aria-valuemin=\"min\"\n        :aria-valuemax=\"range ? secondValue : max\"\n        :aria-valuenow=\"firstValue\"\n        :aria-valuetext=\"firstValueText\"\n        :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n        :aria-disabled=\"sliderDisabled\"\n        @update:model-value=\"setFirstValue\"\n      />\n      <slider-button\n        v-if=\"range\"\n        ref=\"secondButton\"\n        :model-value=\"secondValue\"\n        :vertical=\"vertical\"\n        :tooltip-class=\"tooltipClass\"\n        :placement=\"placement\"\n        role=\"slider\"\n        :aria-label=\"secondButtonLabel\"\n        :aria-valuemin=\"firstValue\"\n        :aria-valuemax=\"max\"\n        :aria-valuenow=\"secondValue\"\n        :aria-valuetext=\"secondValueText\"\n        :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n        :aria-disabled=\"sliderDisabled\"\n        @update:model-value=\"setSecondValue\"\n      />\n      <div v-if=\"showStops\">\n        <div\n          v-for=\"(item, key) in stops\"\n          :key=\"key\"\n          :class=\"ns.e('stop')\"\n          :style=\"getStopStyle(item)\"\n        />\n      </div>\n      <template v-if=\"markList.length > 0\">\n        <div>\n          <div\n            v-for=\"(item, key) in markList\"\n            :key=\"key\"\n            :style=\"getStopStyle(item.position)\"\n            :class=\"[ns.e('stop'), ns.e('marks-stop')]\"\n          />\n        </div>\n        <div :class=\"ns.e('marks')\">\n          <slider-marker\n            v-for=\"(item, key) in markList\"\n            :key=\"key\"\n            :mark=\"item.mark\"\n            :style=\"getStopStyle(item.position)\"\n            @mousedown.stop=\"onSliderMarkerDown(item.position)\"\n          />\n        </div>\n      </template>\n    </div>\n    <el-input-number\n      v-if=\"renderInput\"\n      ref=\"input\"\n      :model-value=\"firstValue\"\n      :class=\"ns.e('input')\"\n      :step=\"sliderInputStep\"\n      :disabled=\"sliderDisabled\"\n      :controls=\"showInputControls\"\n      :min=\"min\"\n      :max=\"max\"\n      :precision=\"precision\"\n      :size=\"sliderInputSize\"\n      @update:model-value=\"setFirstValue\"\n      @change=\"emitChange\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, reactive, toRefs } from 'vue'\nimport { useEventListener } from '@vueuse/core'\nimport ElInputNumber from '@element-plus/components/input-number'\nimport { useFormItemInputId, useFormSize } from '@element-plus/components/form'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { sliderContextKey } from './constants'\nimport { sliderEmits, sliderProps } from './slider'\nimport SliderButton from './button.vue'\nimport SliderMarker from './marker'\nimport {\n  useLifecycle,\n  useMarks,\n  useSlide,\n  useStops,\n  useWatch,\n} from './composables'\nimport { isNumber } from '@element-plus/utils'\n\nimport type { SliderInitData } from './slider'\n\ndefineOptions({\n  name: 'ElSlider',\n})\n\nconst props = defineProps(sliderProps)\nconst emit = defineEmits(sliderEmits)\n\nconst ns = useNamespace('slider')\nconst { t } = useLocale()\n\nconst initData = reactive<SliderInitData>({\n  firstValue: 0,\n  secondValue: 0,\n  oldValue: 0,\n  dragging: false,\n  sliderSize: 1,\n})\n\nconst {\n  elFormItem,\n  slider,\n  firstButton,\n  secondButton,\n  sliderDisabled,\n  minValue,\n  maxValue,\n  runwayStyle,\n  barStyle,\n  resetSize,\n  emitChange,\n  onSliderWrapperPrevent,\n  onSliderClick,\n  onSliderDown,\n  onSliderMarkerDown,\n  setFirstValue,\n  setSecondValue,\n} = useSlide(props, initData, emit)\n\nconst { stops, getStopStyle } = useStops(props, initData, minValue, maxValue)\n\nconst { inputId, isLabeledByFormItem } = useFormItemInputId(props, {\n  formItemContext: elFormItem,\n})\n\nconst sliderWrapperSize = useFormSize()\nconst sliderInputSize = computed(\n  () => props.inputSize || sliderWrapperSize.value\n)\n\nconst renderInput = computed(() => {\n  return props.showInput && !props.range && props.step !== 'mark'\n})\n\nconst groupLabel = computed<string>(() => {\n  return (\n    props.ariaLabel ||\n    t('el.slider.defaultLabel', {\n      min: props.min,\n      max: props.max,\n    })\n  )\n})\n\nconst firstButtonLabel = computed<string>(() => {\n  if (props.range) {\n    return props.rangeStartLabel || t('el.slider.defaultRangeStartLabel')\n  } else {\n    return groupLabel.value\n  }\n})\n\nconst firstValueText = computed<string>(() => {\n  return props.formatValueText\n    ? props.formatValueText(firstValue.value)\n    : `${firstValue.value}`\n})\n\nconst secondButtonLabel = computed<string>(() => {\n  return props.rangeEndLabel || t('el.slider.defaultRangeEndLabel')\n})\n\nconst secondValueText = computed<string>(() => {\n  return props.formatValueText\n    ? props.formatValueText(secondValue.value)\n    : `${secondValue.value}`\n})\n\nconst sliderKls = computed(() => [\n  ns.b(),\n  ns.m(sliderWrapperSize.value),\n  ns.is('vertical', props.vertical),\n  { [ns.m('with-input')]: renderInput.value },\n])\n\nconst markList = useMarks(props)\n\nuseWatch(props, initData, minValue, maxValue, emit, elFormItem!)\n\nconst sliderInputStep = computed(() => {\n  return isNumber(props.step) ? props.step : 1\n})\n\nconst precision = computed(() => {\n  const stepValue = isNumber(props.step) ? props.step : 1\n  const precisions = [props.min, props.max, stepValue].map((item) => {\n    const decimal = `${item}`.split('.')[1]\n    return decimal ? decimal.length : 0\n  })\n  return Math.max.apply(null, precisions)\n})\n\nconst { sliderWrapper } = useLifecycle(props, initData, resetSize)\n\nconst { firstValue, secondValue, sliderSize } = toRefs(initData)\n\nconst updateDragging = (val: boolean) => {\n  initData.dragging = val\n}\n\nuseEventListener(sliderWrapper, 'touchstart', onSliderWrapperPrevent, {\n  passive: false,\n})\nuseEventListener(sliderWrapper, 'touchmove', onSliderWrapperPrevent, {\n  passive: false,\n})\n\nprovide(sliderContextKey, {\n  ...toRefs(props),\n  sliderSize,\n  disabled: sliderDisabled,\n  precision,\n  markList,\n  emitChange,\n  resetSize,\n  updateDragging,\n})\n\ndefineExpose({\n  onSliderClick,\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqIA,MAAM,QAAQ;EACd,MAAM,OAAO;EAEb,MAAM,KAAK,6BAAa,SAAQ;EAChC,MAAM,EAAE,MAAM,yBAAU;EAExB,MAAM,6BAAoC;GACxC,YAAY;GACZ,aAAa;GACb,UAAU;GACV,UAAU;GACV,YAAY;GACb,CAAA;EAED,MAAM,EACJ,YACA,QACA,aACA,cACA,gBACA,UACA,UACA,aACA,UACA,WACA,YACA,wBACA,eACA,cACA,oBACA,eACA,mBACE,2BAAS,OAAO,UAAU,KAAI;EAElC,MAAM,EAAE,OAAO,iBAAiB,2BAAS,OAAO,UAAU,UAAU,SAAQ;EAE5E,MAAM,EAAE,SAAS,wBAAwB,yCAAmB,OAAO,EACjE,iBAAiB,YAClB,CAAA;EAED,MAAM,oBAAoB,2CAAY;EACtC,MAAM,0CACE,MAAM,aAAa,kBAAkB,MAC7C;EAEA,MAAM,sCAA6B;AACjC,UAAO,MAAM,aAAa,CAAC,MAAM,SAAS,MAAM,SAAS;IAC1D;EAED,MAAM,qCAAoC;AACxC,UACE,MAAM,aACN,EAAE,0BAA0B;IAC1B,KAAK,MAAM;IACX,KAAK,MAAM;IACZ,CAAA;IAEJ;EAED,MAAM,2CAA0C;AAC9C,OAAI,MAAM,MACR,QAAO,MAAM,mBAAmB,EAAE,mCAAkC;OAEpE,QAAO,WAAW;IAErB;EAED,MAAM,yCAAwC;AAC5C,UAAO,MAAM,kBACT,MAAM,gBAAgB,WAAW,MAAK,GACtC,GAAG,WAAW;IACnB;EAED,MAAM,4CAA2C;AAC/C,UAAO,MAAM,iBAAiB,EAAE,iCAAgC;IACjE;EAED,MAAM,0CAAyC;AAC7C,UAAO,MAAM,kBACT,MAAM,gBAAgB,YAAY,MAAK,GACvC,GAAG,YAAY;IACpB;EAED,MAAM,oCAA2B;GAC/B,GAAG,GAAG;GACN,GAAG,EAAE,kBAAkB,MAAM;GAC7B,GAAG,GAAG,YAAY,MAAM,SAAS;GACjC,GAAG,GAAG,EAAE,aAAa,GAAG,YAAY,OAAO;GAC5C,CAAA;EAED,MAAM,WAAW,2BAAS,MAAK;AAE/B,6BAAS,OAAO,UAAU,UAAU,UAAU,MAAM,WAAW;EAE/D,MAAM,0CAAiC;AACrC,UAAO,uBAAS,MAAM,KAAK,GAAG,MAAM,OAAO;IAC5C;EAED,MAAM,oCAA2B;GAC/B,MAAM,YAAY,uBAAS,MAAM,KAAK,GAAG,MAAM,OAAO;GACtD,MAAM,aAAa;IAAC,MAAM;IAAK,MAAM;IAAK;IAAU,CAAC,KAAK,SAAS;IACjE,MAAM,UAAU,GAAG,OAAO,MAAM,IAAI,CAAC;AACrC,WAAO,UAAU,QAAQ,SAAS;KACnC;AACD,UAAO,KAAK,IAAI,MAAM,MAAM,WAAU;IACvC;EAED,MAAM,EAAE,kBAAkB,mCAAa,OAAO,UAAU,UAAS;EAEjE,MAAM,EAAE,YAAY,aAAa,+BAAsB,SAAQ;EAE/D,MAAM,kBAAkB,QAAiB;AACvC,YAAS,WAAW;;AAGtB,qCAAiB,eAAe,cAAc,wBAAwB,EACpE,SAAS,OACV,CAAA;AACD,qCAAiB,eAAe,aAAa,wBAAwB,EACnE,SAAS,OACV,CAAA;AAED,mBAAQ,oCAAkB;GACxB,mBAAU,MAAM;GAChB;GACA,UAAU;GACV;GACA;GACA;GACA;GACA;GACD,CAAA;AAED,WAAa,EACX,eACD,CAAA;;4DAnKO,OAAA;IAvGH,IAAIA,KAAAA,uBAAQ,QAAO,GAAG;aACnB;IAAJ,KAAI;IACH,+BAAO,UAAA,MAAS;IAChB,MAAMA,KAAAA,QAAK,UAAa;IACxB,cAAYA,KAAAA,SAAK,gBAAK,oBAAmB,GAAG,WAAA,QAAa;IACzD,mBAAwBA,KAAAA,wBAAS,oBAAmB,kBAAG,WAAU,EAAE,UAAU;mCAkFxE,OAAA;aA7EA;IAAJ,KAAI;IACH,+BAAK;oBAAY,GAAE,CAAC,EAAC,SAAA;qBAAoC,YAAA,OAAW;oBAAY,GAAE,CAAC,GAAE,2BAAa,eAAc,CAAA;;IAKhH,8CAAO,YAAW,CAAA;IAClB,aAAS,OAAA,OAAA,OAAA,iCAAE,aAAA,mBAAA,aAAA,CAAA,GAAA,KAAY;+EACH,aAAA,mBAAA,aAAA,CAAA,GAAA,KAAY;;gCAEa,OAAA;KAAxC,8CAAO,GAAE,CAAC,EAAC,MAAA,CAAA;KAAU,8CAAO,SAAQ,CAAA;;yBAsBxC,wBAAA;KApBC,IAAE,CAAGA,KAAAA,uBAAQ,QAAO,GAAG;cACpB;KAAJ,KAAI;KACH,8BAAa,WAAU;KACvB,UAAUC,KAAAA;KACV,iBAAeC,KAAAA;KACf,WAAWC,KAAAA;KACZ,MAAK;KACJ,cAAuBH,KAAAA,SAAK,gBAAK,oBAAmB,GAAG,iBAAA,QAAmB;KAG1E,oBAA6BA,KAAAA,wBAAS,oBAAmB,kBAAG,WAAU,EAAE,UAAU;KAGlF,iBAAeI,KAAAA;KACf,iBAAeJ,KAAAA,uBAAQ,YAAW,GAAGK,KAAAA;KACrC,gCAAe,WAAU;KACzB,kBAAgB,eAAA;KAChB,oBAAkBJ,KAAAA,WAAQ,aAAA;KAC1B,gCAAe,eAAc;KAC7B,sCAAoB,cAAa;;;;;;;;;;;;;;;;;IAG5BD,KAAAA,oDAeN,wBAAA;;cAdI;KAAJ,KAAI;KACH,8BAAa,YAAW;KACxB,UAAUC,KAAAA;KACV,iBAAeC,KAAAA;KACf,WAAWC,KAAAA;KACZ,MAAK;KACJ,cAAY,kBAAA;KACZ,gCAAe,WAAU;KACzB,iBAAeE,KAAAA;KACf,gCAAe,YAAW;KAC1B,kBAAgB,gBAAA;KAChB,oBAAkBJ,KAAAA,WAAQ,aAAA;KAC1B,gCAAe,eAAc;KAC7B,sCAAoB,eAAc;;;;;;;;;;;;;;;IAE1BK,KAAAA,+DAOL,OAAA,YAAA,wDADF,cAAA,yCAJsB,MAAK,GAAnB,MAAM,QAAG;8DAIjB,OAAA;MAHM;MACL,8CAAO,GAAE,CAAC,EAAC,OAAA,CAAA;MACX,8CAAO,aAAY,CAAC,KAAI,CAAA;;;mBAGb,SAAQ,CAAC,SAAM,uDAkBpB,cAAA,EAAA,KAAA,GAAA,EAAA,6BAVH,OAAA,MAAA,wDADF,cAAA,yCAJsB,SAAQ,GAAtB,MAAM,QAAG;8DAIjB,OAAA;MAHM;MACL,8CAAO,aAAY,CAAC,KAAK,SAAQ,CAAA;MACjC,+BAAK,gBAAG,GAAE,CAAC,EAAC,OAAA,iBAAU,GAAE,CAAC,EAAC,aAAA,CAAA,CAAA;;6CAWzB,OAAA,EARA,8CAAO,GAAE,CAAC,EAAC,QAAA,CAAA,4DAOb,cAAA,yCALsB,SAAQ,GAAtB,MAAM,QAAG;sEAKjB,uBAAA,EAAA;MAJM;MACL,MAAM,KAAK;MACX,8CAAO,aAAY,CAAC,KAAK,SAAQ,CAAA;MACjC,qCAAS,0BAAO,mBAAkB,CAAC,KAAK,SAAQ,EAAA,CAAA,OAAA,CAAA;;;;;;;WAMjD,YAAA,mEAaN,8BAAA,EAAA;;IAZA,KAAI;IACH,8BAAa,WAAU;IACvB,8CAAO,GAAE,CAAC,EAAC,QAAA,CAAA;IACX,MAAM,gBAAA;IACN,yBAAU,eAAc;IACxB,UAAUC,KAAAA;IACV,KAAKH,KAAAA;IACL,KAAKC,KAAAA;IACL,WAAW,UAAA;IACX,MAAM,gBAAA;IACN,sCAAoB,cAAa;IACjC,yBAAQ,WAAU"}

package/lib/components/slider/src/slider2.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider2.js","names":[],"sources":["../../../../../../packages/components/slider/src/slider.vue"],"sourcesContent":["<template>\n  <div\n    :id=\"range ? inputId : undefined\"\n    ref=\"sliderWrapper\"\n    :class=\"sliderKls\"\n    :role=\"range ? 'group' : undefined\"\n    :aria-label=\"range && !isLabeledByFormItem ? groupLabel : undefined\"\n    :aria-labelledby=\"\n      range && isLabeledByFormItem ? elFormItem?.labelId : undefined\n    \"\n  >\n    <div\n      ref=\"slider\"\n      :class=\"[\n        ns.e('runway'),\n        { 'show-input': showInput && !range },\n        ns.is('disabled', sliderDisabled),\n      ]\"\n      :style=\"runwayStyle\"\n      @mousedown=\"onSliderDown\"\n      @touchstart.passive=\"onSliderDown\"\n    >\n      <div :class=\"ns.e('bar')\" :style=\"barStyle\" />\n      <slider-button\n        :id=\"!range ? inputId : undefined\"\n        ref=\"firstButton\"\n        :model-value=\"firstValue\"\n        :vertical=\"vertical\"\n        :tooltip-class=\"tooltipClass\"\n        :placement=\"placement\"\n        role=\"slider\"\n        :aria-label=\"\n          range || !isLabeledByFormItem ? firstButtonLabel : undefined\n        \"\n        :aria-labelledby=\"\n          !range && isLabeledByFormItem ? elFormItem?.labelId : undefined\n        \"\n        :aria-valuemin=\"min\"\n        :aria-valuemax=\"range ? secondValue : max\"\n        :aria-valuenow=\"firstValue\"\n        :aria-valuetext=\"firstValueText\"\n        :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n        :aria-disabled=\"sliderDisabled\"\n        @update:model-value=\"setFirstValue\"\n      />\n      <slider-button\n        v-if=\"range\"\n        ref=\"secondButton\"\n        :model-value=\"secondValue\"\n        :vertical=\"vertical\"\n        :tooltip-class=\"tooltipClass\"\n        :placement=\"placement\"\n        role=\"slider\"\n        :aria-label=\"secondButtonLabel\"\n        :aria-valuemin=\"firstValue\"\n        :aria-valuemax=\"max\"\n        :aria-valuenow=\"secondValue\"\n        :aria-valuetext=\"secondValueText\"\n        :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n        :aria-disabled=\"sliderDisabled\"\n        @update:model-value=\"setSecondValue\"\n      />\n      <div v-if=\"showStops\">\n        <div\n          v-for=\"(item, key) in stops\"\n          :key=\"key\"\n          :class=\"ns.e('stop')\"\n          :style=\"getStopStyle(item)\"\n        />\n      </div>\n      <template v-if=\"markList.length > 0\">\n        <div>\n          <div\n            v-for=\"(item, key) in markList\"\n            :key=\"key\"\n            :style=\"getStopStyle(item.position)\"\n            :class=\"[ns.e('stop'), ns.e('marks-stop')]\"\n          />\n        </div>\n        <div :class=\"ns.e('marks')\">\n          <slider-marker\n            v-for=\"(item, key) in markList\"\n            :key=\"key\"\n            :mark=\"item.mark\"\n            :style=\"getStopStyle(item.position)\"\n            @mousedown.stop=\"onSliderMarkerDown(item.position)\"\n          />\n        </div>\n      </template>\n    </div>\n    <el-input-number\n      v-if=\"showInput && !range\"\n      ref=\"input\"\n      :model-value=\"firstValue\"\n      :class=\"ns.e('input')\"\n      :step=\"step\"\n      :disabled=\"sliderDisabled\"\n      :controls=\"showInputControls\"\n      :min=\"min\"\n      :max=\"max\"\n      :precision=\"precision\"\n      :size=\"sliderInputSize\"\n      @update:model-value=\"setFirstValue\"\n      @change=\"emitChange\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, reactive, toRefs } from 'vue'\nimport { useEventListener } from '@vueuse/core'\nimport ElInputNumber from '@element-plus/components/input-number'\nimport { useFormItemInputId, useFormSize } from '@element-plus/components/form'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { sliderContextKey } from './constants'\nimport { sliderEmits, sliderProps } from './slider'\nimport SliderButton from './button.vue'\nimport SliderMarker from './marker'\nimport {\n  useLifecycle,\n  useMarks,\n  useSlide,\n  useStops,\n  useWatch,\n} from './composables'\n\nimport type { SliderInitData } from './slider'\n\ndefineOptions({\n  name: 'ElSlider',\n})\n\nconst props = defineProps(sliderProps)\nconst emit = defineEmits(sliderEmits)\n\nconst ns = useNamespace('slider')\nconst { t } = useLocale()\n\nconst initData = reactive<SliderInitData>({\n  firstValue: 0,\n  secondValue: 0,\n  oldValue: 0,\n  dragging: false,\n  sliderSize: 1,\n})\n\nconst {\n  elFormItem,\n  slider,\n  firstButton,\n  secondButton,\n  sliderDisabled,\n  minValue,\n  maxValue,\n  runwayStyle,\n  barStyle,\n  resetSize,\n  emitChange,\n  onSliderWrapperPrevent,\n  onSliderClick,\n  onSliderDown,\n  onSliderMarkerDown,\n  setFirstValue,\n  setSecondValue,\n} = useSlide(props, initData, emit)\n\nconst { stops, getStopStyle } = useStops(props, initData, minValue, maxValue)\n\nconst { inputId, isLabeledByFormItem } = useFormItemInputId(props, {\n  formItemContext: elFormItem,\n})\n\nconst sliderWrapperSize = useFormSize()\nconst sliderInputSize = computed(\n  () => props.inputSize || sliderWrapperSize.value\n)\n\nconst groupLabel = computed<string>(() => {\n  return (\n    props.ariaLabel ||\n    t('el.slider.defaultLabel', {\n      min: props.min,\n      max: props.max,\n    })\n  )\n})\n\nconst firstButtonLabel = computed<string>(() => {\n  if (props.range) {\n    return props.rangeStartLabel || t('el.slider.defaultRangeStartLabel')\n  } else {\n    return groupLabel.value\n  }\n})\n\nconst firstValueText = computed<string>(() => {\n  return props.formatValueText\n    ? props.formatValueText(firstValue.value)\n    : `${firstValue.value}`\n})\n\nconst secondButtonLabel = computed<string>(() => {\n  return props.rangeEndLabel || t('el.slider.defaultRangeEndLabel')\n})\n\nconst secondValueText = computed<string>(() => {\n  return props.formatValueText\n    ? props.formatValueText(secondValue.value)\n    : `${secondValue.value}`\n})\n\nconst sliderKls = computed(() => [\n  ns.b(),\n  ns.m(sliderWrapperSize.value),\n  ns.is('vertical', props.vertical),\n  { [ns.m('with-input')]: props.showInput },\n])\n\nconst markList = useMarks(props)\n\nuseWatch(props, initData, minValue, maxValue, emit, elFormItem!)\n\nconst precision = computed(() => {\n  const precisions = [props.min, props.max, props.step].map((item) => {\n    const decimal = `${item}`.split('.')[1]\n    return decimal ? decimal.length : 0\n  })\n  return Math.max.apply(null, precisions)\n})\n\nconst { sliderWrapper } = useLifecycle(props, initData, resetSize)\n\nconst { firstValue, secondValue, sliderSize } = toRefs(initData)\n\nconst updateDragging = (val: boolean) => {\n  initData.dragging = val\n}\n\nuseEventListener(sliderWrapper, 'touchstart', onSliderWrapperPrevent, {\n  passive: false,\n})\nuseEventListener(sliderWrapper, 'touchmove', onSliderWrapperPrevent, {\n  passive: false,\n})\n\nprovide(sliderContextKey, {\n  ...toRefs(props),\n  sliderSize,\n  disabled: sliderDisabled,\n  precision,\n  emitChange,\n  resetSize,\n  updateDragging,\n})\n\ndefineExpose({\n  onSliderClick,\n})\n</script>\n"],"mappings":""}
+{"version":3,"file":"slider2.js","names":[],"sources":["../../../../../../packages/components/slider/src/slider.vue"],"sourcesContent":["<template>\n  <div\n    :id=\"range ? inputId : undefined\"\n    ref=\"sliderWrapper\"\n    :class=\"sliderKls\"\n    :role=\"range ? 'group' : undefined\"\n    :aria-label=\"range && !isLabeledByFormItem ? groupLabel : undefined\"\n    :aria-labelledby=\"\n      range && isLabeledByFormItem ? elFormItem?.labelId : undefined\n    \"\n  >\n    <div\n      ref=\"slider\"\n      :class=\"[\n        ns.e('runway'),\n        { 'show-input': renderInput },\n        ns.is('disabled', sliderDisabled),\n      ]\"\n      :style=\"runwayStyle\"\n      @mousedown=\"onSliderDown\"\n      @touchstart.passive=\"onSliderDown\"\n    >\n      <div :class=\"ns.e('bar')\" :style=\"barStyle\" />\n      <slider-button\n        :id=\"!range ? inputId : undefined\"\n        ref=\"firstButton\"\n        :model-value=\"firstValue\"\n        :vertical=\"vertical\"\n        :tooltip-class=\"tooltipClass\"\n        :placement=\"placement\"\n        role=\"slider\"\n        :aria-label=\"\n          range || !isLabeledByFormItem ? firstButtonLabel : undefined\n        \"\n        :aria-labelledby=\"\n          !range && isLabeledByFormItem ? elFormItem?.labelId : undefined\n        \"\n        :aria-valuemin=\"min\"\n        :aria-valuemax=\"range ? secondValue : max\"\n        :aria-valuenow=\"firstValue\"\n        :aria-valuetext=\"firstValueText\"\n        :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n        :aria-disabled=\"sliderDisabled\"\n        @update:model-value=\"setFirstValue\"\n      />\n      <slider-button\n        v-if=\"range\"\n        ref=\"secondButton\"\n        :model-value=\"secondValue\"\n        :vertical=\"vertical\"\n        :tooltip-class=\"tooltipClass\"\n        :placement=\"placement\"\n        role=\"slider\"\n        :aria-label=\"secondButtonLabel\"\n        :aria-valuemin=\"firstValue\"\n        :aria-valuemax=\"max\"\n        :aria-valuenow=\"secondValue\"\n        :aria-valuetext=\"secondValueText\"\n        :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n        :aria-disabled=\"sliderDisabled\"\n        @update:model-value=\"setSecondValue\"\n      />\n      <div v-if=\"showStops\">\n        <div\n          v-for=\"(item, key) in stops\"\n          :key=\"key\"\n          :class=\"ns.e('stop')\"\n          :style=\"getStopStyle(item)\"\n        />\n      </div>\n      <template v-if=\"markList.length > 0\">\n        <div>\n          <div\n            v-for=\"(item, key) in markList\"\n            :key=\"key\"\n            :style=\"getStopStyle(item.position)\"\n            :class=\"[ns.e('stop'), ns.e('marks-stop')]\"\n          />\n        </div>\n        <div :class=\"ns.e('marks')\">\n          <slider-marker\n            v-for=\"(item, key) in markList\"\n            :key=\"key\"\n            :mark=\"item.mark\"\n            :style=\"getStopStyle(item.position)\"\n            @mousedown.stop=\"onSliderMarkerDown(item.position)\"\n          />\n        </div>\n      </template>\n    </div>\n    <el-input-number\n      v-if=\"renderInput\"\n      ref=\"input\"\n      :model-value=\"firstValue\"\n      :class=\"ns.e('input')\"\n      :step=\"sliderInputStep\"\n      :disabled=\"sliderDisabled\"\n      :controls=\"showInputControls\"\n      :min=\"min\"\n      :max=\"max\"\n      :precision=\"precision\"\n      :size=\"sliderInputSize\"\n      @update:model-value=\"setFirstValue\"\n      @change=\"emitChange\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, reactive, toRefs } from 'vue'\nimport { useEventListener } from '@vueuse/core'\nimport ElInputNumber from '@element-plus/components/input-number'\nimport { useFormItemInputId, useFormSize } from '@element-plus/components/form'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { sliderContextKey } from './constants'\nimport { sliderEmits, sliderProps } from './slider'\nimport SliderButton from './button.vue'\nimport SliderMarker from './marker'\nimport {\n  useLifecycle,\n  useMarks,\n  useSlide,\n  useStops,\n  useWatch,\n} from './composables'\nimport { isNumber } from '@element-plus/utils'\n\nimport type { SliderInitData } from './slider'\n\ndefineOptions({\n  name: 'ElSlider',\n})\n\nconst props = defineProps(sliderProps)\nconst emit = defineEmits(sliderEmits)\n\nconst ns = useNamespace('slider')\nconst { t } = useLocale()\n\nconst initData = reactive<SliderInitData>({\n  firstValue: 0,\n  secondValue: 0,\n  oldValue: 0,\n  dragging: false,\n  sliderSize: 1,\n})\n\nconst {\n  elFormItem,\n  slider,\n  firstButton,\n  secondButton,\n  sliderDisabled,\n  minValue,\n  maxValue,\n  runwayStyle,\n  barStyle,\n  resetSize,\n  emitChange,\n  onSliderWrapperPrevent,\n  onSliderClick,\n  onSliderDown,\n  onSliderMarkerDown,\n  setFirstValue,\n  setSecondValue,\n} = useSlide(props, initData, emit)\n\nconst { stops, getStopStyle } = useStops(props, initData, minValue, maxValue)\n\nconst { inputId, isLabeledByFormItem } = useFormItemInputId(props, {\n  formItemContext: elFormItem,\n})\n\nconst sliderWrapperSize = useFormSize()\nconst sliderInputSize = computed(\n  () => props.inputSize || sliderWrapperSize.value\n)\n\nconst renderInput = computed(() => {\n  return props.showInput && !props.range && props.step !== 'mark'\n})\n\nconst groupLabel = computed<string>(() => {\n  return (\n    props.ariaLabel ||\n    t('el.slider.defaultLabel', {\n      min: props.min,\n      max: props.max,\n    })\n  )\n})\n\nconst firstButtonLabel = computed<string>(() => {\n  if (props.range) {\n    return props.rangeStartLabel || t('el.slider.defaultRangeStartLabel')\n  } else {\n    return groupLabel.value\n  }\n})\n\nconst firstValueText = computed<string>(() => {\n  return props.formatValueText\n    ? props.formatValueText(firstValue.value)\n    : `${firstValue.value}`\n})\n\nconst secondButtonLabel = computed<string>(() => {\n  return props.rangeEndLabel || t('el.slider.defaultRangeEndLabel')\n})\n\nconst secondValueText = computed<string>(() => {\n  return props.formatValueText\n    ? props.formatValueText(secondValue.value)\n    : `${secondValue.value}`\n})\n\nconst sliderKls = computed(() => [\n  ns.b(),\n  ns.m(sliderWrapperSize.value),\n  ns.is('vertical', props.vertical),\n  { [ns.m('with-input')]: renderInput.value },\n])\n\nconst markList = useMarks(props)\n\nuseWatch(props, initData, minValue, maxValue, emit, elFormItem!)\n\nconst sliderInputStep = computed(() => {\n  return isNumber(props.step) ? props.step : 1\n})\n\nconst precision = computed(() => {\n  const stepValue = isNumber(props.step) ? props.step : 1\n  const precisions = [props.min, props.max, stepValue].map((item) => {\n    const decimal = `${item}`.split('.')[1]\n    return decimal ? decimal.length : 0\n  })\n  return Math.max.apply(null, precisions)\n})\n\nconst { sliderWrapper } = useLifecycle(props, initData, resetSize)\n\nconst { firstValue, secondValue, sliderSize } = toRefs(initData)\n\nconst updateDragging = (val: boolean) => {\n  initData.dragging = val\n}\n\nuseEventListener(sliderWrapper, 'touchstart', onSliderWrapperPrevent, {\n  passive: false,\n})\nuseEventListener(sliderWrapper, 'touchmove', onSliderWrapperPrevent, {\n  passive: false,\n})\n\nprovide(sliderContextKey, {\n  ...toRefs(props),\n  sliderSize,\n  disabled: sliderDisabled,\n  precision,\n  markList,\n  emitChange,\n  resetSize,\n  updateDragging,\n})\n\ndefineExpose({\n  onSliderClick,\n})\n</script>\n"],"mappings":""}

package/lib/components/space/src/space.d.ts

@@ -24,7 +24,7 @@ declare const spaceProps: {
   readonly fill: BooleanConstructor;
   readonly fillRatio: EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
   readonly size: {
-    readonly type: vue.PropType<EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "default" | "large" | "small", number | [number, number]>>;
+    readonly type: vue.PropType<EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "default" | "small" | "large", number | [number, number]>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -50,7 +50,7 @@ declare const Space: vue.DefineComponent<{
   readonly fill: BooleanConstructor;
   readonly fillRatio: EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
   readonly size: {
-    readonly type: vue.PropType<EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "default" | "large" | "small", number | [number, number]>>;
+    readonly type: vue.PropType<EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "default" | "small" | "large", number | [number, number]>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -78,16 +78,16 @@ declare const Space: vue.DefineComponent<{
   readonly fill: BooleanConstructor;
   readonly fillRatio: EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
   readonly size: {
-    readonly type: vue.PropType<EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "default" | "large" | "small", number | [number, number]>>;
+    readonly type: vue.PropType<EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "default" | "small" | "large", number | [number, number]>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
 }>>, {
-  readonly style: StyleValue;
-  readonly direction: EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
   readonly fill: boolean;
+  readonly style: StyleValue;
   readonly wrap: boolean;
+  readonly direction: EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
   readonly class: EpPropMergeType<(new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>) | ((new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>))[], unknown, unknown>;
   readonly alignment: EpPropMergeType<(new (...args: any[]) => string) | (() => csstype.Property.AlignItems | undefined) | ((new (...args: any[]) => string) | (() => csstype.Property.AlignItems | undefined))[], unknown, unknown>;
   readonly spacer: EpPropMergeType<(new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild) | ((new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild))[], unknown, string | number | VNode<vue.RendererNode, vue.RendererElement, {

package/lib/components/splitter/src/splitter.vue.d.ts

@@ -10,15 +10,15 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<SplitterProps>, {
   layout: string;
 }>, unknown, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  collapse: (index: number, type: "end" | "start", sizes: number[]) => void;
   resize: (index: number, sizes: number[]) => void;
+  collapse: (index: number, type: "end" | "start", sizes: number[]) => void;
   resizeStart: (index: number, sizes: number[]) => void;
   resizeEnd: (index: number, sizes: number[]) => void;
 }, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<SplitterProps>, {
   layout: string;
 }>>> & {
-  onCollapse?: ((index: number, type: "end" | "start", sizes: number[]) => any) | undefined;
   onResize?: ((index: number, sizes: number[]) => any) | undefined;
+  onCollapse?: ((index: number, type: "end" | "start", sizes: number[]) => any) | undefined;
   onResizeStart?: ((index: number, sizes: number[]) => any) | undefined;
   onResizeEnd?: ((index: number, sizes: number[]) => any) | undefined;
 }, {

package/lib/components/steps/src/item.d.ts

@@ -38,7 +38,7 @@ declare const stepProps: {
     __epPropKey: true;
   };
   readonly description: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-  readonly status: EpPropFinalized<StringConstructor, "" | "wait" | "process" | "finish" | "error" | "success", unknown, "", boolean>;
+  readonly status: EpPropFinalized<StringConstructor, "" | "success" | "error" | "wait" | "finish" | "process", unknown, "", boolean>;
 };
 /**
  * @deprecated Removed after 3.0.0, Use `StepProps` instead.

package/lib/components/steps/src/item.vue.d.ts

@@ -25,9 +25,9 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
   icon: string;
   status: string;
 }>>>, {
-  icon: IconPropType;
   title: string;
   description: string;
+  icon: IconPropType;
   status: "" | "wait" | "process" | "finish" | "error" | "success";
 }, {}>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/lib/components/steps/src/steps.d.ts

@@ -60,8 +60,8 @@ declare const stepsProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly finishStatus: EpPropFinalized<StringConstructor, "wait" | "process" | "finish" | "error" | "success", unknown, "finish", boolean>;
-  readonly processStatus: EpPropFinalized<StringConstructor, "wait" | "process" | "finish" | "error" | "success", unknown, "process", boolean>;
+  readonly finishStatus: EpPropFinalized<StringConstructor, "success" | "error" | "wait" | "finish" | "process", unknown, "finish", boolean>;
+  readonly processStatus: EpPropFinalized<StringConstructor, "success" | "error" | "wait" | "finish" | "process", unknown, "process", boolean>;
 };
 /**
  * @deprecated Removed after 3.0.0, Use `StepsProps` instead.

package/lib/components/steps/src/steps.vue.d.ts

@@ -23,9 +23,9 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
 }>>> & {
   onChange?: ((newVal: number, oldVal: number) => any) | undefined;
 }, {
-  direction: "horizontal" | "vertical";
   space: number | string;
   active: number;
+  direction: "horizontal" | "vertical";
   finishStatus: StepsStatus;
   processStatus: StepsStatus;
 }, {}>;

package/lib/components/switch/src/switch.d.ts

@@ -98,7 +98,7 @@ declare const switchProps: {
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly loading: BooleanConstructor;
   readonly size: {
-    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => "" | "default" | "large" | "small") | (() => "" | "default" | "large" | "small") | ((new (...args: any[]) => "" | "default" | "large" | "small") | (() => "" | "default" | "large" | "small"))[], unknown, "" | "default" | "large" | "small">>;
+    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => "" | "default" | "small" | "large") | (() => "" | "default" | "small" | "large") | ((new (...args: any[]) => "" | "default" | "small" | "large") | (() => "" | "default" | "small" | "large"))[], unknown, "" | "default" | "small" | "large">>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/lib/components/switch/src/switch.vue.d.ts

@@ -36,9 +36,9 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
    */
   checked: vue.ComputedRef<boolean>;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+  change: (val: string | number | boolean) => void;
   "update:modelValue": (val: string | number | boolean) => void;
   input: (val: string | number | boolean) => void;
-  change: (val: string | number | boolean) => void;
 }, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<SwitchProps>, {
   modelValue: boolean;
   disabled: undefined;
@@ -50,15 +50,15 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
   validateEvent: boolean;
   width: string;
 }>>> & {
-  "onUpdate:modelValue"?: ((val: string | number | boolean) => any) | undefined;
-  onInput?: ((val: string | number | boolean) => any) | undefined;
   onChange?: ((val: string | number | boolean) => any) | undefined;
+  onInput?: ((val: string | number | boolean) => any) | undefined;
+  "onUpdate:modelValue"?: ((val: string | number | boolean) => any) | undefined;
 }, {
-  width: string | number;
-  name: string;
-  disabled: boolean;
   modelValue: boolean | string | number;
+  disabled: boolean;
   validateEvent: boolean;
+  name: string;
+  width: string | number;
   activeText: string;
   inactiveText: string;
   activeValue: boolean | string | number;

package/lib/components/table/src/table-body/index.d.ts

@@ -82,9 +82,9 @@ declare const _default: vue.DefineComponent<{
   highlight: BooleanConstructor;
 }>>, {
   fixed: string;
+  highlight: boolean;
   context: Table<any>;
   stripe: boolean;
-  highlight: boolean;
 }, {}>;
 //#endregion
 export { _default as default };

package/lib/components/table/src/table-column/index.d.ts

@@ -119,10 +119,10 @@ declare const _default: vue.DefineComponent<{
   };
 }>>, {
   type: string;
-  width: string | number;
   minWidth: string | number;
+  width: string | number;
   resizable: boolean;
-  showOverflowTooltip: boolean | Partial<Pick<UseTooltipProps, "placement" | "effect" | "enterable" | "popperClass" | "offset" | "popperOptions" | "showArrow" | "appendTo" | "transition" | "showAfter" | "hideAfter">> | undefined;
+  showOverflowTooltip: boolean | Partial<Pick<UseTooltipProps, "effect" | "offset" | "appendTo" | "placement" | "popperClass" | "enterable" | "popperOptions" | "showArrow" | "transition" | "showAfter" | "hideAfter">> | undefined;
   sortOrders: (TableSortOrder | null)[];
   sortable: string | boolean;
   reserveSelection: boolean;

package/lib/components/table/src/table.vue.d.ts

@@ -20,7 +20,7 @@ declare const __VLS_export: vue.DefineComponent<{
     default: () => never[];
   };
   size: {
-    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -89,7 +89,7 @@ declare const __VLS_export: vue.DefineComponent<{
     default: string;
   };
   tableLayout: {
-    type: vue.PropType<"auto" | "fixed">;
+    type: vue.PropType<"fixed" | "auto">;
     default: string;
   };
   scrollbarAlwaysOn: BooleanConstructor;
@@ -664,7 +664,7 @@ declare const __VLS_export: vue.DefineComponent<{
   handleHeaderFooterMousewheel: (_event: WheelEvent, data: any) => void;
   handleMouseLeave: () => void;
   tableId: string;
-  tableSize: vue.ComputedRef<"" | "default" | "large" | "small">;
+  tableSize: vue.ComputedRef<"" | "default" | "small" | "large">;
   isHidden: vue.Ref<boolean>;
   isEmpty: vue.ComputedRef<boolean>;
   renderExpanded: vue.Ref<RenderExpanded<any> | null>;
@@ -734,8 +734,8 @@ declare const __VLS_export: vue.DefineComponent<{
   computedSumText: vue.ComputedRef<string>;
   computedEmptyText: vue.ComputedRef<string>;
   computedTooltipEffect: vue.ComputedRef<string | undefined>;
-  computedTooltipOptions: vue.ComputedRef<Partial<Pick<UseTooltipProps, "placement" | "effect" | "enterable" | "popperClass" | "offset" | "popperOptions" | "showArrow" | "appendTo" | "transition" | "showAfter" | "hideAfter">> | undefined>;
-  tableLayout: vue.ComputedRef<"auto" | "fixed">;
+  computedTooltipOptions: vue.ComputedRef<Partial<Pick<UseTooltipProps, "effect" | "offset" | "appendTo" | "placement" | "popperClass" | "enterable" | "popperOptions" | "showArrow" | "transition" | "showAfter" | "hideAfter">> | undefined>;
+  tableLayout: vue.ComputedRef<"fixed" | "auto">;
   scrollbarViewStyle: {
     display: string;
     verticalAlign: string;
@@ -767,13 +767,13 @@ declare const __VLS_export: vue.DefineComponent<{
    * @description whether to allow drag the last column
    */
   allowDragLastColumn: boolean;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("current-change" | "scroll" | "select-all" | "select" | "selection-change" | "cell-mouse-enter" | "cell-mouse-leave" | "cell-contextmenu" | "cell-click" | "cell-dblclick" | "row-click" | "row-contextmenu" | "row-dblclick" | "header-click" | "header-contextmenu" | "sort-change" | "filter-change" | "header-dragend" | "expand-change")[], "current-change" | "scroll" | "select-all" | "select" | "selection-change" | "cell-mouse-enter" | "cell-mouse-leave" | "cell-contextmenu" | "cell-click" | "cell-dblclick" | "row-click" | "row-contextmenu" | "row-dblclick" | "header-click" | "header-contextmenu" | "sort-change" | "filter-change" | "header-dragend" | "expand-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("scroll" | "select" | "select-all" | "expand-change" | "current-change" | "selection-change" | "cell-mouse-enter" | "cell-mouse-leave" | "cell-contextmenu" | "cell-click" | "cell-dblclick" | "row-click" | "row-contextmenu" | "row-dblclick" | "header-click" | "header-contextmenu" | "sort-change" | "filter-change" | "header-dragend")[], "scroll" | "select" | "select-all" | "expand-change" | "current-change" | "selection-change" | "cell-mouse-enter" | "cell-mouse-leave" | "cell-contextmenu" | "cell-click" | "cell-dblclick" | "row-click" | "row-contextmenu" | "row-dblclick" | "header-click" | "header-contextmenu" | "sort-change" | "filter-change" | "header-dragend", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
   data: {
     type: vue.PropType<any[]>;
     default: () => never[];
   };
   size: {
-    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -842,7 +842,7 @@ declare const __VLS_export: vue.DefineComponent<{
     default: string;
   };
   tableLayout: {
-    type: vue.PropType<"auto" | "fixed">;
+    type: vue.PropType<"fixed" | "auto">;
     default: string;
   };
   scrollbarAlwaysOn: BooleanConstructor;
@@ -865,8 +865,9 @@ declare const __VLS_export: vue.DefineComponent<{
   nativeScrollbar: BooleanConstructor;
 }>> & {
   onScroll?: ((...args: any[]) => any) | undefined;
-  "onCurrent-change"?: ((...args: any[]) => any) | undefined;
   onSelect?: ((...args: any[]) => any) | undefined;
+  "onExpand-change"?: ((...args: any[]) => any) | undefined;
+  "onCurrent-change"?: ((...args: any[]) => any) | undefined;
   "onSelect-all"?: ((...args: any[]) => any) | undefined;
   "onSelection-change"?: ((...args: any[]) => any) | undefined;
   "onCell-mouse-enter"?: ((...args: any[]) => any) | undefined;
@@ -882,26 +883,25 @@ declare const __VLS_export: vue.DefineComponent<{
   "onSort-change"?: ((...args: any[]) => any) | undefined;
   "onFilter-change"?: ((...args: any[]) => any) | undefined;
   "onHeader-dragend"?: ((...args: any[]) => any) | undefined;
-  "onExpand-change"?: ((...args: any[]) => any) | undefined;
 }, {
-  data: any[];
-  indent: number;
-  scrollbarAlwaysOn: boolean;
-  className: string;
   style: vue.StyleValue;
   border: boolean;
-  tableLayout: "auto" | "fixed";
+  className: string;
+  tableLayout: "fixed" | "auto";
+  data: any[];
+  fit: boolean;
   lazy: boolean;
+  scrollbarAlwaysOn: boolean;
   allowDragLastColumn: boolean;
   stripe: boolean;
   treeProps: TreeProps | undefined;
-  showOverflowTooltip: boolean | Partial<Pick<UseTooltipProps, "placement" | "effect" | "enterable" | "popperClass" | "offset" | "popperOptions" | "showArrow" | "appendTo" | "transition" | "showAfter" | "hideAfter">> | undefined;
-  fit: boolean;
+  showOverflowTooltip: boolean | Partial<Pick<UseTooltipProps, "effect" | "offset" | "appendTo" | "placement" | "popperClass" | "enterable" | "popperOptions" | "showArrow" | "transition" | "showAfter" | "hideAfter">> | undefined;
   showHeader: boolean;
   showSummary: boolean;
   highlightCurrentRow: boolean;
   defaultExpandAll: boolean;
   selectOnIndeterminate: boolean;
+  indent: number;
   flexible: boolean;
   scrollbarTabindex: string | number;
   preserveExpandedContent: boolean;

package/lib/components/table-v2/src/components/row.d.ts

@@ -143,9 +143,9 @@ declare const TableV2Row: vue.DefineComponent<{
     __epPropKey: true;
   };
 }>>, {
-  readonly isScrolling: boolean;
   readonly rowKey: EpPropMergeType<(new (...args: any[]) => string | number | symbol) | (() => KeyType) | ((new (...args: any[]) => string | number | symbol) | (() => KeyType))[], unknown, unknown>;
   readonly estimatedRowHeight: number;
+  readonly isScrolling: boolean;
 }, {}>;
 type TableV2RowCellRenderParam = {
   column: TableV2RowProps['columns'][number];

package/lib/components/table-v2/src/table-grid.d.ts

@@ -201,13 +201,13 @@ declare const TableGrid: vue.DefineComponent<{
   };
 }>>, {
   readonly scrollbarAlwaysOn: boolean;
-  readonly useIsScrolling: boolean;
-  readonly cache: number;
   readonly rowKey: EpPropMergeType<(new (...args: any[]) => string | number | symbol) | (() => KeyType) | ((new (...args: any[]) => string | number | symbol) | (() => KeyType))[], unknown, unknown>;
   readonly headerHeight: EpPropMergeType<(new (...args: any[]) => number | number[]) | (() => number | number[]) | ((new (...args: any[]) => number | number[]) | (() => number | number[]))[], unknown, unknown>;
   readonly estimatedRowHeight: number;
+  readonly useIsScrolling: boolean;
   readonly scrollbarStartGap: number;
   readonly scrollbarEndGap: number;
+  readonly cache: number;
 }, {}>;
 type TableGridInstance = InstanceType<typeof TableGrid> & UnwrapRef<{
   forceUpdate: () => void;

package/lib/components/table-v2/src/table-v2.d.ts

@@ -315,17 +315,17 @@ declare const TableV2: vue.DefineComponent<{
     __epPropKey: true;
   };
 }>>, {
-  readonly scrollbarAlwaysOn: boolean;
-  readonly useIsScrolling: boolean;
-  readonly cache: number;
   readonly fixed: boolean;
+  readonly scrollbarAlwaysOn: boolean;
   readonly rowKey: EpPropMergeType<(new (...args: any[]) => string | number | symbol) | (() => KeyType) | ((new (...args: any[]) => string | number | symbol) | (() => KeyType))[], unknown, unknown>;
   readonly headerHeight: EpPropMergeType<(new (...args: any[]) => number | number[]) | (() => number | number[]) | ((new (...args: any[]) => number | number[]) | (() => number | number[]))[], unknown, unknown>;
   readonly sortBy: SortBy;
   readonly estimatedRowHeight: number;
+  readonly useIsScrolling: boolean;
   readonly rowHeight: number;
   readonly hScrollbarSize: number;
   readonly vScrollbarSize: number;
+  readonly cache: number;
   readonly footerHeight: number;
   readonly indentSize: number;
   readonly iconSize: number;

package/lib/components/tabs/src/tab-nav.d.ts

@@ -268,8 +268,8 @@ declare const TabNav: vue.DefineComponent<{
   }, ev: Event) => any) | undefined;
 }, {
   readonly type: EpPropMergeType<StringConstructor, "" | "card" | "border-card", unknown>;
-  readonly stretch: boolean;
   readonly tabindex: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+  readonly stretch: boolean;
   readonly editable: boolean;
   readonly panes: {
     uid: number;