@element-plus/nightly 0.0.20260422 → 0.0.20260424

package/lib/components/virtual-list/src/builders/build-grid.d.ts

@@ -50,6 +50,12 @@ declare const createGrid: ({
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
+  readonly innerWidth: {
+    readonly type: vue.PropType<EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+    readonly required: false;
+    readonly validator: ((val: unknown) => boolean) | undefined;
+    __epPropKey: true;
+  };
   readonly perfMode: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly scrollbarAlwaysOn: BooleanConstructor;
   readonly columnCache: EpPropFinalized<NumberConstructor, never, never, 2, false>;
@@ -140,6 +146,12 @@ declare const createGrid: ({
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
+  readonly innerWidth: {
+    readonly type: vue.PropType<EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+    readonly required: false;
+    readonly validator: ((val: unknown) => boolean) | undefined;
+    __epPropKey: true;
+  };
   readonly perfMode: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly scrollbarAlwaysOn: BooleanConstructor;
   readonly columnCache: EpPropFinalized<NumberConstructor, never, never, 2, false>;
@@ -209,12 +221,12 @@ declare const createGrid: ({
   readonly data: any[];
   readonly className: string;
   readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
-  readonly scrollbarAlwaysOn: boolean;
-  readonly perfMode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
   readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
   readonly innerProps: Record<string, unknown>;
+  readonly perfMode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly useIsScrolling: boolean;
+  readonly scrollbarAlwaysOn: boolean;
   readonly itemKey: GridItemKeyGetter;
   readonly columnCache: number;
   readonly initScrollLeft: number;

package/lib/components/virtual-list/src/builders/build-list.js

@@ -78,10 +78,11 @@ const createList = ({ name, getOffset, getItemSize, getItemOffset, getEstimatedT
 			const innerStyle = (0, vue.computed)(() => {
 				const size = (0, vue.unref)(estimatedTotalSize);
 				const horizontal = (0, vue.unref)(_isHorizontal);
+				const innerWidth = props.innerWidth;
 				return {
 					height: horizontal ? "100%" : `${size}px`,
 					pointerEvents: (0, vue.unref)(states).isScrolling ? "none" : void 0,
-					width: horizontal ? `${size}px` : "100%",
+					width: horizontal ? `${size}px` : innerWidth !== void 0 ? require_types.isNumber(innerWidth) ? `${innerWidth}px` : innerWidth : "100%",
 					margin: 0,
 					boxSizing: "border-box"
 				};

package/lib/components/virtual-list/src/builders/build-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"build-list.js","names":["virtualizedListProps","ITEM_RENDER_EVT","SCROLL_EVT","END_REACHED_EVT","useNamespace","useCache","FORWARD","isNumber","BACKWARD","isHorizontal","isGreaterThan","useWheel","RTL","getScrollDir","getRTLOffsetType","RTL_OFFSET_NAG","RTL_OFFSET_POS_DESC","AUTO_ALIGNMENT","isClient","HORIZONTAL","RTL_OFFSET_POS_ASC","Fragment","Scrollbar"],"sources":["../../../../../../../packages/components/virtual-list/src/builders/build-list.ts"],"sourcesContent":["import {\n  Fragment,\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  h,\n  mergeProps,\n  nextTick,\n  onActivated,\n  onMounted,\n  onUpdated,\n  ref,\n  resolveDynamicComponent,\n  unref,\n  watch,\n} from 'vue'\nimport { clamp, useEventListener } from '@vueuse/core'\nimport {\n  hasOwn,\n  isClient,\n  isGreaterThan,\n  isNumber,\n  isString,\n} from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useCache } from '../hooks/use-cache'\nimport useWheel from '../hooks/use-wheel'\nimport Scrollbar from '../components/scrollbar'\nimport { getRTLOffsetType, getScrollDir, isHorizontal } from '../utils'\nimport { virtualizedListProps } from '../props'\nimport {\n  AUTO_ALIGNMENT,\n  BACKWARD,\n  END_REACHED_EVT,\n  FORWARD,\n  HORIZONTAL,\n  ITEM_RENDER_EVT,\n  RTL,\n  RTL_OFFSET_NAG,\n  RTL_OFFSET_POS_ASC,\n  RTL_OFFSET_POS_DESC,\n  SCROLL_EVT,\n} from '../defaults'\n\nimport type { CSSProperties, Slot, VNode, VNodeChild } from 'vue'\nimport type { Alignment, ListConstructorProps, ScrollDirection } from '../types'\nimport type { VirtualizedListProps } from '../props'\n\nconst createList = ({\n  name,\n  getOffset,\n  getItemSize,\n  getItemOffset,\n  getEstimatedTotalSize,\n  getStartIndexForOffset,\n  getStopIndexForStartIndex,\n  initCache,\n  clearCache,\n  validateProps,\n}: ListConstructorProps<VirtualizedListProps>) => {\n  return defineComponent({\n    name: name ?? 'ElVirtualList',\n    props: virtualizedListProps,\n    emits: [ITEM_RENDER_EVT, SCROLL_EVT, END_REACHED_EVT],\n    setup(props, { emit, expose }) {\n      validateProps(props)\n      const instance = getCurrentInstance()!\n\n      const ns = useNamespace('vl')\n\n      const dynamicSizeCache = ref(initCache(props, instance))\n\n      const getItemStyleCache = useCache<CSSProperties>()\n      // refs\n      // here windowRef and innerRef can be type of HTMLElement\n      // or user defined component type, depends on the type passed\n      // by user\n      const windowRef = ref<HTMLElement>()\n      const innerRef = ref<HTMLElement>()\n      const scrollbarRef = ref()\n      const states = ref({\n        isScrolling: false,\n        scrollDir: FORWARD as ScrollDirection,\n        scrollOffset: isNumber(props.initScrollOffset)\n          ? props.initScrollOffset\n          : 0,\n        updateRequested: false,\n        isScrollbarDragging: false,\n      })\n\n      // computed\n      const itemsToRender = computed(() => {\n        const { total, cache } = props\n        const { isScrolling, scrollDir, scrollOffset } = unref(states)\n\n        if (total === 0) {\n          return [0, 0, 0, 0]\n        }\n\n        const startIndex = getStartIndexForOffset(\n          props,\n          scrollOffset,\n          unref(dynamicSizeCache)\n        )\n        const stopIndex = getStopIndexForStartIndex(\n          props,\n          startIndex,\n          scrollOffset,\n          unref(dynamicSizeCache)\n        )\n\n        const cacheBackward =\n          !isScrolling || scrollDir === BACKWARD ? Math.max(1, cache) : 1\n        const cacheForward =\n          !isScrolling || scrollDir === FORWARD ? Math.max(1, cache) : 1\n\n        return [\n          Math.max(0, startIndex - cacheBackward),\n          Math.max(0, Math.min(total! - 1, stopIndex + cacheForward)),\n          startIndex,\n          stopIndex,\n        ]\n      })\n\n      const estimatedTotalSize = computed(() =>\n        getEstimatedTotalSize(props, unref(dynamicSizeCache))\n      )\n\n      const _isHorizontal = computed(() => isHorizontal(props.layout))\n\n      const windowStyle = computed(() => [\n        {\n          position: 'relative',\n          [`overflow-${_isHorizontal.value ? 'x' : 'y'}`]: 'scroll',\n          WebkitOverflowScrolling: 'touch',\n          willChange: 'transform',\n        },\n        {\n          direction: props.direction,\n          height: isNumber(props.height) ? `${props.height}px` : props.height,\n          width: isNumber(props.width) ? `${props.width}px` : props.width,\n        },\n        props.style,\n      ])\n\n      const innerStyle = computed(() => {\n        const size = unref(estimatedTotalSize)\n        const horizontal = unref(_isHorizontal)\n        return {\n          height: horizontal ? '100%' : `${size}px`,\n          pointerEvents: unref(states).isScrolling ? 'none' : undefined,\n          width: horizontal ? `${size}px` : '100%',\n\n          // fix scrolling issues in Firefox.\n          margin: 0,\n          boxSizing: 'border-box',\n        }\n      })\n\n      const clientSize = computed(() =>\n        _isHorizontal.value ? props.width : props.height\n      )\n\n      const maxOffset = computed(() =>\n        Math.max(0, estimatedTotalSize.value - (clientSize.value as number))\n      )\n\n      const normalizeOffset = (offset: number) =>\n        clamp(offset, 0, maxOffset.value)\n\n      // Tolerance must cover sub-pixel differences that arise when the\n      // browser's actual scrollHeight−clientHeight (affected by DPR\n      // rounding) doesn't exactly match our computed maxOffset.\n      // Without this, the native scroll event after onUpdated resets\n      // edgeState and causes a duplicate end-reached emission.\n      const EDGE_TOLERANCE = 1\n\n      const getEdgeState = (normalizedOffset: number) => ({\n        start: !isGreaterThan(normalizedOffset, 0, EDGE_TOLERANCE),\n        end: !isGreaterThan(maxOffset.value, normalizedOffset, EDGE_TOLERANCE),\n      })\n\n      const normalizedScrollOffset = computed(() =>\n        normalizeOffset(states.value.scrollOffset)\n      )\n      const currentEdgeState = computed(() =>\n        getEdgeState(normalizedScrollOffset.value)\n      )\n\n      let edgeState = currentEdgeState.value\n\n      const startEdgeReached = computed(() => currentEdgeState.value.start)\n      const endEdgeReached = computed(() => currentEdgeState.value.end)\n\n      // methods\n      const { onWheel } = useWheel(\n        {\n          atStartEdge: startEdgeReached,\n          atEndEdge: endEdgeReached,\n          layout: computed(() => props.layout),\n        },\n        (offset) => {\n          ;(\n            scrollbarRef.value as {\n              onMouseUp: () => void\n            }\n          ).onMouseUp?.()\n          scrollTo(\n            Math.min(states.value.scrollOffset + offset, maxOffset.value)\n          )\n        }\n      )\n\n      useEventListener(windowRef, 'wheel', onWheel, {\n        passive: false,\n      })\n\n      const emitEvents = () => {\n        const { total } = props\n\n        if (total! > 0) {\n          const [cacheStart, cacheEnd, visibleStart, visibleEnd] =\n            unref(itemsToRender)\n          emit(ITEM_RENDER_EVT, cacheStart, cacheEnd, visibleStart, visibleEnd)\n        }\n\n        const { scrollDir, scrollOffset, updateRequested } = unref(states)\n        emit(SCROLL_EVT, scrollDir, scrollOffset, updateRequested)\n      }\n\n      const emitEndReached = (direction: ScrollDirection, offset: number) => {\n        const nextEdgeState = getEdgeState(offset)\n        const horizontalEnd = props.direction === RTL ? 'left' : 'right'\n        const horizontalStart = props.direction === RTL ? 'right' : 'left'\n\n        if (direction === FORWARD && nextEdgeState.end && !edgeState.end) {\n          emit(END_REACHED_EVT, _isHorizontal.value ? horizontalEnd : 'bottom')\n        }\n\n        if (direction === BACKWARD && nextEdgeState.start && !edgeState.start) {\n          emit(END_REACHED_EVT, _isHorizontal.value ? horizontalStart : 'top')\n        }\n\n        edgeState = nextEdgeState\n      }\n\n      const updateScrollOffset = (\n        offset: number,\n        {\n          isScrolling,\n          updateRequested,\n        }: {\n          isScrolling: boolean\n          updateRequested: boolean\n        }\n      ) => {\n        const currentState = unref(states)\n        const nextOffset = Math.max(offset, 0)\n\n        if (nextOffset === currentState.scrollOffset) {\n          return\n        }\n\n        const scrollDir = getScrollDir(currentState.scrollOffset, nextOffset)\n\n        states.value = {\n          ...currentState,\n          isScrolling,\n          scrollDir,\n          scrollOffset: nextOffset,\n          updateRequested,\n        }\n        emitEndReached(scrollDir, normalizeOffset(nextOffset))\n\n        nextTick(resetIsScrolling)\n      }\n\n      const scrollVertically = (e: Event) => {\n        const { clientHeight, scrollHeight, scrollTop } =\n          e.currentTarget as HTMLElement\n        const _states = unref(states)\n        if (_states.scrollOffset === scrollTop) {\n          return\n        }\n\n        updateScrollOffset(Math.min(scrollTop, scrollHeight - clientHeight), {\n          isScrolling: true,\n          updateRequested: false,\n        })\n      }\n\n      const scrollHorizontally = (e: Event) => {\n        const { clientWidth, scrollLeft, scrollWidth } =\n          e.currentTarget as HTMLElement\n        const _states = unref(states)\n\n        if (_states.scrollOffset === scrollLeft) {\n          return\n        }\n\n        const { direction } = props\n\n        let scrollOffset = scrollLeft\n\n        if (direction === RTL) {\n          // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.\n          // This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).\n          // It's also easier for this component if we convert offsets to the same format as they would be in for ltr.\n          // So the simplest solution is to determine which browser behavior we're dealing with, and convert based on it.\n          switch (getRTLOffsetType()) {\n            case RTL_OFFSET_NAG: {\n              scrollOffset = -scrollLeft\n              break\n            }\n            case RTL_OFFSET_POS_DESC: {\n              scrollOffset = scrollWidth - clientWidth - scrollLeft\n              break\n            }\n          }\n        }\n\n        updateScrollOffset(Math.min(scrollOffset, scrollWidth - clientWidth), {\n          isScrolling: true,\n          updateRequested: false,\n        })\n      }\n\n      const onScroll = (e: Event) => {\n        unref(_isHorizontal) ? scrollHorizontally(e) : scrollVertically(e)\n        emitEvents()\n      }\n\n      const onScrollbarScroll = (distanceToGo: number, totalSteps: number) => {\n        const offset = (maxOffset.value / totalSteps) * distanceToGo\n        scrollTo(Math.min(maxOffset.value, offset))\n      }\n\n      const scrollTo = (offset: number) => {\n        updateScrollOffset(offset, {\n          isScrolling: unref(states).isScrolling,\n          updateRequested: true,\n        })\n      }\n\n      const scrollToItem = (\n        idx: number,\n        alignment: Alignment = AUTO_ALIGNMENT\n      ) => {\n        const { scrollOffset } = unref(states)\n\n        idx = Math.max(0, Math.min(idx, props.total! - 1))\n        scrollTo(\n          getOffset(\n            props,\n            idx,\n            alignment,\n            scrollOffset,\n            unref(dynamicSizeCache)\n          )\n        )\n      }\n\n      const getItemStyle = (idx: number) => {\n        const { direction, itemSize, layout } = props\n\n        const itemStyleCache = getItemStyleCache.value(\n          clearCache && itemSize,\n          clearCache && layout,\n          clearCache && direction\n        )\n\n        let style: CSSProperties\n        if (hasOwn(itemStyleCache, String(idx))) {\n          style = itemStyleCache[idx]\n        } else {\n          const offset = getItemOffset(props, idx, unref(dynamicSizeCache))\n          const size = getItemSize(props, idx, unref(dynamicSizeCache))\n          const horizontal = unref(_isHorizontal)\n\n          const isRtl = direction === RTL\n          const offsetHorizontal = horizontal ? offset : 0\n          itemStyleCache[idx] = style = {\n            position: 'absolute',\n            left: isRtl ? undefined : `${offsetHorizontal}px`,\n            right: isRtl ? `${offsetHorizontal}px` : undefined,\n            top: !horizontal ? `${offset}px` : 0,\n            height: !horizontal ? `${size}px` : '100%',\n            width: horizontal ? `${size}px` : '100%',\n          }\n        }\n\n        return style\n      }\n\n      // TODO: perf optimization here, reset isScrolling with debounce.\n\n      const resetIsScrolling = () => {\n        states.value.isScrolling = false\n        nextTick(() => {\n          getItemStyleCache.value(-1, null, null)\n        })\n      }\n\n      const resetScrollTop = () => {\n        const window = windowRef.value\n        if (window) {\n          window.scrollTop = 0\n        }\n      }\n\n      // life cycles\n      onMounted(() => {\n        if (!isClient) return\n        const { initScrollOffset } = props\n        const windowElement = unref(windowRef)\n        if (isNumber(initScrollOffset) && windowElement) {\n          if (unref(_isHorizontal)) {\n            windowElement.scrollLeft = initScrollOffset\n          } else {\n            windowElement.scrollTop = initScrollOffset\n          }\n        }\n\n        emitEvents()\n      })\n\n      onUpdated(() => {\n        const { direction, layout } = props\n        const { scrollOffset, updateRequested } = unref(states)\n        const windowElement = unref(windowRef)\n\n        if (updateRequested && windowElement) {\n          if (layout === HORIZONTAL) {\n            if (direction === RTL) {\n              // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.\n              // This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).\n              // So we need to determine which browser behavior we're dealing with, and mimic it.\n              switch (getRTLOffsetType()) {\n                case RTL_OFFSET_NAG: {\n                  windowElement.scrollLeft = -scrollOffset\n                  break\n                }\n                case RTL_OFFSET_POS_ASC: {\n                  windowElement.scrollLeft = scrollOffset\n                  break\n                }\n                default: {\n                  const { clientWidth, scrollWidth } = windowElement\n                  windowElement.scrollLeft =\n                    scrollWidth - clientWidth - scrollOffset\n                  break\n                }\n              }\n            } else {\n              windowElement.scrollLeft = scrollOffset\n            }\n          } else {\n            windowElement.scrollTop = scrollOffset\n          }\n        }\n      })\n\n      onActivated(() => {\n        unref(windowRef)!.scrollTop = unref(states).scrollOffset\n      })\n\n      watch(maxOffset, () => {\n        edgeState = currentEdgeState.value\n      })\n\n      const api = {\n        ns,\n        clientSize,\n        estimatedTotalSize,\n        windowStyle,\n        windowRef,\n        innerRef,\n        innerStyle,\n        itemsToRender,\n        scrollbarRef,\n        states,\n        getItemStyle,\n        onScroll,\n        onScrollbarScroll,\n        onWheel,\n        scrollTo,\n        scrollToItem,\n        resetScrollTop,\n      }\n\n      expose({\n        windowRef,\n        innerRef,\n        getItemStyleCache,\n        scrollTo,\n        scrollToItem,\n        resetScrollTop,\n        states,\n      })\n\n      return api\n    },\n\n    render(ctx: any) {\n      const {\n        $slots,\n        className,\n        clientSize,\n        containerElement,\n        data,\n        getItemStyle,\n        innerElement,\n        itemsToRender,\n        innerStyle,\n        layout,\n        scrollbarAlwaysOn,\n        total,\n        onScroll,\n        onScrollbarScroll,\n        states,\n        useIsScrolling,\n        windowStyle,\n        ns,\n      } = ctx\n\n      const [start, end] = itemsToRender\n\n      const Container = resolveDynamicComponent(containerElement)\n      const Inner = resolveDynamicComponent(innerElement)\n\n      const children = [] as VNodeChild[]\n\n      if (total > 0) {\n        for (let i = start; i <= end; i++) {\n          children.push(\n            h(\n              Fragment,\n              { key: i },\n              ($slots.default as Slot)?.({\n                data,\n                index: i,\n                isScrolling: useIsScrolling ? states.isScrolling : undefined,\n                style: getItemStyle(i),\n              })\n            )\n          )\n        }\n      }\n\n      const InnerNode = [\n        h(\n          Inner as VNode,\n          mergeProps(ctx.innerProps, {\n            style: innerStyle,\n            ref: 'innerRef',\n          }),\n          !isString(Inner)\n            ? {\n                default: () => children,\n              }\n            : children\n        ),\n      ]\n\n      const scrollbar = h(Scrollbar, {\n        ref: 'scrollbarRef',\n        clientSize,\n        layout,\n        onScroll: onScrollbarScroll,\n        ratio: (clientSize * 100) / this.estimatedTotalSize,\n        scrollFrom:\n          states.scrollOffset / (this.estimatedTotalSize - clientSize),\n        total,\n        alwaysOn: scrollbarAlwaysOn,\n      })\n\n      const listContainer = h(\n        Container as VNode,\n        {\n          class: [ns.e('window'), className],\n          style: windowStyle,\n          onScroll,\n          ref: 'windowRef',\n          key: 0,\n        },\n        !isString(Container) ? { default: () => [InnerNode] } : [InnerNode]\n      )\n\n      return h(\n        'div',\n        {\n          key: 0,\n          class: [ns.e('wrapper'), scrollbarAlwaysOn ? 'always-on' : ''],\n        },\n        [listContainer, scrollbar]\n      )\n    },\n  })\n}\n\nexport default createList\n"],"mappings":"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"}
+{"version":3,"file":"build-list.js","names":["virtualizedListProps","ITEM_RENDER_EVT","SCROLL_EVT","END_REACHED_EVT","useNamespace","useCache","FORWARD","isNumber","BACKWARD","isHorizontal","isGreaterThan","useWheel","RTL","getScrollDir","getRTLOffsetType","RTL_OFFSET_NAG","RTL_OFFSET_POS_DESC","AUTO_ALIGNMENT","isClient","HORIZONTAL","RTL_OFFSET_POS_ASC","Fragment","Scrollbar"],"sources":["../../../../../../../packages/components/virtual-list/src/builders/build-list.ts"],"sourcesContent":["import {\n  Fragment,\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  h,\n  mergeProps,\n  nextTick,\n  onActivated,\n  onMounted,\n  onUpdated,\n  ref,\n  resolveDynamicComponent,\n  unref,\n  watch,\n} from 'vue'\nimport { clamp, useEventListener } from '@vueuse/core'\nimport {\n  hasOwn,\n  isClient,\n  isGreaterThan,\n  isNumber,\n  isString,\n} from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useCache } from '../hooks/use-cache'\nimport useWheel from '../hooks/use-wheel'\nimport Scrollbar from '../components/scrollbar'\nimport { getRTLOffsetType, getScrollDir, isHorizontal } from '../utils'\nimport { virtualizedListProps } from '../props'\nimport {\n  AUTO_ALIGNMENT,\n  BACKWARD,\n  END_REACHED_EVT,\n  FORWARD,\n  HORIZONTAL,\n  ITEM_RENDER_EVT,\n  RTL,\n  RTL_OFFSET_NAG,\n  RTL_OFFSET_POS_ASC,\n  RTL_OFFSET_POS_DESC,\n  SCROLL_EVT,\n} from '../defaults'\n\nimport type { CSSProperties, Slot, VNode, VNodeChild } from 'vue'\nimport type { Alignment, ListConstructorProps, ScrollDirection } from '../types'\nimport type { VirtualizedListProps } from '../props'\n\nconst createList = ({\n  name,\n  getOffset,\n  getItemSize,\n  getItemOffset,\n  getEstimatedTotalSize,\n  getStartIndexForOffset,\n  getStopIndexForStartIndex,\n  initCache,\n  clearCache,\n  validateProps,\n}: ListConstructorProps<VirtualizedListProps>) => {\n  return defineComponent({\n    name: name ?? 'ElVirtualList',\n    props: virtualizedListProps,\n    emits: [ITEM_RENDER_EVT, SCROLL_EVT, END_REACHED_EVT],\n    setup(props, { emit, expose }) {\n      validateProps(props)\n      const instance = getCurrentInstance()!\n\n      const ns = useNamespace('vl')\n\n      const dynamicSizeCache = ref(initCache(props, instance))\n\n      const getItemStyleCache = useCache<CSSProperties>()\n      // refs\n      // here windowRef and innerRef can be type of HTMLElement\n      // or user defined component type, depends on the type passed\n      // by user\n      const windowRef = ref<HTMLElement>()\n      const innerRef = ref<HTMLElement>()\n      const scrollbarRef = ref()\n      const states = ref({\n        isScrolling: false,\n        scrollDir: FORWARD as ScrollDirection,\n        scrollOffset: isNumber(props.initScrollOffset)\n          ? props.initScrollOffset\n          : 0,\n        updateRequested: false,\n        isScrollbarDragging: false,\n      })\n\n      // computed\n      const itemsToRender = computed(() => {\n        const { total, cache } = props\n        const { isScrolling, scrollDir, scrollOffset } = unref(states)\n\n        if (total === 0) {\n          return [0, 0, 0, 0]\n        }\n\n        const startIndex = getStartIndexForOffset(\n          props,\n          scrollOffset,\n          unref(dynamicSizeCache)\n        )\n        const stopIndex = getStopIndexForStartIndex(\n          props,\n          startIndex,\n          scrollOffset,\n          unref(dynamicSizeCache)\n        )\n\n        const cacheBackward =\n          !isScrolling || scrollDir === BACKWARD ? Math.max(1, cache) : 1\n        const cacheForward =\n          !isScrolling || scrollDir === FORWARD ? Math.max(1, cache) : 1\n\n        return [\n          Math.max(0, startIndex - cacheBackward),\n          Math.max(0, Math.min(total! - 1, stopIndex + cacheForward)),\n          startIndex,\n          stopIndex,\n        ]\n      })\n\n      const estimatedTotalSize = computed(() =>\n        getEstimatedTotalSize(props, unref(dynamicSizeCache))\n      )\n\n      const _isHorizontal = computed(() => isHorizontal(props.layout))\n\n      const windowStyle = computed(() => [\n        {\n          position: 'relative',\n          [`overflow-${_isHorizontal.value ? 'x' : 'y'}`]: 'scroll',\n          WebkitOverflowScrolling: 'touch',\n          willChange: 'transform',\n        },\n        {\n          direction: props.direction,\n          height: isNumber(props.height) ? `${props.height}px` : props.height,\n          width: isNumber(props.width) ? `${props.width}px` : props.width,\n        },\n        props.style,\n      ])\n\n      const innerStyle = computed(() => {\n        const size = unref(estimatedTotalSize)\n        const horizontal = unref(_isHorizontal)\n        const innerWidth = props.innerWidth\n        return {\n          height: horizontal ? '100%' : `${size}px`,\n          pointerEvents: unref(states).isScrolling ? 'none' : undefined,\n          width: horizontal\n            ? `${size}px`\n            : innerWidth !== undefined\n              ? isNumber(innerWidth)\n                ? `${innerWidth}px`\n                : innerWidth\n              : '100%',\n\n          // fix scrolling issues in Firefox.\n          margin: 0,\n          boxSizing: 'border-box',\n        }\n      })\n\n      const clientSize = computed(() =>\n        _isHorizontal.value ? props.width : props.height\n      )\n\n      const maxOffset = computed(() =>\n        Math.max(0, estimatedTotalSize.value - (clientSize.value as number))\n      )\n\n      const normalizeOffset = (offset: number) =>\n        clamp(offset, 0, maxOffset.value)\n\n      // Tolerance must cover sub-pixel differences that arise when the\n      // browser's actual scrollHeight−clientHeight (affected by DPR\n      // rounding) doesn't exactly match our computed maxOffset.\n      // Without this, the native scroll event after onUpdated resets\n      // edgeState and causes a duplicate end-reached emission.\n      const EDGE_TOLERANCE = 1\n\n      const getEdgeState = (normalizedOffset: number) => ({\n        start: !isGreaterThan(normalizedOffset, 0, EDGE_TOLERANCE),\n        end: !isGreaterThan(maxOffset.value, normalizedOffset, EDGE_TOLERANCE),\n      })\n\n      const normalizedScrollOffset = computed(() =>\n        normalizeOffset(states.value.scrollOffset)\n      )\n      const currentEdgeState = computed(() =>\n        getEdgeState(normalizedScrollOffset.value)\n      )\n\n      let edgeState = currentEdgeState.value\n\n      const startEdgeReached = computed(() => currentEdgeState.value.start)\n      const endEdgeReached = computed(() => currentEdgeState.value.end)\n\n      // methods\n      const { onWheel } = useWheel(\n        {\n          atStartEdge: startEdgeReached,\n          atEndEdge: endEdgeReached,\n          layout: computed(() => props.layout),\n        },\n        (offset) => {\n          ;(\n            scrollbarRef.value as {\n              onMouseUp: () => void\n            }\n          ).onMouseUp?.()\n          scrollTo(\n            Math.min(states.value.scrollOffset + offset, maxOffset.value)\n          )\n        }\n      )\n\n      useEventListener(windowRef, 'wheel', onWheel, {\n        passive: false,\n      })\n\n      const emitEvents = () => {\n        const { total } = props\n\n        if (total! > 0) {\n          const [cacheStart, cacheEnd, visibleStart, visibleEnd] =\n            unref(itemsToRender)\n          emit(ITEM_RENDER_EVT, cacheStart, cacheEnd, visibleStart, visibleEnd)\n        }\n\n        const { scrollDir, scrollOffset, updateRequested } = unref(states)\n        emit(SCROLL_EVT, scrollDir, scrollOffset, updateRequested)\n      }\n\n      const emitEndReached = (direction: ScrollDirection, offset: number) => {\n        const nextEdgeState = getEdgeState(offset)\n        const horizontalEnd = props.direction === RTL ? 'left' : 'right'\n        const horizontalStart = props.direction === RTL ? 'right' : 'left'\n\n        if (direction === FORWARD && nextEdgeState.end && !edgeState.end) {\n          emit(END_REACHED_EVT, _isHorizontal.value ? horizontalEnd : 'bottom')\n        }\n\n        if (direction === BACKWARD && nextEdgeState.start && !edgeState.start) {\n          emit(END_REACHED_EVT, _isHorizontal.value ? horizontalStart : 'top')\n        }\n\n        edgeState = nextEdgeState\n      }\n\n      const updateScrollOffset = (\n        offset: number,\n        {\n          isScrolling,\n          updateRequested,\n        }: {\n          isScrolling: boolean\n          updateRequested: boolean\n        }\n      ) => {\n        const currentState = unref(states)\n        const nextOffset = Math.max(offset, 0)\n\n        if (nextOffset === currentState.scrollOffset) {\n          return\n        }\n\n        const scrollDir = getScrollDir(currentState.scrollOffset, nextOffset)\n\n        states.value = {\n          ...currentState,\n          isScrolling,\n          scrollDir,\n          scrollOffset: nextOffset,\n          updateRequested,\n        }\n        emitEndReached(scrollDir, normalizeOffset(nextOffset))\n\n        nextTick(resetIsScrolling)\n      }\n\n      const scrollVertically = (e: Event) => {\n        const { clientHeight, scrollHeight, scrollTop } =\n          e.currentTarget as HTMLElement\n        const _states = unref(states)\n        if (_states.scrollOffset === scrollTop) {\n          return\n        }\n\n        updateScrollOffset(Math.min(scrollTop, scrollHeight - clientHeight), {\n          isScrolling: true,\n          updateRequested: false,\n        })\n      }\n\n      const scrollHorizontally = (e: Event) => {\n        const { clientWidth, scrollLeft, scrollWidth } =\n          e.currentTarget as HTMLElement\n        const _states = unref(states)\n\n        if (_states.scrollOffset === scrollLeft) {\n          return\n        }\n\n        const { direction } = props\n\n        let scrollOffset = scrollLeft\n\n        if (direction === RTL) {\n          // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.\n          // This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).\n          // It's also easier for this component if we convert offsets to the same format as they would be in for ltr.\n          // So the simplest solution is to determine which browser behavior we're dealing with, and convert based on it.\n          switch (getRTLOffsetType()) {\n            case RTL_OFFSET_NAG: {\n              scrollOffset = -scrollLeft\n              break\n            }\n            case RTL_OFFSET_POS_DESC: {\n              scrollOffset = scrollWidth - clientWidth - scrollLeft\n              break\n            }\n          }\n        }\n\n        updateScrollOffset(Math.min(scrollOffset, scrollWidth - clientWidth), {\n          isScrolling: true,\n          updateRequested: false,\n        })\n      }\n\n      const onScroll = (e: Event) => {\n        unref(_isHorizontal) ? scrollHorizontally(e) : scrollVertically(e)\n        emitEvents()\n      }\n\n      const onScrollbarScroll = (distanceToGo: number, totalSteps: number) => {\n        const offset = (maxOffset.value / totalSteps) * distanceToGo\n        scrollTo(Math.min(maxOffset.value, offset))\n      }\n\n      const scrollTo = (offset: number) => {\n        updateScrollOffset(offset, {\n          isScrolling: unref(states).isScrolling,\n          updateRequested: true,\n        })\n      }\n\n      const scrollToItem = (\n        idx: number,\n        alignment: Alignment = AUTO_ALIGNMENT\n      ) => {\n        const { scrollOffset } = unref(states)\n\n        idx = Math.max(0, Math.min(idx, props.total! - 1))\n        scrollTo(\n          getOffset(\n            props,\n            idx,\n            alignment,\n            scrollOffset,\n            unref(dynamicSizeCache)\n          )\n        )\n      }\n\n      const getItemStyle = (idx: number) => {\n        const { direction, itemSize, layout } = props\n\n        const itemStyleCache = getItemStyleCache.value(\n          clearCache && itemSize,\n          clearCache && layout,\n          clearCache && direction\n        )\n\n        let style: CSSProperties\n        if (hasOwn(itemStyleCache, String(idx))) {\n          style = itemStyleCache[idx]\n        } else {\n          const offset = getItemOffset(props, idx, unref(dynamicSizeCache))\n          const size = getItemSize(props, idx, unref(dynamicSizeCache))\n          const horizontal = unref(_isHorizontal)\n\n          const isRtl = direction === RTL\n          const offsetHorizontal = horizontal ? offset : 0\n          itemStyleCache[idx] = style = {\n            position: 'absolute',\n            left: isRtl ? undefined : `${offsetHorizontal}px`,\n            right: isRtl ? `${offsetHorizontal}px` : undefined,\n            top: !horizontal ? `${offset}px` : 0,\n            height: !horizontal ? `${size}px` : '100%',\n            width: horizontal ? `${size}px` : '100%',\n          }\n        }\n\n        return style\n      }\n\n      // TODO: perf optimization here, reset isScrolling with debounce.\n\n      const resetIsScrolling = () => {\n        states.value.isScrolling = false\n        nextTick(() => {\n          getItemStyleCache.value(-1, null, null)\n        })\n      }\n\n      const resetScrollTop = () => {\n        const window = windowRef.value\n        if (window) {\n          window.scrollTop = 0\n        }\n      }\n\n      // life cycles\n      onMounted(() => {\n        if (!isClient) return\n        const { initScrollOffset } = props\n        const windowElement = unref(windowRef)\n        if (isNumber(initScrollOffset) && windowElement) {\n          if (unref(_isHorizontal)) {\n            windowElement.scrollLeft = initScrollOffset\n          } else {\n            windowElement.scrollTop = initScrollOffset\n          }\n        }\n\n        emitEvents()\n      })\n\n      onUpdated(() => {\n        const { direction, layout } = props\n        const { scrollOffset, updateRequested } = unref(states)\n        const windowElement = unref(windowRef)\n\n        if (updateRequested && windowElement) {\n          if (layout === HORIZONTAL) {\n            if (direction === RTL) {\n              // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.\n              // This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).\n              // So we need to determine which browser behavior we're dealing with, and mimic it.\n              switch (getRTLOffsetType()) {\n                case RTL_OFFSET_NAG: {\n                  windowElement.scrollLeft = -scrollOffset\n                  break\n                }\n                case RTL_OFFSET_POS_ASC: {\n                  windowElement.scrollLeft = scrollOffset\n                  break\n                }\n                default: {\n                  const { clientWidth, scrollWidth } = windowElement\n                  windowElement.scrollLeft =\n                    scrollWidth - clientWidth - scrollOffset\n                  break\n                }\n              }\n            } else {\n              windowElement.scrollLeft = scrollOffset\n            }\n          } else {\n            windowElement.scrollTop = scrollOffset\n          }\n        }\n      })\n\n      onActivated(() => {\n        unref(windowRef)!.scrollTop = unref(states).scrollOffset\n      })\n\n      watch(maxOffset, () => {\n        edgeState = currentEdgeState.value\n      })\n\n      const api = {\n        ns,\n        clientSize,\n        estimatedTotalSize,\n        windowStyle,\n        windowRef,\n        innerRef,\n        innerStyle,\n        itemsToRender,\n        scrollbarRef,\n        states,\n        getItemStyle,\n        onScroll,\n        onScrollbarScroll,\n        onWheel,\n        scrollTo,\n        scrollToItem,\n        resetScrollTop,\n      }\n\n      expose({\n        windowRef,\n        innerRef,\n        getItemStyleCache,\n        scrollTo,\n        scrollToItem,\n        resetScrollTop,\n        states,\n      })\n\n      return api\n    },\n\n    render(ctx: any) {\n      const {\n        $slots,\n        className,\n        clientSize,\n        containerElement,\n        data,\n        getItemStyle,\n        innerElement,\n        itemsToRender,\n        innerStyle,\n        layout,\n        scrollbarAlwaysOn,\n        total,\n        onScroll,\n        onScrollbarScroll,\n        states,\n        useIsScrolling,\n        windowStyle,\n        ns,\n      } = ctx\n\n      const [start, end] = itemsToRender\n\n      const Container = resolveDynamicComponent(containerElement)\n      const Inner = resolveDynamicComponent(innerElement)\n\n      const children = [] as VNodeChild[]\n\n      if (total > 0) {\n        for (let i = start; i <= end; i++) {\n          children.push(\n            h(\n              Fragment,\n              { key: i },\n              ($slots.default as Slot)?.({\n                data,\n                index: i,\n                isScrolling: useIsScrolling ? states.isScrolling : undefined,\n                style: getItemStyle(i),\n              })\n            )\n          )\n        }\n      }\n\n      const InnerNode = [\n        h(\n          Inner as VNode,\n          mergeProps(ctx.innerProps, {\n            style: innerStyle,\n            ref: 'innerRef',\n          }),\n          !isString(Inner)\n            ? {\n                default: () => children,\n              }\n            : children\n        ),\n      ]\n\n      const scrollbar = h(Scrollbar, {\n        ref: 'scrollbarRef',\n        clientSize,\n        layout,\n        onScroll: onScrollbarScroll,\n        ratio: (clientSize * 100) / this.estimatedTotalSize,\n        scrollFrom:\n          states.scrollOffset / (this.estimatedTotalSize - clientSize),\n        total,\n        alwaysOn: scrollbarAlwaysOn,\n      })\n\n      const listContainer = h(\n        Container as VNode,\n        {\n          class: [ns.e('window'), className],\n          style: windowStyle,\n          onScroll,\n          ref: 'windowRef',\n          key: 0,\n        },\n        !isString(Container) ? { default: () => [InnerNode] } : [InnerNode]\n      )\n\n      return h(\n        'div',\n        {\n          key: 0,\n          class: [ns.e('wrapper'), scrollbarAlwaysOn ? 'always-on' : ''],\n        },\n        [listContainer, scrollbar]\n      )\n    },\n  })\n}\n\nexport default createList\n"],"mappings":"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"}

package/lib/components/virtual-list/src/components/dynamic-size-grid.d.ts

@@ -36,6 +36,12 @@ declare const DynamicSizeGrid: vue.DefineComponent<vue.ExtractPropTypes<{
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
+  readonly innerWidth: {
+    readonly type: vue.PropType<EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+    readonly required: false;
+    readonly validator: ((val: unknown) => boolean) | undefined;
+    __epPropKey: true;
+  };
   readonly perfMode: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly scrollbarAlwaysOn: BooleanConstructor;
   readonly columnCache: EpPropFinalized<NumberConstructor, never, never, 2, false>;
@@ -126,6 +132,12 @@ declare const DynamicSizeGrid: vue.DefineComponent<vue.ExtractPropTypes<{
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
+  readonly innerWidth: {
+    readonly type: vue.PropType<EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+    readonly required: false;
+    readonly validator: ((val: unknown) => boolean) | undefined;
+    __epPropKey: true;
+  };
   readonly perfMode: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly scrollbarAlwaysOn: BooleanConstructor;
   readonly columnCache: EpPropFinalized<NumberConstructor, never, never, 2, false>;
@@ -195,12 +207,12 @@ declare const DynamicSizeGrid: vue.DefineComponent<vue.ExtractPropTypes<{
   readonly data: any[];
   readonly className: string;
   readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
-  readonly scrollbarAlwaysOn: boolean;
-  readonly perfMode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
   readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
   readonly innerProps: Record<string, unknown>;
+  readonly perfMode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly useIsScrolling: boolean;
+  readonly scrollbarAlwaysOn: boolean;
   readonly itemKey: GridItemKeyGetter;
   readonly columnCache: number;
   readonly initScrollLeft: number;

package/lib/components/virtual-list/src/components/dynamic-size-list.d.ts

@@ -31,6 +31,12 @@ declare const DynamicSizeList: vue.DefineComponent<vue.ExtractPropTypes<{
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
+  readonly innerWidth: {
+    readonly type: vue.PropType<EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+    readonly required: false;
+    readonly validator: ((val: unknown) => boolean) | undefined;
+    __epPropKey: true;
+  };
   readonly perfMode: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly scrollbarAlwaysOn: BooleanConstructor;
   readonly cache: EpPropFinalized<NumberConstructor, never, never, 2, false>;
@@ -118,7 +124,7 @@ declare const DynamicSizeList: vue.DefineComponent<vue.ExtractPropTypes<{
   scrollTo: (offset: number) => void;
   scrollToItem: (idx: number, alignment?: Alignment) => void;
   resetScrollTop: () => void;
-}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("scroll" | "end-reached" | "itemRendered")[], "scroll" | "end-reached" | "itemRendered", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("scroll" | "itemRendered" | "end-reached")[], "scroll" | "itemRendered" | "end-reached", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
   readonly className: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly containerElement: EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
   readonly data: EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
@@ -144,6 +150,12 @@ declare const DynamicSizeList: vue.DefineComponent<vue.ExtractPropTypes<{
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
+  readonly innerWidth: {
+    readonly type: vue.PropType<EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+    readonly required: false;
+    readonly validator: ((val: unknown) => boolean) | undefined;
+    __epPropKey: true;
+  };
   readonly perfMode: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly scrollbarAlwaysOn: BooleanConstructor;
   readonly cache: EpPropFinalized<NumberConstructor, never, never, 2, false>;
@@ -169,19 +181,19 @@ declare const DynamicSizeList: vue.DefineComponent<vue.ExtractPropTypes<{
   };
 }>> & Readonly<{
   onScroll?: ((...args: any[]) => any) | undefined;
-  "onEnd-reached"?: ((...args: any[]) => any) | undefined;
   onItemRendered?: ((...args: any[]) => any) | undefined;
+  "onEnd-reached"?: ((...args: any[]) => any) | undefined;
 }>, {
   readonly data: any[];
   readonly className: string;
   readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
-  readonly scrollbarAlwaysOn: boolean;
-  readonly perfMode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
   readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
   readonly innerProps: Record<string, unknown>;
+  readonly perfMode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly useIsScrolling: boolean;
+  readonly scrollbarAlwaysOn: boolean;
   readonly cache: number;
   readonly initScrollOffset: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;

package/lib/components/virtual-list/src/components/fixed-size-grid.d.ts

@@ -31,6 +31,12 @@ declare const FixedSizeGrid: vue.DefineComponent<vue.ExtractPropTypes<{
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
+  readonly innerWidth: {
+    readonly type: vue.PropType<EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+    readonly required: false;
+    readonly validator: ((val: unknown) => boolean) | undefined;
+    __epPropKey: true;
+  };
   readonly perfMode: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly scrollbarAlwaysOn: BooleanConstructor;
   readonly columnCache: EpPropFinalized<NumberConstructor, never, never, 2, false>;
@@ -121,6 +127,12 @@ declare const FixedSizeGrid: vue.DefineComponent<vue.ExtractPropTypes<{
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
+  readonly innerWidth: {
+    readonly type: vue.PropType<EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+    readonly required: false;
+    readonly validator: ((val: unknown) => boolean) | undefined;
+    __epPropKey: true;
+  };
   readonly perfMode: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly scrollbarAlwaysOn: BooleanConstructor;
   readonly columnCache: EpPropFinalized<NumberConstructor, never, never, 2, false>;
@@ -190,12 +202,12 @@ declare const FixedSizeGrid: vue.DefineComponent<vue.ExtractPropTypes<{
   readonly data: any[];
   readonly className: string;
   readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
-  readonly scrollbarAlwaysOn: boolean;
-  readonly perfMode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
   readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
   readonly innerProps: Record<string, unknown>;
+  readonly perfMode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly useIsScrolling: boolean;
+  readonly scrollbarAlwaysOn: boolean;
   readonly itemKey: GridItemKeyGetter;
   readonly columnCache: number;
   readonly initScrollLeft: number;

package/lib/components/virtual-list/src/components/fixed-size-list.d.ts

@@ -31,6 +31,12 @@ declare const FixedSizeList: vue.DefineComponent<vue.ExtractPropTypes<{
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
+  readonly innerWidth: {
+    readonly type: vue.PropType<EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+    readonly required: false;
+    readonly validator: ((val: unknown) => boolean) | undefined;
+    __epPropKey: true;
+  };
   readonly perfMode: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly scrollbarAlwaysOn: BooleanConstructor;
   readonly cache: EpPropFinalized<NumberConstructor, never, never, 2, false>;
@@ -118,7 +124,7 @@ declare const FixedSizeList: vue.DefineComponent<vue.ExtractPropTypes<{
   scrollTo: (offset: number) => void;
   scrollToItem: (idx: number, alignment?: Alignment) => void;
   resetScrollTop: () => void;
-}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("scroll" | "end-reached" | "itemRendered")[], "scroll" | "end-reached" | "itemRendered", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("scroll" | "itemRendered" | "end-reached")[], "scroll" | "itemRendered" | "end-reached", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
   readonly className: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly containerElement: EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
   readonly data: EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
@@ -144,6 +150,12 @@ declare const FixedSizeList: vue.DefineComponent<vue.ExtractPropTypes<{
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
+  readonly innerWidth: {
+    readonly type: vue.PropType<EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+    readonly required: false;
+    readonly validator: ((val: unknown) => boolean) | undefined;
+    __epPropKey: true;
+  };
   readonly perfMode: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly scrollbarAlwaysOn: BooleanConstructor;
   readonly cache: EpPropFinalized<NumberConstructor, never, never, 2, false>;
@@ -169,19 +181,19 @@ declare const FixedSizeList: vue.DefineComponent<vue.ExtractPropTypes<{
   };
 }>> & Readonly<{
   onScroll?: ((...args: any[]) => any) | undefined;
-  "onEnd-reached"?: ((...args: any[]) => any) | undefined;
   onItemRendered?: ((...args: any[]) => any) | undefined;
+  "onEnd-reached"?: ((...args: any[]) => any) | undefined;
 }>, {
   readonly data: any[];
   readonly className: string;
   readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
-  readonly scrollbarAlwaysOn: boolean;
-  readonly perfMode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
   readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
   readonly innerProps: Record<string, unknown>;
+  readonly perfMode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly useIsScrolling: boolean;
+  readonly scrollbarAlwaysOn: boolean;
   readonly cache: number;
   readonly initScrollOffset: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;

package/lib/components/virtual-list/src/props.d.ts

@@ -31,6 +31,12 @@ declare const virtualizedProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
+  readonly innerWidth: {
+    readonly type: vue.PropType<EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+    readonly required: false;
+    readonly validator: ((val: unknown) => boolean) | undefined;
+    __epPropKey: true;
+  };
   readonly perfMode: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly scrollbarAlwaysOn: BooleanConstructor;
 };
@@ -60,6 +66,12 @@ declare const virtualizedListProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
+  readonly innerWidth: {
+    readonly type: vue.PropType<EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+    readonly required: false;
+    readonly validator: ((val: unknown) => boolean) | undefined;
+    __epPropKey: true;
+  };
   readonly perfMode: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly scrollbarAlwaysOn: BooleanConstructor;
   readonly cache: EpPropFinalized<NumberConstructor, never, never, 2, false>;
@@ -110,6 +122,12 @@ declare const virtualizedGridProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
+  readonly innerWidth: {
+    readonly type: vue.PropType<EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+    readonly required: false;
+    readonly validator: ((val: unknown) => boolean) | undefined;
+    __epPropKey: true;
+  };
   readonly perfMode: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly scrollbarAlwaysOn: BooleanConstructor;
   readonly columnCache: EpPropFinalized<NumberConstructor, never, never, 2, false>;

package/lib/components/virtual-list/src/props.js

@@ -67,6 +67,10 @@ const virtualizedProps = require_runtime.buildProps({
 		type: [Number, String],
 		required: false
 	},
+	innerWidth: {
+		type: [Number, String],
+		required: false
+	},
 	perfMode: {
 		type: Boolean,
 		default: true

package/lib/components/virtual-list/src/props.js.map

@@ -1 +1 @@
-{"version":3,"file":"props.js","names":["buildProp","definePropType","VERTICAL","buildProps","mutable"],"sources":["../../../../../../packages/components/virtual-list/src/props.ts"],"sourcesContent":["import {\n  buildProp,\n  buildProps,\n  definePropType,\n  mutable,\n} from '@element-plus/utils'\nimport { VERTICAL } from './defaults'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes, StyleValue } from 'vue'\nimport type { GridItemKeyGetter, ItemSize } from './types'\n\nconst itemSize = buildProp({\n  type: definePropType<number | ItemSize>([Number, Function]),\n  required: true,\n} as const)\n\nconst estimatedItemSize = buildProp({\n  type: Number,\n} as const)\n\nconst cache = buildProp({\n  type: Number,\n  default: 2,\n} as const)\n\nconst direction = buildProp({\n  type: String,\n  values: ['ltr', 'rtl'],\n  default: 'ltr',\n} as const)\n\nconst initScrollOffset = buildProp({\n  type: Number,\n  default: 0,\n} as const)\n\nconst total = buildProp({\n  type: Number,\n  required: true,\n} as const)\n\nconst layout = buildProp({\n  type: String,\n  values: ['horizontal', 'vertical'],\n  default: VERTICAL,\n} as const)\n\nexport const virtualizedProps = buildProps({\n  className: {\n    type: String,\n    default: '',\n  },\n\n  containerElement: {\n    type: definePropType<string | Element>([String, Object]),\n    default: 'div',\n  },\n\n  data: {\n    type: definePropType<any[]>(Array),\n    default: () => mutable([] as const),\n  },\n\n  /**\n   * @description controls the horizontal direction.\n   */\n  direction,\n\n  height: {\n    type: [String, Number],\n    required: true,\n  },\n\n  innerElement: {\n    type: [String, Object],\n    default: 'div',\n  },\n\n  innerProps: {\n    type: definePropType<Record<string, unknown>>(Object),\n    default: () => ({}),\n  },\n\n  style: {\n    type: definePropType<StyleValue>([Object, String, Array]),\n  },\n\n  useIsScrolling: Boolean,\n\n  width: {\n    type: [Number, String],\n    required: false,\n  },\n\n  perfMode: {\n    type: Boolean,\n    default: true,\n  },\n  scrollbarAlwaysOn: Boolean,\n} as const)\n\nexport const virtualizedListProps = buildProps({\n  /**\n   * @description describes how many items should be pre rendered to the head\n   * and the tail of the window\n   */\n  cache,\n\n  estimatedItemSize,\n\n  /**\n   * @description controls the list's orientation\n   */\n  layout,\n\n  initScrollOffset,\n\n  /**\n   * @description describes the total number of the list.\n   */\n  total,\n\n  itemSize,\n  ...virtualizedProps,\n} as const)\n\nconst scrollbarSize = {\n  type: Number,\n  default: 6,\n} as const\n\nconst startGap = { type: Number, default: 0 } as const\nconst endGap = { type: Number, default: 2 } as const\n\nexport const virtualizedGridProps = buildProps({\n  columnCache: cache,\n  columnWidth: itemSize,\n  estimatedColumnWidth: estimatedItemSize,\n  estimatedRowHeight: estimatedItemSize,\n  initScrollLeft: initScrollOffset,\n  initScrollTop: initScrollOffset,\n  itemKey: {\n    type: definePropType<GridItemKeyGetter>(Function),\n    default: ({\n      columnIndex,\n      rowIndex,\n    }: {\n      columnIndex: number\n      rowIndex: number\n    }) => `${rowIndex}:${columnIndex}`,\n  },\n  rowCache: cache,\n  rowHeight: itemSize,\n  totalColumn: total,\n  totalRow: total,\n  hScrollbarSize: scrollbarSize,\n  vScrollbarSize: scrollbarSize,\n  scrollbarStartGap: startGap,\n  scrollbarEndGap: endGap,\n  role: String,\n  ...virtualizedProps,\n} as const)\n\nexport const virtualizedScrollbarProps = buildProps({\n  alwaysOn: Boolean,\n  class: String,\n  layout,\n  total,\n  ratio: {\n    type: Number,\n    required: true,\n  },\n  clientSize: {\n    type: Number,\n    required: true,\n  },\n  scrollFrom: {\n    type: Number,\n    required: true,\n  },\n  scrollbarSize,\n  startGap,\n  endGap,\n\n  visible: Boolean,\n} as const)\n\nexport type VirtualizedProps = ExtractPropTypes<typeof virtualizedProps>\nexport type VirtualizedPropsPublic = ExtractPublicPropTypes<\n  typeof virtualizedProps\n>\nexport type VirtualizedListProps = ExtractPropTypes<typeof virtualizedListProps>\nexport type VirtualizedListPropsPublic = ExtractPublicPropTypes<\n  typeof virtualizedListProps\n>\nexport type VirtualizedGridProps = ExtractPropTypes<typeof virtualizedGridProps>\nexport type VirtualizedGridPropsPublic = ExtractPublicPropTypes<\n  typeof virtualizedGridProps\n>\n\nexport type VirtualizedScrollbarProps = ExtractPropTypes<\n  typeof virtualizedScrollbarProps\n>\nexport type VirtualizedScrollbarPropsPublic = ExtractPublicPropTypes<\n  typeof virtualizedScrollbarProps\n>\n"],"mappings":";;;;;;AAWA,MAAM,WAAWA,0BAAU;CACzB,MAAMC,+BAAkC,CAAC,QAAQ,SAAS,CAAC;CAC3D,UAAU;CACX,CAAU;AAEX,MAAM,oBAAoBD,0BAAU,EAClC,MAAM,QACP,CAAU;AAEX,MAAM,QAAQA,0BAAU;CACtB,MAAM;CACN,SAAS;CACV,CAAU;AAEX,MAAM,YAAYA,0BAAU;CAC1B,MAAM;CACN,QAAQ,CAAC,OAAO,MAAM;CACtB,SAAS;CACV,CAAU;AAEX,MAAM,mBAAmBA,0BAAU;CACjC,MAAM;CACN,SAAS;CACV,CAAU;AAEX,MAAM,QAAQA,0BAAU;CACtB,MAAM;CACN,UAAU;CACX,CAAU;AAEX,MAAM,SAASA,0BAAU;CACvB,MAAM;CACN,QAAQ,CAAC,cAAc,WAAW;CAClC,SAASE;CACV,CAAU;AAEX,MAAa,mBAAmBC,2BAAW;CACzC,WAAW;EACT,MAAM;EACN,SAAS;EACV;CAED,kBAAkB;EAChB,MAAMF,+BAAiC,CAAC,QAAQ,OAAO,CAAC;EACxD,SAAS;EACV;CAED,MAAM;EACJ,MAAMA,+BAAsB,MAAM;EAClC,eAAeG,2BAAQ,EAAE,CAAU;EACpC;CAKD;CAEA,QAAQ;EACN,MAAM,CAAC,QAAQ,OAAO;EACtB,UAAU;EACX;CAED,cAAc;EACZ,MAAM,CAAC,QAAQ,OAAO;EACtB,SAAS;EACV;CAED,YAAY;EACV,MAAMH,+BAAwC,OAAO;EACrD,gBAAgB,EAAE;EACnB;CAED,OAAO,EACL,MAAMA,+BAA2B;EAAC;EAAQ;EAAQ;EAAM,CAAC,EAC1D;CAED,gBAAgB;CAEhB,OAAO;EACL,MAAM,CAAC,QAAQ,OAAO;EACtB,UAAU;EACX;CAED,UAAU;EACR,MAAM;EACN,SAAS;EACV;CACD,mBAAmB;CACpB,CAAU;AAEX,MAAa,uBAAuBE,2BAAW;CAK7C;CAEA;CAKA;CAEA;CAKA;CAEA;CACA,GAAG;CACJ,CAAU;AAEX,MAAM,gBAAgB;CACpB,MAAM;CACN,SAAS;CACV;AAED,MAAM,WAAW;CAAE,MAAM;CAAQ,SAAS;CAAG;AAC7C,MAAM,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAG;AAE3C,MAAa,uBAAuBA,2BAAW;CAC7C,aAAa;CACb,aAAa;CACb,sBAAsB;CACtB,oBAAoB;CACpB,gBAAgB;CAChB,eAAe;CACf,SAAS;EACP,MAAMF,+BAAkC,SAAS;EACjD,UAAU,EACR,aACA,eAII,GAAG,SAAS,GAAG;EACtB;CACD,UAAU;CACV,WAAW;CACX,aAAa;CACb,UAAU;CACV,gBAAgB;CAChB,gBAAgB;CAChB,mBAAmB;CACnB,iBAAiB;CACjB,MAAM;CACN,GAAG;CACJ,CAAU;AAEX,MAAa,4BAA4BE,2BAAW;CAClD,UAAU;CACV,OAAO;CACP;CACA;CACA,OAAO;EACL,MAAM;EACN,UAAU;EACX;CACD,YAAY;EACV,MAAM;EACN,UAAU;EACX;CACD,YAAY;EACV,MAAM;EACN,UAAU;EACX;CACD;CACA;CACA;CAEA,SAAS;CACV,CAAU"}
+{"version":3,"file":"props.js","names":["buildProp","definePropType","VERTICAL","buildProps","mutable"],"sources":["../../../../../../packages/components/virtual-list/src/props.ts"],"sourcesContent":["import {\n  buildProp,\n  buildProps,\n  definePropType,\n  mutable,\n} from '@element-plus/utils'\nimport { VERTICAL } from './defaults'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes, StyleValue } from 'vue'\nimport type { GridItemKeyGetter, ItemSize } from './types'\n\nconst itemSize = buildProp({\n  type: definePropType<number | ItemSize>([Number, Function]),\n  required: true,\n} as const)\n\nconst estimatedItemSize = buildProp({\n  type: Number,\n} as const)\n\nconst cache = buildProp({\n  type: Number,\n  default: 2,\n} as const)\n\nconst direction = buildProp({\n  type: String,\n  values: ['ltr', 'rtl'],\n  default: 'ltr',\n} as const)\n\nconst initScrollOffset = buildProp({\n  type: Number,\n  default: 0,\n} as const)\n\nconst total = buildProp({\n  type: Number,\n  required: true,\n} as const)\n\nconst layout = buildProp({\n  type: String,\n  values: ['horizontal', 'vertical'],\n  default: VERTICAL,\n} as const)\n\nexport const virtualizedProps = buildProps({\n  className: {\n    type: String,\n    default: '',\n  },\n\n  containerElement: {\n    type: definePropType<string | Element>([String, Object]),\n    default: 'div',\n  },\n\n  data: {\n    type: definePropType<any[]>(Array),\n    default: () => mutable([] as const),\n  },\n\n  /**\n   * @description controls the horizontal direction.\n   */\n  direction,\n\n  height: {\n    type: [String, Number],\n    required: true,\n  },\n\n  innerElement: {\n    type: [String, Object],\n    default: 'div',\n  },\n\n  innerProps: {\n    type: definePropType<Record<string, unknown>>(Object),\n    default: () => ({}),\n  },\n\n  style: {\n    type: definePropType<StyleValue>([Object, String, Array]),\n  },\n\n  useIsScrolling: Boolean,\n\n  width: {\n    type: [Number, String],\n    required: false,\n  },\n\n  innerWidth: {\n    type: [Number, String],\n    required: false,\n  },\n\n  perfMode: {\n    type: Boolean,\n    default: true,\n  },\n  scrollbarAlwaysOn: Boolean,\n} as const)\n\nexport const virtualizedListProps = buildProps({\n  /**\n   * @description describes how many items should be pre rendered to the head\n   * and the tail of the window\n   */\n  cache,\n\n  estimatedItemSize,\n\n  /**\n   * @description controls the list's orientation\n   */\n  layout,\n\n  initScrollOffset,\n\n  /**\n   * @description describes the total number of the list.\n   */\n  total,\n\n  itemSize,\n  ...virtualizedProps,\n} as const)\n\nconst scrollbarSize = {\n  type: Number,\n  default: 6,\n} as const\n\nconst startGap = { type: Number, default: 0 } as const\nconst endGap = { type: Number, default: 2 } as const\n\nexport const virtualizedGridProps = buildProps({\n  columnCache: cache,\n  columnWidth: itemSize,\n  estimatedColumnWidth: estimatedItemSize,\n  estimatedRowHeight: estimatedItemSize,\n  initScrollLeft: initScrollOffset,\n  initScrollTop: initScrollOffset,\n  itemKey: {\n    type: definePropType<GridItemKeyGetter>(Function),\n    default: ({\n      columnIndex,\n      rowIndex,\n    }: {\n      columnIndex: number\n      rowIndex: number\n    }) => `${rowIndex}:${columnIndex}`,\n  },\n  rowCache: cache,\n  rowHeight: itemSize,\n  totalColumn: total,\n  totalRow: total,\n  hScrollbarSize: scrollbarSize,\n  vScrollbarSize: scrollbarSize,\n  scrollbarStartGap: startGap,\n  scrollbarEndGap: endGap,\n  role: String,\n  ...virtualizedProps,\n} as const)\n\nexport const virtualizedScrollbarProps = buildProps({\n  alwaysOn: Boolean,\n  class: String,\n  layout,\n  total,\n  ratio: {\n    type: Number,\n    required: true,\n  },\n  clientSize: {\n    type: Number,\n    required: true,\n  },\n  scrollFrom: {\n    type: Number,\n    required: true,\n  },\n  scrollbarSize,\n  startGap,\n  endGap,\n\n  visible: Boolean,\n} as const)\n\nexport type VirtualizedProps = ExtractPropTypes<typeof virtualizedProps>\nexport type VirtualizedPropsPublic = ExtractPublicPropTypes<\n  typeof virtualizedProps\n>\nexport type VirtualizedListProps = ExtractPropTypes<typeof virtualizedListProps>\nexport type VirtualizedListPropsPublic = ExtractPublicPropTypes<\n  typeof virtualizedListProps\n>\nexport type VirtualizedGridProps = ExtractPropTypes<typeof virtualizedGridProps>\nexport type VirtualizedGridPropsPublic = ExtractPublicPropTypes<\n  typeof virtualizedGridProps\n>\n\nexport type VirtualizedScrollbarProps = ExtractPropTypes<\n  typeof virtualizedScrollbarProps\n>\nexport type VirtualizedScrollbarPropsPublic = ExtractPublicPropTypes<\n  typeof virtualizedScrollbarProps\n>\n"],"mappings":";;;;;;AAWA,MAAM,WAAWA,0BAAU;CACzB,MAAMC,+BAAkC,CAAC,QAAQ,SAAS,CAAC;CAC3D,UAAU;CACX,CAAU;AAEX,MAAM,oBAAoBD,0BAAU,EAClC,MAAM,QACP,CAAU;AAEX,MAAM,QAAQA,0BAAU;CACtB,MAAM;CACN,SAAS;CACV,CAAU;AAEX,MAAM,YAAYA,0BAAU;CAC1B,MAAM;CACN,QAAQ,CAAC,OAAO,MAAM;CACtB,SAAS;CACV,CAAU;AAEX,MAAM,mBAAmBA,0BAAU;CACjC,MAAM;CACN,SAAS;CACV,CAAU;AAEX,MAAM,QAAQA,0BAAU;CACtB,MAAM;CACN,UAAU;CACX,CAAU;AAEX,MAAM,SAASA,0BAAU;CACvB,MAAM;CACN,QAAQ,CAAC,cAAc,WAAW;CAClC,SAASE;CACV,CAAU;AAEX,MAAa,mBAAmBC,2BAAW;CACzC,WAAW;EACT,MAAM;EACN,SAAS;EACV;CAED,kBAAkB;EAChB,MAAMF,+BAAiC,CAAC,QAAQ,OAAO,CAAC;EACxD,SAAS;EACV;CAED,MAAM;EACJ,MAAMA,+BAAsB,MAAM;EAClC,eAAeG,2BAAQ,EAAE,CAAU;EACpC;CAKD;CAEA,QAAQ;EACN,MAAM,CAAC,QAAQ,OAAO;EACtB,UAAU;EACX;CAED,cAAc;EACZ,MAAM,CAAC,QAAQ,OAAO;EACtB,SAAS;EACV;CAED,YAAY;EACV,MAAMH,+BAAwC,OAAO;EACrD,gBAAgB,EAAE;EACnB;CAED,OAAO,EACL,MAAMA,+BAA2B;EAAC;EAAQ;EAAQ;EAAM,CAAC,EAC1D;CAED,gBAAgB;CAEhB,OAAO;EACL,MAAM,CAAC,QAAQ,OAAO;EACtB,UAAU;EACX;CAED,YAAY;EACV,MAAM,CAAC,QAAQ,OAAO;EACtB,UAAU;EACX;CAED,UAAU;EACR,MAAM;EACN,SAAS;EACV;CACD,mBAAmB;CACpB,CAAU;AAEX,MAAa,uBAAuBE,2BAAW;CAK7C;CAEA;CAKA;CAEA;CAKA;CAEA;CACA,GAAG;CACJ,CAAU;AAEX,MAAM,gBAAgB;CACpB,MAAM;CACN,SAAS;CACV;AAED,MAAM,WAAW;CAAE,MAAM;CAAQ,SAAS;CAAG;AAC7C,MAAM,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAG;AAE3C,MAAa,uBAAuBA,2BAAW;CAC7C,aAAa;CACb,aAAa;CACb,sBAAsB;CACtB,oBAAoB;CACpB,gBAAgB;CAChB,eAAe;CACf,SAAS;EACP,MAAMF,+BAAkC,SAAS;EACjD,UAAU,EACR,aACA,eAII,GAAG,SAAS,GAAG;EACtB;CACD,UAAU;CACV,WAAW;CACX,aAAa;CACb,UAAU;CACV,gBAAgB;CAChB,gBAAgB;CAChB,mBAAmB;CACnB,iBAAiB;CACjB,MAAM;CACN,GAAG;CACJ,CAAU;AAEX,MAAa,4BAA4BE,2BAAW;CAClD,UAAU;CACV,OAAO;CACP;CACA;CACA,OAAO;EACL,MAAM;EACN,UAAU;EACX;CACD,YAAY;EACV,MAAM;EACN,UAAU;EACX;CACD,YAAY;EACV,MAAM;EACN,UAAU;EACX;CACD;CACA;CACA;CAEA,SAAS;CACV,CAAU"}

package/lib/hooks/use-popper/index.d.ts

@@ -47,7 +47,6 @@ declare const usePopper: (referenceElementRef: Ref<ReferenceElement>, popperElem
         popperEscapeOffsets: _popperjs_core0.SideObject;
       };
       offset?: {
-        "bottom-start"?: _popperjs_core0.Offsets | undefined;
         bottom?: _popperjs_core0.Offsets | undefined;
         auto?: _popperjs_core0.Offsets | undefined;
         "auto-start"?: _popperjs_core0.Offsets | undefined;
@@ -57,6 +56,7 @@ declare const usePopper: (referenceElementRef: Ref<ReferenceElement>, popperElem
         left?: _popperjs_core0.Offsets | undefined;
         "top-start"?: _popperjs_core0.Offsets | undefined;
         "top-end"?: _popperjs_core0.Offsets | undefined;
+        "bottom-start"?: _popperjs_core0.Offsets | undefined;
         "bottom-end"?: _popperjs_core0.Offsets | undefined;
         "right-start"?: _popperjs_core0.Offsets | undefined;
         "right-end"?: _popperjs_core0.Offsets | undefined;

package/lib/hooks/use-size/index.d.ts

@@ -6,14 +6,14 @@ import { InjectionKey, Ref } from "vue";
 
 //#region ../../packages/hooks/use-size/index.d.ts
 declare const useSizeProp: {
-  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;
 };
 declare const useSizeProps: {
   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;
@@ -23,6 +23,6 @@ interface SizeContext {
   size: Ref<ComponentSize>;
 }
 declare const SIZE_INJECTION_KEY: InjectionKey<SizeContext>;
-declare const useGlobalSize: () => vue.ComputedRef<"" | "default" | "large" | "small">;
+declare const useGlobalSize: () => vue.ComputedRef<"" | "default" | "small" | "large">;
 //#endregion
 export { SIZE_INJECTION_KEY, SizeContext, useGlobalSize, useSizeProp, useSizeProps };