@uzum-tech/ui 1.10.0 → 1.10.1

package/es/chat/src/ChatListItems.js

@@ -90,11 +90,26 @@ export default defineComponent({
             var _a;
             (_a = props.onChatSelect) === null || _a === void 0 ? void 0 : _a.call(props, chatId);
         };
+        const toKeyString = (value) => {
+            if (typeof value === 'symbol')
+                return value.toString();
+            if (typeof value === 'function') {
+                const result = value();
+                return typeof result === 'string' || typeof result === 'number'
+                    ? String(result)
+                    : '';
+            }
+            return value != null ? String(value) : '';
+        };
         const renderChatItem = (item) => {
             var _a, _b;
             const isSelected = props.selectedChatId === item.id;
             const isTyping = (_b = (_a = props.typingChatIds) === null || _a === void 0 ? void 0 : _a.includes(item.id)) !== null && _b !== void 0 ? _b : false;
-            return (h(UListItem, { key: item.id, showIcon: false, onClick: () => {
+            const { id, title, subtitle } = item;
+            const keyId = toKeyString(id);
+            const keyTitle = toKeyString(title);
+            const keySubtitle = toKeyString(subtitle);
+            return (h(UListItem, { key: `${keyId}-${keyTitle}-${keySubtitle}`, showIcon: false, onClick: () => {
                     handleChatSelect(item.id);
                 }, class: [
                     `${mergedClsPrefixRef.value}-chat-sidebar__item`,

package/es/chat/src/ChatParts/MainArea.js

@@ -153,22 +153,36 @@ export default defineComponent({
                 el.scrollTop = el.scrollHeight;
             }
         };
+        const toKeyString = (value) => {
+            if (typeof value === 'symbol')
+                return value.toString();
+            if (typeof value === 'function') {
+                const result = value();
+                return typeof result === 'string' || typeof result === 'number'
+                    ? String(result)
+                    : '';
+            }
+            return value != null ? String(value) : '';
+        };
         const renderHeader = () => {
             return (h("div", { class: `${mergedClsPrefixRef.value}-chat-main__header` },
                 h(UFlex, { justify: "space-between", align: "flex-start", wrap: false }, {
-                    default: () => (h(Fragment, null,
-                        h(UText, { variant: "heading-s-bold", class: `${mergedClsPrefixRef.value}-chat-main__header-title`, theme: mergedThemeRef.value.peers.Typography, themeOverrides: mergedThemeRef.value.peerOverrides.Typography }, {
-                            default: () => { var _a, _b; return (_b = (_a = selectedChatRef.value) === null || _a === void 0 ? void 0 : _a.title) !== null && _b !== void 0 ? _b : ''; }
-                        }),
-                        h(UFlex, { align: "center", size: "small", class: `${mergedClsPrefixRef.value}-chat-main__header-actions` }, {
-                            default: () => resolveSlot(slots.headerActions, () => {
-                                const shareButtonProps = Object.assign(Object.assign({}, headerButtonPropsRef.value), headerShareButtonPropsRef.value);
-                                const profileButtonProps = Object.assign(Object.assign({}, headerButtonPropsRef.value), headerProfileButtonPropsRef.value);
-                                const closeButtonProps = Object.assign(Object.assign({}, headerButtonPropsRef.value), headerCloseButtonPropsRef.value);
-                                const shareIconProps = Object.assign(Object.assign({}, headerIconPropsRef.value), headerShareIconPropsRef.value);
-                                const profileIconProps = Object.assign(Object.assign({}, headerIconPropsRef.value), headerProfileIconPropsRef.value);
-                                const buttons = [];
-                                if (shareButtonProps.disabled !== true) {
+                    default: () => {
+                        const chat = selectedChatRef.value;
+                        const keyId = toKeyString(chat === null || chat === void 0 ? void 0 : chat.id);
+                        const keyTitle = toKeyString(chat === null || chat === void 0 ? void 0 : chat.title);
+                        return (h(Fragment, null,
+                            h(UText, { key: `${keyId}-${keyTitle}`, variant: "heading-s-bold", class: `${mergedClsPrefixRef.value}-chat-main__header-title`, theme: mergedThemeRef.value.peers.Typography, themeOverrides: mergedThemeRef.value.peerOverrides.Typography }, {
+                                default: () => { var _a, _b; return (_b = (_a = selectedChatRef.value) === null || _a === void 0 ? void 0 : _a.title) !== null && _b !== void 0 ? _b : ''; }
+                            }),
+                            h(UFlex, { align: "center", size: "small", class: `${mergedClsPrefixRef.value}-chat-main__header-actions` }, {
+                                default: () => resolveSlot(slots.headerActions, () => {
+                                    const shareButtonProps = Object.assign(Object.assign({}, headerButtonPropsRef.value), headerShareButtonPropsRef.value);
+                                    const profileButtonProps = Object.assign(Object.assign({}, headerButtonPropsRef.value), headerProfileButtonPropsRef.value);
+                                    const closeButtonProps = Object.assign(Object.assign({}, headerButtonPropsRef.value), headerCloseButtonPropsRef.value);
+                                    const shareIconProps = Object.assign(Object.assign({}, headerIconPropsRef.value), headerShareIconPropsRef.value);
+                                    const profileIconProps = Object.assign(Object.assign({}, headerIconPropsRef.value), headerProfileIconPropsRef.value);
+                                    const buttons = [];
                                     buttons.push(h(UTooltip, null, {
                                         trigger: () => (h(UButton, Object.assign({ secondary: true, circle: true, size: "large" }, shareButtonProps, { theme: mergedThemeRef.value.peers.Button, themeOverrides: mergedThemeRef.value.peerOverrides
                                                 .Button, onClick: () => { var _a; return (_a = onChatShare === null || onChatShare === void 0 ? void 0 : onChatShare.value) === null || _a === void 0 ? void 0 : _a.call(onChatShare); } }), {
@@ -179,8 +193,6 @@ export default defineComponent({
                                         })),
                                         default: () => shareButtonTooltipRef.value
                                     }));
-                                }
-                                if (profileButtonProps.disabled !== true) {
                                     buttons.push(h(UTooltip, null, {
                                         trigger: () => (h(UButton, Object.assign({ secondary: true, circle: true, size: "large" }, profileButtonProps, { theme: mergedThemeRef.value.peers.Button, themeOverrides: mergedThemeRef.value.peerOverrides
                                                 .Button, onClick: () => { var _a; return (_a = onUserProfile === null || onUserProfile === void 0 ? void 0 : onUserProfile.value) === null || _a === void 0 ? void 0 : _a.call(onUserProfile); } }), {
@@ -191,15 +203,13 @@ export default defineComponent({
                                         })),
                                         default: () => profileButtonTooltipRef.value
                                     }));
-                                }
-                                if (closeButtonProps.disabled !== true) {
                                     buttons.push(h(UButton, Object.assign({ type: "primary", size: "large", round: true }, closeButtonProps, { theme: mergedThemeRef.value.peers.Button, themeOverrides: mergedThemeRef.value.peerOverrides.Button, onClick: () => { var _a; return (_a = onChatClose === null || onChatClose === void 0 ? void 0 : onChatClose.value) === null || _a === void 0 ? void 0 : _a.call(onChatClose); } }), {
                                         default: () => closeButtonTextRef.value
                                     }));
-                                }
-                                return buttons;
-                            })
-                        })))
+                                    return buttons;
+                                })
+                            })));
+                    }
                 })));
         };
         const renderMessages = () => {

package/es/infinite-scroll/src/InfiniteScroll.d.ts

@@ -6,7 +6,12 @@ export declare const infiniteScrollProps: {
         readonly type: NumberConstructor;
         readonly default: 0;
     };
+    readonly topDistance: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
     readonly onLoad: PropType<() => Promise<void> | void>;
+    readonly onLoadTop: PropType<() => Promise<void> | void>;
     readonly scrollbarProps: PropType<ScrollbarProps>;
 };
 export type InfiniteScrollProps = ExtractPublicPropTypes<typeof infiniteScrollProps>;
@@ -15,7 +20,12 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: NumberConstructor;
         readonly default: 0;
     };
+    readonly topDistance: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
     readonly onLoad: PropType<() => Promise<void> | void>;
+    readonly onLoadTop: PropType<() => Promise<void> | void>;
     readonly scrollbarProps: PropType<ScrollbarProps>;
 }, {
     scrollbarInstRef: import("vue").Ref<{
@@ -37,9 +47,15 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: NumberConstructor;
         readonly default: 0;
     };
+    readonly topDistance: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
     readonly onLoad: PropType<() => Promise<void> | void>;
+    readonly onLoadTop: PropType<() => Promise<void> | void>;
     readonly scrollbarProps: PropType<ScrollbarProps>;
 }>>, {
     readonly distance: number;
+    readonly topDistance: number;
 }, {}>;
 export default _default;

package/es/infinite-scroll/src/InfiniteScroll.js

@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { defineComponent, h, ref } from 'vue';
+import { defineComponent, h, ref, nextTick } from 'vue';
 import { UxScrollbar } from '../../_internal';
 import { resolveSlot } from '../../_utils';
 export const infiniteScrollProps = {
@@ -15,7 +15,12 @@ export const infiniteScrollProps = {
         type: Number,
         default: 0
     },
+    topDistance: {
+        type: Number,
+        default: 0
+    },
     onLoad: Function,
+    onLoadTop: Function,
     scrollbarProps: Object
 };
 export default defineComponent({
@@ -23,7 +28,8 @@ export default defineComponent({
     props: infiniteScrollProps,
     setup(props) {
         const scrollbarInstRef = ref(null);
-        let loading = false;
+        let loadingBottom = false;
+        let loadingTop = false;
         const handleCheckBottom = () => __awaiter(this, void 0, void 0, function* () {
             var _a;
             const { value: scrollbarInst } = scrollbarInstRef;
@@ -37,27 +43,57 @@ export default defineComponent({
                     clientHeight !== undefined &&
                     scrollTop !== undefined) {
                     if (scrollTop + clientHeight >= scrollHeight - props.distance) {
-                        loading = true;
+                        loadingBottom = true;
                         try {
                             yield ((_a = props.onLoad) === null || _a === void 0 ? void 0 : _a.call(props));
                         }
                         catch (_b) { }
-                        loading = false;
+                        loadingBottom = false;
+                    }
+                }
+            }
+        });
+        const handleCheckTop = () => __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            const { value: scrollbarInst } = scrollbarInstRef;
+            if (scrollbarInst) {
+                const { containerRef } = scrollbarInst;
+                const scrollTop = containerRef === null || containerRef === void 0 ? void 0 : containerRef.scrollTop;
+                if (containerRef && scrollTop !== undefined) {
+                    if (scrollTop <= props.topDistance) {
+                        loadingTop = true;
+                        const oldScrollHeight = containerRef.scrollHeight;
+                        const oldScrollTop = containerRef.scrollTop;
+                        try {
+                            yield ((_a = props.onLoadTop) === null || _a === void 0 ? void 0 : _a.call(props));
+                            yield nextTick();
+                            const newScrollHeight = containerRef.scrollHeight;
+                            const heightDiff = newScrollHeight - oldScrollHeight;
+                            if (heightDiff > 0) {
+                                containerRef.scrollTop = oldScrollTop + heightDiff;
+                            }
+                        }
+                        catch (_b) { }
+                        loadingTop = false;
                     }
                 }
             }
         });
         const handleScroll = () => {
-            if (loading)
-                return;
-            void handleCheckBottom();
+            if (!loadingBottom) {
+                void handleCheckBottom();
+            }
+            if (!loadingTop) {
+                void handleCheckTop();
+            }
         };
         const handleWheel = (e) => {
-            if (e.deltaY <= 0)
-                return;
-            if (loading)
-                return;
-            void handleCheckBottom();
+            if (e.deltaY > 0 && !loadingBottom) {
+                void handleCheckBottom();
+            }
+            if (e.deltaY < 0 && !loadingTop) {
+                void handleCheckTop();
+            }
         };
         return {
             scrollbarInstRef,

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.10.0";
+declare const _default: "1.10.1";
 export default _default;

package/es/version.js

@@ -1 +1 @@
-export default '1.10.0';
+export default '1.10.1';

package/lib/chat/src/ChatListItems.js

@@ -96,11 +96,26 @@ exports.default = (0, vue_1.defineComponent)({
             var _a;
             (_a = props.onChatSelect) === null || _a === void 0 ? void 0 : _a.call(props, chatId);
         };
+        const toKeyString = (value) => {
+            if (typeof value === 'symbol')
+                return value.toString();
+            if (typeof value === 'function') {
+                const result = value();
+                return typeof result === 'string' || typeof result === 'number'
+                    ? String(result)
+                    : '';
+            }
+            return value != null ? String(value) : '';
+        };
         const renderChatItem = (item) => {
             var _a, _b;
             const isSelected = props.selectedChatId === item.id;
             const isTyping = (_b = (_a = props.typingChatIds) === null || _a === void 0 ? void 0 : _a.includes(item.id)) !== null && _b !== void 0 ? _b : false;
-            return ((0, vue_1.h)(list_1.UListItem, { key: item.id, showIcon: false, onClick: () => {
+            const { id, title, subtitle } = item;
+            const keyId = toKeyString(id);
+            const keyTitle = toKeyString(title);
+            const keySubtitle = toKeyString(subtitle);
+            return ((0, vue_1.h)(list_1.UListItem, { key: `${keyId}-${keyTitle}-${keySubtitle}`, showIcon: false, onClick: () => {
                     handleChatSelect(item.id);
                 }, class: [
                     `${mergedClsPrefixRef.value}-chat-sidebar__item`,

package/lib/chat/src/ChatParts/MainArea.js

@@ -158,22 +158,36 @@ exports.default = (0, vue_1.defineComponent)({
                 el.scrollTop = el.scrollHeight;
             }
         };
+        const toKeyString = (value) => {
+            if (typeof value === 'symbol')
+                return value.toString();
+            if (typeof value === 'function') {
+                const result = value();
+                return typeof result === 'string' || typeof result === 'number'
+                    ? String(result)
+                    : '';
+            }
+            return value != null ? String(value) : '';
+        };
         const renderHeader = () => {
             return ((0, vue_1.h)("div", { class: `${mergedClsPrefixRef.value}-chat-main__header` },
                 (0, vue_1.h)(flex_1.UFlex, { justify: "space-between", align: "flex-start", wrap: false }, {
-                    default: () => ((0, vue_1.h)(vue_1.Fragment, null,
-                        (0, vue_1.h)(typography_1.UText, { variant: "heading-s-bold", class: `${mergedClsPrefixRef.value}-chat-main__header-title`, theme: mergedThemeRef.value.peers.Typography, themeOverrides: mergedThemeRef.value.peerOverrides.Typography }, {
-                            default: () => { var _a, _b; return (_b = (_a = selectedChatRef.value) === null || _a === void 0 ? void 0 : _a.title) !== null && _b !== void 0 ? _b : ''; }
-                        }),
-                        (0, vue_1.h)(flex_1.UFlex, { align: "center", size: "small", class: `${mergedClsPrefixRef.value}-chat-main__header-actions` }, {
-                            default: () => (0, _utils_1.resolveSlot)(slots.headerActions, () => {
-                                const shareButtonProps = Object.assign(Object.assign({}, headerButtonPropsRef.value), headerShareButtonPropsRef.value);
-                                const profileButtonProps = Object.assign(Object.assign({}, headerButtonPropsRef.value), headerProfileButtonPropsRef.value);
-                                const closeButtonProps = Object.assign(Object.assign({}, headerButtonPropsRef.value), headerCloseButtonPropsRef.value);
-                                const shareIconProps = Object.assign(Object.assign({}, headerIconPropsRef.value), headerShareIconPropsRef.value);
-                                const profileIconProps = Object.assign(Object.assign({}, headerIconPropsRef.value), headerProfileIconPropsRef.value);
-                                const buttons = [];
-                                if (shareButtonProps.disabled !== true) {
+                    default: () => {
+                        const chat = selectedChatRef.value;
+                        const keyId = toKeyString(chat === null || chat === void 0 ? void 0 : chat.id);
+                        const keyTitle = toKeyString(chat === null || chat === void 0 ? void 0 : chat.title);
+                        return ((0, vue_1.h)(vue_1.Fragment, null,
+                            (0, vue_1.h)(typography_1.UText, { key: `${keyId}-${keyTitle}`, variant: "heading-s-bold", class: `${mergedClsPrefixRef.value}-chat-main__header-title`, theme: mergedThemeRef.value.peers.Typography, themeOverrides: mergedThemeRef.value.peerOverrides.Typography }, {
+                                default: () => { var _a, _b; return (_b = (_a = selectedChatRef.value) === null || _a === void 0 ? void 0 : _a.title) !== null && _b !== void 0 ? _b : ''; }
+                            }),
+                            (0, vue_1.h)(flex_1.UFlex, { align: "center", size: "small", class: `${mergedClsPrefixRef.value}-chat-main__header-actions` }, {
+                                default: () => (0, _utils_1.resolveSlot)(slots.headerActions, () => {
+                                    const shareButtonProps = Object.assign(Object.assign({}, headerButtonPropsRef.value), headerShareButtonPropsRef.value);
+                                    const profileButtonProps = Object.assign(Object.assign({}, headerButtonPropsRef.value), headerProfileButtonPropsRef.value);
+                                    const closeButtonProps = Object.assign(Object.assign({}, headerButtonPropsRef.value), headerCloseButtonPropsRef.value);
+                                    const shareIconProps = Object.assign(Object.assign({}, headerIconPropsRef.value), headerShareIconPropsRef.value);
+                                    const profileIconProps = Object.assign(Object.assign({}, headerIconPropsRef.value), headerProfileIconPropsRef.value);
+                                    const buttons = [];
                                     buttons.push((0, vue_1.h)(tooltip_1.UTooltip, null, {
                                         trigger: () => ((0, vue_1.h)(button_1.UButton, Object.assign({ secondary: true, circle: true, size: "large" }, shareButtonProps, { theme: mergedThemeRef.value.peers.Button, themeOverrides: mergedThemeRef.value.peerOverrides
                                                 .Button, onClick: () => { var _a; return (_a = onChatShare === null || onChatShare === void 0 ? void 0 : onChatShare.value) === null || _a === void 0 ? void 0 : _a.call(onChatShare); } }), {
@@ -184,8 +198,6 @@ exports.default = (0, vue_1.defineComponent)({
                                         })),
                                         default: () => shareButtonTooltipRef.value
                                     }));
-                                }
-                                if (profileButtonProps.disabled !== true) {
                                     buttons.push((0, vue_1.h)(tooltip_1.UTooltip, null, {
                                         trigger: () => ((0, vue_1.h)(button_1.UButton, Object.assign({ secondary: true, circle: true, size: "large" }, profileButtonProps, { theme: mergedThemeRef.value.peers.Button, themeOverrides: mergedThemeRef.value.peerOverrides
                                                 .Button, onClick: () => { var _a; return (_a = onUserProfile === null || onUserProfile === void 0 ? void 0 : onUserProfile.value) === null || _a === void 0 ? void 0 : _a.call(onUserProfile); } }), {
@@ -196,15 +208,13 @@ exports.default = (0, vue_1.defineComponent)({
                                         })),
                                         default: () => profileButtonTooltipRef.value
                                     }));
-                                }
-                                if (closeButtonProps.disabled !== true) {
                                     buttons.push((0, vue_1.h)(button_1.UButton, Object.assign({ type: "primary", size: "large", round: true }, closeButtonProps, { theme: mergedThemeRef.value.peers.Button, themeOverrides: mergedThemeRef.value.peerOverrides.Button, onClick: () => { var _a; return (_a = onChatClose === null || onChatClose === void 0 ? void 0 : onChatClose.value) === null || _a === void 0 ? void 0 : _a.call(onChatClose); } }), {
                                         default: () => closeButtonTextRef.value
                                     }));
-                                }
-                                return buttons;
-                            })
-                        })))
+                                    return buttons;
+                                })
+                            })));
+                    }
                 })));
         };
         const renderMessages = () => {

package/lib/infinite-scroll/src/InfiniteScroll.d.ts

@@ -6,7 +6,12 @@ export declare const infiniteScrollProps: {
         readonly type: NumberConstructor;
         readonly default: 0;
     };
+    readonly topDistance: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
     readonly onLoad: PropType<() => Promise<void> | void>;
+    readonly onLoadTop: PropType<() => Promise<void> | void>;
     readonly scrollbarProps: PropType<ScrollbarProps>;
 };
 export type InfiniteScrollProps = ExtractPublicPropTypes<typeof infiniteScrollProps>;
@@ -15,7 +20,12 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: NumberConstructor;
         readonly default: 0;
     };
+    readonly topDistance: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
     readonly onLoad: PropType<() => Promise<void> | void>;
+    readonly onLoadTop: PropType<() => Promise<void> | void>;
     readonly scrollbarProps: PropType<ScrollbarProps>;
 }, {
     scrollbarInstRef: import("vue").Ref<{
@@ -37,9 +47,15 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: NumberConstructor;
         readonly default: 0;
     };
+    readonly topDistance: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
     readonly onLoad: PropType<() => Promise<void> | void>;
+    readonly onLoadTop: PropType<() => Promise<void> | void>;
     readonly scrollbarProps: PropType<ScrollbarProps>;
 }>>, {
     readonly distance: number;
+    readonly topDistance: number;
 }, {}>;
 export default _default;

package/lib/infinite-scroll/src/InfiniteScroll.js

@@ -18,7 +18,12 @@ exports.infiniteScrollProps = {
         type: Number,
         default: 0
     },
+    topDistance: {
+        type: Number,
+        default: 0
+    },
     onLoad: Function,
+    onLoadTop: Function,
     scrollbarProps: Object
 };
 exports.default = (0, vue_1.defineComponent)({
@@ -26,7 +31,8 @@ exports.default = (0, vue_1.defineComponent)({
     props: exports.infiniteScrollProps,
     setup(props) {
         const scrollbarInstRef = (0, vue_1.ref)(null);
-        let loading = false;
+        let loadingBottom = false;
+        let loadingTop = false;
         const handleCheckBottom = () => __awaiter(this, void 0, void 0, function* () {
             var _a;
             const { value: scrollbarInst } = scrollbarInstRef;
@@ -40,27 +46,57 @@ exports.default = (0, vue_1.defineComponent)({
                     clientHeight !== undefined &&
                     scrollTop !== undefined) {
                     if (scrollTop + clientHeight >= scrollHeight - props.distance) {
-                        loading = true;
+                        loadingBottom = true;
                         try {
                             yield ((_a = props.onLoad) === null || _a === void 0 ? void 0 : _a.call(props));
                         }
                         catch (_b) { }
-                        loading = false;
+                        loadingBottom = false;
+                    }
+                }
+            }
+        });
+        const handleCheckTop = () => __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            const { value: scrollbarInst } = scrollbarInstRef;
+            if (scrollbarInst) {
+                const { containerRef } = scrollbarInst;
+                const scrollTop = containerRef === null || containerRef === void 0 ? void 0 : containerRef.scrollTop;
+                if (containerRef && scrollTop !== undefined) {
+                    if (scrollTop <= props.topDistance) {
+                        loadingTop = true;
+                        const oldScrollHeight = containerRef.scrollHeight;
+                        const oldScrollTop = containerRef.scrollTop;
+                        try {
+                            yield ((_a = props.onLoadTop) === null || _a === void 0 ? void 0 : _a.call(props));
+                            yield (0, vue_1.nextTick)();
+                            const newScrollHeight = containerRef.scrollHeight;
+                            const heightDiff = newScrollHeight - oldScrollHeight;
+                            if (heightDiff > 0) {
+                                containerRef.scrollTop = oldScrollTop + heightDiff;
+                            }
+                        }
+                        catch (_b) { }
+                        loadingTop = false;
                     }
                 }
             }
         });
         const handleScroll = () => {
-            if (loading)
-                return;
-            void handleCheckBottom();
+            if (!loadingBottom) {
+                void handleCheckBottom();
+            }
+            if (!loadingTop) {
+                void handleCheckTop();
+            }
         };
         const handleWheel = (e) => {
-            if (e.deltaY <= 0)
-                return;
-            if (loading)
-                return;
-            void handleCheckBottom();
+            if (e.deltaY > 0 && !loadingBottom) {
+                void handleCheckBottom();
+            }
+            if (e.deltaY < 0 && !loadingTop) {
+                void handleCheckTop();
+            }
         };
         return {
             scrollbarInstRef,

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.10.0";
+declare const _default: "1.10.1";
 export default _default;

package/lib/version.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = '1.10.0';
+exports.default = '1.10.1';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uzum-tech/ui",
-  "version": "1.10.0",
+  "version": "1.10.1",
   "description": "A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -24,12 +24,12 @@
     "format": "pnpm run format:code && pnpm run format:md && pnpm run lint:fix",
     "format:code": "prettier --write \"(src|demo)/**/*.(vue|js)\"",
     "format:md": "prettier --write --parser markdown --prose-wrap never \"(src|demo)/**/*.md\"",
-    "test": "cross-env NODE_ENV=test jest --collectCoverage=false",
-    "test:single": "cross-env NODE_ENV=test jest --collectCoverage=false --testMatch=\"<rootDir>/src/list/tests/**.*\"",
-    "test:update": "cross-env NODE_ENV=test jest -u --collectCoverage=false",
-    "test:cov": "cross-env NODE_ENV=test NODE_OPTIONS=--unhandled-rejections=warn jest",
+    "test": "cross-env NODE_ENV=test jest",
+    "test:single": "cross-env NODE_ENV=test jest --testMatch=\"<rootDir>/src/list/tests/**.*\"",
+    "test:update": "cross-env NODE_ENV=test jest -u",
+    "test:cov": "cross-env NODE_ENV=test NODE_OPTIONS=--unhandled-rejections=warn jest --collectCoverage=true",
     "test:watch": "cross-env NODE_ENV=test jest ---watch --verbose --coverage",
-    "test:umd": "jest --collectCoverage=false --testMatch=\"<rootDir>/umd-test/index.spec.js\"",
+    "test:umd": "jest --testMatch=\"<rootDir>/umd-test/index.spec.js\"",
     "gen-version": "node scripts/gen-version",
     "gen-volar-dts": "esbuild scripts/gen-component-declaration.js --bundle --platform=node --tsconfig=tsconfig.esbuild.json | node",
     "build:site:ts": "./scripts/pre-build-site/pre-build-site.sh && cross-env TUSIMPLE=true NODE_ENV=production NODE_OPTIONS=--max-old-space-size=4096 vite build && ./scripts/post-build-site/post-build-site.sh",

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "@uzum-tech/ui",
-  "version": "1.10.0",
+  "version": "1.10.1",
   "js-types-syntax": "typescript",
   "contributions": {
     "html": {
@@ -7875,6 +7875,11 @@
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/infinite-scroll",
               "type": "number"
             },
+            {
+              "name": "top-distance",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/infinite-scroll",
+              "type": "number"
+            },
             {
               "name": "scrollbar-props",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/infinite-scroll",
@@ -7886,6 +7891,10 @@
               {
                 "name": "load",
                 "doc-url": "https://www.naiveui.com/en-US/os-theme/components/infinite-scroll"
+              },
+              {
+                "name": "load-top",
+                "doc-url": "https://www.naiveui.com/en-US/os-theme/components/infinite-scroll"
               }
             ]
           }