@uzum-tech/ui 1.8.1 → 1.9.0

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.1",
+  "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.1",
+  "version": "1.9.0",
   "js-types-syntax": "typescript",
   "contributions": {
     "html": {
@@ -2156,11 +2156,11 @@
               "default": "5"
             },
             {
-              "name": "max-height",
+              "name": "height",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
               "type": "string | number",
-              "description": "Maximum height of the chat component.",
-              "default": "undefined"
+              "description": "Container height of the chat component.",
+              "default": "800"
             }
           ],
           "js": {
@@ -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.",