@uzum-tech/ui 1.3.0 → 1.4.0

package/es/dialog/src/DialogProvider.d.ts

@@ -41,39 +41,28 @@ export declare const UDialogProvider: import("vue").DefineComponent<{
     dialogList: Ref<{
         readonly key: string;
         readonly destroy: () => void;
-        type?: "default" | "error" | "info" | "success" | "warning" | undefined;
-        body?: (() => import("vue").VNodeChild) | undefined;
-        content?: string | (() => import("vue").VNodeChild) | undefined;
-        icon?: (() => import("vue").VNodeChild) | undefined;
-        transformOrigin?: "center" | "mouse" | undefined;
-        onAfterEnter?: (() => void) | undefined;
-        onAfterLeave?: (() => void) | undefined;
+        type?: "default" | "info" | "success" | "warning" | "error" | undefined;
         title?: string | (() => import("vue").VNodeChild) | undefined;
-        action?: (() => import("vue").VNodeChild) | undefined;
-        autoFocus?: boolean | undefined;
+        icon?: (() => import("vue").VNodeChild) | undefined;
+        body?: (() => import("vue").VNodeChild) | undefined;
         positiveText?: string | undefined;
         negativeText?: string | undefined;
         loading?: boolean | undefined;
         bordered?: boolean | undefined;
         showIcon?: boolean | undefined;
+        content?: string | (() => import("vue").VNodeChild) | undefined;
+        action?: (() => import("vue").VNodeChild) | undefined;
         closable?: boolean | undefined;
+        onAfterLeave?: (() => void) | undefined;
+        onAfterEnter?: (() => void) | undefined;
+        transformOrigin?: "center" | "mouse" | undefined;
+        onClose?: (() => Promise<unknown> | unknown) | undefined;
+        autoFocus?: boolean | undefined;
         onEsc?: (() => void) | undefined;
-        onClose?: (() => unknown) | undefined;
         iconPlacement?: import("./interface").IconPlacement | undefined;
         positiveButtonProps?: {
             type?: import("../../button/src/interface").Type | undefined;
-            tag?: keyof HTMLElementTagNameMap | undefined;
-            block?: boolean | undefined;
-            color?: string | undefined;
-            round?: boolean | undefined;
-            dashed?: boolean | undefined;
-            size?: import("../../button/src/interface").Size | undefined;
-            text?: boolean | undefined;
-            circle?: boolean | undefined;
-            disabled?: boolean | undefined;
             onClick?: import("../../_utils").MaybeArray<(e: MouseEvent) => void> | undefined;
-            focusable?: boolean | undefined;
-            strong?: boolean | undefined;
             themeOverrides?: {
                 heightTiny?: string | undefined;
                 heightSmall?: string | undefined;
@@ -400,34 +389,34 @@ export declare const UDialogProvider: import("vue").DefineComponent<{
                     name: "common";
                 } | undefined;
             } | undefined;
+            disabled?: boolean | undefined;
             loading?: boolean | undefined;
             bordered?: boolean | undefined;
-            textColor?: string | undefined;
+            tag?: keyof HTMLElementTagNameMap | undefined;
+            size?: import("../../button/src/interface").Size | undefined;
             renderIcon?: (() => import("vue").VNodeChild) | undefined;
+            color?: string | undefined;
+            textColor?: string | undefined;
             tertiary?: boolean | undefined;
             ghost?: boolean | undefined;
+            round?: boolean | undefined;
+            strong?: boolean | undefined;
+            circle?: boolean | undefined;
+            text?: boolean | undefined;
+            focusable?: boolean | undefined;
+            dashed?: boolean | undefined;
+            block?: boolean | undefined;
             secondary?: boolean | undefined;
             loadingSkeleton?: boolean | undefined;
-            keyboard?: boolean | undefined;
             quaternary?: boolean | undefined;
+            keyboard?: boolean | undefined;
             iconPlacement?: "left" | "right" | undefined;
-            attrType?: "button" | "reset" | "submit" | undefined;
+            attrType?: "button" | "submit" | "reset" | undefined;
             nativeFocusBehavior?: boolean | undefined;
         } | undefined;
         negativeButtonProps?: {
             type?: import("../../button/src/interface").Type | undefined;
-            tag?: keyof HTMLElementTagNameMap | undefined;
-            block?: boolean | undefined;
-            color?: string | undefined;
-            round?: boolean | undefined;
-            dashed?: boolean | undefined;
-            size?: import("../../button/src/interface").Size | undefined;
-            text?: boolean | undefined;
-            circle?: boolean | undefined;
-            disabled?: boolean | undefined;
             onClick?: import("../../_utils").MaybeArray<(e: MouseEvent) => void> | undefined;
-            focusable?: boolean | undefined;
-            strong?: boolean | undefined;
             themeOverrides?: {
                 heightTiny?: string | undefined;
                 heightSmall?: string | undefined;
@@ -754,22 +743,33 @@ export declare const UDialogProvider: import("vue").DefineComponent<{
                     name: "common";
                 } | undefined;
             } | undefined;
+            disabled?: boolean | undefined;
             loading?: boolean | undefined;
             bordered?: boolean | undefined;
-            textColor?: string | undefined;
+            tag?: keyof HTMLElementTagNameMap | undefined;
+            size?: import("../../button/src/interface").Size | undefined;
             renderIcon?: (() => import("vue").VNodeChild) | undefined;
+            color?: string | undefined;
+            textColor?: string | undefined;
             tertiary?: boolean | undefined;
             ghost?: boolean | undefined;
+            round?: boolean | undefined;
+            strong?: boolean | undefined;
+            circle?: boolean | undefined;
+            text?: boolean | undefined;
+            focusable?: boolean | undefined;
+            dashed?: boolean | undefined;
+            block?: boolean | undefined;
             secondary?: boolean | undefined;
             loadingSkeleton?: boolean | undefined;
-            keyboard?: boolean | undefined;
             quaternary?: boolean | undefined;
+            keyboard?: boolean | undefined;
             iconPlacement?: "left" | "right" | undefined;
-            attrType?: "button" | "reset" | "submit" | undefined;
+            attrType?: "button" | "submit" | "reset" | undefined;
             nativeFocusBehavior?: boolean | undefined;
         } | undefined;
-        onPositiveClick?: ((e: MouseEvent) => unknown) | undefined;
-        onNegativeClick?: ((e: MouseEvent) => unknown) | undefined;
+        onPositiveClick?: ((e: MouseEvent) => Promise<unknown> | unknown) | undefined;
+        onNegativeClick?: ((e: MouseEvent) => Promise<unknown> | unknown) | undefined;
         blockScroll?: boolean | undefined;
         onMaskClick?: ((e: MouseEvent) => void) | undefined;
         maskClosable?: boolean | undefined;

package/es/dialog/src/dialogProps.d.ts

@@ -5,7 +5,7 @@ import type { IconPlacement } from './interface';
 declare const dialogProps: {
     readonly icon: PropType<() => VNodeChild>;
     readonly type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     readonly title: PropType<string | (() => VNodeChild)>;
@@ -33,4 +33,4 @@ declare const dialogProps: {
 };
 export type DialogProps = ExtractPublicPropTypes<typeof dialogProps>;
 export { dialogProps };
-export declare const dialogPropKeys: ("type" | "body" | "content" | "icon" | "title" | "action" | "positiveText" | "negativeText" | "loading" | "bordered" | "showIcon" | "closable" | "onClose" | "iconPlacement" | "positiveButtonProps" | "negativeButtonProps" | "onPositiveClick" | "onNegativeClick")[];
+export declare const dialogPropKeys: ("type" | "title" | "icon" | "body" | "positiveText" | "negativeText" | "loading" | "bordered" | "showIcon" | "content" | "action" | "closable" | "onClose" | "iconPlacement" | "positiveButtonProps" | "negativeButtonProps" | "onPositiveClick" | "onNegativeClick")[];

package/es/divider/src/Divider.d.ts

@@ -2,7 +2,7 @@ import { type PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const dividerProps: {
     readonly titlePlacement: {
-        readonly type: PropType<"left" | "right" | "center">;
+        readonly type: PropType<"left" | "center" | "right">;
         readonly default: "center";
     };
     readonly dashed: BooleanConstructor;
@@ -35,7 +35,7 @@ export declare const dividerProps: {
 export type DividerProps = ExtractPublicPropTypes<typeof dividerProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly titlePlacement: {
-        readonly type: PropType<"left" | "right" | "center">;
+        readonly type: PropType<"left" | "center" | "right">;
         readonly default: "center";
     };
     readonly dashed: BooleanConstructor;
@@ -79,7 +79,7 @@ declare const _default: import("vue").DefineComponent<{
     onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly titlePlacement: {
-        readonly type: PropType<"left" | "right" | "center">;
+        readonly type: PropType<"left" | "center" | "right">;
         readonly default: "center";
     };
     readonly dashed: BooleanConstructor;
@@ -109,8 +109,8 @@ declare const _default: import("vue").DefineComponent<{
         fontSize: string;
     }, any>>>;
 }>>, {
-    readonly dashed: boolean;
     readonly vertical: boolean;
+    readonly dashed: boolean;
     readonly titlePlacement: "left" | "right" | "center";
 }, {}>;
 export default _default;

package/es/drawer/src/Drawer.d.ts

@@ -17,6 +17,10 @@ export declare const drawerProps: {
         readonly type: PropType<Placement>;
         readonly default: "right";
     };
+    readonly rounded: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
     readonly maskClosable: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -27,7 +31,7 @@ export declare const drawerProps: {
     };
     readonly to: PropType<string | HTMLElement>;
     readonly displayDirective: {
-        readonly type: PropType<"show" | "if">;
+        readonly type: PropType<"if" | "show">;
         readonly default: "if";
     };
     readonly nativeScrollbar: {
@@ -201,6 +205,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<Placement>;
         readonly default: "right";
     };
+    readonly rounded: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
     readonly maskClosable: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -211,7 +219,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly to: PropType<string | HTMLElement>;
     readonly displayDirective: {
-        readonly type: PropType<"show" | "if">;
+        readonly type: PropType<"if" | "show">;
         readonly default: "if";
     };
     readonly nativeScrollbar: {
@@ -376,118 +384,7 @@ declare const _default: import("vue").DefineComponent<{
     handleMaskClick: (e: MouseEvent) => void;
     handleEsc: (e: KeyboardEvent) => void;
     mergedTheme: import("vue").ComputedRef<{
-        common: {
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            opacityDisabled: string;
-            brandPrimary50: string;
-            brandPrimary100: string;
-            brandPrimary200: string;
-            brandPrimary300: string;
-            brandPrimary400: string;
-            brandPrimary500: string;
-            brandPrimary550: string;
-            brandPrimary600: string;
-            brandSecondary500: string;
-            brandSecondary300: string;
-            brandSecondary600: string;
-            brandTertiary500: string;
-            brandTertiary300: string;
-            brandTertiary600: string;
-            brandQuaternary500: string;
-            brandQuaternary300: string;
-            brandQuaternary600: string;
-            brandQuinary500: string;
-            brandQuinary300: string;
-            brandQuinary600: string;
-            brandQuinary100: string;
-            surfacePrimary: string;
-            surfaceSecondary: string;
-            containerPrimary: string;
-            containerSecondary: string;
-            textPrimary: string;
-            textSecondary: string;
-            textTertiary: string;
-            textQuaternary: string;
-            textBrand: string;
-            elementsPrimary: string;
-            elementsSecondary: string;
-            elementsTertiary: string;
-            elementsQuaternary: string;
-            elementsQuinary: string;
-            elementsDarkQuinary: string;
-            elementsSenary: string;
-            elementsOnContainer: string;
-            transparencyPrimary: string;
-            transparencySecondary: string;
-            transparencyTertiary: string;
-            transparencyQuinary: string;
-            transparencyModal: string;
-            staticBlack: string;
-            staticDarkGrey: string;
-            staticWhite: string;
-            staticRed: string;
-            staticOrange: string;
-            staticGreen: string;
-            staticDeepBlue: string;
-            staticErrorAccent: string;
-            shadowDepth2: string;
-            shadowDepth: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadiusLarge: string;
-            borderRadius: string;
-            borderRadiusMedium: string;
-            borderRadiusSmall: string;
-            borderRadiusTiny: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            fontDisplayLarge: string;
-            fontDisplaySmall: string;
-            fontHeadingLarge: string;
-            fontHeadingMedium: string;
-            fontHeadingSmall: string;
-            fontTitleLarge: string;
-            fontTitleMedium: string;
-            fontTitleSmall: string;
-            fontBodyLarge: string;
-            fontBodyMedium: string;
-            fontBodySmall: string;
-            lineHeightDisplayLarge: string;
-            lineHeightDisplaySmall: string;
-            lineHeightHeadingLarge: string;
-            lineHeightHeadingMedium: string;
-            lineHeightHeadingSmall: string;
-            lineHeightTitleLarge: string;
-            lineHeightTitleMedium: string;
-            lineHeightTitleSmall: string;
-            lineHeightBodyLarge: string;
-            lineHeightBodyMedium: string;
-            lineHeightBodySmall: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            fontWeightBold: string;
-            iconSmall: string;
-            iconMedium: string;
-            iconLarge: string;
-            iconHuge: string;
-            closeSmall: string;
-            closeMedium: string;
-            closeLarge: string;
-            closeHuge: string;
-            closeBorderRadius: string;
-            name: "common";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             color: string;
             textColor: string;
@@ -586,6 +483,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<Placement>;
         readonly default: "right";
     };
+    readonly rounded: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
     readonly maskClosable: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -596,7 +497,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly to: PropType<string | HTMLElement>;
     readonly displayDirective: {
-        readonly type: PropType<"show" | "if">;
+        readonly type: PropType<"if" | "show">;
         readonly default: "if";
     };
     readonly nativeScrollbar: {
@@ -755,14 +656,15 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }>>, {
-    readonly size: DrawerSizes;
-    readonly show: boolean;
     readonly disabled: boolean;
-    readonly autoFocus: boolean;
     readonly loading: boolean;
-    readonly placement: Placement;
+    readonly size: DrawerSizes;
+    readonly show: boolean;
     readonly displayDirective: "show" | "if";
+    readonly placement: Placement;
+    readonly autoFocus: boolean;
     readonly resizable: boolean;
+    readonly rounded: boolean;
     readonly trapFocus: boolean;
     readonly blockScroll: boolean;
     readonly maskClosable: boolean;

package/es/drawer/src/Drawer.js

@@ -24,6 +24,9 @@ export const drawerProps = Object.assign(Object.assign({}, useTheme.props), { sh
     }, placement: {
         type: String,
         default: 'right'
+    }, rounded: {
+        type: Boolean,
+        default: false
     }, maskClosable: {
         type: Boolean,
         default: true
@@ -247,7 +250,7 @@ export default defineComponent({
                                     `${mergedClsPrefix}-drawer-mask--invisible`
                             ], onClick: this.handleMaskClick })) : null
                     })) : null,
-                    h(UDrawerBodyWrapper, Object.assign({}, this.$attrs, { class: [this.drawerClass, this.$attrs.class], style: [this.mergedBodyStyle, this.$attrs.style], blockScroll: this.blockScroll, contentStyle: this.contentStyle, placement: this.placement, scrollbarProps: this.scrollbarProps, show: this.show, displayDirective: this.displayDirective, nativeScrollbar: this.nativeScrollbar, onAfterEnter: this.onAfterEnter, onAfterLeave: this.onAfterLeave, trapFocus: this.trapFocus, autoFocus: this.autoFocus, resizable: this.resizable, showMask: this.showMask, onEsc: this.handleEsc, onClickoutside: this.handleMaskClick }), this.$slots)), [[zindexable, { zIndex: this.zIndex, enabled: this.show }]]);
+                    h(UDrawerBodyWrapper, Object.assign({}, this.$attrs, { class: [this.drawerClass, this.$attrs.class], style: [this.mergedBodyStyle, this.$attrs.style], blockScroll: this.blockScroll, contentStyle: this.contentStyle, placement: this.placement, rounded: this.rounded, scrollbarProps: this.scrollbarProps, show: this.show, displayDirective: this.displayDirective, nativeScrollbar: this.nativeScrollbar, onAfterEnter: this.onAfterEnter, onAfterLeave: this.onAfterLeave, trapFocus: this.trapFocus, autoFocus: this.autoFocus, resizable: this.resizable, showMask: this.showMask, onEsc: this.handleEsc, onClickoutside: this.handleMaskClick }), this.$slots)), [[zindexable, { zIndex: this.zIndex, enabled: this.show }]]);
             }
         }));
     }

