@element-plus/nightly 0.0.20260117 → 0.0.20260118

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

@@ -1,4 +1,4 @@
-import type { ScrollbarDirection } from './scrollbar';
+import type { ScrollbarDirection, ScrollbarProps } from './scrollbar';
 import type { CSSProperties, StyleValue } from 'vue';
 declare function scrollTo(xCord: number, yCord?: number): void;
 declare function scrollTo(options: ScrollToOptions): void;
@@ -6,30 +6,18 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{
-    readonly ariaLabel: StringConstructor;
-    readonly ariaOrientation: {
-        readonly type: import("vue").PropType<string>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly distance: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    readonly height: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
-    readonly maxHeight: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
-    readonly native: BooleanConstructor;
-    readonly wrapStyle: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown, "", boolean>;
-    readonly wrapClass: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [StringConstructor, ArrayConstructor], unknown, unknown, "", boolean>;
-    readonly viewClass: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [StringConstructor, ArrayConstructor], unknown, unknown, "", boolean>;
-    readonly viewStyle: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [StringConstructor, ArrayConstructor, ObjectConstructor], unknown, unknown, "", boolean>;
-    readonly noresize: BooleanConstructor;
-    readonly tag: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
-    readonly always: BooleanConstructor;
-    readonly minSize: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 20, boolean>;
-    readonly tabindex: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, undefined, boolean>;
-    readonly id: StringConstructor;
-    readonly role: StringConstructor;
-}, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<ScrollbarProps>, {
+    distance: number;
+    height: string;
+    maxHeight: string;
+    wrapStyle: string;
+    wrapClass: string;
+    viewStyle: string;
+    viewClass: string;
+    tag: string;
+    minSize: number;
+    tabindex: undefined;
+}>, {
     /** @description scrollbar wrap ref */
     wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
     /** @description update scrollbar state manually */
@@ -48,55 +36,56 @@ declare const __VLS_base: import("vue").DefineComponent<{
         scrollLeft: number;
     }) => void;
     "end-reached": (direction: ScrollbarDirection) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly ariaLabel: StringConstructor;
-    readonly ariaOrientation: {
-        readonly type: import("vue").PropType<string>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly distance: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    readonly height: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
-    readonly maxHeight: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
-    readonly native: BooleanConstructor;
-    readonly wrapStyle: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown, "", boolean>;
-    readonly wrapClass: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [StringConstructor, ArrayConstructor], unknown, unknown, "", boolean>;
-    readonly viewClass: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [StringConstructor, ArrayConstructor], unknown, unknown, "", boolean>;
-    readonly viewStyle: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [StringConstructor, ArrayConstructor, ObjectConstructor], unknown, unknown, "", boolean>;
-    readonly noresize: BooleanConstructor;
-    readonly tag: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
-    readonly always: BooleanConstructor;
-    readonly minSize: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 20, boolean>;
-    readonly tabindex: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, undefined, boolean>;
-    readonly id: StringConstructor;
-    readonly role: StringConstructor;
-}>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<ScrollbarProps>, {
+    distance: number;
+    height: string;
+    maxHeight: string;
+    wrapStyle: string;
+    wrapClass: string;
+    viewStyle: string;
+    viewClass: string;
+    tag: string;
+    minSize: number;
+    tabindex: undefined;
+}>>> & {
     onScroll?: ((args_0: {
         scrollTop: number;
         scrollLeft: number;
     }) => any) | undefined;
     "onEnd-reached"?: ((direction: ScrollbarDirection) => any) | undefined;
 }, {
-    readonly tabindex: import("@element-plus/nightly/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-    readonly height: import("@element-plus/nightly/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-    readonly maxHeight: import("@element-plus/nightly/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-    readonly always: boolean;
-    readonly tag: string;
-    readonly minSize: number;
-    readonly distance: number;
-    readonly wrapStyle: StyleValue;
-    readonly wrapClass: import("@element-plus/nightly/es/utils").EpPropMergeType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
-    readonly viewClass: import("@element-plus/nightly/es/utils").EpPropMergeType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
-    readonly viewStyle: import("@element-plus/nightly/es/utils").EpPropMergeType<readonly [StringConstructor, ArrayConstructor, ObjectConstructor], unknown, unknown>;
-    readonly native: boolean;
-    readonly noresize: boolean;
+    tabindex: number | string;
+    height: number | string;
+    maxHeight: number | string;
+    tag: keyof HTMLElementTagNameMap | (string & {});
+    minSize: number;
+    distance: number;
+    wrapStyle: string | false | CSSProperties | StyleValue[] | null;
+    wrapClass: string | string[];
+    viewClass: string | string[];
+    viewStyle: string | false | CSSProperties | StyleValue[] | null;
 }, {}>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaultsLocal<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

package/es/components/scrollbar/src/scrollbar.vue2.mjs

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, watch, nextTick, provide, reactive, onA
 import { useResizeObserver, useEventListener } from '@vueuse/core';
 import _sfc_main$1 from './bar.vue2.mjs';
 import { scrollbarContextKey } from './constants.mjs';
-import { scrollbarEmits, scrollbarProps } from './scrollbar.mjs';
+import { scrollbarEmits } from './scrollbar.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 import { addUnit } from '../../../utils/dom/style.mjs';
 import { isObject } from '@vue/shared';
@@ -16,7 +16,25 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     name: COMPONENT_NAME
   },
   __name: "scrollbar",
-  props: scrollbarProps,
+  props: {
+    distance: { type: Number, required: false, default: 0 },
+    height: { type: [Number, String], required: false, default: "" },
+    maxHeight: { type: [Number, String], required: false, default: "" },
+    native: { type: Boolean, required: false },
+    wrapStyle: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true, default: "" },
+    wrapClass: { type: [String, Array], required: false, default: "" },
+    viewClass: { type: [String, Array], required: false, default: "" },
+    viewStyle: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true, default: "" },
+    noresize: { type: Boolean, required: false },
+    tag: { type: null, required: false, default: "div" },
+    always: { type: Boolean, required: false },
+    minSize: { type: Number, required: false, default: 20 },
+    tabindex: { type: [Number, String], required: false, default: void 0 },
+    id: { type: String, required: false },
+    role: { type: String, required: false },
+    ariaLabel: { type: String, required: false },
+    ariaOrientation: { type: String, required: false }
+  },
   emits: scrollbarEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
@@ -213,18 +231,18 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             ref: wrapRef,
             class: normalizeClass(wrapKls.value),
             style: normalizeStyle(wrapStyle.value),
