@uzum-tech/ui 1.8.2 → 1.9.0

package/lib/tree-select/src/TreeSelect.d.ts

@@ -195,8 +195,16 @@ export declare const treeSelectProps: {
                 labelPadding: string;
             }, 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>;
             Empty: import("../../_mixins").Theme<"Empty", {
                 iconSizeSmall: string;
@@ -439,8 +447,16 @@ export declare const treeSelectProps: {
                 labelPadding: string;
             }, 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>;
             Empty: import("../../_mixins").Theme<"Empty", {
                 iconSizeSmall: string;
@@ -683,8 +699,16 @@ export declare const treeSelectProps: {
                 labelPadding: string;
             }, 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>;
             Empty: import("../../_mixins").Theme<"Empty", {
                 iconSizeSmall: string;
@@ -1038,8 +1062,16 @@ declare const _default: import("vue").DefineComponent<{
                 labelPadding: string;
             }, 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>;
             Empty: import("../../_mixins").Theme<"Empty", {
                 iconSizeSmall: string;
@@ -1282,8 +1314,16 @@ declare const _default: import("vue").DefineComponent<{
                 labelPadding: string;
             }, 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>;
             Empty: import("../../_mixins").Theme<"Empty", {
                 iconSizeSmall: string;
@@ -1526,8 +1566,16 @@ declare const _default: import("vue").DefineComponent<{
                 labelPadding: string;
             }, 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>;
             Empty: import("../../_mixins").Theme<"Empty", {
                 iconSizeSmall: string;
@@ -1840,8 +1888,16 @@ declare const _default: import("vue").DefineComponent<{
                     labelPadding: string;
                 }, 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>;
                 Empty: import("../../_mixins").Theme<"Empty", {
                     iconSizeSmall: string;
@@ -2062,8 +2118,16 @@ declare const _default: import("vue").DefineComponent<{
                         labelPadding: string;
                     }, any>> | undefined;
                     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;
                     Empty?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Empty", {
                         iconSizeSmall: string;
@@ -2322,8 +2386,16 @@ declare const _default: import("vue").DefineComponent<{
                 labelPadding: string;
             }, 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>;
             Empty: import("../../_mixins").Theme<"Empty", {
                 iconSizeSmall: string;
@@ -2566,8 +2638,16 @@ declare const _default: import("vue").DefineComponent<{
                 labelPadding: string;
             }, 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>;
             Empty: import("../../_mixins").Theme<"Empty", {
                 iconSizeSmall: string;
@@ -2810,8 +2890,16 @@ declare const _default: import("vue").DefineComponent<{
                 labelPadding: string;
             }, 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>;
             Empty: import("../../_mixins").Theme<"Empty", {
                 iconSizeSmall: string;
@@ -2986,7 +3074,6 @@ declare const _default: import("vue").DefineComponent<{
     readonly multiple: boolean;
     readonly labelField: string;
     readonly virtualScroll: boolean;
-    readonly keyField: string;
     readonly checkable: boolean;
     readonly placement: FollowerPlacement;
     readonly defaultShow: boolean;
@@ -3000,6 +3087,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly defaultExpandAll: boolean;
     readonly allowCheckingNotLoaded: boolean;
     readonly cascade: boolean;
+    readonly keyField: string;
     readonly checkStrategy: CheckStrategy;
     readonly disabledField: string;
     readonly leafOnly: boolean;

package/lib/tree-select/styles/light.d.ts

@@ -88,8 +88,16 @@ declare const treeSelectLight: import("../../_mixins/use-theme").Theme<"TreeSele
             labelPadding: string;
         }, any>;
         Scrollbar: import("../../_mixins/use-theme").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
             color: string;
             colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
         }, any>;
         Empty: import("../../_mixins/use-theme").Theme<"Empty", {
             iconSizeSmall: string;

package/lib/version.d.ts

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

package/lib/version.js

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

package/lib/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/lib/virtual-list/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.virtualListProps = exports.NVirtualList = void 0;
+var VirtualList_1 = require("./src/VirtualList");
+Object.defineProperty(exports, "NVirtualList", { enumerable: true, get: function () { return __importDefault(VirtualList_1).default; } });
+Object.defineProperty(exports, "virtualListProps", { enumerable: true, get: function () { return VirtualList_1.virtualListProps; } });

package/lib/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;

package/lib/virtual-list/src/VirtualList.js

@@ -0,0 +1,106 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.virtualListProps = void 0;
+const vue_1 = require("vue");
+const vueuc_1 = require("vueuc");
+const _internal_1 = require("../../_internal");
+exports.virtualListProps = {
+    scrollbarProps: Object,
+    items: {
+        type: Array,
+        default: () => []
+    },
+    itemSize: {
+        type: Number,
+        required: true
+    },
+    itemResizable: Boolean,
+    itemsStyle: [String, Object],
+    visibleItemsTag: {
+        type: [String, Object],
+        default: 'div'
+    },
+    visibleItemsProps: Object,
+    ignoreItemResize: Boolean,
+    onScroll: Function,
+    onWheel: Function,
+    onResize: Function,
+    defaultScrollKey: [Number, String],
+    defaultScrollIndex: Number,
+    keyField: {
+        type: String,
+        default: 'key'
+    },
+    paddingTop: {
+        type: [Number, String],
+        default: 0
+    },
+    paddingBottom: {
+        type: [Number, String],
+        default: 0
+    }
+};
+exports.default = (0, vue_1.defineComponent)({
+    name: 'VirtualList',
+    props: exports.virtualListProps,
+    setup(props) {
+        const scrollbarInstRef = (0, vue_1.ref)(null);
+        const virtualListInstRef = (0, vue_1.ref)(null);
+        function syncScrollbar() {
+            const { value: scrollbarInst } = scrollbarInstRef;
+            if (scrollbarInst) {
+                scrollbarInst.sync();
+            }
+        }
+        function handleScroll(e) {
+            var _a;
+            syncScrollbar();
+            (_a = props.onScroll) === null || _a === void 0 ? void 0 : _a.call(props, e);
+        }
+        function handleResize(e) {
+            var _a;
+            syncScrollbar();
+            (_a = props.onResize) === null || _a === void 0 ? void 0 : _a.call(props, e);
+        }
+        function handleWheel(e) {
+            var _a;
+            (_a = props.onWheel) === null || _a === void 0 ? void 0 : _a.call(props, e);
+        }
+        function scrollTo(options, y) {
+            var _a, _b;
+            if (typeof options === 'number') {
+                (_a = virtualListInstRef.value) === null || _a === void 0 ? void 0 : _a.scrollTo(options, y !== null && y !== void 0 ? y : 0);
+            }
+            else {
+                (_b = virtualListInstRef.value) === null || _b === void 0 ? void 0 : _b.scrollTo(options);
+            }
+        }
+        function getScrollContainer() {
+            var _a;
+            return (_a = virtualListInstRef.value) === null || _a === void 0 ? void 0 : _a.listElRef;
+        }
+        function getScrollContent() {
+            var _a;
+            return (_a = virtualListInstRef.value) === null || _a === void 0 ? void 0 : _a.itemsElRef;
+        }
+        return {
+            scrollTo,
+            scrollbarInstRef,
+            virtualListInstRef,
+            getScrollContainer,
+            getScrollContent,
+            handleScroll,
+            handleResize,
+            handleWheel
+        };
+    },
+    render() {
+        return ((0, vue_1.h)(_internal_1.UxScrollbar, Object.assign({}, this.scrollbarProps, { ref: "scrollbarInstRef", container: this.getScrollContainer, content: this.getScrollContent }), {
+            default: () => {
+                return ((0, vue_1.h)(vueuc_1.VVirtualList, { ref: "virtualListInstRef", showScrollbar: false, items: this.items, itemSize: this.itemSize, itemResizable: this.itemResizable, itemsStyle: this.itemsStyle, visibleItemsTag: this.visibleItemsTag, visibleItemsProps: this.visibleItemsProps, ignoreItemResize: this.ignoreItemResize, keyField: this.keyField, defaultScrollKey: this.defaultScrollKey, defaultScrollIndex: this.defaultScrollIndex, paddingTop: this.paddingTop, paddingBottom: this.paddingBottom, onScroll: this.handleScroll, onResize: this.handleResize, onWheel: this.handleWheel }, {
+                    default: ({ item, index }) => { var _a, _b; return (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a, { item, index }); }
+                }));
+            }
+        }));
+    }
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uzum-tech/ui",
-  "version": "1.8.2",
+  "version": "1.9.0",
   "description": "A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -185,7 +185,7 @@
     "treemate": "0.3.11",
     "vdirs": "0.1.8",
     "vooks": "0.2.12",
-    "vueuc": "0.4.51"
+    "vueuc": "0.4.65"
   },
   "sideEffects": false,
   "homepage": "https://uzum-ui.kapitalbank.uz",

package/volar.d.ts

@@ -149,6 +149,7 @@ declare module 'vue' {
     UChat: typeof import('@uzum-tech/ui')['UChat']
     UChatListItems: typeof import('@uzum-tech/ui')['UChatListItems']
     UChatMessages: typeof import('@uzum-tech/ui')['UChatMessages']
+    UInfiniteScroll: typeof import('@uzum-tech/ui')['UInfiniteScroll']
   }
 }
 export {}

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.8.2",
+  "version": "1.9.0",
   "js-types-syntax": "typescript",
   "contributions": {
     "html": {
@@ -7770,6 +7770,35 @@
             ]
           }
         },
+        {
+          "name": "UInfiniteScroll",
+          "doc-url": "https://www.naiveui.com/en-US/os-theme/components/infinite-scroll",
+          "source": {
+            "symbol": "UInfiniteScroll"
+          },
+          "slots": [],
+          "attributes": [],
+          "props": [
+            {
+              "name": "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",
+              "type": "object"
+            }
+          ],
+          "js": {
+            "events": [
+              {
+                "name": "load",
+                "doc-url": "https://www.naiveui.com/en-US/os-theme/components/infinite-scroll"
+              }
+            ]
+          }
+        },
         {
           "name": "UInput",
           "description": "Many years ago, inputs were just punched cards.",