@uzum-tech/ui 1.12.0 → 1.12.2

package/es/avatar-group/src/AvatarGroup.d.ts

@@ -240,7 +240,7 @@ declare const _default: import("vue").DefineComponent<{
     }>>>;
 }>>, {
     readonly loading: boolean;
-    readonly vertical: boolean;
     readonly options: AvatarGroupOption[];
+    readonly vertical: boolean;
 }, {}>;
 export default _default;

package/es/back-top/src/BackTop.d.ts

@@ -253,7 +253,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly bottom: string | number;
     readonly to: string | HTMLElement;
     readonly show: boolean | undefined;
-    readonly 'onUpdate:show': Function;
     readonly visibilityHeight: number;
+    readonly 'onUpdate:show': Function;
 }, {}>;
 export default _default;

package/es/badge/src/Badge.d.ts

@@ -232,7 +232,7 @@ declare const _default: import("vue").DefineComponent<{
         dotSize: string;
     }, any>>>;
 }>>, {
-    readonly type: "default" | "info" | "success" | "warning" | "error" | "prime";
+    readonly type: "default" | "info" | "warning" | "error" | "success" | "prime";
     readonly show: boolean;
     readonly dot: boolean;
     readonly showZero: boolean;

package/es/button/src/Button.d.ts

@@ -2193,19 +2193,19 @@ declare const Button: import("vue").DefineComponent<{
     readonly loading: boolean;
     readonly bordered: boolean;
     readonly tag: keyof HTMLElementTagNameMap;
-    readonly tertiary: boolean;
-    readonly ghost: boolean;
+    readonly block: boolean;
+    readonly circle: boolean;
     readonly round: boolean;
     readonly strong: boolean;
-    readonly circle: boolean;
+    readonly tertiary: boolean;
     readonly text: boolean;
-    readonly focusable: boolean;
-    readonly dashed: boolean;
-    readonly block: boolean;
-    readonly secondary: boolean;
     readonly loadingSkeleton: boolean;
+    readonly ghost: boolean;
+    readonly secondary: boolean;
     readonly quaternary: boolean;
+    readonly focusable: boolean;
     readonly keyboard: boolean;
+    readonly dashed: boolean;
     readonly iconPlacement: "left" | "right";
     readonly attrType: "button" | "submit" | "reset";
     readonly nativeFocusBehavior: boolean;

package/es/card/src/Card.d.ts

@@ -29,7 +29,7 @@ export declare const cardBaseProps: {
         readonly default: "div";
     };
 };
-export declare const cardBasePropKeys: ("title" | "bordered" | "tag" | "closable" | "role" | "contentStyle" | "onClose" | "headerStyle" | "footerStyle" | "hoverable" | "embedded" | "headerExtraStyle" | "segmented")[];
+export declare const cardBasePropKeys: ("title" | "bordered" | "tag" | "closable" | "onClose" | "contentStyle" | "headerStyle" | "headerExtraStyle" | "footerStyle" | "embedded" | "segmented" | "hoverable" | "role")[];
 export declare const cardProps: {
     size: {
         type: PropType<"small" | "medium" | "large" | "huge">;
@@ -568,10 +568,10 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     bordered: boolean;
     tag: keyof HTMLElementTagNameMap;
-    size: "small" | "medium" | "large" | "huge";
     closable: boolean;
-    hoverable: boolean;
+    size: "small" | "medium" | "large" | "huge";
     embedded: boolean;
     segmented: boolean | CardSegmented;
+    hoverable: boolean;
 }, {}>;
 export default _default;

package/es/card-list/src/CardList.d.ts

@@ -251,9 +251,9 @@ declare const _default: import("vue").DefineComponent<{
         dropDownBgColor: string;
     }, any>>>;
 }>>, {
-    readonly cols: string | number;
+    readonly showDivider: boolean;
     readonly xGap: string | number;
     readonly yGap: string | number;
-    readonly showDivider: boolean;
+    readonly cols: string | number;
 }, {}>;
 export default _default;

package/es/card-list/src/CardListItem.d.ts

@@ -76,8 +76,8 @@ declare const _default: import("vue").DefineComponent<{
         direction: "horizontal" | "vertical";
     }) => VNode>;
 }>>, {
+    readonly embedded: boolean;
     readonly direction: "vertical" | "horizontal";
     readonly dropdown: boolean;
-    readonly embedded: boolean;
 }, {}>;
 export default _default;