package/es/drawer/src/DrawerBodyWrapper.d.ts

@@ -8,13 +8,17 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     displayDirective: {
-        type: PropType<"show" | "if">;
+        type: PropType<"if" | "show">;
         required: true;
     };
     placement: {
         type: PropType<Placement>;
         required: true;
     };
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     contentStyle: PropType<string | CSSProperties>;
     nativeScrollbar: {
         type: BooleanConstructor;
@@ -44,118 +48,7 @@ declare const _default: import("vue").DefineComponent<{
     mergedClsPrefix: import("vue").Ref<string>;
     isMounted: import("vue").Ref<boolean>;
     mergedTheme: import("vue").Ref<{
-        common: {
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            opacityDisabled: string;
-            brandPrimary50: string;
-            brandPrimary100: string;
-            brandPrimary200: string;
-            brandPrimary300: string;
-            brandPrimary400: string;
-            brandPrimary500: string;
-            brandPrimary550: string;
-            brandPrimary600: string;
-            brandSecondary500: string;
-            brandSecondary300: string;
-            brandSecondary600: string;
-            brandTertiary500: string;
-            brandTertiary300: string;
-            brandTertiary600: string;
-            brandQuaternary500: string;
-            brandQuaternary300: string;
-            brandQuaternary600: string;
-            brandQuinary500: string;
-            brandQuinary300: string;
-            brandQuinary600: string;
-            brandQuinary100: string;
-            surfacePrimary: string;
-            surfaceSecondary: string;
-            containerPrimary: string;
-            containerSecondary: string;
-            textPrimary: string;
-            textSecondary: string;
-            textTertiary: string;
-            textQuaternary: string;
-            textBrand: string;
-            elementsPrimary: string;
-            elementsSecondary: string;
-            elementsTertiary: string;
-            elementsQuaternary: string;
-            elementsQuinary: string;
-            elementsDarkQuinary: string;
-            elementsSenary: string;
-            elementsOnContainer: string;
-            transparencyPrimary: string;
-            transparencySecondary: string;
-            transparencyTertiary: string;
-            transparencyQuinary: string;
-            transparencyModal: string;
-            staticBlack: string;
-            staticDarkGrey: string;
-            staticWhite: string;
-            staticRed: string;
-            staticOrange: string;
-            staticGreen: string;
-            staticDeepBlue: string;
-            staticErrorAccent: string;
-            shadowDepth2: string;
-            shadowDepth: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadiusLarge: string;
-            borderRadius: string;
-            borderRadiusMedium: string;
-            borderRadiusSmall: string;
-            borderRadiusTiny: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            fontDisplayLarge: string;
-            fontDisplaySmall: string;
-            fontHeadingLarge: string;
-            fontHeadingMedium: string;
-            fontHeadingSmall: string;
-            fontTitleLarge: string;
-            fontTitleMedium: string;
-            fontTitleSmall: string;
-            fontBodyLarge: string;
-            fontBodyMedium: string;
-            fontBodySmall: string;
-            lineHeightDisplayLarge: string;
-            lineHeightDisplaySmall: string;
-            lineHeightHeadingLarge: string;
-            lineHeightHeadingMedium: string;
-            lineHeightHeadingSmall: string;
-            lineHeightTitleLarge: string;
-            lineHeightTitleMedium: string;
-            lineHeightTitleSmall: string;
-            lineHeightBodyLarge: string;
-            lineHeightBodyMedium: string;
-            lineHeightBodySmall: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            fontWeightBold: string;
-            iconSmall: string;
-            iconMedium: string;
-            iconLarge: string;
-            iconHuge: string;
-            closeSmall: string;
-            closeMedium: string;
-            closeLarge: string;
-            closeHuge: string;
-            closeBorderRadius: string;
-            name: "common";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             color: string;
             textColor: string;
@@ -218,13 +111,17 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     displayDirective: {
-        type: PropType<"show" | "if">;
+        type: PropType<"if" | "show">;
         required: true;
     };
     placement: {
         type: PropType<Placement>;
         required: true;
     };
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     contentStyle: PropType<string | CSSProperties>;
     nativeScrollbar: {
         type: BooleanConstructor;
@@ -252,6 +149,7 @@ declare const _default: import("vue").DefineComponent<{
     show: boolean | undefined;
     autoFocus: boolean;
     resizable: boolean;
+    rounded: boolean;
     trapFocus: boolean;
     blockScroll: boolean;
 }, {}>;

package/es/drawer/src/DrawerBodyWrapper.js

@@ -24,6 +24,10 @@ export default defineComponent({
             type: String,
             required: true
         },
+        rounded: {
+            type: Boolean,
+            default: false
+        },
         contentStyle: [Object, String],
         nativeScrollbar: {
             type: Boolean,
@@ -200,6 +204,8 @@ export default defineComponent({
                                 this.rtlEnabled &&
                                     `${mergedClsPrefix}-drawer--rtl`,
                                 `${mergedClsPrefix}-drawer--${this.placement}-placement`,
+                                this.rounded &&
+                                    `${mergedClsPrefix}-drawer--rounded`,
                                 /**
                                  * When the mouse is pressed to resize the drawer,
                                  * disable text selection