@uzum-tech/ui 1.8.1 → 1.9.0

package/es/upload/src/Upload.d.ts

@@ -116,6 +116,7 @@ export declare const uploadProps: {
         draggerColor: string;
         draggerBorder: string;
         draggerBorderHover: string;
+        draggerShadowFocus: string;
         itemColorHover: string;
         itemColorHoverError: string;
         itemTextColor: string;
@@ -158,16 +159,24 @@ export declare const uploadProps: {
             colorSecondary: string;
             colorSecondaryHover: string;
             colorSecondaryPressed: string;
+            colorSecondaryFocus: string;
+            colorSecondaryDisabled: string;
+            textColorSecondaryDisabled: string;
             waveColorSecondary: string;
             colorTertiary: string;
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
+            colorTertiaryFocus: string;
             colorTertiaryDisalbed: string;
             waveColorTertiary: string;
             textColorTextTertiary: string;
+            rippleColorTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
             colorQuaternaryPressed: string;
+            colorQuaternaryFocus: string;
+            rippleColorQuaternary: string;
+            waveColorQuaternary: string;
             color: string;
             colorHover: string;
             colorPressed: string;
@@ -380,6 +389,7 @@ export declare const uploadProps: {
         draggerColor: string;
         draggerBorder: string;
         draggerBorderHover: string;
+        draggerShadowFocus: string;
         itemColorHover: string;
         itemColorHoverError: string;
         itemTextColor: string;
@@ -422,16 +432,24 @@ export declare const uploadProps: {
             colorSecondary: string;
             colorSecondaryHover: string;
             colorSecondaryPressed: string;
+            colorSecondaryFocus: string;
+            colorSecondaryDisabled: string;
+            textColorSecondaryDisabled: string;
             waveColorSecondary: string;
             colorTertiary: string;
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
+            colorTertiaryFocus: string;
             colorTertiaryDisalbed: string;
             waveColorTertiary: string;
             textColorTextTertiary: string;
+            rippleColorTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
             colorQuaternaryPressed: string;
+            colorQuaternaryFocus: string;
+            rippleColorQuaternary: string;
+            waveColorQuaternary: string;
             color: string;
             colorHover: string;
             colorPressed: string;
@@ -644,6 +662,7 @@ export declare const uploadProps: {
         draggerColor: string;
         draggerBorder: string;
         draggerBorderHover: string;
+        draggerShadowFocus: string;
         itemColorHover: string;
         itemColorHoverError: string;
         itemTextColor: string;
@@ -686,16 +705,24 @@ export declare const uploadProps: {
             colorSecondary: string;
             colorSecondaryHover: string;
             colorSecondaryPressed: string;
+            colorSecondaryFocus: string;
+            colorSecondaryDisabled: string;
+            textColorSecondaryDisabled: string;
             waveColorSecondary: string;
             colorTertiary: string;
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
+            colorTertiaryFocus: string;
             colorTertiaryDisalbed: string;
             waveColorTertiary: string;
             textColorTextTertiary: string;
+            rippleColorTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
             colorQuaternaryPressed: string;
+            colorQuaternaryFocus: string;
+            rippleColorQuaternary: string;
+            waveColorQuaternary: string;
             color: string;
             colorHover: string;
             colorPressed: string;
@@ -1016,6 +1043,7 @@ declare const _default: import("vue").DefineComponent<{
         draggerColor: string;
         draggerBorder: string;
         draggerBorderHover: string;
+        draggerShadowFocus: string;
         itemColorHover: string;
         itemColorHoverError: string;
         itemTextColor: string;
@@ -1058,16 +1086,24 @@ declare const _default: import("vue").DefineComponent<{
             colorSecondary: string;
             colorSecondaryHover: string;
             colorSecondaryPressed: string;
+            colorSecondaryFocus: string;
+            colorSecondaryDisabled: string;
+            textColorSecondaryDisabled: string;
             waveColorSecondary: string;
             colorTertiary: string;
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
+            colorTertiaryFocus: string;
             colorTertiaryDisalbed: string;
             waveColorTertiary: string;
             textColorTextTertiary: string;
+            rippleColorTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
             colorQuaternaryPressed: string;
+            colorQuaternaryFocus: string;
+            rippleColorQuaternary: string;
+            waveColorQuaternary: string;
             color: string;
             colorHover: string;
             colorPressed: string;
@@ -1280,6 +1316,7 @@ declare const _default: import("vue").DefineComponent<{
         draggerColor: string;
         draggerBorder: string;
         draggerBorderHover: string;
+        draggerShadowFocus: string;
         itemColorHover: string;
         itemColorHoverError: string;
         itemTextColor: string;
@@ -1322,16 +1359,24 @@ declare const _default: import("vue").DefineComponent<{
             colorSecondary: string;
             colorSecondaryHover: string;
             colorSecondaryPressed: string;
+            colorSecondaryFocus: string;
+            colorSecondaryDisabled: string;
+            textColorSecondaryDisabled: string;
             waveColorSecondary: string;
             colorTertiary: string;
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
+            colorTertiaryFocus: string;
             colorTertiaryDisalbed: string;
             waveColorTertiary: string;
             textColorTextTertiary: string;
+            rippleColorTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
             colorQuaternaryPressed: string;
+            colorQuaternaryFocus: string;
+            rippleColorQuaternary: string;
+            waveColorQuaternary: string;
             color: string;
             colorHover: string;
             colorPressed: string;
@@ -1544,6 +1589,7 @@ declare const _default: import("vue").DefineComponent<{
         draggerColor: string;
         draggerBorder: string;
         draggerBorderHover: string;
+        draggerShadowFocus: string;
         itemColorHover: string;
         itemColorHoverError: string;
         itemTextColor: string;
@@ -1586,16 +1632,24 @@ declare const _default: import("vue").DefineComponent<{
             colorSecondary: string;
             colorSecondaryHover: string;
             colorSecondaryPressed: string;
+            colorSecondaryFocus: string;
+            colorSecondaryDisabled: string;
+            textColorSecondaryDisabled: string;
             waveColorSecondary: string;
             colorTertiary: string;
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
+            colorTertiaryFocus: string;
             colorTertiaryDisalbed: string;
             waveColorTertiary: string;
             textColorTextTertiary: string;
+            rippleColorTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
             colorQuaternaryPressed: string;
+            colorQuaternaryFocus: string;
+            rippleColorQuaternary: string;
+            waveColorQuaternary: string;
             color: string;
             colorHover: string;
             colorPressed: string;
@@ -1825,6 +1879,7 @@ declare const _default: import("vue").DefineComponent<{
             draggerColor: string;
             draggerBorder: string;
             draggerBorderHover: string;
+            draggerShadowFocus: string;
             itemColorHover: string;
             itemColorHoverError: string;
             itemTextColor: string;
@@ -1868,16 +1923,24 @@ declare const _default: import("vue").DefineComponent<{
                 colorSecondary: string;
                 colorSecondaryHover: string;
                 colorSecondaryPressed: string;
+                colorSecondaryFocus: string;
+                colorSecondaryDisabled: string;
+                textColorSecondaryDisabled: string;
                 waveColorSecondary: string;
                 colorTertiary: string;
                 colorTertiaryHover: string;
                 colorTertiaryPressed: string;
+                colorTertiaryFocus: string;
                 colorTertiaryDisalbed: string;
                 waveColorTertiary: string;
                 textColorTextTertiary: string;
+                rippleColorTertiary: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;
                 colorQuaternaryPressed: string;
+                colorQuaternaryFocus: string;
+                rippleColorQuaternary: string;
+                waveColorQuaternary: string;
                 color: string;
                 colorHover: string;
                 colorPressed: string;
@@ -2215,6 +2278,7 @@ declare const _default: import("vue").DefineComponent<{
         draggerColor: string;
         draggerBorder: string;
         draggerBorderHover: string;
+        draggerShadowFocus: string;
         itemColorHover: string;
         itemColorHoverError: string;
         itemTextColor: string;
@@ -2257,16 +2321,24 @@ declare const _default: import("vue").DefineComponent<{
             colorSecondary: string;
             colorSecondaryHover: string;
             colorSecondaryPressed: string;
+            colorSecondaryFocus: string;
+            colorSecondaryDisabled: string;
+            textColorSecondaryDisabled: string;
             waveColorSecondary: string;
             colorTertiary: string;
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
+            colorTertiaryFocus: string;
             colorTertiaryDisalbed: string;
             waveColorTertiary: string;
             textColorTextTertiary: string;
+            rippleColorTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
             colorQuaternaryPressed: string;
+            colorQuaternaryFocus: string;
+            rippleColorQuaternary: string;
+            waveColorQuaternary: string;
             color: string;
             colorHover: string;
             colorPressed: string;
@@ -2479,6 +2551,7 @@ declare const _default: import("vue").DefineComponent<{
         draggerColor: string;
         draggerBorder: string;
         draggerBorderHover: string;
+        draggerShadowFocus: string;
         itemColorHover: string;
         itemColorHoverError: string;
         itemTextColor: string;
@@ -2521,16 +2594,24 @@ declare const _default: import("vue").DefineComponent<{
             colorSecondary: string;
             colorSecondaryHover: string;
             colorSecondaryPressed: string;
+            colorSecondaryFocus: string;
+            colorSecondaryDisabled: string;
+            textColorSecondaryDisabled: string;
             waveColorSecondary: string;
             colorTertiary: string;
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
+            colorTertiaryFocus: string;
             colorTertiaryDisalbed: string;
             waveColorTertiary: string;
             textColorTextTertiary: string;
+            rippleColorTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
             colorQuaternaryPressed: string;
+            colorQuaternaryFocus: string;
+            rippleColorQuaternary: string;
+            waveColorQuaternary: string;
             color: string;
             colorHover: string;
             colorPressed: string;
@@ -2743,6 +2824,7 @@ declare const _default: import("vue").DefineComponent<{
         draggerColor: string;
         draggerBorder: string;
         draggerBorderHover: string;
+        draggerShadowFocus: string;
         itemColorHover: string;
         itemColorHoverError: string;
         itemTextColor: string;
@@ -2785,16 +2867,24 @@ declare const _default: import("vue").DefineComponent<{
             colorSecondary: string;
             colorSecondaryHover: string;
             colorSecondaryPressed: string;
+            colorSecondaryFocus: string;
+            colorSecondaryDisabled: string;
+            textColorSecondaryDisabled: string;
             waveColorSecondary: string;
             colorTertiary: string;
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
+            colorTertiaryFocus: string;
             colorTertiaryDisalbed: string;
             waveColorTertiary: string;
             textColorTextTertiary: string;
+            rippleColorTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
             colorQuaternaryPressed: string;
+            colorQuaternaryFocus: string;
+            rippleColorQuaternary: string;
+            waveColorQuaternary: string;
             color: string;
             colorHover: string;
             colorPressed: string;

package/es/upload/src/Upload.js

@@ -287,12 +287,13 @@ export default defineComponent({
         }
         const cssVarsRef = computed(() => {
             const { value: size } = formItem.mergedSizeRef;
-            const { common: { cubicBezierEaseInOut }, self: { draggerColor, draggerBorder, draggerBorderHover, itemColorHover, itemColorHoverError, itemTextColorError, itemTextColorSuccess, itemTextColor, itemIconColor, itemDisabledOpacity, lineHeight, borderRadius, fontSize, itemBorderImageCardError, itemBorderImageCard, baseColor, draggerIconBgColor, draggerIconColor, draggerTextColor, draggerTitleColor, labelColor, containerSecondary, brandPrimary300, elementsQuaternary, [createKey('width', size)]: width } } = themeRef.value;
+            const { common: { cubicBezierEaseInOut }, self: { draggerColor, draggerBorder, draggerBorderHover, draggerShadowFocus, itemColorHover, itemColorHoverError, itemTextColorError, itemTextColorSuccess, itemTextColor, itemIconColor, itemDisabledOpacity, lineHeight, borderRadius, fontSize, itemBorderImageCardError, itemBorderImageCard, baseColor, draggerIconBgColor, draggerIconColor, draggerTextColor, draggerTitleColor, labelColor, containerSecondary, brandPrimary300, elementsQuaternary, [createKey('width', size)]: width } } = themeRef.value;
             return {
                 '--u-bezier': cubicBezierEaseInOut,
                 '--u-border-radius': borderRadius,
                 '--u-dragger-border': draggerBorder,
                 '--u-dragger-border-hover': draggerBorderHover,
+                '--u-dragger-shadow-focus': draggerShadowFocus,
                 '--u-dragger-color': draggerColor,
                 '--u-font-size': fontSize,
                 '--u-item-color-hover': itemColorHover,

package/es/upload/src/UploadFile.d.ts

@@ -24,6 +24,7 @@ declare const _default: import("vue").DefineComponent<{
             draggerColor: string;
             draggerBorder: string;
             draggerBorderHover: string;
+            draggerShadowFocus: string;
             itemColorHover: string;
             itemColorHoverError: string;
             itemTextColor: string;
@@ -67,16 +68,24 @@ declare const _default: import("vue").DefineComponent<{
                 colorSecondary: string;
                 colorSecondaryHover: string;
                 colorSecondaryPressed: string;
+                colorSecondaryFocus: string;
+                colorSecondaryDisabled: string;
+                textColorSecondaryDisabled: string;
                 waveColorSecondary: string;
                 colorTertiary: string;
                 colorTertiaryHover: string;
                 colorTertiaryPressed: string;
+                colorTertiaryFocus: string;
                 colorTertiaryDisalbed: string;
                 waveColorTertiary: string;
                 textColorTextTertiary: string;
+                rippleColorTertiary: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;
                 colorQuaternaryPressed: string;
+                colorQuaternaryFocus: string;
+                rippleColorQuaternary: string;
+                waveColorQuaternary: string;
                 color: string;
                 colorHover: string;
                 colorPressed: string;

package/es/upload/src/UploadProgress.d.ts

@@ -20,6 +20,7 @@ declare const _default: import("vue").DefineComponent<{
             draggerColor: string;
             draggerBorder: string;
             draggerBorderHover: string;
+            draggerShadowFocus: string;
             itemColorHover: string;
             itemColorHoverError: string;
             itemTextColor: string;
@@ -63,16 +64,24 @@ declare const _default: import("vue").DefineComponent<{
                 colorSecondary: string;
                 colorSecondaryHover: string;
                 colorSecondaryPressed: string;
+                colorSecondaryFocus: string;
+                colorSecondaryDisabled: string;
+                textColorSecondaryDisabled: string;
                 waveColorSecondary: string;
                 colorTertiary: string;
                 colorTertiaryHover: string;
                 colorTertiaryPressed: string;
+                colorTertiaryFocus: string;
                 colorTertiaryDisalbed: string;
                 waveColorTertiary: string;
                 textColorTextTertiary: string;
+                rippleColorTertiary: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;
                 colorQuaternaryPressed: string;
+                colorQuaternaryFocus: string;
+                rippleColorQuaternary: string;
+                waveColorQuaternary: string;
                 color: string;
                 colorHover: string;
                 colorPressed: string;

package/es/upload/src/styles/index.cssr.js

@@ -5,6 +5,7 @@ export default c([cB('upload', 'width: var(--u-upload-width)', [cM('dragger-insi
  display: block;
  `)]), cM('drag-over', [cB('upload-dragger', `
  border: var(--u-dragger-border-hover);
+ box-shadow: var(--u-dragger-shadow-focus);
  `)]), cE('label', {
   marginBottom: '12px',
   marginTop: 0,

package/es/upload/src/useUploadActionsRender.js

@@ -4,8 +4,12 @@ import { UBaseIcon, UIconSwitchTransition } from '../../_internal';
 import { CancelIcon, EyeIcon, RetryIcon, TrashIcon, DownloadIcon } from '../../_internal/icons';
 export function useUploadActionsRender(opts) {
     const { clsPrefix, listType, file, showPreviewButton, showRemoveButton, showCancelButton, showRetryButton, showDownloadButton, disabled, buttonType, mergedTheme, buttonThemeOverrides, handlePreviewClick, handleRemoveOrCancelClick, handleRetryClick, handleDownloadClick, capitalizeFirstLetter } = opts;
+    const getExt = (name) => {
+        const i = name.lastIndexOf('.');
+        return i === -1 || i === name.length - 1 ? '' : name.slice(i + 1);
+    };
     const isImageType = ['image', 'image-card'].includes(listType);
-    const fileExt = file.name.split('.').at(-1) || '';
+    const fileExt = getExt(file.name);
     const capitalizedExt = capitalizeFirstLetter(fileExt);
     const icon = h('div', {
         class: [

package/es/upload/styles/light.d.ts

@@ -7,6 +7,7 @@ export declare const self: (vars: ThemeCommonVars) => {
     draggerColor: string;
     draggerBorder: string;
     draggerBorderHover: string;
+    draggerShadowFocus: string;
     itemColorHover: string;
     itemColorHoverError: string;
     itemTextColor: string;
@@ -37,6 +38,7 @@ declare const uploadLight: import("../../_mixins").Theme<"Upload", {
     draggerColor: string;
     draggerBorder: string;
     draggerBorderHover: string;
+    draggerShadowFocus: string;
     itemColorHover: string;
     itemColorHoverError: string;
     itemTextColor: string;
@@ -79,16 +81,24 @@ declare const uploadLight: import("../../_mixins").Theme<"Upload", {
         colorSecondary: string;
         colorSecondaryHover: string;
         colorSecondaryPressed: string;
+        colorSecondaryFocus: string;
+        colorSecondaryDisabled: string;
+        textColorSecondaryDisabled: string;
         waveColorSecondary: string;
         colorTertiary: string;
         colorTertiaryHover: string;
         colorTertiaryPressed: string;
+        colorTertiaryFocus: string;
         colorTertiaryDisalbed: string;
         waveColorTertiary: string;
         textColorTextTertiary: string;
+        rippleColorTertiary: string;
         colorQuaternary: string;
         colorQuaternaryHover: string;
         colorQuaternaryPressed: string;
+        colorQuaternaryFocus: string;
+        rippleColorQuaternary: string;
+        waveColorQuaternary: string;
         color: string;
         colorHover: string;
         colorPressed: string;

package/es/upload/styles/light.js

@@ -4,15 +4,16 @@ import { progressLight } from '../../progress/styles';
 import { commonLight } from '../../_styles/common';
 import { createTheme } from '../../_mixins';
 export const self = (vars) => {
-    const { staticGreen, staticRed, elementsQuaternary, elementsTertiary, elementsPrimary, textPrimary, opacityDisabled, containerPrimary, fontBodyMedium, lineHeightBodyMedium, borderRadiusLarge, elementsQuinary, containerSecondary, brandPrimary300 } = vars;
+    const { staticGreen, staticRed, elementsQuaternary, elementsTertiary, elementsPrimary, textPrimary, opacityDisabled, containerPrimary, fontBodyMedium, lineHeightBodyMedium, borderRadiusLarge, containerSecondary, brandPrimary300, brandPrimary500 } = vars;
     return {
         baseColor: containerPrimary,
         fontSize: fontBodyMedium,
         lineHeight: lineHeightBodyMedium,
         borderRadius: borderRadiusLarge,
         draggerColor: elementsTertiary,
-        draggerBorder: `2px dashed ${elementsQuaternary}`,
-        draggerBorderHover: `2px dashed ${elementsQuinary}`,
+        draggerBorder: `1px dashed ${brandPrimary500}`,
+        draggerBorderHover: `1px solid ${brandPrimary500}`,
+        draggerShadowFocus: `0 0 0 4px ${brandPrimary500}1a`,
         itemColorHover: elementsTertiary,
         itemColorHoverError: changeColor(staticRed, {
             alpha: 0.05
@@ -22,8 +23,8 @@ export const self = (vars) => {
         itemTextColorSuccess: staticGreen,
         itemIconColor: elementsPrimary,
         itemDisabledOpacity: opacityDisabled,
-        itemBorderImageCardError: `2px solid ${staticRed}`,
-        itemBorderImageCard: `2px solid ${elementsQuaternary}`,
+        itemBorderImageCardError: `1px solid ${staticRed}`,
+        itemBorderImageCard: `1px solid ${elementsQuaternary}`,
         draggerIconBgColor: elementsTertiary,
         draggerIconColor: elementsPrimary,
         draggerTitleColor: textPrimary,

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.8.1";
+declare const _default: "1.9.0";
 export default _default;

package/es/version.js

@@ -1 +1 @@
-export default '1.8.1';
+export default '1.9.0';

package/es/virtual-list/index.d.ts

@@ -0,0 +1,2 @@
+export { default as NVirtualList, virtualListProps } from './src/VirtualList';
+export type { VirtualListInst, VirtualListProps } from './src/VirtualList';

package/es/virtual-list/index.js

@@ -0,0 +1 @@
+export { default as NVirtualList, virtualListProps } from './src/VirtualList';

package/es/virtual-list/src/VirtualList.d.ts

@@ -0,0 +1,146 @@
+import type { CSSProperties, PropType } from 'vue';
+import type { VirtualListItemData, VirtualListScrollToOptions } from 'vueuc';
+import type { ExtractPublicPropTypes } from '../../_utils';
+import type { ScrollbarProps } from '../../scrollbar/src/Scrollbar';
+export { type VirtualListInst } from 'vueuc';
+export declare const virtualListProps: {
+    readonly scrollbarProps: PropType<ScrollbarProps>;
+    readonly items: {
+        readonly type: PropType<VirtualListItemData[]>;
+        readonly default: () => never[];
+    };
+    readonly itemSize: {
+        readonly type: NumberConstructor;
+        readonly required: true;
+    };
+    readonly itemResizable: BooleanConstructor;
+    readonly itemsStyle: PropType<string | CSSProperties>;
+    readonly visibleItemsTag: {
+        readonly type: PropType<string | object>;
+        readonly default: "div";
+    };
+    readonly visibleItemsProps: ObjectConstructor;
+    readonly ignoreItemResize: BooleanConstructor;
+    readonly onScroll: PropType<(event: Event) => void>;
+    readonly onWheel: PropType<(event: WheelEvent) => void>;
+    readonly onResize: PropType<(entry: ResizeObserverEntry) => void>;
+    readonly defaultScrollKey: PropType<number | string>;
+    readonly defaultScrollIndex: NumberConstructor;
+    readonly keyField: {
+        readonly type: StringConstructor;
+        readonly default: "key";
+    };
+    readonly paddingTop: {
+        readonly type: PropType<number | string>;
+        readonly default: 0;
+    };
+    readonly paddingBottom: {
+        readonly type: PropType<number | string>;
+        readonly default: 0;
+    };
+};
+export type VirtualListProps = ExtractPublicPropTypes<typeof virtualListProps>;
+declare const _default: import("vue").DefineComponent<{
+    readonly scrollbarProps: PropType<ScrollbarProps>;
+    readonly items: {
+        readonly type: PropType<VirtualListItemData[]>;
+        readonly default: () => never[];
+    };
+    readonly itemSize: {
+        readonly type: NumberConstructor;
+        readonly required: true;
+    };
+    readonly itemResizable: BooleanConstructor;
+    readonly itemsStyle: PropType<string | CSSProperties>;
+    readonly visibleItemsTag: {
+        readonly type: PropType<string | object>;
+        readonly default: "div";
+    };
+    readonly visibleItemsProps: ObjectConstructor;
+    readonly ignoreItemResize: BooleanConstructor;
+    readonly onScroll: PropType<(event: Event) => void>;
+    readonly onWheel: PropType<(event: WheelEvent) => void>;
+    readonly onResize: PropType<(entry: ResizeObserverEntry) => void>;
+    readonly defaultScrollKey: PropType<number | string>;
+    readonly defaultScrollIndex: NumberConstructor;
+    readonly keyField: {
+        readonly type: StringConstructor;
+        readonly default: "key";
+    };
+    readonly paddingTop: {
+        readonly type: PropType<number | string>;
+        readonly default: 0;
+    };
+    readonly paddingBottom: {
+        readonly type: PropType<number | string>;
+        readonly default: 0;
+    };
+}, {
+    scrollTo: (options: VirtualListScrollToOptions | number, y?: number) => void;
+    scrollbarInstRef: import("vue").Ref<{
+        $el: HTMLElement;
+        containerRef: HTMLElement | null;
+        contentRef: HTMLElement | null;
+        containerScrollTop: number;
+        syncUnifiedContainer: () => void;
+        scrollTo: import("../../_internal/scrollbar/src/Scrollbar").ScrollTo;
+        scrollBy: import("../../_internal/scrollbar/src/Scrollbar").ScrollBy;
+        sync: () => void;
+        handleMouseEnterWrapper: () => void;
+        handleMouseLeaveWrapper: () => void;
+    } | null>;
+    virtualListInstRef: import("vue").Ref<{
+        listElRef: HTMLElement;
+        itemsElRef: HTMLElement | null;
+        scrollTo: import("vueuc").VVirtualListScrollTo;
+    } | null>;
+    getScrollContainer: () => HTMLElement | null | undefined;
+    getScrollContent: () => HTMLElement | null | undefined;
+    handleScroll: (e: Event) => void;
+    handleResize: (e: ResizeObserverEntry) => void;
+    handleWheel: (e: WheelEvent) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly scrollbarProps: PropType<ScrollbarProps>;
+    readonly items: {
+        readonly type: PropType<VirtualListItemData[]>;
+        readonly default: () => never[];
+    };
+    readonly itemSize: {
+        readonly type: NumberConstructor;
+        readonly required: true;
+    };
+    readonly itemResizable: BooleanConstructor;
+    readonly itemsStyle: PropType<string | CSSProperties>;
+    readonly visibleItemsTag: {
+        readonly type: PropType<string | object>;
+        readonly default: "div";
+    };
+    readonly visibleItemsProps: ObjectConstructor;
+    readonly ignoreItemResize: BooleanConstructor;
+    readonly onScroll: PropType<(event: Event) => void>;
+    readonly onWheel: PropType<(event: WheelEvent) => void>;
+    readonly onResize: PropType<(entry: ResizeObserverEntry) => void>;
+    readonly defaultScrollKey: PropType<number | string>;
+    readonly defaultScrollIndex: NumberConstructor;
+    readonly keyField: {
+        readonly type: StringConstructor;
+        readonly default: "key";
+    };
+    readonly paddingTop: {
+        readonly type: PropType<number | string>;
+        readonly default: 0;
+    };
+    readonly paddingBottom: {
+        readonly type: PropType<number | string>;
+        readonly default: 0;
+    };
+}>>, {
+    readonly paddingBottom: string | number;
+    readonly paddingTop: string | number;
+    readonly items: VirtualListItemData[];
+    readonly keyField: string;
+    readonly visibleItemsTag: string | object;
+    readonly ignoreItemResize: boolean;
+    readonly itemResizable: boolean;
+}, {}>;
+export default _default;