@uzum-tech/ui 1.12.15 → 1.12.16

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

@@ -188,6 +188,7 @@ import { CropTheme } from '../../crop/styles';
 import { SafeTopScrollbarTheme } from '../../_internal/safe-top-scrollbar/styles';
 import { HeaderTheme } from '../../header/styles';
 import { QrCodeTheme } from '../../qr-code/styles';
+import { HeaderProps } from '../../header';
 export interface GlobalThemeWithoutCommon {
     Alert?: AlertTheme;
     Anchor?: AnchorTheme;
@@ -385,6 +386,7 @@ export interface GlobalComponentConfig {
     CardList?: CardListProps;
     Chat?: ChatProps;
     Text?: TextProps;
+    Header?: HeaderProps;
     InputOtp?: InputOtpProps;
 }
 export interface GlobalIconConfig {

package/es/header/src/Header.d.ts

@@ -396,7 +396,7 @@ declare const _default: import("vue").DefineComponent<{
         key: string | number;
         icon?: (() => import("vue").VNodeChild) | undefined;
     }>;
-    isMobile: boolean | undefined;
+    isMobile: import("vue").Ref<boolean | undefined>;
     mobileMenuVisible: import("vue").Ref<boolean>;
     searchVisible: import("vue").Ref<boolean>;
     handleSelectLang: (key: string | number) => void;

package/es/header/src/Header.js

@@ -105,7 +105,7 @@ export default defineComponent({
         var _a, _b, _c;
         const { mergedClsPrefixRef } = useConfig(props);
         const themeRef = useTheme('Header', '-header', style, headerLight, props, mergedClsPrefixRef);
-        const isMobileRef = props.isMobile;
+        const isMobileRef = toRef(props, 'isMobile');
         const mobileMenuVisibleRef = ref(false);
         const searchVisibleRef = ref(false);
         onBeforeMount(() => {

package/es/header/src/mobile/HeaderMobile.d.ts

@@ -207,8 +207,8 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     readonly primaryActionText: string;
     readonly secondaryActionText: string;
-    readonly visible: boolean;
     readonly menuOptions: NormalizedMenuItem[];
+    readonly visible: boolean;
     readonly menuType: "drawer" | "dropdown";
     readonly drawerPlacement: "left" | "right";
     readonly drawerWidth: string;

package/es/modal/src/Modal.js

@@ -1,4 +1,4 @@
-import { h, withDirectives, Transition, ref, computed, defineComponent, provide, toRef, inject } from 'vue';
+import { h, withDirectives, Transition, ref, computed, defineComponent, provide, toRef, inject, nextTick } from 'vue';
 import { zindexable } from 'vdirs';
 import { useIsMounted, useClicked, useClickPosition } from 'vooks';
 import { VLazyTeleport } from 'vueuc';
@@ -124,6 +124,13 @@ export default defineComponent({
             const { onBeforeLeave, onBeforeHide } = props;
             if (onBeforeLeave)
                 call(onBeforeLeave);
+            void nextTick(() => {
+                if (document.activeElement &&
+                    document.activeElement !== document.body) {
+                    ;
+                    document.activeElement.blur();
+                }
+            });
             // deprecated
             if (onBeforeHide)
                 onBeforeHide();
@@ -132,6 +139,13 @@ export default defineComponent({
             const { onAfterLeave, onAfterHide } = props;
             if (onAfterLeave)
                 call(onAfterLeave);
+            void nextTick(() => {
+                if (document.activeElement &&
+                    document.activeElement !== document.body) {
+                    ;
+                    document.activeElement.blur();
+                }
+            });
             // deprecated
             if (onAfterHide)
                 onAfterHide();

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.12.15";
+declare const _default: "1.12.16";
 export default _default;

package/es/version.js

@@ -1 +1 @@
-export default '1.12.15';
+export default '1.12.16';

package/lib/config-provider/src/internal-interface.d.ts

@@ -188,6 +188,7 @@ import { CropTheme } from '../../crop/styles';
 import { SafeTopScrollbarTheme } from '../../_internal/safe-top-scrollbar/styles';
 import { HeaderTheme } from '../../header/styles';
 import { QrCodeTheme } from '../../qr-code/styles';
+import { HeaderProps } from '../../header';
 export interface GlobalThemeWithoutCommon {
     Alert?: AlertTheme;
     Anchor?: AnchorTheme;
@@ -385,6 +386,7 @@ export interface GlobalComponentConfig {
     CardList?: CardListProps;
     Chat?: ChatProps;
     Text?: TextProps;
+    Header?: HeaderProps;
     InputOtp?: InputOtpProps;
 }
 export interface GlobalIconConfig {

package/lib/header/src/Header.d.ts

@@ -396,7 +396,7 @@ declare const _default: import("vue").DefineComponent<{
         key: string | number;
         icon?: (() => import("vue").VNodeChild) | undefined;
     }>;
-    isMobile: boolean | undefined;
+    isMobile: import("vue").Ref<boolean | undefined>;
     mobileMenuVisible: import("vue").Ref<boolean>;
     searchVisible: import("vue").Ref<boolean>;
     handleSelectLang: (key: string | number) => void;

package/lib/header/src/Header.js

@@ -134,7 +134,7 @@ exports.default = (0, vue_1.defineComponent)({
         var _a, _b, _c;
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Header', '-header', index_cssr_1.default, styles_1.headerLight, props, mergedClsPrefixRef);
-        const isMobileRef = props.isMobile;
+        const isMobileRef = (0, vue_1.toRef)(props, 'isMobile');
         const mobileMenuVisibleRef = (0, vue_1.ref)(false);
         const searchVisibleRef = (0, vue_1.ref)(false);
         (0, vue_1.onBeforeMount)(() => {

package/lib/header/src/mobile/HeaderMobile.d.ts

@@ -207,8 +207,8 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     readonly primaryActionText: string;
     readonly secondaryActionText: string;
-    readonly visible: boolean;
     readonly menuOptions: NormalizedMenuItem[];
+    readonly visible: boolean;
     readonly menuType: "drawer" | "dropdown";
     readonly drawerPlacement: "left" | "right";
     readonly drawerWidth: string;

package/lib/modal/src/Modal.js

@@ -130,6 +130,13 @@ exports.default = (0, vue_1.defineComponent)({
             const { onBeforeLeave, onBeforeHide } = props;
             if (onBeforeLeave)
                 (0, _utils_1.call)(onBeforeLeave);
+            void (0, vue_1.nextTick)(() => {
+                if (document.activeElement &&
+                    document.activeElement !== document.body) {
+                    ;
+                    document.activeElement.blur();
+                }
+            });
             // deprecated
             if (onBeforeHide)
                 onBeforeHide();
@@ -138,6 +145,13 @@ exports.default = (0, vue_1.defineComponent)({
             const { onAfterLeave, onAfterHide } = props;
             if (onAfterLeave)
                 (0, _utils_1.call)(onAfterLeave);
+            void (0, vue_1.nextTick)(() => {
+                if (document.activeElement &&
+                    document.activeElement !== document.body) {
+                    ;
+                    document.activeElement.blur();
+                }
+            });
             // deprecated
             if (onAfterHide)
                 onAfterHide();

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.12.15";
+declare const _default: "1.12.16";
 export default _default;

package/lib/version.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = '1.12.15';
+exports.default = '1.12.16';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uzum-tech/ui",
-  "version": "1.12.15",
+  "version": "1.12.16",
   "description": "A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast",
   "main": "lib/index.js",
   "module": "es/index.js",

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.12.15",
+  "version": "1.12.16",
   "js-types-syntax": "typescript",
   "contributions": {
     "html": {