@uzum-tech/ui 1.8.2 → 1.9.0

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/infinite-scroll/index.d.ts

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

package/lib/infinite-scroll/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UInfiniteScroll = exports.infiniteScrollProps = void 0;
+var InfiniteScroll_1 = require("./src/InfiniteScroll");
+Object.defineProperty(exports, "infiniteScrollProps", { enumerable: true, get: function () { return InfiniteScroll_1.infiniteScrollProps; } });
+Object.defineProperty(exports, "UInfiniteScroll", { enumerable: true, get: function () { return __importDefault(InfiniteScroll_1).default; } });

package/lib/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/lib/infinite-scroll/src/InfiniteScroll.js

@@ -0,0 +1,81 @@
+"use strict";
+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());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.infiniteScrollProps = void 0;
+const vue_1 = require("vue");
+const _internal_1 = require("../../_internal");
+const _utils_1 = require("../../_utils");
+exports.infiniteScrollProps = {
+    distance: {
+        type: Number,
+        default: 0
+    },
+    onLoad: Function,
+    scrollbarProps: Object
+};
+exports.default = (0, vue_1.defineComponent)({
+    name: 'InfiniteScroll',
+    props: exports.infiniteScrollProps,
+    setup(props) {
+        const scrollbarInstRef = (0, vue_1.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 ((0, vue_1.h)(_internal_1.UxScrollbar, Object.assign({}, this.scrollbarProps, { ref: "scrollbarInstRef", onWheel: this.handleWheel, onScroll: this.handleScroll }), {
+            default: () => {
+                return (0, _utils_1.resolveSlot)(this.$slots.default, () => []);
+            }
+        }));
+    }
+});

package/lib/layout/src/Layout.d.ts

@@ -95,8 +95,16 @@ export declare function createLayoutComponent(isContent: boolean): import("vue")
         __invertScrollbar: 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>;
     }>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Layout", {
@@ -127,8 +135,16 @@ export declare function createLayoutComponent(isContent: boolean): import("vue")
         __invertScrollbar: 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>;
     }>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Layout", {
@@ -159,8 +175,16 @@ export declare function createLayoutComponent(isContent: boolean): import("vue")
         __invertScrollbar: 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>;
     }>>>;
 }, {
@@ -211,8 +235,16 @@ export declare function createLayoutComponent(isContent: boolean): import("vue")
         };
         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: {
@@ -280,8 +312,16 @@ export declare function createLayoutComponent(isContent: boolean): import("vue")
         __invertScrollbar: 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>;
     }>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Layout", {
@@ -312,8 +352,16 @@ export declare function createLayoutComponent(isContent: boolean): import("vue")
         __invertScrollbar: 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>;
     }>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Layout", {
@@ -344,8 +392,16 @@ export declare function createLayoutComponent(isContent: boolean): import("vue")
         __invertScrollbar: 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>;
     }>>>;
 }>>, {
@@ -405,8 +461,16 @@ declare const _default: import("vue").DefineComponent<{
         __invertScrollbar: 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>;
     }>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Layout", {
@@ -437,8 +501,16 @@ declare const _default: import("vue").DefineComponent<{
         __invertScrollbar: 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>;
     }>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Layout", {
@@ -469,8 +541,16 @@ declare const _default: import("vue").DefineComponent<{
         __invertScrollbar: 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>;
     }>>>;
 }, {
@@ -521,8 +601,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: {
@@ -590,8 +678,16 @@ declare const _default: import("vue").DefineComponent<{
         __invertScrollbar: 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>;
     }>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Layout", {
@@ -622,8 +718,16 @@ declare const _default: import("vue").DefineComponent<{
         __invertScrollbar: 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>;
     }>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Layout", {
@@ -654,8 +758,16 @@ declare const _default: import("vue").DefineComponent<{
         __invertScrollbar: 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>;
     }>>>;
 }>>, {