@uzum-tech/ui 1.9.1 → 1.10.1

package/es/dynamic-tags/src/DynamicTags.d.ts

@@ -325,6 +325,9 @@ export declare const dynamicTagsProps: {
             rippleDuration: string;
         }, any>;
         Tag: import("../../_mixins").Theme<"Tag", {
+            gapSmall: string;
+            gapMedium: string;
+            gapLarge: string;
             closeIconSizeTiny: string;
             closeIconSizeSmall: string;
             closeIconSizeMedium: string;
@@ -676,6 +679,9 @@ export declare const dynamicTagsProps: {
             rippleDuration: string;
         }, any>;
         Tag: import("../../_mixins").Theme<"Tag", {
+            gapSmall: string;
+            gapMedium: string;
+            gapLarge: string;
             closeIconSizeTiny: string;
             closeIconSizeSmall: string;
             closeIconSizeMedium: string;
@@ -1027,6 +1033,9 @@ export declare const dynamicTagsProps: {
             rippleDuration: string;
         }, any>;
         Tag: import("../../_mixins").Theme<"Tag", {
+            gapSmall: string;
+            gapMedium: string;
+            gapLarge: string;
             closeIconSizeTiny: string;
             closeIconSizeSmall: string;
             closeIconSizeMedium: string;
@@ -1416,6 +1425,9 @@ declare const _default: import("vue").DefineComponent<{
             rippleDuration: string;
         }, any>;
         Tag: import("../../_mixins").Theme<"Tag", {
+            gapSmall: string;
+            gapMedium: string;
+            gapLarge: string;
             closeIconSizeTiny: string;
             closeIconSizeSmall: string;
             closeIconSizeMedium: string;
@@ -1767,6 +1779,9 @@ declare const _default: import("vue").DefineComponent<{
             rippleDuration: string;
         }, any>;
         Tag: import("../../_mixins").Theme<"Tag", {
+            gapSmall: string;
+            gapMedium: string;
+            gapLarge: string;
             closeIconSizeTiny: string;
             closeIconSizeSmall: string;
             closeIconSizeMedium: string;
@@ -2118,6 +2133,9 @@ declare const _default: import("vue").DefineComponent<{
             rippleDuration: string;
         }, any>;
         Tag: import("../../_mixins").Theme<"Tag", {
+            gapSmall: string;
+            gapMedium: string;
+            gapLarge: string;
             closeIconSizeTiny: string;
             closeIconSizeSmall: string;
             closeIconSizeMedium: string;
@@ -2502,6 +2520,9 @@ declare const _default: import("vue").DefineComponent<{
                 rippleDuration: string;
             }, any>;
             Tag: import("../../_mixins").Theme<"Tag", {
+                gapSmall: string;
+                gapMedium: string;
+                gapLarge: string;
                 closeIconSizeTiny: string;
                 closeIconSizeSmall: string;
                 closeIconSizeMedium: string;
@@ -2918,6 +2939,9 @@ declare const _default: import("vue").DefineComponent<{
             rippleDuration: string;
         }, any>;
         Tag: import("../../_mixins").Theme<"Tag", {
+            gapSmall: string;
+            gapMedium: string;
+            gapLarge: string;
             closeIconSizeTiny: string;
             closeIconSizeSmall: string;
             closeIconSizeMedium: string;
@@ -3269,6 +3293,9 @@ declare const _default: import("vue").DefineComponent<{
             rippleDuration: string;
         }, any>;
         Tag: import("../../_mixins").Theme<"Tag", {
+            gapSmall: string;
+            gapMedium: string;
+            gapLarge: string;
             closeIconSizeTiny: string;
             closeIconSizeSmall: string;
             closeIconSizeMedium: string;
@@ -3620,6 +3647,9 @@ declare const _default: import("vue").DefineComponent<{
             rippleDuration: string;
         }, any>;
         Tag: import("../../_mixins").Theme<"Tag", {
+            gapSmall: string;
+            gapMedium: string;
+            gapLarge: string;
             closeIconSizeTiny: string;
             closeIconSizeSmall: string;
             closeIconSizeMedium: string;

package/es/dynamic-tags/styles/light.d.ts

@@ -285,6 +285,9 @@ declare const dynamicTagsLight: import("../../_mixins").Theme<"DynamicTags", {
         rippleDuration: string;
     }, any>;
     Tag: import("../../_mixins").Theme<"Tag", {
+        gapSmall: string;
+        gapMedium: string;
+        gapLarge: string;
         closeIconSizeTiny: string;
         closeIconSizeSmall: string;
         closeIconSizeMedium: string;

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,30 +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;
+            if (!loadingBottom) {
+                void handleCheckBottom();
+            }
+            if (!loadingTop) {
+                void handleCheckTop();
             }
-            void handleCheckBottom();
         };
         const handleWheel = (e) => {
-            if (e.deltaY <= 0) {
-                return;
+            if (e.deltaY > 0 && !loadingBottom) {
+                void handleCheckBottom();
             }
-            if (loading) {
-                return;
+            if (e.deltaY < 0 && !loadingTop) {
+                void handleCheckTop();
             }
-            void handleCheckBottom();
         };
         return {
             scrollbarInstRef,

package/es/input/src/Input.d.ts

@@ -1103,6 +1103,7 @@ declare const _default: import("vue").DefineComponent<{
     round: boolean;
     autofocus: boolean;
     uppercase: boolean;
+    defaultValue: string | [string, string] | null;
     clearable: boolean;
     loadingSkeleton: boolean;
     autosize: boolean | {
@@ -1112,7 +1113,6 @@ declare const _default: import("vue").DefineComponent<{
     resizable: boolean;
     pair: boolean;
     autocomplete: boolean;
-    defaultValue: string | [string, string] | null;
     rows: string | number;
     copyable: boolean;
     readonly: string | boolean;

package/es/input-number/src/InputNumber.d.ts

@@ -3104,12 +3104,12 @@ declare const _default: import("vue").DefineComponent<{
     bordered: boolean | undefined;
     step: string | number;
     autofocus: boolean;
+    defaultValue: number | null;
     clearable: boolean;
     keyboard: {
         ArrowUp?: boolean;
         ArrowDown?: boolean;
     };
-    defaultValue: number | null;
     readonly: boolean;
     showButton: boolean;
     buttonPlacement: "right" | "both";

package/es/legacy-transfer/src/Transfer.d.ts

@@ -4079,8 +4079,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly filter: Filter;
     readonly disabled: boolean | undefined;
     readonly virtualScroll: boolean;
-    readonly filterable: boolean;
     readonly defaultValue: OptionValue[] | null;
+    readonly filterable: boolean;
     readonly options: Option[];
 }, {}>;
 export default _default;

package/es/modal-fullscreen/index.d.ts

@@ -0,0 +1,2 @@
+export { default as UModalFullscreen, modalFullscreenProps } from './src/ModalFull';
+export type { ModalFullscreenProps } from './src/ModalFull';

package/es/modal-fullscreen/index.js

@@ -0,0 +1 @@
+export { default as UModalFullscreen, modalFullscreenProps } from './src/ModalFull';