package/es/carousel/src/Carousel.d.ts

@@ -325,23 +325,23 @@ declare const _default: import("vue").DefineComponent<{
         arrowColor: string;
     }, any>>>;
 }>>, {
-    draggable: boolean;
-    trigger: "hover" | "click";
-    direction: "vertical" | "horizontal";
-    loop: boolean;
-    showArrow: boolean;
     keyboard: boolean;
-    autoplay: boolean;
-    dotType: "line" | "dot";
     defaultIndex: number;
+    showArrow: boolean;
+    dotType: "dot" | "line";
     dotPlacement: "left" | "right" | "top" | "bottom";
     slidesPerView: number | "auto";
     spaceBetween: number;
     centeredSlides: boolean;
+    direction: "vertical" | "horizontal";
+    autoplay: boolean;
     interval: number;
-    effect: "card" | "slide" | "fade" | "custom";
+    loop: boolean;
+    effect: "slide" | "fade" | "card" | "custom";
     showDots: boolean;
+    trigger: "click" | "hover";
     transitionStyle: Partial<Pick<CSSProperties, "transitionDuration" | "transitionTimingFunction">>;
+    draggable: boolean;
     touchable: boolean;
     mousewheel: boolean;
 }, {}>;

package/es/carousel/src/CarouselDots.d.ts

@@ -64,9 +64,9 @@ declare const _default: import("vue").DefineComponent<{
     keyboard: BooleanConstructor;
 }>>, {
     total: number;
-    trigger: "hover" | "click";
     keyboard: boolean;
     currentIndex: number;
-    dotType: "line" | "never" | "dot";
+    dotType: "dot" | "line" | "never";
+    trigger: "click" | "hover";
 }, {}>;
 export default _default;

package/es/cascader/src/Cascader.d.ts

@@ -3357,26 +3357,26 @@ declare const _default: import("vue").DefineComponent<{
     readonly disabled: boolean | undefined;
     readonly bordered: boolean | undefined;
     readonly to: string | boolean | HTMLElement;
+    readonly clearable: boolean;
+    readonly defaultValue: Value | null;
+    readonly placement: FollowerPlacement;
+    readonly options: CascaderOption[];
     readonly show: boolean | undefined;
     readonly separator: string;
+    readonly allowCheckingNotLoaded: boolean;
     readonly multiple: boolean;
-    readonly labelField: string;
-    readonly virtualScroll: boolean;
-    readonly valueField: string;
-    readonly placement: FollowerPlacement;
-    readonly defaultValue: Value | null;
     readonly filterable: boolean;
-    readonly clearable: boolean;
-    readonly options: CascaderOption[];
+    readonly disabledField: string;
+    readonly expandTrigger: ExpandTrigger;
     readonly clearFilterAfterSelect: boolean;
     readonly remote: boolean;
-    readonly childrenField: string;
-    readonly expandTrigger: ExpandTrigger;
-    readonly allowCheckingNotLoaded: boolean;
     readonly cascade: boolean;
-    readonly checkStrategy: CheckStrategy;
-    readonly disabledField: string;
     readonly leafOnly: boolean;
     readonly showPath: boolean;
+    readonly virtualScroll: boolean;
+    readonly checkStrategy: CheckStrategy;
+    readonly valueField: string;
+    readonly labelField: string;
+    readonly childrenField: string;
 }, {}>;
 export default _default;

package/es/cascader/src/CascaderMenu.d.ts

@@ -443,7 +443,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     loading: boolean;
-    show: boolean;
     placement: FollowerPlacement;
+    show: boolean;
 }, {}>;
 export default _default;

package/es/cascader/src/CascaderSelectMenu.d.ts

@@ -434,9 +434,9 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     value: Value | null;
-    pattern: string;
     show: boolean;
     multiple: boolean;