-            tabindex: _ctx.tabindex,
+            tabindex: __props.tabindex,
             onScroll: handleScroll
           }, [
-            (openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
-              id: _ctx.id,
+            (openBlock(), createBlock(resolveDynamicComponent(__props.tag), {
+              id: __props.id,
               ref_key: "resizeRef",
               ref: resizeRef,
               class: normalizeClass(resizeKls.value),
-              style: normalizeStyle(_ctx.viewStyle),
-              role: _ctx.role,
-              "aria-label": _ctx.ariaLabel,
-              "aria-orientation": _ctx.ariaOrientation
+              style: normalizeStyle(__props.viewStyle),
+              role: __props.role,
+              "aria-label": __props.ariaLabel,
+              "aria-orientation": __props.ariaOrientation
             }, {
               default: withCtx(() => [
                 renderSlot(_ctx.$slots, "default")
@@ -233,12 +251,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               /* FORWARDED */
             }, 8, ["id", "class", "style", "role", "aria-label", "aria-orientation"]))
           ], 46, _hoisted_1),
-          !_ctx.native ? (openBlock(), createBlock(_sfc_main$1, {
+          !__props.native ? (openBlock(), createBlock(_sfc_main$1, {
             key: 0,
             ref_key: "barRef",
             ref: barRef,
-            always: _ctx.always,
-            "min-size": _ctx.minSize
+            always: __props.always,
+            "min-size": __props.minSize
           }, null, 8, ["always", "min-size"])) : createCommentVNode("v-if", true)
         ],
         2

package/es/components/scrollbar/src/scrollbar.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"scrollbar.vue2.mjs","sources":["../../../../../../packages/components/scrollbar/src/scrollbar.vue"],"sourcesContent":["<template>\n  <div ref=\"scrollbarRef\" :class=\"ns.b()\">\n    <div\n      ref=\"wrapRef\"\n      :class=\"wrapKls\"\n      :style=\"wrapStyle\"\n      :tabindex=\"tabindex\"\n      @scroll=\"handleScroll\"\n    >\n      <component\n        :is=\"tag\"\n        :id=\"id\"\n        ref=\"resizeRef\"\n        :class=\"resizeKls\"\n        :style=\"viewStyle\"\n        :role=\"role\"\n        :aria-label=\"ariaLabel\"\n        :aria-orientation=\"ariaOrientation\"\n      >\n        <slot />\n      </component>\n    </div>\n    <template v-if=\"!native\">\n      <bar ref=\"barRef\" :always=\"always\" :min-size=\"minSize\" />\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  nextTick,\n  onActivated,\n  onMounted,\n  onUpdated,\n  provide,\n  reactive,\n  ref,\n  watch,\n} from 'vue'\nimport { useEventListener, useResizeObserver } from '@vueuse/core'\nimport { addUnit, debugWarn, isNumber, isObject } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport Bar from './bar.vue'\nimport { scrollbarContextKey } from './constants'\nimport { scrollbarEmits, scrollbarProps } from './scrollbar'\n\nimport type { ScrollbarDirection } from './scrollbar'\nimport type { BarInstance } from './bar'\nimport type { CSSProperties, StyleValue } from 'vue'\n\nconst COMPONENT_NAME = 'ElScrollbar'\n\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = defineProps(scrollbarProps)\nconst emit = defineEmits(scrollbarEmits)\n\nconst ns = useNamespace('scrollbar')\n\nlet stopResizeObserver: (() => void) | undefined = undefined\nlet stopWrapResizeObserver: (() => void) | undefined = undefined\nlet stopResizeListener: (() => void) | undefined = undefined\nlet wrapScrollTop = 0\nlet wrapScrollLeft = 0\nlet direction = '' as ScrollbarDirection\nconst distanceScrollState = {\n  bottom: false,\n  top: false,\n  right: false,\n  left: false,\n}\n\nconst scrollbarRef = ref<HTMLDivElement>()\nconst wrapRef = ref<HTMLDivElement>()\nconst resizeRef = ref<HTMLElement>()\nconst barRef = ref<BarInstance>()\n\nconst wrapStyle = computed<StyleValue>(() => {\n  const style: CSSProperties = {}\n  const height = addUnit(props.height)\n  const maxHeight = addUnit(props.maxHeight)\n  if (height) style.height = height\n  if (maxHeight) style.maxHeight = maxHeight\n  return [props.wrapStyle, style]\n})\n\nconst wrapKls = computed(() => {\n  return [\n    props.wrapClass,\n    ns.e('wrap'),\n    { [ns.em('wrap', 'hidden-default')]: !props.native },\n  ]\n})\n\nconst resizeKls = computed(() => {\n  return [ns.e('view'), props.viewClass]\n})\n\nconst shouldSkipDirection = (direction: ScrollbarDirection) => {\n  return distanceScrollState[direction] ?? false\n}\n\nconst DIRECTION_PAIRS: Record<ScrollbarDirection, ScrollbarDirection> = {\n  top: 'bottom',\n  bottom: 'top',\n  left: 'right',\n  right: 'left',\n}\nconst updateTriggerStatus = (arrivedStates: Record<string, boolean>) => {\n  const oppositeDirection = DIRECTION_PAIRS[direction]\n  if (!oppositeDirection) return\n\n  const arrived = arrivedStates[direction]\n  const oppositeArrived = arrivedStates[oppositeDirection]\n\n  if (arrived && !distanceScrollState[direction]) {\n    distanceScrollState[direction] = true\n  }\n\n  if (!oppositeArrived && distanceScrollState[oppositeDirection]) {\n    distanceScrollState[oppositeDirection] = false\n  }\n}\n\nconst handleScroll = () => {\n  if (wrapRef.value) {\n    barRef.value?.handleScroll(wrapRef.value)\n    const prevTop = wrapScrollTop\n    const prevLeft = wrapScrollLeft\n    wrapScrollTop = wrapRef.value.scrollTop\n    wrapScrollLeft = wrapRef.value.scrollLeft\n\n    const arrivedStates = {\n      bottom:\n        wrapScrollTop + wrapRef.value.clientHeight >=\n        wrapRef.value.scrollHeight - props.distance,\n      top: wrapScrollTop <= props.distance && prevTop !== 0,\n      right:\n        wrapScrollLeft + wrapRef.value.clientWidth >=\n          wrapRef.value.scrollWidth - props.distance &&\n        prevLeft !== wrapScrollLeft,\n      left: wrapScrollLeft <= props.distance && prevLeft !== 0,\n    }\n\n    emit('scroll', {\n      scrollTop: wrapScrollTop,\n      scrollLeft: wrapScrollLeft,\n    })\n\n    if (prevTop !== wrapScrollTop) {\n      direction = wrapScrollTop > prevTop ? 'bottom' : 'top'\n    }\n    if (prevLeft !== wrapScrollLeft) {\n      direction = wrapScrollLeft > prevLeft ? 'right' : 'left'\n    }\n    if (props.distance > 0) {\n      if (shouldSkipDirection(direction)) {\n        return\n      }\n      updateTriggerStatus(arrivedStates)\n    }\n    if (arrivedStates[direction]) emit('end-reached', direction)\n  }\n}\n\nfunction scrollTo(xCord: number, yCord?: number): void\nfunction scrollTo(options: ScrollToOptions): void\nfunction scrollTo(arg1: unknown, arg2?: number) {\n  if (isObject(arg1)) {\n    wrapRef.value!.scrollTo(arg1)\n  } else if (isNumber(arg1) && isNumber(arg2)) {\n    wrapRef.value!.scrollTo(arg1, arg2)\n  }\n}\n\nconst setScrollTop = (value: number) => {\n  if (!isNumber(value)) {\n    debugWarn(COMPONENT_NAME, 'value must be a number')\n    return\n  }\n  wrapRef.value!.scrollTop = value\n}\n\nconst setScrollLeft = (value: number) => {\n  if (!isNumber(value)) {\n    debugWarn(COMPONENT_NAME, 'value must be a number')\n    return\n  }\n  wrapRef.value!.scrollLeft = value\n}\n\nconst update = () => {\n  barRef.value?.update()\n  distanceScrollState[direction] = false\n}\n\nwatch(\n  () => props.noresize,\n  (noresize) => {\n    if (noresize) {\n      stopResizeObserver?.()\n      stopWrapResizeObserver?.()\n      stopResizeListener?.()\n    } else {\n      ;({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update))\n      ;({ stop: stopWrapResizeObserver } = useResizeObserver(wrapRef, update))\n      stopResizeListener = useEventListener('resize', update)\n    }\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => [props.maxHeight, props.height],\n  () => {\n    if (!props.native)\n      nextTick(() => {\n        update()\n        if (wrapRef.value) {\n          barRef.value?.handleScroll(wrapRef.value)\n        }\n      })\n  }\n)\n\nprovide(\n  scrollbarContextKey,\n  reactive({\n    scrollbarElement: scrollbarRef,\n    wrapElement: wrapRef,\n  })\n)\n\nonActivated(() => {\n  if (wrapRef.value) {\n    wrapRef.value.scrollTop = wrapScrollTop\n    wrapRef.value.scrollLeft = wrapScrollLeft\n  }\n})\n\nonMounted(() => {\n  if (!props.native)\n    nextTick(() => {\n      update()\n    })\n})\nonUpdated(() => update())\n\ndefineExpose({\n  /** @description scrollbar wrap ref */\n  wrapRef,\n  /** @description update scrollbar state manually */\n  update,\n  /** @description scrolls to a particular set of coordinates */\n  scrollTo,\n  /** @description set distance to scroll top */\n  setScrollTop,\n  /** @description set distance to scroll left */\n  setScrollLeft,\n  /** @description handle scroll event */\n  handleScroll,\n})\n</script>\n"],"names":["direction","_createElementBlock","_normalizeClass","_unref","_createElementVNode","tabindex","_openBlock","_createBlock","_resolveDynamicComponent","tag","id","viewStyle","role","ariaLabel","ariaOrientation","_renderSlot","native","Bar","always","minSize"],"mappings":"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"}
+{"version":3,"file":"scrollbar.vue2.mjs","sources":["../../../../../../packages/components/scrollbar/src/scrollbar.vue"],"sourcesContent":["<template>\n  <div ref=\"scrollbarRef\" :class=\"ns.b()\">\n    <div\n      ref=\"wrapRef\"\n      :class=\"wrapKls\"\n      :style=\"wrapStyle\"\n      :tabindex=\"tabindex\"\n      @scroll=\"handleScroll\"\n    >\n      <component\n        :is=\"tag\"\n        :id=\"id\"\n        ref=\"resizeRef\"\n        :class=\"resizeKls\"\n        :style=\"viewStyle\"\n        :role=\"role\"\n        :aria-label=\"ariaLabel\"\n        :aria-orientation=\"ariaOrientation\"\n      >\n        <slot />\n      </component>\n    </div>\n    <template v-if=\"!native\">\n      <bar ref=\"barRef\" :always=\"always\" :min-size=\"minSize\" />\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  nextTick,\n  onActivated,\n  onMounted,\n  onUpdated,\n  provide,\n  reactive,\n  ref,\n  watch,\n} from 'vue'\nimport { useEventListener, useResizeObserver } from '@vueuse/core'\nimport { addUnit, debugWarn, isNumber, isObject } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport Bar from './bar.vue'\nimport { scrollbarContextKey } from './constants'\nimport { scrollbarEmits } from './scrollbar'\n\nimport type { ScrollbarDirection, ScrollbarProps } from './scrollbar'\nimport type { BarInstance } from './bar'\nimport type { CSSProperties, StyleValue } from 'vue'\n\nconst COMPONENT_NAME = 'ElScrollbar'\n\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = withDefaults(defineProps<ScrollbarProps>(), {\n  distance: 0,\n  height: '',\n  maxHeight: '',\n  wrapStyle: '',\n  wrapClass: '',\n  viewStyle: '',\n  viewClass: '',\n  tag: 'div',\n  minSize: 20,\n  tabindex: undefined,\n})\nconst emit = defineEmits(scrollbarEmits)\n\nconst ns = useNamespace('scrollbar')\n\nlet stopResizeObserver: (() => void) | undefined = undefined\nlet stopWrapResizeObserver: (() => void) | undefined = undefined\nlet stopResizeListener: (() => void) | undefined = undefined\nlet wrapScrollTop = 0\nlet wrapScrollLeft = 0\nlet direction = '' as ScrollbarDirection\nconst distanceScrollState = {\n  bottom: false,\n  top: false,\n  right: false,\n  left: false,\n}\n\nconst scrollbarRef = ref<HTMLDivElement>()\nconst wrapRef = ref<HTMLDivElement>()\nconst resizeRef = ref<HTMLElement>()\nconst barRef = ref<BarInstance>()\n\nconst wrapStyle = computed<StyleValue>(() => {\n  const style: CSSProperties = {}\n  const height = addUnit(props.height)\n  const maxHeight = addUnit(props.maxHeight)\n  if (height) style.height = height\n  if (maxHeight) style.maxHeight = maxHeight\n  return [props.wrapStyle, style]\n})\n\nconst wrapKls = computed(() => {\n  return [\n    props.wrapClass,\n    ns.e('wrap'),\n    { [ns.em('wrap', 'hidden-default')]: !props.native },\n  ]\n})\n\nconst resizeKls = computed(() => {\n  return [ns.e('view'), props.viewClass]\n})\n\nconst shouldSkipDirection = (direction: ScrollbarDirection) => {\n  return distanceScrollState[direction] ?? false\n}\n\nconst DIRECTION_PAIRS: Record<ScrollbarDirection, ScrollbarDirection> = {\n  top: 'bottom',\n  bottom: 'top',\n  left: 'right',\n  right: 'left',\n}\nconst updateTriggerStatus = (arrivedStates: Record<string, boolean>) => {\n  const oppositeDirection = DIRECTION_PAIRS[direction]\n  if (!oppositeDirection) return\n\n  const arrived = arrivedStates[direction]\n  const oppositeArrived = arrivedStates[oppositeDirection]\n\n  if (arrived && !distanceScrollState[direction]) {\n    distanceScrollState[direction] = true\n  }\n\n  if (!oppositeArrived && distanceScrollState[oppositeDirection]) {\n    distanceScrollState[oppositeDirection] = false\n  }\n}\n\nconst handleScroll = () => {\n  if (wrapRef.value) {\n    barRef.value?.handleScroll(wrapRef.value)\n    const prevTop = wrapScrollTop\n    const prevLeft = wrapScrollLeft\n    wrapScrollTop = wrapRef.value.scrollTop\n    wrapScrollLeft = wrapRef.value.scrollLeft\n\n    const arrivedStates = {\n      bottom:\n        wrapScrollTop + wrapRef.value.clientHeight >=\n        wrapRef.value.scrollHeight - props.distance,\n      top: wrapScrollTop <= props.distance && prevTop !== 0,\n      right:\n        wrapScrollLeft + wrapRef.value.clientWidth >=\n          wrapRef.value.scrollWidth - props.distance &&\n        prevLeft !== wrapScrollLeft,\n      left: wrapScrollLeft <= props.distance && prevLeft !== 0,\n    }\n\n    emit('scroll', {\n      scrollTop: wrapScrollTop,\n      scrollLeft: wrapScrollLeft,\n    })\n\n    if (prevTop !== wrapScrollTop) {\n      direction = wrapScrollTop > prevTop ? 'bottom' : 'top'\n    }\n    if (prevLeft !== wrapScrollLeft) {\n      direction = wrapScrollLeft > prevLeft ? 'right' : 'left'\n    }\n    if (props.distance > 0) {\n      if (shouldSkipDirection(direction)) {\n        return\n      }\n      updateTriggerStatus(arrivedStates)\n    }\n    if (arrivedStates[direction]) emit('end-reached', direction)\n  }\n}\n\nfunction scrollTo(xCord: number, yCord?: number): void\nfunction scrollTo(options: ScrollToOptions): void\nfunction scrollTo(arg1: unknown, arg2?: number) {\n  if (isObject(arg1)) {\n    wrapRef.value!.scrollTo(arg1)\n  } else if (isNumber(arg1) && isNumber(arg2)) {\n    wrapRef.value!.scrollTo(arg1, arg2)\n  }\n}\n\nconst setScrollTop = (value: number) => {\n  if (!isNumber(value)) {\n    debugWarn(COMPONENT_NAME, 'value must be a number')\n    return\n  }\n  wrapRef.value!.scrollTop = value\n}\n\nconst setScrollLeft = (value: number) => {\n  if (!isNumber(value)) {\n    debugWarn(COMPONENT_NAME, 'value must be a number')\n    return\n  }\n  wrapRef.value!.scrollLeft = value\n}\n\nconst update = () => {\n  barRef.value?.update()\n  distanceScrollState[direction] = false\n}\n\nwatch(\n  () => props.noresize,\n  (noresize) => {\n    if (noresize) {\n      stopResizeObserver?.()\n      stopWrapResizeObserver?.()\n      stopResizeListener?.()\n    } else {\n      ;({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update))\n      ;({ stop: stopWrapResizeObserver } = useResizeObserver(wrapRef, update))\n      stopResizeListener = useEventListener('resize', update)\n    }\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => [props.maxHeight, props.height],\n  () => {\n    if (!props.native)\n      nextTick(() => {\n        update()\n        if (wrapRef.value) {\n          barRef.value?.handleScroll(wrapRef.value)\n        }\n      })\n  }\n)\n\nprovide(\n  scrollbarContextKey,\n  reactive({\n    scrollbarElement: scrollbarRef,\n    wrapElement: wrapRef,\n  })\n)\n\nonActivated(() => {\n  if (wrapRef.value) {\n    wrapRef.value.scrollTop = wrapScrollTop\n    wrapRef.value.scrollLeft = wrapScrollLeft\n  }\n})\n\nonMounted(() => {\n  if (!props.native)\n    nextTick(() => {\n      update()\n    })\n})\nonUpdated(() => update())\n\ndefineExpose({\n  /** @description scrollbar wrap ref */\n  wrapRef,\n  /** @description update scrollbar state manually */\n  update,\n  /** @description scrolls to a particular set of coordinates */\n  scrollTo,\n  /** @description set distance to scroll top */\n  setScrollTop,\n  /** @description set distance to scroll left */\n  setScrollLeft,\n  /** @description handle scroll event */\n  handleScroll,\n})\n</script>\n"],"names":["direction","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_openBlock","_createBlock","_resolveDynamicComponent","_renderSlot","Bar"],"mappings":"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"}

package/es/components/scrollbar/src/thumb.d.ts

@@ -1,5 +1,15 @@
-import type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue';
+import type { ExtractPublicPropTypes } from 'vue';
 import type Thumb from './thumb.vue';
+export interface ThumbProps {
+    vertical?: boolean;
+    size?: string;
+    move?: number;
+    ratio: number;
+    always?: boolean;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `ThumbProps` instead.
+ */
 export declare const thumbProps: {
     readonly vertical: BooleanConstructor;
     readonly size: StringConstructor;
@@ -12,6 +22,5 @@ export declare const thumbProps: {
     };
     readonly always: BooleanConstructor;
 };
-export type ThumbProps = ExtractPropTypes<typeof thumbProps>;
 export type ThumbPropsPublic = ExtractPublicPropTypes<typeof thumbProps>;
 export type ThumbInstance = InstanceType<typeof Thumb> & unknown;

package/es/components/scrollbar/src/thumb.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"thumb.mjs","sources":["../../../../../../packages/components/scrollbar/src/thumb.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type Thumb from './thumb.vue'\n\nexport const thumbProps = buildProps({\n  vertical: Boolean,\n  size: String,\n  move: Number,\n  ratio: {\n    type: Number,\n    required: true,\n  },\n  always: Boolean,\n} as const)\nexport type ThumbProps = ExtractPropTypes<typeof thumbProps>\nexport type ThumbPropsPublic = ExtractPublicPropTypes<typeof thumbProps>\n\nexport type ThumbInstance = InstanceType<typeof Thumb> & unknown\n"],"names":[],"mappings":";;AAKO,MAAM,aAAa,UAAA,CAAW;AAAA,EACnC,QAAA,EAAU,OAAA;AAAA,EACV,IAAA,EAAM,MAAA;AAAA,EACN,IAAA,EAAM,MAAA;AAAA,EACN,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,MAAA;AAAA,IACN,QAAA,EAAU;AAAA,GACZ;AAAA,EACA,MAAA,EAAQ;AACV,CAAU;;;;"}
+{"version":3,"file":"thumb.mjs","sources":["../../../../../../packages/components/scrollbar/src/thumb.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPublicPropTypes } from 'vue'\nimport type Thumb from './thumb.vue'\n\nexport interface ThumbProps {\n  vertical?: boolean\n  size?: string\n  move?: number\n  ratio: number\n  always?: boolean\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `ThumbProps` instead.\n */\nexport const thumbProps = buildProps({\n  vertical: Boolean,\n  size: String,\n  move: Number,\n  ratio: {\n    type: Number,\n    required: true,\n  },\n  always: Boolean,\n} as const)\nexport type ThumbPropsPublic = ExtractPublicPropTypes<typeof thumbProps>\n\nexport type ThumbInstance = InstanceType<typeof Thumb> & unknown\n"],"names":[],"mappings":";;AAgBO,MAAM,aAAa,UAAA,CAAW;AAAA,EACnC,QAAA,EAAU,OAAA;AAAA,EACV,IAAA,EAAM,MAAA;AAAA,EACN,IAAA,EAAM,MAAA;AAAA,EACN,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,MAAA;AAAA,IACN,QAAA,EAAU;AAAA,GACZ;AAAA,EACA,MAAA,EAAQ;AACV,CAAU;;;;"}

package/es/components/scrollbar/src/thumb.vue.d.ts

@@ -1,28 +1,3 @@
-declare const __VLS_export: import("vue").DefineComponent<{
-    readonly vertical: BooleanConstructor;
-    readonly size: StringConstructor;
-    readonly move: NumberConstructor;
-    readonly ratio: {
-        readonly type: import("vue").PropType<number>;
-        readonly required: true;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly always: BooleanConstructor;
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly vertical: BooleanConstructor;
-    readonly size: StringConstructor;
-    readonly move: NumberConstructor;
-    readonly ratio: {
-        readonly type: import("vue").PropType<number>;
-        readonly required: true;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly always: BooleanConstructor;
-}>>, {
-    readonly always: boolean;
-    readonly vertical: boolean;
-}, {}>;
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/es/components/scrollbar/src/thumb.vue2.mjs

@@ -2,14 +2,19 @@ import { defineComponent, inject, ref, computed, onBeforeUnmount, toRef, createB
 import { useEventListener, isClient } from '@vueuse/core';
 import { scrollbarContextKey } from './constants.mjs';
 import { BAR_MAP, renderThumbStyle } from './util.mjs';
-import { thumbProps } from './thumb.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 import { throwError } from '../../../utils/error.mjs';
 
 const COMPONENT_NAME = "Thumb";
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "thumb",
-  props: thumbProps,
+  props: {
+    vertical: { type: Boolean, required: false },
+    size: { type: String, required: false },
+    move: { type: Number, required: false },
+    ratio: { type: Number, required: true },
+    always: { type: Boolean, required: false }
+  },
   setup(__props) {
     const props = __props;
     const scrollbar = inject(scrollbarContextKey);
@@ -151,7 +156,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             34
             /* CLASS, NEED_HYDRATION */
           ), [
-            [vShow, _ctx.always || visible.value]
+            [vShow, __props.always || visible.value]
           ])
         ]),
         _: 1

package/es/components/scrollbar/src/thumb.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"thumb.vue2.mjs","sources":["../../../../../../packages/components/scrollbar/src/thumb.vue"],"sourcesContent":["<template>\n  <transition :name=\"ns.b('fade')\">\n    <div\n      v-show=\"always || visible\"\n      ref=\"instance\"\n      :class=\"[ns.e('bar'), ns.is(bar.key)]\"\n      @mousedown=\"clickTrackHandler\"\n      @click.stop\n    >\n      <div\n        ref=\"thumb\"\n        :class=\"ns.e('thumb')\"\n        :style=\"thumbStyle\"\n        @mousedown=\"clickThumbHandler\"\n      />\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, onBeforeUnmount, ref, toRef } from 'vue'\nimport { useEventListener } from '@vueuse/core'\nimport { isClient, throwError } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { scrollbarContextKey } from './constants'\nimport { BAR_MAP, renderThumbStyle } from './util'\nimport { thumbProps } from './thumb'\n\nconst COMPONENT_NAME = 'Thumb'\nconst props = defineProps(thumbProps)\n\nconst scrollbar = inject(scrollbarContextKey)\nconst ns = useNamespace('scrollbar')\n\nif (!scrollbar) throwError(COMPONENT_NAME, 'can not inject scrollbar context')\n\nconst instance = ref<HTMLDivElement>()\nconst thumb = ref<HTMLDivElement>()\n\nconst thumbState = ref<Partial<Record<'X' | 'Y', number>>>({})\nconst visible = ref(false)\n\nlet cursorDown = false\nlet cursorLeave = false\nlet baseScrollHeight = 0\nlet baseScrollWidth = 0\nlet originalOnSelectStart:\n  | ((this: GlobalEventHandlers, ev: Event) => any)\n  | null = isClient ? document.onselectstart : null\n\nconst bar = computed(() => BAR_MAP[props.vertical ? 'vertical' : 'horizontal'])\n\nconst thumbStyle = computed(() =>\n  renderThumbStyle({\n    size: props.size,\n    move: props.move,\n    bar: bar.value,\n  })\n)\n\nconst offsetRatio = computed(\n  () =>\n    // offsetRatioX = original width of thumb / current width of thumb / ratioX\n    // offsetRatioY = original height of thumb / current height of thumb / ratioY\n    // instance height = wrap height - GAP\n    instance.value![bar.value.offset] ** 2 /\n    scrollbar.wrapElement![bar.value.scrollSize] /\n    props.ratio /\n    thumb.value![bar.value.offset]\n)\n\nconst clickThumbHandler = (e: MouseEvent) => {\n  // prevent click event of middle and right button\n  e.stopPropagation()\n  if (e.ctrlKey || [1, 2].includes(e.button)) return\n\n  window.getSelection()?.removeAllRanges()\n  startDrag(e)\n\n  const el = e.currentTarget as HTMLDivElement\n  if (!el) return\n  thumbState.value[bar.value.axis] =\n    el[bar.value.offset] -\n    (e[bar.value.client] - el.getBoundingClientRect()[bar.value.direction])\n}\n\nconst clickTrackHandler = (e: MouseEvent) => {\n  if (!thumb.value || !instance.value || !scrollbar.wrapElement) return\n\n  const offset = Math.abs(\n    (e.target as HTMLElement).getBoundingClientRect()[bar.value.direction] -\n      e[bar.value.client]\n  )\n  const thumbHalf = thumb.value[bar.value.offset] / 2\n  const thumbPositionPercentage =\n    ((offset - thumbHalf) * 100 * offsetRatio.value) /\n    instance.value[bar.value.offset]\n\n  scrollbar.wrapElement[bar.value.scroll] =\n    (thumbPositionPercentage * scrollbar.wrapElement[bar.value.scrollSize]) /\n    100\n}\n\nconst startDrag = (e: MouseEvent) => {\n  e.stopImmediatePropagation()\n  cursorDown = true\n  baseScrollHeight = scrollbar.wrapElement!.scrollHeight\n  baseScrollWidth = scrollbar.wrapElement!.scrollWidth\n  document.addEventListener('mousemove', mouseMoveDocumentHandler)\n  document.addEventListener('mouseup', mouseUpDocumentHandler)\n  originalOnSelectStart = document.onselectstart\n  document.onselectstart = () => false\n}\n\nconst mouseMoveDocumentHandler = (e: MouseEvent) => {\n  if (!instance.value || !thumb.value) return\n  if (cursorDown === false) return\n\n  const prevPage = thumbState.value[bar.value.axis]\n  if (!prevPage) return\n\n  const offset =\n    (instance.value.getBoundingClientRect()[bar.value.direction] -\n      e[bar.value.client]) *\n    -1\n  const thumbClickPosition = thumb.value[bar.value.offset] - prevPage\n  const thumbPositionPercentage =\n    ((offset - thumbClickPosition) * 100 * offsetRatio.value) /\n    instance.value[bar.value.offset]\n\n  if (bar.value.scroll === 'scrollLeft') {\n    scrollbar.wrapElement![bar.value.scroll] =\n      (thumbPositionPercentage * baseScrollWidth) / 100\n  } else {\n    scrollbar.wrapElement![bar.value.scroll] =\n      (thumbPositionPercentage * baseScrollHeight) / 100\n  }\n}\n\nconst mouseUpDocumentHandler = () => {\n  cursorDown = false\n  thumbState.value[bar.value.axis] = 0\n  document.removeEventListener('mousemove', mouseMoveDocumentHandler)\n  document.removeEventListener('mouseup', mouseUpDocumentHandler)\n  restoreOnselectstart()\n  if (cursorLeave) visible.value = false\n}\n\nconst mouseMoveScrollbarHandler = () => {\n  cursorLeave = false\n  visible.value = !!props.size\n}\n\nconst mouseLeaveScrollbarHandler = () => {\n  cursorLeave = true\n  visible.value = cursorDown\n}\n\nonBeforeUnmount(() => {\n  restoreOnselectstart()\n  document.removeEventListener('mouseup', mouseUpDocumentHandler)\n})\n\nconst restoreOnselectstart = () => {\n  if (document.onselectstart !== originalOnSelectStart)\n    document.onselectstart = originalOnSelectStart\n}\n\nuseEventListener(\n  toRef(scrollbar, 'scrollbarElement'),\n  'mousemove',\n  mouseMoveScrollbarHandler\n)\nuseEventListener(\n  toRef(scrollbar, 'scrollbarElement'),\n  'mouseleave',\n  mouseLeaveScrollbarHandler\n)\n</script>\n"],"names":["_createBlock","_Transition","_unref","_createElementVNode","_normalizeClass","always"],"mappings":"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"}
+{"version":3,"file":"thumb.vue2.mjs","sources":["../../../../../../packages/components/scrollbar/src/thumb.vue"],"sourcesContent":["<template>\n  <transition :name=\"ns.b('fade')\">\n    <div\n      v-show=\"always || visible\"\n      ref=\"instance\"\n      :class=\"[ns.e('bar'), ns.is(bar.key)]\"\n      @mousedown=\"clickTrackHandler\"\n      @click.stop\n    >\n      <div\n        ref=\"thumb\"\n        :class=\"ns.e('thumb')\"\n        :style=\"thumbStyle\"\n        @mousedown=\"clickThumbHandler\"\n      />\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, onBeforeUnmount, ref, toRef } from 'vue'\nimport { useEventListener } from '@vueuse/core'\nimport { isClient, throwError } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { scrollbarContextKey } from './constants'\nimport { BAR_MAP, renderThumbStyle } from './util'\n\nimport type { ThumbProps } from './thumb'\n\nconst COMPONENT_NAME = 'Thumb'\nconst props = defineProps<ThumbProps>()\n\nconst scrollbar = inject(scrollbarContextKey)\nconst ns = useNamespace('scrollbar')\n\nif (!scrollbar) throwError(COMPONENT_NAME, 'can not inject scrollbar context')\n\nconst instance = ref<HTMLDivElement>()\nconst thumb = ref<HTMLDivElement>()\n\nconst thumbState = ref<Partial<Record<'X' | 'Y', number>>>({})\nconst visible = ref(false)\n\nlet cursorDown = false\nlet cursorLeave = false\nlet baseScrollHeight = 0\nlet baseScrollWidth = 0\nlet originalOnSelectStart:\n  | ((this: GlobalEventHandlers, ev: Event) => any)\n  | null = isClient ? document.onselectstart : null\n\nconst bar = computed(() => BAR_MAP[props.vertical ? 'vertical' : 'horizontal'])\n\nconst thumbStyle = computed(() =>\n  renderThumbStyle({\n    size: props.size,\n    move: props.move,\n    bar: bar.value,\n  })\n)\n\nconst offsetRatio = computed(\n  () =>\n    // offsetRatioX = original width of thumb / current width of thumb / ratioX\n    // offsetRatioY = original height of thumb / current height of thumb / ratioY\n    // instance height = wrap height - GAP\n    instance.value![bar.value.offset] ** 2 /\n    scrollbar.wrapElement![bar.value.scrollSize] /\n    props.ratio /\n    thumb.value![bar.value.offset]\n)\n\nconst clickThumbHandler = (e: MouseEvent) => {\n  // prevent click event of middle and right button\n  e.stopPropagation()\n  if (e.ctrlKey || [1, 2].includes(e.button)) return\n\n  window.getSelection()?.removeAllRanges()\n  startDrag(e)\n\n  const el = e.currentTarget as HTMLDivElement\n  if (!el) return\n  thumbState.value[bar.value.axis] =\n    el[bar.value.offset] -\n    (e[bar.value.client] - el.getBoundingClientRect()[bar.value.direction])\n}\n\nconst clickTrackHandler = (e: MouseEvent) => {\n  if (!thumb.value || !instance.value || !scrollbar.wrapElement) return\n\n  const offset = Math.abs(\n    (e.target as HTMLElement).getBoundingClientRect()[bar.value.direction] -\n      e[bar.value.client]\n  )\n  const thumbHalf = thumb.value[bar.value.offset] / 2\n  const thumbPositionPercentage =\n    ((offset - thumbHalf) * 100 * offsetRatio.value) /\n    instance.value[bar.value.offset]\n\n  scrollbar.wrapElement[bar.value.scroll] =\n    (thumbPositionPercentage * scrollbar.wrapElement[bar.value.scrollSize]) /\n    100\n}\n\nconst startDrag = (e: MouseEvent) => {\n  e.stopImmediatePropagation()\n  cursorDown = true\n  baseScrollHeight = scrollbar.wrapElement!.scrollHeight\n  baseScrollWidth = scrollbar.wrapElement!.scrollWidth\n  document.addEventListener('mousemove', mouseMoveDocumentHandler)\n  document.addEventListener('mouseup', mouseUpDocumentHandler)\n  originalOnSelectStart = document.onselectstart\n  document.onselectstart = () => false\n}\n\nconst mouseMoveDocumentHandler = (e: MouseEvent) => {\n  if (!instance.value || !thumb.value) return\n  if (cursorDown === false) return\n\n  const prevPage = thumbState.value[bar.value.axis]\n  if (!prevPage) return\n\n  const offset =\n    (instance.value.getBoundingClientRect()[bar.value.direction] -\n      e[bar.value.client]) *\n    -1\n  const thumbClickPosition = thumb.value[bar.value.offset] - prevPage\n  const thumbPositionPercentage =\n    ((offset - thumbClickPosition) * 100 * offsetRatio.value) /\n    instance.value[bar.value.offset]\n\n  if (bar.value.scroll === 'scrollLeft') {\n    scrollbar.wrapElement![bar.value.scroll] =\n      (thumbPositionPercentage * baseScrollWidth) / 100\n  } else {\n    scrollbar.wrapElement![bar.value.scroll] =\n      (thumbPositionPercentage * baseScrollHeight) / 100\n  }\n}\n\nconst mouseUpDocumentHandler = () => {\n  cursorDown = false\n  thumbState.value[bar.value.axis] = 0\n  document.removeEventListener('mousemove', mouseMoveDocumentHandler)\n  document.removeEventListener('mouseup', mouseUpDocumentHandler)\n  restoreOnselectstart()\n  if (cursorLeave) visible.value = false\n}\n\nconst mouseMoveScrollbarHandler = () => {\n  cursorLeave = false\n  visible.value = !!props.size\n}\n\nconst mouseLeaveScrollbarHandler = () => {\n  cursorLeave = true\n  visible.value = cursorDown\n}\n\nonBeforeUnmount(() => {\n  restoreOnselectstart()\n  document.removeEventListener('mouseup', mouseUpDocumentHandler)\n})\n\nconst restoreOnselectstart = () => {\n  if (document.onselectstart !== originalOnSelectStart)\n    document.onselectstart = originalOnSelectStart\n}\n\nuseEventListener(\n  toRef(scrollbar, 'scrollbarElement'),\n  'mousemove',\n  mouseMoveScrollbarHandler\n)\nuseEventListener(\n  toRef(scrollbar, 'scrollbarElement'),\n  'mouseleave',\n  mouseLeaveScrollbarHandler\n)\n</script>\n"],"names":["_createBlock","_Transition","_unref","_createElementVNode","_normalizeClass","_vShow"],"mappings":";;;;;;;AA6BA,MAAM,cAAA,GAAiB,OAAA;;;;;;;;;;;AACvB,IAAA,MAAM,KAAA,GAAQ,OAAA;AAEd,IAAA,MAAM,SAAA,GAAY,OAAO,mBAAmB,CAAA;AAC5C,IAAA,MAAM,EAAA,GAAK,aAAa,WAAW,CAAA;AAEnC,IAAA,IAAI,CAAC,SAAA,EAAW,UAAA,CAAW,cAAA,EAAgB,kCAAkC,CAAA;AAE7E,IAAA,MAAM,WAAW,GAAA,EAAoB;AACrC,IAAA,MAAM,QAAQ,GAAA,EAAoB;AAElC,IAAA,MAAM,UAAA,GAAa,GAAA,CAAwC,EAAE,CAAA;AAC7D,IAAA,MAAM,OAAA,GAAU,IAAI,KAAK,CAAA;AAEzB,IAAA,IAAI,UAAA,GAAa,KAAA;AACjB,IAAA,IAAI,WAAA,GAAc,KAAA;AAClB,IAAA,IAAI,gBAAA,GAAmB,CAAA;AACvB,IAAA,IAAI,eAAA,GAAkB,CAAA;AACtB,IAAA,IAAI,qBAAA,GAEO,QAAA,GAAW,QAAA,CAAS,aAAA,GAAgB,IAAA;AAE/C,IAAA,MAAM,GAAA,GAAM,SAAS,MAAM,OAAA,CAAQ,MAAM,QAAA,GAAW,UAAA,GAAa,YAAY,CAAC,CAAA;AAE9E,IAAA,MAAM,UAAA,GAAa,QAAA;AAAA,MAAS,MAC1B,gBAAA,CAAiB;AAAA,QACf,MAAM,KAAA,CAAM,IAAA;AAAA,QACZ,MAAM,KAAA,CAAM,IAAA;AAAA,QACZ,KAAK,GAAA,CAAI;AAAA,OACV;AAAA,KACH;AAEA,IAAA,MAAM,WAAA,GAAc,QAAA;AAAA,MAClB;AAAA;AAAA;AAAA;AAAA,QAIE,SAAS,KAAA,CAAO,GAAA,CAAI,MAAM,MAAM,CAAA,IAAK,IACrC,SAAA,CAAU,WAAA,CAAa,IAAI,KAAA,CAAM,UAAU,IAC3C,KAAA,CAAM,KAAA,GACN,MAAM,KAAA,CAAO,GAAA,CAAI,MAAM,MAAM;AAAA;AAAA,KACjC;AAEA,IAAA,MAAM,iBAAA,GAAoB,CAAC,CAAA,KAAkB;;AAE3C,MAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,MAAA,IAAI,CAAA,CAAE,WAAW,CAAC,CAAA,EAAG,CAAC,CAAA,CAAE,QAAA,CAAS,CAAA,CAAE,MAAM,CAAA,EAAG;AAE5C,MAAA,CAAA,EAAA,GAAA,MAAA,CAAO,YAAA,OAAP,IAAA,GAAA,MAAA,GAAA,EAAA,CAAuB,eAAA,EAAA;AACvB,MAAA,SAAA,CAAU,CAAC,CAAA;AAEX,MAAA,MAAM,KAAK,CAAA,CAAE,aAAA;AACb,MAAA,IAAI,CAAC,EAAA,EAAI;AACT,MAAA,UAAA,CAAW,KAAA,CAAM,IAAI,KAAA,CAAM,IAAI,IAC7B,EAAA,CAAG,GAAA,CAAI,MAAM,MAAM,CAAA,IAClB,EAAE,GAAA,CAAI,KAAA,CAAM,MAAM,CAAA,GAAI,EAAA,CAAG,uBAAsB,CAAE,GAAA,CAAI,MAAM,SAAS,CAAA,CAAA;AAAA,IACzE,CAAA;AAEA,IAAA,MAAM,iBAAA,GAAoB,CAAC,CAAA,KAAkB;AAC3C,MAAA,IAAI,CAAC,MAAM,KAAA,IAAS,CAAC,SAAS,KAAA,IAAS,CAAC,UAAU,WAAA,EAAa;AAE/D,MAAA,MAAM,SAAS,IAAA,CAAK,GAAA;AAAA,QACjB,CAAA,CAAE,MAAA,CAAuB,qBAAA,EAAsB,CAAE,GAAA,CAAI,KAAA,CAAM,SAAS,CAAA,GACnE,CAAA,CAAE,GAAA,CAAI,KAAA,CAAM,MAAM;AAAA,OACtB;AACA,MAAA,MAAM,YAAY,KAAA,CAAM,KAAA,CAAM,GAAA,CAAI,KAAA,CAAM,MAAM,CAAA,GAAI,CAAA;AAClD,MAAA,MAAM,uBAAA,GAAA,CACF,MAAA,GAAS,SAAA,IAAa,GAAA,GAAM,WAAA,CAAY,QAC1C,QAAA,CAAS,KAAA,CAAM,GAAA,CAAI,KAAA,CAAM,MAAM,CAAA;AAEjC,MAAA,SAAA,CAAU,WAAA,CAAY,GAAA,CAAI,KAAA,CAAM,MAAM,CAAA,GACnC,uBAAA,GAA0B,SAAA,CAAU,WAAA,CAAY,GAAA,CAAI,KAAA,CAAM,UAAU,CAAA,GACrE,GAAA;AAAA,IACJ,CAAA;AAEA,IAAA,MAAM,SAAA,GAAY,CAAC,CAAA,KAAkB;AACnC,MAAA,CAAA,CAAE,wBAAA,EAAyB;AAC3B,MAAA,UAAA,GAAa,IAAA;AACb,MAAA,gBAAA,GAAmB,UAAU,WAAA,CAAa,YAAA;AAC1C,MAAA,eAAA,GAAkB,UAAU,WAAA,CAAa,WAAA;AACzC,MAAA,QAAA,CAAS,gBAAA,CAAiB,aAAa,wBAAwB,CAAA;AAC/D,MAAA,QAAA,CAAS,gBAAA,CAAiB,WAAW,sBAAsB,CAAA;AAC3D,MAAA,qBAAA,GAAwB,QAAA,CAAS,aAAA;AACjC,MAAA,QAAA,CAAS,gBAAgB,MAAM,KAAA;AAAA,IACjC,CAAA;AAEA,IAAA,MAAM,wBAAA,GAA2B,CAAC,CAAA,KAAkB;AAClD,MAAA,IAAI,CAAC,QAAA,CAAS,KAAA,IAAS,CAAC,MAAM,KAAA,EAAO;AACrC,MAAA,IAAI,eAAe,KAAA,EAAO;AAE1B,MAAA,MAAM,QAAA,GAAW,UAAA,CAAW,KAAA,CAAM,GAAA,CAAI,MAAM,IAAI,CAAA;AAChD,MAAA,IAAI,CAAC,QAAA,EAAU;AAEf,MAAA,MAAM,MAAA,GAAA,CACH,QAAA,CAAS,KAAA,CAAM,qBAAA,EAAsB,CAAE,GAAA,CAAI,KAAA,CAAM,SAAS,CAAA,GACzD,CAAA,CAAE,GAAA,CAAI,KAAA,CAAM,MAAM,CAAA,IACpB,EAAA;AACF,MAAA,MAAM,qBAAqB,KAAA,CAAM,KAAA,CAAM,GAAA,CAAI,KAAA,CAAM,MAAM,CAAA,GAAI,QAAA;AAC3D,MAAA,MAAM,uBAAA,GAAA,CACF,MAAA,GAAS,kBAAA,IAAsB,GAAA,GAAM,WAAA,CAAY,QACnD,QAAA,CAAS,KAAA,CAAM,GAAA,CAAI,KAAA,CAAM,MAAM,CAAA;AAEjC,MAAA,IAAI,GAAA,CAAI,KAAA,CAAM,MAAA,KAAW,YAAA,EAAc;AACrC,QAAA,SAAA,CAAU,YAAa,GAAA,CAAI,KAAA,CAAM,MAAM,CAAA,GACpC,0BAA0B,eAAA,GAAmB,GAAA;AAAA,MAClD,CAAA,MAAO;AACL,QAAA,SAAA,CAAU,YAAa,GAAA,CAAI,KAAA,CAAM,MAAM,CAAA,GACpC,0BAA0B,gBAAA,GAAoB,GAAA;AAAA,MACnD;AAAA,IACF,CAAA;AAEA,IAAA,MAAM,yBAAyB,MAAM;AACnC,MAAA,UAAA,GAAa,KAAA;AACb,MAAA,UAAA,CAAW,KAAA,CAAM,GAAA,CAAI,KAAA,CAAM,IAAI,CAAA,GAAI,CAAA;AACnC,MAAA,QAAA,CAAS,mBAAA,CAAoB,aAAa,wBAAwB,CAAA;AAClE,MAAA,QAAA,CAAS,mBAAA,CAAoB,WAAW,sBAAsB,CAAA;AAC9D,MAAA,oBAAA,EAAqB;AACrB,MAAA,IAAI,WAAA,UAAqB,KAAA,GAAQ,KAAA;AAAA,IACnC,CAAA;AAEA,IAAA,MAAM,4BAA4B,MAAM;AACtC,MAAA,WAAA,GAAc,KAAA;AACd,MAAA,OAAA,CAAQ,KAAA,GAAQ,CAAC,CAAC,KAAA,CAAM,IAAA;AAAA,IAC1B,CAAA;AAEA,IAAA,MAAM,6BAA6B,MAAM;AACvC,MAAA,WAAA,GAAc,IAAA;AACd,MAAA,OAAA,CAAQ,KAAA,GAAQ,UAAA;AAAA,IAClB,CAAA;AAEA,IAAA,eAAA,CAAgB,MAAM;AACpB,MAAA,oBAAA,EAAqB;AACrB,MAAA,QAAA,CAAS,mBAAA,CAAoB,WAAW,sBAAsB,CAAA;AAAA,IAChE,CAAC,CAAA;AAED,IAAA,MAAM,uBAAuB,MAAM;AACjC,MAAA,IAAI,SAAS,aAAA,KAAkB,qBAAA;AAC7B,QAAA,QAAA,CAAS,aAAA,GAAgB,qBAAA;AAAA,IAC7B,CAAA;AAEA,IAAA,gBAAA;AAAA,MACE,KAAA,CAAM,WAAW,kBAAkB,CAAA;AAAA,MACnC,WAAA;AAAA,MACA;AAAA,KACF;AACA,IAAA,gBAAA;AAAA,MACE,KAAA,CAAM,WAAW,kBAAkB,CAAA;AAAA,MACnC,YAAA;AAAA,MACA;AAAA,KACF;;0BAjLEA,WAAA,CAeaC,UAAA,EAAA;AAAA,QAfA,IAAA,EAAMC,KAAA,CAAA,EAAA,CAAA,CAAG,EAAC,MAAA,CAAA;AAAA,QAAvB,SAAA,EAAA;AAAA;yBACE,MAaM;AAAA,yBAbNC,kBAAA;AAAA,YAaM,KAAA;AAAA,YAAA;AAAA,uBAXA,UAAA;AAAA,cAAJ,GAAA,EAAI,QAAA;AAAA,cACH,OAAKC,cAAA,CAAA,CAAGF,KAAA,CAAA,EAAA,EAAG,CAAA,CAAC,KAAA,CAAA,EAASA,KAAA,CAAA,EAAA,CAAA,CAAG,EAAA,CAAG,IAAA,KAAA,CAAI,GAAG,CAAA,CAAA,CAAA;AAAA,cAClC,WAAA,EAAW,iBAAA;AAAA,cACX,OAAA,0CAAD,MAAA;AAAA,cAAA,CAAA,EAAW,CAAA,MAAA,CAAA,CAAA;AAAA;;cAEXC,kBAAA;AAAA,gBAKE,KAAA;AAAA,gBAAA;AAAA,2BAJI,OAAA;AAAA,kBAAJ,GAAA,EAAI,KAAA;AAAA,kBACH,OAAKC,cAAA,CAAEF,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,OAAA,CAAA,CAAA;AAAA,kBACX,KAAA,iBAAO,UAAA,CAAA,KAAU,CAAA;AAAA,kBACjB,WAAA,EAAW;AAAA;;;;;;;;;YAVN,CAAAG,KAAA,EAAA,OAAA,CAAA,MAAA,IAAU,QAAA,KAAO;AAAA;;;;;;;;;;;"}

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

@@ -1,9 +1,32 @@
 import type Step from './item.vue';
-import type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue';
+import type { Component, ExtractPublicPropTypes } from 'vue';
+export interface StepProps {
+    /**
+     * @description step title
+     */
+    title?: string;
+    /**
+     * @description step custom icon. Icons can be passed via named slot as well
+     */
+    icon?: string | Component;
+    /**
+     * @description step description
+     * @default ''
+     */
+    description?: string;
+    /**
+     * @description current status. It will be automatically set by Steps if not configured.
+     * @default ''
+     */
+    status?: '' | 'wait' | 'process' | 'finish' | 'error' | 'success';
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `StepProps` instead.
+ */
 export declare const stepProps: {
     readonly title: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly icon: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -11,6 +34,5 @@ export declare const stepProps: {
     readonly description: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly status: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "" | "wait" | "error" | "finish" | "success" | "process", unknown, "", boolean>;
 };
-export type StepProps = ExtractPropTypes<typeof stepProps>;
 export type StepPropsPublic = ExtractPublicPropTypes<typeof stepProps>;
 export type StepInstance = InstanceType<typeof Step> & unknown;

package/es/components/steps/src/item.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"item.mjs","sources":["../../../../../../packages/components/steps/src/item.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\n\nimport type Step from './item.vue'\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\n\nexport const stepProps = buildProps({\n  /**\n   * @description step title\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description step custom icon. Icons can be passed via named slot as well\n   */\n  icon: {\n    type: iconPropType,\n  },\n  /**\n   * @description step description\n   */\n  description: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description current status. It will be automatically set by Steps if not configured.\n   */\n  status: {\n    type: String,\n    values: ['', 'wait', 'process', 'finish', 'error', 'success'],\n    default: '',\n  },\n} as const)\n\nexport type StepProps = ExtractPropTypes<typeof stepProps>\nexport type StepPropsPublic = ExtractPublicPropTypes<typeof stepProps>\n\nexport type StepInstance = InstanceType<typeof Step> & unknown\n"],"names":[],"mappings":";;;AAKO,MAAM,YAAY,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAIlC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,MAAA;AAAA,IACN,QAAQ,CAAC,EAAA,EAAI,QAAQ,SAAA,EAAW,QAAA,EAAU,SAAS,SAAS,CAAA;AAAA,IAC5D,OAAA,EAAS;AAAA;AAEb,CAAU;;;;"}
+{"version":3,"file":"item.mjs","sources":["../../../../../../packages/components/steps/src/item.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\n\nimport type Step from './item.vue'\nimport type { Component, ExtractPublicPropTypes } from 'vue'\n\nexport interface StepProps {\n  /**\n   * @description step title\n   */\n  title?: string\n  /**\n   * @description step custom icon. Icons can be passed via named slot as well\n   */\n  icon?: string | Component\n  /**\n   * @description step description\n   * @default ''\n   */\n  description?: string\n  /**\n   * @description current status. It will be automatically set by Steps if not configured.\n   * @default ''\n   */\n  status?: '' | 'wait' | 'process' | 'finish' | 'error' | 'success'\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `StepProps` instead.\n */\nexport const stepProps = buildProps({\n  /**\n   * @description step title\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description step custom icon. Icons can be passed via named slot as well\n   */\n  icon: {\n    type: iconPropType,\n  },\n  /**\n   * @description step description\n   */\n  description: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description current status. It will be automatically set by Steps if not configured.\n   */\n  status: {\n    type: String,\n    values: ['', 'wait', 'process', 'finish', 'error', 'success'],\n    default: '',\n  },\n} as const)\n\nexport type StepPropsPublic = ExtractPublicPropTypes<typeof stepProps>\n\nexport type StepInstance = InstanceType<typeof Step> & unknown\n"],"names":[],"mappings":";;;AA6BO,MAAM,YAAY,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAIlC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,MAAA;AAAA,IACN,QAAQ,CAAC,EAAA,EAAI,QAAQ,SAAA,EAAW,QAAA,EAAU,SAAS,SAAS,CAAA;AAAA,IAC5D,OAAA,EAAS;AAAA;AAEb,CAAU;;;;"}

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

@@ -1,3 +1,4 @@
+import type { StepProps } from './item';
 import type { ComputedRef, Ref, VNode } from 'vue';
 import type { StepsProps } from './steps';
 export interface StepItemState {
@@ -9,7 +10,7 @@ export interface StepItemState {
     calcProgress: (status: string) => void;
 }
 export interface IStepsInject {
-    props: StepsProps;
+    props: Required<StepsProps>;
     steps: Ref<StepItemState[]>;
     addStep: (item: StepItemState) => void;
     removeStep: (item: StepItemState) => void;
@@ -22,36 +23,43 @@ type __VLS_Slots = {} & {
 } & {
     description?: (props: typeof __VLS_35) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{
-    readonly title: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly icon: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly description: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly status: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "" | "wait" | "error" | "finish" | "success" | "process", unknown, "", boolean>;
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly title: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly icon: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly description: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly status: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "" | "wait" | "error" | "finish" | "success" | "process", unknown, "", boolean>;
-}>>, {
-    readonly title: string;
-    readonly description: string;
-    readonly status: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "wait" | "error" | "finish" | "success" | "process", unknown>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<StepProps>, {
+    title: string;
+    description: string;
+    icon: string;
+    status: string;
+}>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<StepProps>, {
+    title: string;
+    description: string;
+    icon: string;
+    status: string;
+}>>>, {
+    title: string;
+    icon: string | import("vue").Component;
+    description: string;
+    status: "" | "wait" | "process" | "finish" | "error" | "success";
 }, {}>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaultsLocal<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};