@uzum-tech/ui 1.8.2 → 1.9.0

package/es/date-picker/src/panel/use-dual-calendar.d.ts

@@ -489,8 +489,16 @@ declare function useDualCalendar(props: ExtractPropTypes<typeof useDualCalendarP
                 iconColorDisabled: string;
             }, {
                 Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
                     color: string;
                     colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
                 }, any>;
                 Button: import("../../../_mixins").Theme<"Button", {
                     heightTiny: string;
@@ -777,8 +785,16 @@ declare function useDualCalendar(props: ExtractPropTypes<typeof useDualCalendarP
                 }, any>;
             }>;
             Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
                 color: string;
                 colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
             }, any>;
         };
         peerOverrides: {
@@ -795,8 +811,16 @@ declare function useDualCalendar(props: ExtractPropTypes<typeof useDualCalendarP
             TimePicker?: {
                 peers?: {
                     Scrollbar?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Scrollbar", {
+                        height: string;
+                        width: string;
+                        borderRadius: string;
                         color: string;
                         colorHover: string;
+                        railInsetHorizontalBottom: string;
+                        railInsetHorizontalTop: string;
+                        railInsetVerticalRight: string;
+                        railInsetVerticalLeft: string;
+                        railColor: string;
                     }, any>> | undefined;
                     Button?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Button", {
                         heightTiny: string;

package/es/date-picker/src/panel/use-panel-common.d.ts

@@ -433,8 +433,16 @@ declare function usePanelCommon(props: UsePanelCommonProps): {
                 iconColorDisabled: string;
             }, {
                 Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
                     color: string;
                     colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
                 }, any>;
                 Button: import("../../../_mixins").Theme<"Button", {
                     heightTiny: string;
@@ -721,8 +729,16 @@ declare function usePanelCommon(props: UsePanelCommonProps): {
                 }, any>;
             }>;
             Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
                 color: string;
                 colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
             }, any>;
         };
         peerOverrides: {
@@ -739,8 +755,16 @@ declare function usePanelCommon(props: UsePanelCommonProps): {
             TimePicker?: {
                 peers?: {
                     Scrollbar?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Scrollbar", {
+                        height: string;
+                        width: string;
+                        borderRadius: string;
                         color: string;
                         colorHover: string;
+                        railInsetHorizontalBottom: string;
+                        railInsetHorizontalTop: string;
+                        railInsetVerticalRight: string;
+                        railInsetVerticalLeft: string;
+                        railColor: string;
                     }, any>> | undefined;
                     Button?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Button", {
                         heightTiny: string;

package/es/date-picker/styles/light.d.ts

@@ -500,8 +500,16 @@ declare const datePickerLight: import("../../_mixins").Theme<"DatePicker", {
         iconColorDisabled: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
             color: string;
             colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
         }, any>;
         Button: import("../../_mixins").Theme<"Button", {
             heightTiny: string;
@@ -788,8 +796,16 @@ declare const datePickerLight: import("../../_mixins").Theme<"DatePicker", {
         }, any>;
     }>;
     Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+        height: string;
+        width: string;
+        borderRadius: string;
         color: string;
         colorHover: string;
+        railInsetHorizontalBottom: string;
+        railInsetHorizontalTop: string;
+        railInsetVerticalRight: string;
+        railInsetVerticalLeft: string;
+        railColor: string;
     }, any>;
 }>;
 export default datePickerLight;

package/es/dialog/src/DialogProvider.d.ts

@@ -57,8 +57,6 @@ export declare const UDialogProvider: import("vue").DefineComponent<{
         onAfterEnter?: (() => void) | undefined;
         transformOrigin?: "center" | "mouse" | undefined;
         onClose?: (() => Promise<unknown> | unknown) | undefined;
-        autoFocus?: boolean | undefined;
-        onEsc?: (() => void) | undefined;
         iconPlacement?: import("./interface").IconPlacement | undefined;
         positiveButtonProps?: {
             type?: import("../../button/src/interface").Type | undefined;
@@ -796,7 +794,9 @@ export declare const UDialogProvider: import("vue").DefineComponent<{
         } | undefined;
         onPositiveClick?: ((e: MouseEvent) => Promise<unknown> | unknown) | undefined;
         onNegativeClick?: ((e: MouseEvent) => Promise<unknown> | unknown) | undefined;
+        autoFocus?: boolean | undefined;
         blockScroll?: boolean | undefined;
+        onEsc?: (() => void) | undefined;
         onMaskClick?: ((e: MouseEvent) => void) | undefined;
         maskClosable?: boolean | undefined;
         closeOnEsc?: boolean | undefined;

package/es/drawer/src/Drawer.d.ts

@@ -116,8 +116,16 @@ export declare const drawerProps: {
         contentBorderRadius: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
             color: string;
             colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
         }, any>;
     }>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Drawer", {
@@ -153,8 +161,16 @@ export declare const drawerProps: {
         contentBorderRadius: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
             color: string;
             colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
         }, any>;
     }>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Drawer", {
@@ -190,8 +206,16 @@ export declare const drawerProps: {
         contentBorderRadius: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
             color: string;
             colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
         }, any>;
     }>>>;
 };