+    pattern: string;
     tmNodes: TmNode[];
 }, {}>;
 export default _default;

package/es/checkbox/src/Checkbox.d.ts

@@ -711,14 +711,14 @@ declare const _default: import("vue").DefineComponent<{
     }, any>>>;
 }>>, {
     disabled: boolean | undefined;
-    checked: string | number | boolean | undefined;
-    focusable: boolean;
     position: "left" | "right";
-    defaultChecked: string | number | boolean;
-    checkedValue: string | number | boolean;
-    uncheckedValue: string | number | boolean;
+    focusable: boolean;
     indeterminate: boolean;
     ripple: boolean;
     privateInsideTable: boolean;
+    checked: string | number | boolean | undefined;
+    defaultChecked: string | number | boolean;
+    checkedValue: string | number | boolean;
+    uncheckedValue: string | number | boolean;
 }, {}>;
 export default _default;

package/es/code/src/Code.d.ts

@@ -217,8 +217,8 @@ declare const _default: import("vue").DefineComponent<{
     inline: boolean;
     trim: boolean;
     code: string;
-    wordWrap: boolean;
     uri: boolean;
+    wordWrap: boolean;
     showLineNumbers: boolean;
     internalNoHighlight: boolean;
 }, {}>;

package/es/collapse/src/Collapse.d.ts

@@ -312,10 +312,10 @@ declare const _default: import("vue").DefineComponent<{
         boxSizing: string;
     }, any>>>;
 }>>, {
-    readonly displayDirective: "show" | "if";
     readonly defaultExpandedNames: string | number | (string | number)[] | null;
     readonly arrowPlacement: ArrowPlacement;
     readonly accordion: boolean;
+    readonly displayDirective: "show" | "if";
     readonly onExpandedNamesChange: MaybeArray<OnUpdateExpandedNames> | undefined;
 }, {}>;
 export default _default;

package/es/collapse-transition/src/CollapseTransition.d.ts

@@ -72,8 +72,8 @@ declare const _default: import("vue").DefineComponent<{
         bezier: string;
     }, any>>>;
 }>>, {
-    readonly appear: boolean;
     readonly show: boolean;
+    readonly appear: boolean;
     readonly collapsed: boolean | undefined;
 }, {}>;
 export default _default;

package/es/color-picker/src/ColorPicker.d.ts

@@ -2905,12 +2905,12 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     readonly disabled: boolean | undefined;
     readonly to: string | boolean | HTMLElement;
-    readonly show: boolean | undefined;
     readonly placement: FollowerPlacement;
+    readonly show: boolean | undefined;
     readonly defaultShow: boolean;
-    readonly actions: ActionType[];
-    readonly showAlpha: boolean;
     readonly modes: ColorPickerMode[];
+    readonly showAlpha: boolean;
     readonly showPreview: boolean;
+    readonly actions: ActionType[];
 }, {}>;
 export default _default;

package/es/config-provider/src/ConfigProvider.d.ts

@@ -2,7 +2,7 @@ import { type PropType, type ComputedRef, type ExtractPropTypes } from 'vue';
 import { type Hljs } from '../../_mixins';
 import type { UDateLocale, ULocale } from '../../locales';
 import type { GlobalTheme, GlobalThemeOverrides, GlobalComponentConfig, GlobalIconConfig } from './interface';
