@uzum-tech/ui 1.10.1 → 1.11.1

package/lib/_internal/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.internalTextProps = exports.InternalUText = exports.UBaseAccountOption = exports.useRadio = exports.radioGroupInjectionKey = exports.radioBaseProps = exports.useCheckbox = exports.checkboxBaseProps = exports.checkboxGroupInjectionKey = exports.UxScrollbar = exports.UScrollbar = exports.UBaseSuffix = exports.UBaseClear = exports.UBaseSlotMachine = exports.UInternalSelection = exports.UBaseMenuMask = exports.UBaseWave = exports.UInternalSelectMenu = exports.UBaseSkeleton = exports.UBaseLoading = exports.UBaseFocusDetector = exports.UBaseIcon = exports.UBaseClose = exports.UFadeInExpandTransition = exports.UIconSwitchTransition = void 0;
+exports.internalTextProps = exports.InternalUText = exports.UBaseAccountOption = exports.useRadio = exports.radioGroupInjectionKey = exports.radioBaseProps = exports.useCheckbox = exports.checkboxBaseProps = exports.checkboxGroupInjectionKey = exports.UxSafeTopScrollbar = exports.USafeTopScrollbar = exports.UxScrollbar = exports.UScrollbar = exports.UBaseSuffix = exports.UBaseClear = exports.UBaseSlotMachine = exports.UInternalSelection = exports.UBaseMenuMask = exports.UBaseWave = exports.UInternalSelectMenu = exports.UBaseSkeleton = exports.UBaseLoading = exports.UBaseFocusDetector = exports.UBaseIcon = exports.UBaseClose = exports.UFadeInExpandTransition = exports.UIconSwitchTransition = void 0;
 var icon_switch_transition_1 = require("./icon-switch-transition");
 Object.defineProperty(exports, "UIconSwitchTransition", { enumerable: true, get: function () { return __importDefault(icon_switch_transition_1).default; } });
 var fade_in_expand_transition_1 = require("./fade-in-expand-transition");