@@ -309,8 +333,16 @@ declare const _default: import("vue").DefineComponent<{
         contentBorderRadius: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
             color: string;
             colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
         }, any>;
     }>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Drawer", {
@@ -346,8 +378,16 @@ declare const _default: import("vue").DefineComponent<{
         contentBorderRadius: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
             color: string;
             colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
         }, any>;
     }>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Drawer", {
@@ -383,8 +423,16 @@ declare const _default: import("vue").DefineComponent<{
         contentBorderRadius: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
             color: string;
             colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
         }, any>;
     }>>>;
 }, {
@@ -429,8 +477,16 @@ declare const _default: import("vue").DefineComponent<{
         };
         peers: {
             Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
                 color: string;
                 colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
             }, any>;
         };
         peerOverrides: {
@@ -592,8 +648,16 @@ declare const _default: import("vue").DefineComponent<{
         contentBorderRadius: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
             color: string;
             colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
         }, any>;
     }>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Drawer", {
@@ -629,8 +693,16 @@ declare const _default: import("vue").DefineComponent<{
         contentBorderRadius: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
             color: string;
             colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
         }, any>;
     }>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Drawer", {
@@ -666,8 +738,16 @@ declare const _default: import("vue").DefineComponent<{
         contentBorderRadius: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
             color: string;
             colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
         }, any>;
     }>>>;
 }>>, {
@@ -677,10 +757,10 @@ declare const _default: import("vue").DefineComponent<{
     readonly show: boolean;
     readonly displayDirective: "show" | "if";
     readonly placement: Placement;
-    readonly autoFocus: boolean;
     readonly resizable: boolean;
     readonly rounded: boolean;
     readonly trapFocus: boolean;
+    readonly autoFocus: boolean;
     readonly blockScroll: boolean;
     readonly maskClosable: boolean;
     readonly closeOnEsc: boolean;

package/es/drawer/src/DrawerBodyWrapper.d.ts

@@ -83,8 +83,16 @@ declare const _default: import("vue").DefineComponent<{
         };
         peers: {
             Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
                 color: string;
                 colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
             }, any>;
         };
         peerOverrides: {
@@ -147,10 +155,10 @@ declare const _default: import("vue").DefineComponent<{
     onEsc: PropType<(e: KeyboardEvent) => void>;
 }>>, {
     show: boolean | undefined;
-    autoFocus: boolean;
     resizable: boolean;
     rounded: boolean;
     trapFocus: boolean;
+    autoFocus: boolean;
     blockScroll: boolean;
 }, {}>;
 export default _default;

package/es/drawer/src/DrawerContent.d.ts

@@ -95,8 +95,16 @@ declare const _default: import("vue").DefineComponent<{
         };
         peers: {
             Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
                 color: string;
                 colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
             }, any>;
         };
         peerOverrides: {

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

@@ -65,8 +65,16 @@ declare const drawerLight: import("../../_mixins").Theme<"Drawer", {
     contentBorderRadius: string;
 }, {
     Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+        height: string;
+        width: string;
+        borderRadius: string;
         color: string;
         colorHover: string;
+        railInsetHorizontalBottom: string;
+        railInsetHorizontalTop: string;
+        railInsetVerticalRight: string;
+        railInsetVerticalLeft: string;
+        railColor: string;
     }, any>;
 }>;
 export default drawerLight;

package/es/dropdown/src/Dropdown.d.ts

@@ -1108,7 +1108,6 @@ declare const _default: import("vue").DefineComponent<{
     readonly trigger: import("../../popover").PopoverTrigger;
     readonly flip: boolean;
     readonly labelField: string;
-    readonly keyField: string;
     readonly overlap: boolean;
     readonly showArrow: boolean;
     readonly delay: number;
@@ -1127,5 +1126,6 @@ declare const _default: import("vue").DefineComponent<{
     readonly options: DropdownMixedOption[];
     readonly childrenField: string;
     readonly inverted: boolean;
+    readonly keyField: string;
 }, {}>;
 export default _default;

package/es/infinite-scroll/index.d.ts

@@ -0,0 +1,2 @@
+export { infiniteScrollProps, default as UInfiniteScroll } from './src/InfiniteScroll';
+export type { InfiniteScrollProps } from './src/InfiniteScroll';

package/es/infinite-scroll/index.js

@@ -0,0 +1 @@
+export { infiniteScrollProps, default as UInfiniteScroll } from './src/InfiniteScroll';

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

@@ -0,0 +1,45 @@
+import type { PropType } from 'vue';
+import type { ExtractPublicPropTypes } from '../../_utils';
+import type { ScrollbarProps } from '../../scrollbar/src/Scrollbar';
+export declare const infiniteScrollProps: {
+    readonly distance: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly onLoad: PropType<() => Promise<void> | void>;
+    readonly scrollbarProps: PropType<ScrollbarProps>;
+};
+export type InfiniteScrollProps = ExtractPublicPropTypes<typeof infiniteScrollProps>;
+declare const _default: import("vue").DefineComponent<{
+    readonly distance: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly onLoad: PropType<() => Promise<void> | void>;
+    readonly scrollbarProps: PropType<ScrollbarProps>;
+}, {
+    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>;
+    handleScroll: () => 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 distance: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly onLoad: PropType<() => Promise<void> | void>;
+    readonly scrollbarProps: PropType<ScrollbarProps>;
+}>>, {
+    readonly distance: number;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,78 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { defineComponent, h, ref } from 'vue';
+import { UxScrollbar } from '../../_internal';
+import { resolveSlot } from '../../_utils';
+export const infiniteScrollProps = {
+    distance: {
+        type: Number,
+        default: 0
+    },
+    onLoad: Function,
+    scrollbarProps: Object
+};
+export default defineComponent({
+    name: 'InfiniteScroll',
+    props: infiniteScrollProps,
+    setup(props) {
+        const scrollbarInstRef = ref(null);
+        let loading = false;
+        const handleCheckBottom = () => __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            const { value: scrollbarInst } = scrollbarInstRef;
+            if (scrollbarInst) {
+                const { containerRef } = scrollbarInst;
+                const scrollHeight = containerRef === null || containerRef === void 0 ? void 0 : containerRef.scrollHeight;
+                const clientHeight = containerRef === null || containerRef === void 0 ? void 0 : containerRef.clientHeight;
+                const scrollTop = containerRef === null || containerRef === void 0 ? void 0 : containerRef.scrollTop;
+                if (containerRef &&
+                    scrollHeight !== undefined &&
+                    clientHeight !== undefined &&
+                    scrollTop !== undefined) {
+                    if (scrollTop + clientHeight >= scrollHeight - props.distance) {
+                        loading = true;
+                        try {
+                            yield ((_a = props.onLoad) === null || _a === void 0 ? void 0 : _a.call(props));
+                        }
+                        catch (_b) { }
+                        loading = false;
+                    }
+                }
+            }
+        });
+        const handleScroll = () => {
+            if (loading) {
+                return;
+            }
+            void handleCheckBottom();
+        };
+        const handleWheel = (e) => {
+            if (e.deltaY <= 0) {
+                return;
+            }
+            if (loading) {
+                return;
+            }
+            void handleCheckBottom();
+        };
+        return {
+            scrollbarInstRef,
+            handleScroll,
+            handleWheel
+        };
+    },
+    render() {
+        return (h(UxScrollbar, Object.assign({}, this.scrollbarProps, { ref: "scrollbarInstRef", onWheel: this.handleWheel, onScroll: this.handleScroll }), {
+            default: () => {
+                return resolveSlot(this.$slots.default, () => []);
+            }
+        }));
+    }
+});