-import type { RtlProp, Breakpoints } from './internal-interface';
+import type { RtlProp, Breakpoints, BreakpointProps, BreakpointThemeOverrides } from './internal-interface';
 import type { Katex } from './katex';
 export declare const configProviderProps: {
     readonly abstract: BooleanConstructor;
@@ -29,6 +29,8 @@ export declare const configProviderProps: {
     readonly componentOptions: PropType<GlobalComponentConfig>;
     readonly icons: PropType<GlobalIconConfig>;
     readonly breakpoints: PropType<Breakpoints>;
+    readonly breakpointProps: PropType<BreakpointProps>;
+    readonly breakpointThemeOverrides: PropType<BreakpointThemeOverrides>;
     readonly preflightStyleDisabled: BooleanConstructor;
     readonly inlineThemeDisabled: {
         readonly type: BooleanConstructor;
@@ -66,6 +68,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly componentOptions: PropType<GlobalComponentConfig>;
     readonly icons: PropType<GlobalIconConfig>;
     readonly breakpoints: PropType<Breakpoints>;
+    readonly breakpointProps: PropType<BreakpointProps>;
+    readonly breakpointThemeOverrides: PropType<BreakpointThemeOverrides>;
     readonly preflightStyleDisabled: BooleanConstructor;
     readonly inlineThemeDisabled: {
         readonly type: BooleanConstructor;
@@ -107,6 +111,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly componentOptions: PropType<GlobalComponentConfig>;
     readonly icons: PropType<GlobalIconConfig>;
     readonly breakpoints: PropType<Breakpoints>;
+    readonly breakpointProps: PropType<BreakpointProps>;
+    readonly breakpointThemeOverrides: PropType<BreakpointThemeOverrides>;
     readonly preflightStyleDisabled: BooleanConstructor;
     readonly inlineThemeDisabled: {
         readonly type: BooleanConstructor;

package/es/config-provider/src/ConfigProvider.js

@@ -1,8 +1,8 @@
-import { h, inject, computed, defineComponent, provide, markRaw } from 'vue';
+import { h, inject, computed, defineComponent, provide, markRaw, ref, onMounted, onBeforeUnmount } from 'vue';
 import { useMemo } from 'vooks';
 import { merge } from 'lodash';
 import { hash } from 'css-render';
-import { warn } from '../../_utils';
+import { warn, isBrowser } from '../../_utils';
 import { defaultClsPrefix } from '../../_mixins';
 import { configProviderInjectionKey } from './context';
 export const configProviderProps = {
@@ -27,6 +27,8 @@ export const configProviderProps = {
     componentOptions: Object,
     icons: Object,
     breakpoints: Object,
+    breakpointProps: Object,
+    breakpointThemeOverrides: Object,
     preflightStyleDisabled: Boolean,
     inlineThemeDisabled: {
         type: Boolean,
@@ -59,26 +61,51 @@ export default defineComponent({
                     ? theme
                     : Object.assign({}, inheritedTheme, theme);
         });
+        const getActiveBreakpointValue = (breakpointMap) => {
+            if (!breakpointMap || !isBrowser) {
+                return undefined;
+            }
+            const currentWidth = windowWidthRef.value;
+            const breakpointWidths = Object.keys(breakpointMap)
+                .map(Number)
+                .filter((width) => width <= currentWidth)
+                .sort((a, b) => b - a);
+            if (breakpointWidths.length === 0) {
+                return undefined;
+            }
+            const activeBreakpoint = breakpointWidths[0];
+            return breakpointMap[activeBreakpoint];
+        };
+        const activeBreakPointThemeOverridesRef = computed(() => {
+            const { breakpointThemeOverrides } = props;
+            const breakpointThemeOverridesToUse = breakpointThemeOverrides !== null && breakpointThemeOverrides !== void 0 ? breakpointThemeOverrides : UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.mergedBreakpointThemeOverridesRef.value;
+            return getActiveBreakpointValue(breakpointThemeOverridesToUse);
+        });
         const mergedThemeOverridesRef = computed(() => {
             const { themeOverrides } = props;
-            // stop inheriting themeOverrides
             if (themeOverrides === null)
                 return undefined;
-            // use inherited themeOverrides
+            let baseThemeOverrides;
             if (themeOverrides === undefined) {
-                return UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.mergedThemeOverridesRef.value;
+                baseThemeOverrides = UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.mergedThemeOverridesRef.value;
             }
             else {
                 const inheritedThemeOverrides = UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.mergedThemeOverridesRef.value;
                 if (inheritedThemeOverrides === undefined) {
-                    // no inherited, use self overrides
-                    return themeOverrides;
+                    baseThemeOverrides = themeOverrides;
                 }
                 else {
-                    // merge overrides
-                    return merge({}, inheritedThemeOverrides, themeOverrides);
+                    baseThemeOverrides = merge({}, inheritedThemeOverrides, themeOverrides);
                 }
             }
+            const activeBreakPointThemeOverrides = activeBreakPointThemeOverridesRef.value;
+            if (!activeBreakPointThemeOverrides) {
+                return baseThemeOverrides;
+            }
+            if (!baseThemeOverrides) {
+                return activeBreakPointThemeOverrides;
+            }
+            return merge({}, baseThemeOverrides, activeBreakPointThemeOverrides);
         });
         const mergedNamespaceRef = useMemo(() => {
             const { namespace } = props;
@@ -96,11 +123,41 @@ export default defineComponent({
             const { icons } = props;
             return icons === undefined ? UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.mergedIconsRef.value : icons;
         });
+        const windowWidthRef = ref(isBrowser ? window.innerWidth : 1920);
+        const updateWindowWidth = () => {
+            if (isBrowser) {
+                windowWidthRef.value = window.innerWidth;
+            }
+        };
+        onMounted(() => {
+            if (isBrowser) {
+                windowWidthRef.value = window.innerWidth;
+                window.addEventListener('resize', updateWindowWidth);
+            }
+        });
+        onBeforeUnmount(() => {
+            if (isBrowser) {
+                window.removeEventListener('resize', updateWindowWidth);
+            }
+        });
+        const activeBreakPointPropsRef = computed(() => {
+            const { breakpointProps } = props;
+            const breakpointPropsToUse = breakpointProps !== null && breakpointProps !== void 0 ? breakpointProps : UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.mergedBreakpointPropsRef.value;
+            return getActiveBreakpointValue(breakpointPropsToUse);
+        });
         const mergedComponentPropsRef = computed(() => {
             const { componentOptions } = props;
-            if (componentOptions !== undefined)
-                return componentOptions;
-            return UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.mergedComponentPropsRef.value;
+            const baseComponentOptions = componentOptions !== undefined
+                ? componentOptions
+                : UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.mergedComponentPropsRef.value;
+            const activeBreakPointProps = activeBreakPointPropsRef.value;
+            if (!activeBreakPointProps) {
+                return baseComponentOptions;
+            }
+            if (!baseComponentOptions) {
+                return activeBreakPointProps;
+            }
+            return merge({}, baseComponentOptions, activeBreakPointProps);
         });
         const mergedClsPrefixRef = computed(() => {
             const { clsPrefix } = props;
@@ -130,6 +187,18 @@ export default defineComponent({
         const mergedBreakpointsRef = computed(() => {
             return props.breakpoints || (UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.mergedBreakpointsRef.value);
         });
+        const mergedBreakpointPropsRef = computed(() => {
+            const { breakpointProps } = props;
+            return breakpointProps !== undefined
+                ? breakpointProps
+                : UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.mergedBreakpointPropsRef.value;
+        });
+        const mergedBreakpointThemeOverridesRef = computed(() => {
+            const { breakpointThemeOverrides } = props;
+            return breakpointThemeOverrides !== undefined
+                ? breakpointThemeOverrides
+                : UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.mergedBreakpointThemeOverridesRef.value;
+        });
         const inlineThemeDisabled = props.inlineThemeDisabled || (UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.inlineThemeDisabled);
         const preflightStyleDisabled = props.preflightStyleDisabled || (UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.preflightStyleDisabled);
         const mergedThemeHashRef = computed(() => {
@@ -156,6 +225,8 @@ export default defineComponent({
             mergedRtlRef,
             mergedIconsRef,
             mergedComponentPropsRef,
+            mergedBreakpointPropsRef,
+            mergedBreakpointThemeOverridesRef,
             mergedBorderedRef,
             mergedNamespaceRef,
             mergedClsPrefixRef,

package/es/config-provider/src/interface.d.ts

@@ -13,4 +13,4 @@ export type GlobalThemeOverrides = {
 } & {
     [key in keyof GlobalThemeWithoutCommon]?: ExtractThemeOverrides<GlobalThemeWithoutCommon[key]>;
 };
-export type { GlobalIconConfig, GlobalComponentConfig } from './internal-interface';
+export type { GlobalIconConfig, GlobalComponentConfig, BreakpointProps, BreakpointThemeOverrides } from './internal-interface';