@fecp/designer 5.5.34 → 5.5.36

package/lib/node_modules/element-plus/es/components/virtual-list/src/builders/build-grid.js

@@ -12,24 +12,24 @@ const utils = require("../utils.js");
 const scrollbar = require("../components/scrollbar.js");
 const useGridWheel = require("../hooks/use-grid-wheel.js");
 const useGridTouch = require("../hooks/use-grid-touch.js");
-const vue = require("vue");
+const Vue = require("vue");
 const index$2 = require("../../../../../node_modules/@vueuse/shared/index.js");
 const createGrid = ({ name, clearCache, getColumnPosition, getColumnStartIndexForOffset, getColumnStopIndexForStartIndex, getEstimatedTotalHeight, getEstimatedTotalWidth, getColumnOffset, getRowOffset, getRowPosition, getRowStartIndexForOffset, getRowStopIndexForStartIndex, initCache, injectToInstance, validateProps }) => {
-  return vue.defineComponent({
+  return Vue.defineComponent({
     name: name ?? "ElVirtualList",
     props: props.virtualizedGridProps,
     emits: [defaults.ITEM_RENDER_EVT, defaults.SCROLL_EVT],
     setup(props2, { emit, expose, slots }) {
       const ns = index.useNamespace("vl");
       validateProps(props2);
-      const instance = vue.getCurrentInstance();
-      const cache = vue.ref(initCache(props2, instance));
+      const instance = Vue.getCurrentInstance();
+      const cache = Vue.ref(initCache(props2, instance));
       injectToInstance == null ? void 0 : injectToInstance(instance, cache);
-      const windowRef = vue.ref();
-      const hScrollbar = vue.ref();
-      const vScrollbar = vue.ref();
-      const innerRef = vue.ref();
-      const states = vue.ref({
+      const windowRef = Vue.ref();
+      const hScrollbar = Vue.ref();
+      const vScrollbar = Vue.ref();
+      const innerRef = Vue.ref();
+      const states = Vue.ref({
         isScrolling: false,
         scrollLeft: types.isNumber(props2.initScrollLeft) ? props2.initScrollLeft : 0,
         scrollTop: types.isNumber(props2.initScrollTop) ? props2.initScrollTop : 0,
@@ -38,19 +38,19 @@ const createGrid = ({ name, clearCache, getColumnPosition, getColumnStartIndexFo
         yAxisScrollDir: defaults.FORWARD
       });
       const getItemStyleCache = useCache.useCache();
-      const parsedHeight = vue.computed(() => Number.parseInt(`${props2.height}`, 10));
-      const parsedWidth = vue.computed(() => Number.parseInt(`${props2.width}`, 10));
-      const columnsToRender = vue.computed(() => {
+      const parsedHeight = Vue.computed(() => Number.parseInt(`${props2.height}`, 10));
+      const parsedWidth = Vue.computed(() => Number.parseInt(`${props2.width}`, 10));
+      const columnsToRender = Vue.computed(() => {
         const { totalColumn, totalRow, columnCache } = props2;
-        const { isScrolling, xAxisScrollDir, scrollLeft } = vue.unref(states);
+        const { isScrolling, xAxisScrollDir, scrollLeft } = Vue.unref(states);
         if (totalColumn === 0 || totalRow === 0) return [
           0,
           0,
           0,
           0
         ];
-        const startIndex = getColumnStartIndexForOffset(props2, scrollLeft, vue.unref(cache));
-        const stopIndex = getColumnStopIndexForStartIndex(props2, startIndex, scrollLeft, vue.unref(cache));
+        const startIndex = getColumnStartIndexForOffset(props2, scrollLeft, Vue.unref(cache));
+        const stopIndex = getColumnStopIndexForStartIndex(props2, startIndex, scrollLeft, Vue.unref(cache));
         const cacheBackward = !isScrolling || xAxisScrollDir === defaults.BACKWARD ? Math.max(1, columnCache) : 1;
         const cacheForward = !isScrolling || xAxisScrollDir === defaults.FORWARD ? Math.max(1, columnCache) : 1;
         return [
@@ -60,17 +60,17 @@ const createGrid = ({ name, clearCache, getColumnPosition, getColumnStartIndexFo
           stopIndex
         ];
       });
-      const rowsToRender = vue.computed(() => {
+      const rowsToRender = Vue.computed(() => {
         const { totalColumn, totalRow, rowCache } = props2;
-        const { isScrolling, yAxisScrollDir, scrollTop } = vue.unref(states);
+        const { isScrolling, yAxisScrollDir, scrollTop } = Vue.unref(states);
         if (totalColumn === 0 || totalRow === 0) return [
           0,
           0,
           0,
           0
         ];
-        const startIndex = getRowStartIndexForOffset(props2, scrollTop, vue.unref(cache));
-        const stopIndex = getRowStopIndexForStartIndex(props2, startIndex, scrollTop, vue.unref(cache));
+        const startIndex = getRowStartIndexForOffset(props2, scrollTop, Vue.unref(cache));
+        const stopIndex = getRowStopIndexForStartIndex(props2, startIndex, scrollTop, Vue.unref(cache));
         const cacheBackward = !isScrolling || yAxisScrollDir === defaults.BACKWARD ? Math.max(1, rowCache) : 1;
         const cacheForward = !isScrolling || yAxisScrollDir === defaults.FORWARD ? Math.max(1, rowCache) : 1;
         return [
@@ -80,9 +80,9 @@ const createGrid = ({ name, clearCache, getColumnPosition, getColumnStartIndexFo
           stopIndex
         ];
       });
-      const estimatedTotalHeight = vue.computed(() => getEstimatedTotalHeight(props2, vue.unref(cache)));
-      const estimatedTotalWidth = vue.computed(() => getEstimatedTotalWidth(props2, vue.unref(cache)));
-      const windowStyle = vue.computed(() => [
+      const estimatedTotalHeight = Vue.computed(() => getEstimatedTotalHeight(props2, Vue.unref(cache)));
+      const estimatedTotalWidth = Vue.computed(() => getEstimatedTotalWidth(props2, Vue.unref(cache)));
+      const windowStyle = Vue.computed(() => [
         {
           position: "relative",
           overflow: "hidden",
@@ -96,11 +96,11 @@ const createGrid = ({ name, clearCache, getColumnPosition, getColumnStartIndexFo
         },
         props2.style ?? {}
       ]);
-      const innerStyle = vue.computed(() => {
-        const width = `${vue.unref(estimatedTotalWidth)}px`;
+      const innerStyle = Vue.computed(() => {
+        const width = `${Vue.unref(estimatedTotalWidth)}px`;
         return {
-          height: `${vue.unref(estimatedTotalHeight)}px`,
-          pointerEvents: vue.unref(states).isScrolling ? "none" : void 0,
+          height: `${Vue.unref(estimatedTotalHeight)}px`,
+          pointerEvents: Vue.unref(states).isScrolling ? "none" : void 0,
           width,
           margin: 0,
           boxSizing: "border-box"
@@ -109,8 +109,8 @@ const createGrid = ({ name, clearCache, getColumnPosition, getColumnStartIndexFo
       const emitEvents = () => {
         const { totalColumn, totalRow } = props2;
         if (totalColumn > 0 && totalRow > 0) {
-          const [columnCacheStart, columnCacheEnd, columnVisibleStart, columnVisibleEnd] = vue.unref(columnsToRender);
-          const [rowCacheStart, rowCacheEnd, rowVisibleStart, rowVisibleEnd] = vue.unref(rowsToRender);
+          const [columnCacheStart, columnCacheEnd, columnVisibleStart, columnVisibleEnd] = Vue.unref(columnsToRender);
+          const [rowCacheStart, rowCacheEnd, rowVisibleStart, rowVisibleEnd] = Vue.unref(rowsToRender);
           emit(defaults.ITEM_RENDER_EVT, {
             columnCacheStart,
             columnCacheEnd,
@@ -122,7 +122,7 @@ const createGrid = ({ name, clearCache, getColumnPosition, getColumnStartIndexFo
             rowVisibleEnd
           });
         }
-        const { scrollLeft, scrollTop, updateRequested, xAxisScrollDir, yAxisScrollDir } = vue.unref(states);
+        const { scrollLeft, scrollTop, updateRequested, xAxisScrollDir, yAxisScrollDir } = Vue.unref(states);
         emit(defaults.SCROLL_EVT, {
           xAxisScrollDir,
           scrollLeft,
@@ -133,7 +133,7 @@ const createGrid = ({ name, clearCache, getColumnPosition, getColumnStartIndexFo
       };
       const onScroll = (e) => {
         const { clientHeight, clientWidth, scrollHeight, scrollLeft, scrollTop, scrollWidth } = e.currentTarget;
-        const _states = vue.unref(states);
+        const _states = Vue.unref(states);
         if (_states.scrollTop === scrollTop && _states.scrollLeft === scrollLeft) return;
         let _scrollLeft = scrollLeft;
         if (utils.isRTL(props2.direction)) switch (utils.getRTLOffsetType()) {
@@ -153,31 +153,31 @@ const createGrid = ({ name, clearCache, getColumnPosition, getColumnStartIndexFo
           xAxisScrollDir: utils.getScrollDir(_states.scrollLeft, _scrollLeft),
           yAxisScrollDir: utils.getScrollDir(_states.scrollTop, scrollTop)
         };
-        vue.nextTick(() => resetIsScrolling());
+        Vue.nextTick(() => resetIsScrolling());
         onUpdated();
         emitEvents();
       };
       const onVerticalScroll = (distance, totalSteps) => {
-        const height = vue.unref(parsedHeight);
+        const height = Vue.unref(parsedHeight);
         const offset = (estimatedTotalHeight.value - height) / totalSteps * distance;
         scrollTo({ scrollTop: Math.min(estimatedTotalHeight.value - height, offset) });
       };
       const onHorizontalScroll = (distance, totalSteps) => {
-        const width = vue.unref(parsedWidth);
+        const width = Vue.unref(parsedWidth);
         const offset = (estimatedTotalWidth.value - width) / totalSteps * distance;
         scrollTo({ scrollLeft: Math.min(estimatedTotalWidth.value - width, offset) });
       };
       const { onWheel } = useGridWheel.useGridWheel({
-        atXStartEdge: vue.computed(() => states.value.scrollLeft <= 0),
-        atXEndEdge: vue.computed(() => states.value.scrollLeft >= estimatedTotalWidth.value - vue.unref(parsedWidth)),
-        atYStartEdge: vue.computed(() => states.value.scrollTop <= 0),
-        atYEndEdge: vue.computed(() => states.value.scrollTop >= estimatedTotalHeight.value - vue.unref(parsedHeight))
+        atXStartEdge: Vue.computed(() => states.value.scrollLeft <= 0),
+        atXEndEdge: Vue.computed(() => states.value.scrollLeft >= estimatedTotalWidth.value - Vue.unref(parsedWidth)),
+        atYStartEdge: Vue.computed(() => states.value.scrollTop <= 0),
+        atYEndEdge: Vue.computed(() => states.value.scrollTop >= estimatedTotalHeight.value - Vue.unref(parsedHeight))
       }, (x, y) => {
         var _a, _b, _c, _d;
         (_b = (_a = hScrollbar.value) == null ? void 0 : _a.onMouseUp) == null ? void 0 : _b.call(_a);
         (_d = (_c = vScrollbar.value) == null ? void 0 : _c.onMouseUp) == null ? void 0 : _d.call(_c);
-        const width = vue.unref(parsedWidth);
-        const height = vue.unref(parsedHeight);
+        const width = Vue.unref(parsedWidth);
+        const height = Vue.unref(parsedHeight);
         scrollTo({
           scrollLeft: Math.min(states.value.scrollLeft + x, estimatedTotalWidth.value - width),
           scrollTop: Math.min(states.value.scrollTop + y, estimatedTotalHeight.value - height)
@@ -187,7 +187,7 @@ const createGrid = ({ name, clearCache, getColumnPosition, getColumnStartIndexFo
       const scrollTo = ({ scrollLeft = states.value.scrollLeft, scrollTop = states.value.scrollTop }) => {
         scrollLeft = Math.max(scrollLeft, 0);
         scrollTop = Math.max(scrollTop, 0);
-        const _states = vue.unref(states);
+        const _states = Vue.unref(states);
         if (scrollTop === _states.scrollTop && scrollLeft === _states.scrollLeft) return;
         states.value = {
           ..._states,
@@ -197,17 +197,17 @@ const createGrid = ({ name, clearCache, getColumnPosition, getColumnStartIndexFo
           scrollTop,
           updateRequested: true
         };
-        vue.nextTick(() => resetIsScrolling());
+        Vue.nextTick(() => resetIsScrolling());
         onUpdated();
         emitEvents();
       };
       const { touchStartX, touchStartY, handleTouchStart, handleTouchMove } = useGridTouch.useGridTouch(windowRef, states, scrollTo, estimatedTotalWidth, estimatedTotalHeight, parsedWidth, parsedHeight);
       const scrollToItem = (rowIndex = 0, columnIdx = 0, alignment = defaults.AUTO_ALIGNMENT) => {
-        const _states = vue.unref(states);
+        const _states = Vue.unref(states);
         columnIdx = Math.max(0, Math.min(columnIdx, props2.totalColumn - 1));
         rowIndex = Math.max(0, Math.min(rowIndex, props2.totalRow - 1));
         const scrollBarWidth = scroll.getScrollBarWidth(ns.namespace.value);
-        const _cache = vue.unref(cache);
+        const _cache = Vue.unref(cache);
         const estimatedHeight = getEstimatedTotalHeight(props2, _cache);
         const estimatedWidth = getEstimatedTotalWidth(props2, _cache);
         scrollTo({
@@ -221,8 +221,8 @@ const createGrid = ({ name, clearCache, getColumnPosition, getColumnStartIndexFo
         const key = `${rowIndex},${columnIndex}`;
         if (shared_esmBundler.hasOwn(itemStyleCache, key)) return itemStyleCache[key];
         else {
-          const [, left] = getColumnPosition(props2, columnIndex, vue.unref(cache));
-          const _cache = vue.unref(cache);
+          const [, left] = getColumnPosition(props2, columnIndex, Vue.unref(cache));
+          const _cache = Vue.unref(cache);
           const rtl = utils.isRTL(direction);
           const [height, top] = getRowPosition(props2, rowIndex, _cache);
           const [width] = getColumnPosition(props2, columnIndex, _cache);
@@ -239,14 +239,14 @@ const createGrid = ({ name, clearCache, getColumnPosition, getColumnStartIndexFo
       };
       const resetIsScrolling = () => {
         states.value.isScrolling = false;
-        vue.nextTick(() => {
+        Vue.nextTick(() => {
           getItemStyleCache.value(-1, null, null);
         });
       };
-      vue.onMounted(() => {
+      Vue.onMounted(() => {
         if (!index$2.isClient) return;
         const { initScrollLeft, initScrollTop } = props2;
-        const windowElement = vue.unref(windowRef);
+        const windowElement = Vue.unref(windowRef);
         if (windowElement) {
           if (types.isNumber(initScrollLeft)) windowElement.scrollLeft = initScrollLeft;
           if (types.isNumber(initScrollTop)) windowElement.scrollTop = initScrollTop;
@@ -255,8 +255,8 @@ const createGrid = ({ name, clearCache, getColumnPosition, getColumnStartIndexFo
       });
       const onUpdated = () => {
         const { direction } = props2;
-        const { scrollLeft, scrollTop, updateRequested } = vue.unref(states);
-        const windowElement = vue.unref(windowRef);
+        const { scrollLeft, scrollTop, updateRequested } = Vue.unref(states);
+        const windowElement = Vue.unref(windowRef);
         if (updateRequested && windowElement) {
           if (direction === defaults.RTL) switch (utils.getRTLOffsetType()) {
             case defaults.RTL_OFFSET_NAG:
@@ -293,13 +293,13 @@ const createGrid = ({ name, clearCache, getColumnPosition, getColumnStartIndexFo
       });
       const renderScrollbars = () => {
         const { scrollbarAlwaysOn, scrollbarStartGap, scrollbarEndGap, totalColumn, totalRow } = props2;
-        const width = vue.unref(parsedWidth);
-        const height = vue.unref(parsedHeight);
-        const estimatedWidth = vue.unref(estimatedTotalWidth);
-        const estimatedHeight = vue.unref(estimatedTotalHeight);
-        const { scrollLeft, scrollTop } = vue.unref(states);
+        const width = Vue.unref(parsedWidth);
+        const height = Vue.unref(parsedHeight);
+        const estimatedWidth = Vue.unref(estimatedTotalWidth);
+        const estimatedHeight = Vue.unref(estimatedTotalHeight);
+        const { scrollLeft, scrollTop } = Vue.unref(states);
         return {
-          horizontalScrollbar: vue.h(scrollbar.default, {
+          horizontalScrollbar: Vue.h(scrollbar.default, {
             ref: hScrollbar,
             alwaysOn: scrollbarAlwaysOn,
             startGap: scrollbarStartGap,
@@ -313,7 +313,7 @@ const createGrid = ({ name, clearCache, getColumnPosition, getColumnStartIndexFo
             total: totalRow,
             visible: true
           }),
-          verticalScrollbar: vue.h(scrollbar.default, {
+          verticalScrollbar: Vue.h(scrollbar.default, {
             ref: vScrollbar,
             alwaysOn: scrollbarAlwaysOn,
             startGap: scrollbarStartGap,
@@ -331,8 +331,8 @@ const createGrid = ({ name, clearCache, getColumnPosition, getColumnStartIndexFo
       };
       const renderItems = () => {
         var _a;
-        const [columnStart, columnEnd] = vue.unref(columnsToRender);
-        const [rowStart, rowEnd] = vue.unref(rowsToRender);
+        const [columnStart, columnEnd] = Vue.unref(columnsToRender);
+        const [rowStart, rowEnd] = Vue.unref(rowsToRender);
         const { data, totalColumn, totalRow, useIsScrolling, itemKey } = props2;
         const children = [];
         if (totalRow > 0 && totalColumn > 0) for (let row = rowStart; row <= rowEnd; row++) for (let column = columnStart; column <= columnEnd; column++) {
@@ -341,10 +341,10 @@ const createGrid = ({ name, clearCache, getColumnPosition, getColumnStartIndexFo
             data,
             rowIndex: row
           });
-          children.push(vue.h(vue.Fragment, { key }, (_a = slots.default) == null ? void 0 : _a.call(slots, {
+          children.push(Vue.h(Vue.Fragment, { key }, (_a = slots.default) == null ? void 0 : _a.call(slots, {
             columnIndex: column,
             data,
-            isScrolling: useIsScrolling ? vue.unref(states).isScrolling : void 0,
+            isScrolling: useIsScrolling ? Vue.unref(states).isScrolling : void 0,
             style: getItemStyle(row, column),
             rowIndex: row
           })));
@@ -352,25 +352,25 @@ const createGrid = ({ name, clearCache, getColumnPosition, getColumnStartIndexFo
         return children;
       };
       const renderInner = () => {
-        const Inner = vue.resolveDynamicComponent(props2.innerElement);
+        const Inner = Vue.resolveDynamicComponent(props2.innerElement);
         const children = renderItems();
-        return [vue.h(Inner, vue.mergeProps(props2.innerProps, {
-          style: vue.unref(innerStyle),
+        return [Vue.h(Inner, Vue.mergeProps(props2.innerProps, {
+          style: Vue.unref(innerStyle),
           ref: innerRef
         }), !shared_esmBundler.isString(Inner) ? { default: () => children } : children)];
       };
       const renderWindow = () => {
-        const Container = vue.resolveDynamicComponent(props2.containerElement);
+        const Container = Vue.resolveDynamicComponent(props2.containerElement);
         const { horizontalScrollbar, verticalScrollbar } = renderScrollbars();
         const Inner = renderInner();
-        return vue.h("div", {
+        return Vue.h("div", {
           key: 0,
           class: ns.e("wrapper"),
           role: props2.role
         }, [
-          vue.h(Container, {
+          Vue.h(Container, {
             class: props2.className,
-            style: vue.unref(windowStyle),
+            style: Vue.unref(windowStyle),
             onScroll,
             ref: windowRef
           }, !shared_esmBundler.isString(Container) ? { default: () => Inner } : Inner),

package/lib/node_modules/element-plus/es/components/virtual-list/src/builders/build-list.js

@@ -10,23 +10,23 @@ const useWheel = require("../hooks/use-wheel.js");
 const props = require("../props.js");
 const utils = require("../utils.js");
 const scrollbar = require("../components/scrollbar.js");
-const vue = require("vue");
+const Vue = require("vue");
 const index$2 = require("../../../../../node_modules/@vueuse/shared/index.js");
 const createList = ({ name, getOffset, getItemSize, getItemOffset, getEstimatedTotalSize, getStartIndexForOffset, getStopIndexForStartIndex, initCache, clearCache, validateProps }) => {
-  return vue.defineComponent({
+  return Vue.defineComponent({
     name: name ?? "ElVirtualList",
     props: props.virtualizedListProps,
     emits: [defaults.ITEM_RENDER_EVT, defaults.SCROLL_EVT],
     setup(props2, { emit, expose }) {
       validateProps(props2);
-      const instance = vue.getCurrentInstance();
+      const instance = Vue.getCurrentInstance();
       const ns = index.useNamespace("vl");
-      const dynamicSizeCache = vue.ref(initCache(props2, instance));
+      const dynamicSizeCache = Vue.ref(initCache(props2, instance));
       const getItemStyleCache = useCache.useCache();
-      const windowRef = vue.ref();
-      const innerRef = vue.ref();
-      const scrollbarRef = vue.ref();
-      const states = vue.ref({
+      const windowRef = Vue.ref();
+      const innerRef = Vue.ref();
+      const scrollbarRef = Vue.ref();
+      const states = Vue.ref({
         isScrolling: false,
         scrollDir: "forward",
         scrollOffset: types.isNumber(props2.initScrollOffset) ? props2.initScrollOffset : 0,
@@ -34,17 +34,17 @@ const createList = ({ name, getOffset, getItemSize, getItemOffset, getEstimatedT
         isScrollbarDragging: false,
         scrollbarAlwaysOn: props2.scrollbarAlwaysOn
       });
-      const itemsToRender = vue.computed(() => {
+      const itemsToRender = Vue.computed(() => {
         const { total, cache } = props2;
-        const { isScrolling, scrollDir, scrollOffset } = vue.unref(states);
+        const { isScrolling, scrollDir, scrollOffset } = Vue.unref(states);
         if (total === 0) return [
           0,
           0,
           0,
           0
         ];
-        const startIndex = getStartIndexForOffset(props2, scrollOffset, vue.unref(dynamicSizeCache));
-        const stopIndex = getStopIndexForStartIndex(props2, startIndex, scrollOffset, vue.unref(dynamicSizeCache));
+        const startIndex = getStartIndexForOffset(props2, scrollOffset, Vue.unref(dynamicSizeCache));
+        const stopIndex = getStopIndexForStartIndex(props2, startIndex, scrollOffset, Vue.unref(dynamicSizeCache));
         const cacheBackward = !isScrolling || scrollDir === defaults.BACKWARD ? Math.max(1, cache) : 1;
         const cacheForward = !isScrolling || scrollDir === defaults.FORWARD ? Math.max(1, cache) : 1;
         return [
@@ -54,9 +54,9 @@ const createList = ({ name, getOffset, getItemSize, getItemOffset, getEstimatedT
           stopIndex
         ];
       });
-      const estimatedTotalSize = vue.computed(() => getEstimatedTotalSize(props2, vue.unref(dynamicSizeCache)));
-      const _isHorizontal = vue.computed(() => utils.isHorizontal(props2.layout));
-      const windowStyle = vue.computed(() => [
+      const estimatedTotalSize = Vue.computed(() => getEstimatedTotalSize(props2, Vue.unref(dynamicSizeCache)));
+      const _isHorizontal = Vue.computed(() => utils.isHorizontal(props2.layout));
+      const windowStyle = Vue.computed(() => [
         {
           position: "relative",
           [`overflow-${_isHorizontal.value ? "x" : "y"}`]: "scroll",
@@ -70,22 +70,22 @@ const createList = ({ name, getOffset, getItemSize, getItemOffset, getEstimatedT
         },
         props2.style
       ]);
-      const innerStyle = vue.computed(() => {
-        const size = vue.unref(estimatedTotalSize);
-        const horizontal = vue.unref(_isHorizontal);
+      const innerStyle = Vue.computed(() => {
+        const size = Vue.unref(estimatedTotalSize);
+        const horizontal = Vue.unref(_isHorizontal);
         return {
           height: horizontal ? "100%" : `${size}px`,
-          pointerEvents: vue.unref(states).isScrolling ? "none" : void 0,
+          pointerEvents: Vue.unref(states).isScrolling ? "none" : void 0,
           width: horizontal ? `${size}px` : "100%",
           margin: 0,
           boxSizing: "border-box"
         };
       });
-      const clientSize = vue.computed(() => _isHorizontal.value ? props2.width : props2.height);
+      const clientSize = Vue.computed(() => _isHorizontal.value ? props2.width : props2.height);
       const { onWheel } = useWheel.default({
-        atStartEdge: vue.computed(() => states.value.scrollOffset <= 0),
-        atEndEdge: vue.computed(() => states.value.scrollOffset >= estimatedTotalSize.value),
-        layout: vue.computed(() => props2.layout)
+        atStartEdge: Vue.computed(() => states.value.scrollOffset <= 0),
+        atEndEdge: Vue.computed(() => states.value.scrollOffset >= estimatedTotalSize.value),
+        layout: Vue.computed(() => props2.layout)
       }, (offset) => {
         var _a, _b;
         (_b = (_a = scrollbarRef.value).onMouseUp) == null ? void 0 : _b.call(_a);
@@ -95,15 +95,15 @@ const createList = ({ name, getOffset, getItemSize, getItemOffset, getEstimatedT
       const emitEvents = () => {
         const { total } = props2;
         if (total > 0) {
-          const [cacheStart, cacheEnd, visibleStart, visibleEnd] = vue.unref(itemsToRender);
+          const [cacheStart, cacheEnd, visibleStart, visibleEnd] = Vue.unref(itemsToRender);
           emit(defaults.ITEM_RENDER_EVT, cacheStart, cacheEnd, visibleStart, visibleEnd);
         }
-        const { scrollDir, scrollOffset, updateRequested } = vue.unref(states);
+        const { scrollDir, scrollOffset, updateRequested } = Vue.unref(states);
         emit(defaults.SCROLL_EVT, scrollDir, scrollOffset, updateRequested);
       };
       const scrollVertically = (e) => {
         const { clientHeight, scrollHeight, scrollTop } = e.currentTarget;
-        const _states = vue.unref(states);
+        const _states = Vue.unref(states);
         if (_states.scrollOffset === scrollTop) return;
         const scrollOffset = Math.max(0, Math.min(scrollTop, scrollHeight - clientHeight));
         states.value = {
@@ -113,11 +113,11 @@ const createList = ({ name, getOffset, getItemSize, getItemOffset, getEstimatedT
           scrollOffset,
           updateRequested: false
         };
-        vue.nextTick(resetIsScrolling);
+        Vue.nextTick(resetIsScrolling);
       };
       const scrollHorizontally = (e) => {
         const { clientWidth, scrollLeft, scrollWidth } = e.currentTarget;
-        const _states = vue.unref(states);
+        const _states = Vue.unref(states);
         if (_states.scrollOffset === scrollLeft) return;
         const { direction } = props2;
         let scrollOffset = scrollLeft;
@@ -137,10 +137,10 @@ const createList = ({ name, getOffset, getItemSize, getItemOffset, getEstimatedT
           scrollOffset,
           updateRequested: false
         };
-        vue.nextTick(resetIsScrolling);
+        Vue.nextTick(resetIsScrolling);
       };
       const onScroll = (e) => {
-        vue.unref(_isHorizontal) ? scrollHorizontally(e) : scrollVertically(e);
+        Vue.unref(_isHorizontal) ? scrollHorizontally(e) : scrollVertically(e);
         emitEvents();
       };
       const onScrollbarScroll = (distanceToGo, totalSteps) => {
@@ -149,19 +149,19 @@ const createList = ({ name, getOffset, getItemSize, getItemOffset, getEstimatedT
       };
       const scrollTo = (offset) => {
         offset = Math.max(offset, 0);
-        if (offset === vue.unref(states).scrollOffset) return;
+        if (offset === Vue.unref(states).scrollOffset) return;
         states.value = {
-          ...vue.unref(states),
+          ...Vue.unref(states),
           scrollOffset: offset,
-          scrollDir: utils.getScrollDir(vue.unref(states).scrollOffset, offset),
+          scrollDir: utils.getScrollDir(Vue.unref(states).scrollOffset, offset),
           updateRequested: true
         };
-        vue.nextTick(resetIsScrolling);
+        Vue.nextTick(resetIsScrolling);
       };
       const scrollToItem = (idx, alignment = defaults.AUTO_ALIGNMENT) => {
-        const { scrollOffset } = vue.unref(states);
+        const { scrollOffset } = Vue.unref(states);
         idx = Math.max(0, Math.min(idx, props2.total - 1));
-        scrollTo(getOffset(props2, idx, alignment, scrollOffset, vue.unref(dynamicSizeCache)));
+        scrollTo(getOffset(props2, idx, alignment, scrollOffset, Vue.unref(dynamicSizeCache)));
       };
       const getItemStyle = (idx) => {
         const { direction, itemSize, layout } = props2;
@@ -169,9 +169,9 @@ const createList = ({ name, getOffset, getItemSize, getItemOffset, getEstimatedT
         let style;
         if (shared_esmBundler.hasOwn(itemStyleCache, String(idx))) style = itemStyleCache[idx];
         else {
-          const offset = getItemOffset(props2, idx, vue.unref(dynamicSizeCache));
-          const size = getItemSize(props2, idx, vue.unref(dynamicSizeCache));
-          const horizontal = vue.unref(_isHorizontal);
+          const offset = getItemOffset(props2, idx, Vue.unref(dynamicSizeCache));
+          const size = getItemSize(props2, idx, Vue.unref(dynamicSizeCache));
+          const horizontal = Vue.unref(_isHorizontal);
           const isRtl = direction === defaults.RTL;
           const offsetHorizontal = horizontal ? offset : 0;
           itemStyleCache[idx] = style = {
@@ -187,7 +187,7 @@ const createList = ({ name, getOffset, getItemSize, getItemOffset, getEstimatedT
       };
       const resetIsScrolling = () => {
         states.value.isScrolling = false;
-        vue.nextTick(() => {
+        Vue.nextTick(() => {
           getItemStyleCache.value(-1, null, null);
         });
       };
@@ -195,18 +195,18 @@ const createList = ({ name, getOffset, getItemSize, getItemOffset, getEstimatedT
         const window = windowRef.value;
         if (window) window.scrollTop = 0;
       };
-      vue.onMounted(() => {
+      Vue.onMounted(() => {
         if (!index$2.isClient) return;
         const { initScrollOffset } = props2;
-        const windowElement = vue.unref(windowRef);
-        if (types.isNumber(initScrollOffset) && windowElement) if (vue.unref(_isHorizontal)) windowElement.scrollLeft = initScrollOffset;
+        const windowElement = Vue.unref(windowRef);
+        if (types.isNumber(initScrollOffset) && windowElement) if (Vue.unref(_isHorizontal)) windowElement.scrollLeft = initScrollOffset;
         else windowElement.scrollTop = initScrollOffset;
         emitEvents();
       });
-      vue.onUpdated(() => {
+      Vue.onUpdated(() => {
         const { direction, layout } = props2;
-        const { scrollOffset, updateRequested } = vue.unref(states);
-        const windowElement = vue.unref(windowRef);
+        const { scrollOffset, updateRequested } = Vue.unref(states);
+        const windowElement = Vue.unref(windowRef);
         if (updateRequested && windowElement) if (layout === defaults.HORIZONTAL) if (direction === defaults.RTL) switch (utils.getRTLOffsetType()) {
           case defaults.RTL_OFFSET_NAG:
             windowElement.scrollLeft = -scrollOffset;
@@ -223,8 +223,8 @@ const createList = ({ name, getOffset, getItemSize, getItemOffset, getEstimatedT
         else windowElement.scrollLeft = scrollOffset;
         else windowElement.scrollTop = scrollOffset;
       });
-      vue.onActivated(() => {
-        vue.unref(windowRef).scrollTop = vue.unref(states).scrollOffset;
+      Vue.onActivated(() => {
+        Vue.unref(windowRef).scrollTop = Vue.unref(states).scrollOffset;
       });
       const api = {
         ns,
@@ -260,20 +260,20 @@ const createList = ({ name, getOffset, getItemSize, getItemOffset, getEstimatedT
       var _a;
       const { $slots, className, clientSize, containerElement, data, getItemStyle, innerElement, itemsToRender, innerStyle, layout, total, onScroll, onScrollbarScroll, states, useIsScrolling, windowStyle, ns } = ctx;
       const [start, end] = itemsToRender;
-      const Container = vue.resolveDynamicComponent(containerElement);
-      const Inner = vue.resolveDynamicComponent(innerElement);
+      const Container = Vue.resolveDynamicComponent(containerElement);
+      const Inner = Vue.resolveDynamicComponent(innerElement);
       const children = [];
-      if (total > 0) for (let i = start; i <= end; i++) children.push(vue.h(vue.Fragment, { key: i }, (_a = $slots.default) == null ? void 0 : _a.call($slots, {
+      if (total > 0) for (let i = start; i <= end; i++) children.push(Vue.h(Vue.Fragment, { key: i }, (_a = $slots.default) == null ? void 0 : _a.call($slots, {
         data,
         index: i,
         isScrolling: useIsScrolling ? states.isScrolling : void 0,
         style: getItemStyle(i)
       })));
-      const InnerNode = [vue.h(Inner, vue.mergeProps(ctx.innerProps, {
+      const InnerNode = [Vue.h(Inner, Vue.mergeProps(ctx.innerProps, {
         style: innerStyle,
         ref: "innerRef"
       }), !shared_esmBundler.isString(Inner) ? { default: () => children } : children)];
-      const scrollbar$1 = vue.h(scrollbar.default, {
+      const scrollbar$1 = Vue.h(scrollbar.default, {
         ref: "scrollbarRef",
         clientSize,
         layout,
@@ -283,14 +283,14 @@ const createList = ({ name, getOffset, getItemSize, getItemOffset, getEstimatedT
         total,
         alwaysOn: states.scrollbarAlwaysOn
       });
-      const listContainer = vue.h(Container, {
+      const listContainer = Vue.h(Container, {
         class: [ns.e("window"), className],
         style: windowStyle,
         onScroll,
         ref: "windowRef",
         key: 0
       }, !shared_esmBundler.isString(Container) ? { default: () => [InnerNode] } : [InnerNode]);
-      return vue.h("div", {
+      return Vue.h("div", {
         key: 0,
         class: [ns.e("wrapper"), states.scrollbarAlwaysOn ? "always-on" : ""]
       }, [listContainer, scrollbar$1]);