@@ -35,6 +35,9 @@ Object.defineProperty(exports, "UBaseSuffix", { enumerable: true, get: function
 var scrollbar_1 = require("./scrollbar");
 Object.defineProperty(exports, "UScrollbar", { enumerable: true, get: function () { return scrollbar_1.UScrollbar; } });
 Object.defineProperty(exports, "UxScrollbar", { enumerable: true, get: function () { return scrollbar_1.UxScrollbar; } });
+var safe_top_scrollbar_1 = require("./safe-top-scrollbar");
+Object.defineProperty(exports, "USafeTopScrollbar", { enumerable: true, get: function () { return safe_top_scrollbar_1.USafeTopScrollbar; } });
+Object.defineProperty(exports, "UxSafeTopScrollbar", { enumerable: true, get: function () { return safe_top_scrollbar_1.UxSafeTopScrollbar; } });
 var checkbox_1 = require("./checkbox");
 Object.defineProperty(exports, "checkboxGroupInjectionKey", { enumerable: true, get: function () { return checkbox_1.checkboxGroupInjectionKey; } });
 Object.defineProperty(exports, "checkboxBaseProps", { enumerable: true, get: function () { return checkbox_1.checkboxBaseProps; } });

package/lib/_internal/safe-top-scrollbar/index.d.ts

@@ -0,0 +1,2 @@
+export { default as USafeTopScrollbar, XSafeTopScrollbar as UxSafeTopScrollbar } from './src/SafeTopScrollbar';
+export type { SafeTopScrollbarInst, SafeTopScrollbarProps } from './src/SafeTopScrollbar';

package/lib/_internal/safe-top-scrollbar/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.UxSafeTopScrollbar = exports.USafeTopScrollbar = void 0;
+var SafeTopScrollbar_1 = require("./src/SafeTopScrollbar");
+Object.defineProperty(exports, "USafeTopScrollbar", { enumerable: true, get: function () { return __importDefault(SafeTopScrollbar_1).default; } });
+Object.defineProperty(exports, "UxSafeTopScrollbar", { enumerable: true, get: function () { return SafeTopScrollbar_1.XSafeTopScrollbar; } });

package/lib/_internal/safe-top-scrollbar/src/SafeTopScrollbar.d.ts

@@ -0,0 +1,356 @@
+import type { CSSProperties, HTMLAttributes, PropType } from 'vue';
+import type { ExtractInternalPropTypes, ExtractPublicPropTypes } from '../../../_utils';
+export interface ScrollTo {
+    (x: number, y: number): void;
+    (options: {
+        left?: number;
+        top?: number;
+        behavior?: ScrollBehavior;
+        debounce?: boolean;
+    }): void;
+    (options: {
+        el: HTMLElement;
+        behavior?: ScrollBehavior;
+        debounce?: boolean;
+    }): void;
+    (options: {
+        index: number;
+        elSize: number;
+        behavior?: ScrollBehavior;
+        debounce?: boolean;
+    }): void;
+    (options: {
+        position: 'top' | 'bottom';
+        behavior?: ScrollBehavior;
+        debounce?: boolean;
+    }): void;
+}
+export interface ScrollBy {
+    (x: number, y: number): void;
+    (options: {
+        left?: number;
+        top?: number;
+        behavior?: ScrollBehavior;
+    }): void;
+}
+export interface SafeTopScrollbarInstMethods {
+    syncUnifiedContainer: () => void;
+    scrollTo: ScrollTo;
+    scrollBy: ScrollBy;
+    sync: () => void;
+    handleMouseEnterWrapper: () => void;
+    handleMouseLeaveWrapper: () => void;
+    getScrollState: () => {
+        scrollHeight: number;
+        scrollTop: number;
+        clientHeight: number;
+    };
+    adjustScrollTop: (heightDiff: number) => void;
+}
+export interface SafeTopScrollbarInst extends SafeTopScrollbarInstMethods {
+    $el: HTMLElement;
+    containerRef: HTMLElement | null;
+    contentRef: HTMLElement | null;
+    containerScrollTop: number;
+}
+declare const safeTopscrollbarProps: {
+    readonly duration: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly scrollable: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly xScrollable: BooleanConstructor;
+    readonly trigger: {
+        readonly type: PropType<"none" | "hover">;
+        readonly default: "hover";
+    };
+    readonly useUnifiedContainer: BooleanConstructor;
+    readonly triggerDisplayManually: BooleanConstructor;
+    readonly container: PropType<() => HTMLElement | null | undefined>;
+    readonly content: PropType<() => HTMLElement | null | undefined>;
+    readonly containerClass: StringConstructor;
+    readonly containerStyle: PropType<string | CSSProperties>;
+    readonly contentClass: PropType<string | Array<string | undefined>>;
+    readonly contentStyle: PropType<string | CSSProperties>;
+    readonly horizontalRailStyle: PropType<string | CSSProperties>;
+    readonly verticalRailStyle: PropType<string | CSSProperties>;
+    readonly onScroll: PropType<(e: Event) => void>;
+    readonly onWheel: PropType<(e: WheelEvent) => void>;
+    readonly onResize: PropType<(e: ResizeObserverEntry) => void>;
+    readonly internalOnUpdateScrollLeft: PropType<(scrollLeft: number) => void>;
+    readonly internalHoistYRail: BooleanConstructor;
+    readonly yPlacement: {
+        readonly type: PropType<"left" | "right">;
+        readonly default: "right";
+    };
+    readonly xPlacement: {
+        readonly type: PropType<"top" | "bottom">;
+        readonly default: "bottom";
+    };
+    readonly theme: PropType<import("../../../_mixins").Theme<"SafeTopScrollbar", {
+        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<"SafeTopScrollbar", {
+        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<"SafeTopScrollbar", {
+        height: string;
+        width: string;
+        borderRadius: string;
+        color: string;
+        colorHover: string;
+        railInsetHorizontalBottom: string;
+        railInsetHorizontalTop: string;
+        railInsetVerticalRight: string;
+        railInsetVerticalLeft: string;
+        railColor: string;
+    }, any>>>;
+};
+export type SafeTopScrollbarProps = ExtractPublicPropTypes<typeof safeTopscrollbarProps>;
+export type SafeTopScrollbarInternalProps = ExtractInternalPropTypes<typeof safeTopscrollbarProps>;
+declare const SafeTopScrollbar: import("vue").DefineComponent<{
+    readonly duration: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly scrollable: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly xScrollable: BooleanConstructor;
+    readonly trigger: {
+        readonly type: PropType<"none" | "hover">;
+        readonly default: "hover";
+    };
+    readonly useUnifiedContainer: BooleanConstructor;
+    readonly triggerDisplayManually: BooleanConstructor;
+    readonly container: PropType<() => HTMLElement | null | undefined>;
+    readonly content: PropType<() => HTMLElement | null | undefined>;
+    readonly containerClass: StringConstructor;
+    readonly containerStyle: PropType<string | CSSProperties>;
+    readonly contentClass: PropType<string | Array<string | undefined>>;
+    readonly contentStyle: PropType<string | CSSProperties>;
+    readonly horizontalRailStyle: PropType<string | CSSProperties>;
+    readonly verticalRailStyle: PropType<string | CSSProperties>;
+    readonly onScroll: PropType<(e: Event) => void>;
+    readonly onWheel: PropType<(e: WheelEvent) => void>;
+    readonly onResize: PropType<(e: ResizeObserverEntry) => void>;
+    readonly internalOnUpdateScrollLeft: PropType<(scrollLeft: number) => void>;
+    readonly internalHoistYRail: BooleanConstructor;
+    readonly yPlacement: {
+        readonly type: PropType<"left" | "right">;
+        readonly default: "right";
+    };
+    readonly xPlacement: {
+        readonly type: PropType<"top" | "bottom">;
+        readonly default: "bottom";
+    };
+    readonly theme: PropType<import("../../../_mixins").Theme<"SafeTopScrollbar", {
+        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<"SafeTopScrollbar", {
+        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<"SafeTopScrollbar", {
+        height: string;
+        width: string;
+        borderRadius: string;
+        color: string;
+        colorHover: string;
+        railInsetHorizontalBottom: string;
+        railInsetHorizontalTop: string;
+        railInsetVerticalRight: string;
+        railInsetVerticalLeft: string;
+        railColor: string;
+    }, any>>>;
+}, {
+    mergedClsPrefix: import("vue").Ref<string>;
+    rtlEnabled: import("vue").Ref<import("../../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
+    containerScrollTop: import("vue").Ref<number>;
+    wrapperRef: import("vue").Ref<HTMLElement | null>;
+    containerRef: import("vue").Ref<HTMLElement | null>;
+    contentRef: import("vue").Ref<HTMLElement | null>;
+    yRailRef: import("vue").Ref<HTMLElement | null>;
+    xRailRef: import("vue").Ref<HTMLElement | null>;
+    needYBar: import("vue").ComputedRef<boolean>;
+    needXBar: import("vue").ComputedRef<boolean>;
+    yBarSizePx: import("vue").ComputedRef<string>;
+    xBarSizePx: import("vue").ComputedRef<string>;
+    yBarTopPx: import("vue").ComputedRef<string>;
+    xBarLeftPx: import("vue").ComputedRef<string>;
+    isShowXBar: import("vue").ComputedRef<boolean>;
+    isShowYBar: import("vue").ComputedRef<boolean>;
+    isIos: boolean;
+    handleScroll: (e: Event) => void;
+    handleContentResize: () => void;
+    handleContainerResize: (e: ResizeObserverEntry) => void;
+    handleYScrollMouseDown: (e: MouseEvent) => void;
+    handleXScrollMouseDown: (e: MouseEvent) => void;
+    cssVars: import("vue").ComputedRef<{
+        '--u-scrollbar-bezier': string;
+        '--u-scrollbar-color': string;
+        '--u-scrollbar-color-hover': string;
+        '--u-scrollbar-border-radius': string;
+        '--u-scrollbar-width': string;
+        '--u-scrollbar-height': string;
+        '--u-scrollbar-rail-top-horizontal-top': string;
+        '--u-scrollbar-rail-right-horizontal-top': string;
+        '--u-scrollbar-rail-bottom-horizontal-top': string;
+        '--u-scrollbar-rail-left-horizontal-top': string;
+        '--u-scrollbar-rail-top-horizontal-bottom': string;
+        '--u-scrollbar-rail-right-horizontal-bottom': string;
+        '--u-scrollbar-rail-bottom-horizontal-bottom': string;
+        '--u-scrollbar-rail-left-horizontal-bottom': string;
+        '--u-scrollbar-rail-top-vertical-right': string;
+        '--u-scrollbar-rail-right-vertical-right': string;
+        '--u-scrollbar-rail-bottom-vertical-right': string;
+        '--u-scrollbar-rail-left-vertical-right': string;
+        '--u-scrollbar-rail-top-vertical-left': string;
+        '--u-scrollbar-rail-right-vertical-left': string;
+        '--u-scrollbar-rail-bottom-vertical-left': string;
+        '--u-scrollbar-rail-left-vertical-left': string;
+        '--u-scrollbar-rail-color': string;
+    }> | undefined;
+    themeClass: import("vue").Ref<string> | undefined;
+    onRender: (() => void) | undefined;
+    syncUnifiedContainer: () => void;
+    scrollTo: ScrollTo;
+    scrollBy: ScrollBy;
+    sync: () => void;
+    handleMouseEnterWrapper: () => void;
+    handleMouseLeaveWrapper: () => void;
+    getScrollState: () => {
+        scrollHeight: number;
+        scrollTop: number;
+        clientHeight: number;
+    };
+    adjustScrollTop: (heightDiff: number) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly duration: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly scrollable: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly xScrollable: BooleanConstructor;
+    readonly trigger: {
+        readonly type: PropType<"none" | "hover">;
+        readonly default: "hover";
+    };
+    readonly useUnifiedContainer: BooleanConstructor;
+    readonly triggerDisplayManually: BooleanConstructor;
+    readonly container: PropType<() => HTMLElement | null | undefined>;
+    readonly content: PropType<() => HTMLElement | null | undefined>;
+    readonly containerClass: StringConstructor;
+    readonly containerStyle: PropType<string | CSSProperties>;
+    readonly contentClass: PropType<string | Array<string | undefined>>;
+    readonly contentStyle: PropType<string | CSSProperties>;
+    readonly horizontalRailStyle: PropType<string | CSSProperties>;
+    readonly verticalRailStyle: PropType<string | CSSProperties>;
+    readonly onScroll: PropType<(e: Event) => void>;
+    readonly onWheel: PropType<(e: WheelEvent) => void>;
+    readonly onResize: PropType<(e: ResizeObserverEntry) => void>;
+    readonly internalOnUpdateScrollLeft: PropType<(scrollLeft: number) => void>;
+    readonly internalHoistYRail: BooleanConstructor;
+    readonly yPlacement: {
+        readonly type: PropType<"left" | "right">;
+        readonly default: "right";
+    };
+    readonly xPlacement: {
+        readonly type: PropType<"top" | "bottom">;
+        readonly default: "bottom";
+    };
+    readonly theme: PropType<import("../../../_mixins").Theme<"SafeTopScrollbar", {
+        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<"SafeTopScrollbar", {
+        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<"SafeTopScrollbar", {
+        height: string;
+        width: string;
+        borderRadius: string;
+        color: string;
+        colorHover: string;
+        railInsetHorizontalBottom: string;
+        railInsetHorizontalTop: string;
+        railInsetVerticalRight: string;
+        railInsetVerticalLeft: string;
+        railColor: string;
+    }, any>>>;
+}>>, {
+    readonly duration: number;
+    readonly scrollable: boolean;
+    readonly xScrollable: boolean;
+    readonly trigger: "none" | "hover";
+    readonly useUnifiedContainer: boolean;
+    readonly triggerDisplayManually: boolean;
+    readonly internalHoistYRail: boolean;
+    readonly yPlacement: "left" | "right";
+    readonly xPlacement: "top" | "bottom";
+}, {}>;
+type NativeScrollbarProps = Omit<HTMLAttributes, keyof SafeTopScrollbarInternalProps>;
+type MergedProps = Partial<SafeTopScrollbarInternalProps & NativeScrollbarProps>;
+export default SafeTopScrollbar;
+export declare const XSafeTopScrollbar: new () => {
+    $props: MergedProps;
+};