@uzum-tech/ui 1.12.17 → 1.12.18

package/lib/data-table/src/TableParts/Cell.js

@@ -30,7 +30,8 @@ exports.default = (0, vue_1.defineComponent)({
             type: Object,
             required: true
         },
-        renderCell: Function
+        renderCell: Function,
+        defaultEmptyValue: [String, Function]
     },
     render() {
         var _a;
@@ -43,12 +44,28 @@ exports.default = (0, vue_1.defineComponent)({
         const isEditable = typeof editable === 'function' ? editable(row) : editable;
         if (render && !isSummary) {
             let cellValue = render(row, this.index);
-            if (mask && cellValue !== null && cellValue !== undefined) {
-                if (typeof cellValue === 'string' || typeof cellValue === 'number') {
-                    cellValue = (0, use_mask_1.processMaskedValue)(cellValue, mask);
+            if (cellValue == null || cellValue === false) {
+                const { defaultEmptyValue } = this;
+                if (defaultEmptyValue !== undefined) {
+                    if (typeof defaultEmptyValue === 'function') {
+                        cell = defaultEmptyValue();
+                    }
+                    else {
+                        cell = defaultEmptyValue;
+                    }
+                }
+                else {
+                    cell = '';
                 }
             }
-            cell = cellValue;
+            else {
+                if (mask && cellValue !== null && cellValue !== undefined) {
+                    if (typeof cellValue === 'string' || typeof cellValue === 'number') {
+                        cellValue = (0, use_mask_1.processMaskedValue)(cellValue, mask);
+                    }
+                }
+                cell = cellValue;
+            }
         }
         else if (isEditable && !isSummary) {
             const { placeholder } = column;
@@ -162,7 +179,25 @@ exports.default = (0, vue_1.defineComponent)({
                 if (mask && cellValue !== null && cellValue !== undefined) {
                     cellValue = (0, use_mask_1.processMaskedValue)(String(cellValue), mask);
                 }
-                cell = String(cellValue);
+                if (cellValue === null ||
+                    cellValue === undefined ||
+                    cellValue === false) {
+                    const { defaultEmptyValue } = this;
+                    if (defaultEmptyValue !== undefined) {
+                        if (typeof defaultEmptyValue === 'function') {
+                            cell = defaultEmptyValue();
+                        }
+                        else {
+                            cell = defaultEmptyValue;
+                        }
+                    }
+                    else {
+                        cell = '';
+                    }
+                }
+                else {
+                    cell = String(cellValue);
+                }
             }
             else {
                 let cellValue = renderCell
@@ -172,10 +207,28 @@ exports.default = (0, vue_1.defineComponent)({
                     cell = cellValue;
                 }
                 else {
-                    if (mask && cellValue !== null && cellValue !== undefined) {
-                        cellValue = (0, use_mask_1.processMaskedValue)(cellValue, mask);
+                    if (cellValue === null ||
+                        cellValue === undefined ||
+                        cellValue === false) {
+                        const { defaultEmptyValue } = this;
+                        if (defaultEmptyValue !== undefined) {
+                            if (typeof defaultEmptyValue === 'function') {
+                                cell = defaultEmptyValue();
+                            }
+                            else {
+                                cell = defaultEmptyValue;
+                            }
+                        }
+                        else {
+                            cell = '';
+                        }
+                    }
+                    else {
+                        if (mask && cellValue !== null && cellValue !== undefined) {
+                            cellValue = (0, use_mask_1.processMaskedValue)(cellValue, mask);
+                        }
+                        cell = String(cellValue);
                     }
-                    cell = String(cellValue);
                 }
             }
         }

package/lib/data-table/src/interface.d.ts

@@ -97,6 +97,7 @@ export declare const dataTableProps: {
     };
     readonly scrollbarProps: PropType<ScrollbarProps>;
     readonly renderCell: PropType<(value: any, rowData: object, column: TableBaseColumn) => VNodeChild>;
+    readonly defaultEmptyValue: PropType<string | (() => VNodeChild) | undefined>;
     readonly renderExpandIcon: PropType<RenderExpandIcon>;
     readonly spinProps: {
         readonly type: PropType<BaseLoadingExposedProps>;
@@ -3175,6 +3176,7 @@ export interface DataTableInjection {
     syncScrollState: (deltaX?: number, deltaY?: number) => void;
     setHeaderScrollLeft: (scrollLeft: number) => void;
     renderCell: Ref<undefined | ((value: any, rowData: object, column: TableBaseColumn) => VNodeChild)>;
+    defaultEmptyValueRef: Ref<string | (() => VNodeChild) | undefined>;
     emptyPropsRef: Ref<Partial<EmptyProps> | undefined>;
     handleEdit: (value: any, row: any, key: string) => void;
 }

package/lib/data-table/src/interface.js

@@ -53,7 +53,7 @@ exports.dataTableProps = Object.assign(Object.assign({}, _mixins_1.useTheme.prop
     }, paginationBehaviorOnFilter: {
         type: String,
         default: 'current'
-    }, scrollbarProps: Object, renderCell: Function, renderExpandIcon: Function, spinProps: { type: Object, default: {} }, emptyProps: Object, onLoad: Function, 'onUpdate:page': [Function, Array], onUpdatePage: [Function, Array], 'onUpdate:pageSize': [Function, Array], onUpdatePageSize: [Function, Array], 'onUpdate:sorter': [Function, Array], onUpdateSorter: [Function, Array], 'onUpdate:filters': [Function, Array], onUpdateFilters: [Function, Array], 'onUpdate:checkedRowKeys': [Function, Array], onUpdateCheckedRowKeys: [Function, Array], 'onUpdate:expandedRowKeys': [Function, Array], onUpdateExpandedRowKeys: [Function, Array], onScroll: Function, 
+    }, scrollbarProps: Object, renderCell: Function, defaultEmptyValue: [String, Function], renderExpandIcon: Function, spinProps: { type: Object, default: {} }, emptyProps: Object, onLoad: Function, 'onUpdate:page': [Function, Array], onUpdatePage: [Function, Array], 'onUpdate:pageSize': [Function, Array], onUpdatePageSize: [Function, Array], 'onUpdate:sorter': [Function, Array], onUpdateSorter: [Function, Array], 'onUpdate:filters': [Function, Array], onUpdateFilters: [Function, Array], 'onUpdate:checkedRowKeys': [Function, Array], onUpdateCheckedRowKeys: [Function, Array], 'onUpdate:expandedRowKeys': [Function, Array], onUpdateExpandedRowKeys: [Function, Array], onScroll: Function, 
     // deprecated
     onPageChange: [Function, Array], onPageSizeChange: [Function, Array], onSorterChange: [Function, Array], onFiltersChange: [Function, Array], onCheckedRowKeysChange: [Function, Array] });
 exports.dataTableInjectionKey = (0, _utils_1.createInjectionKey)('u-data-table');

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

@@ -81,6 +81,8 @@ export declare const headerProps: {
     onSearch: PropType<HeaderPropsInterface["onSearch"]>;
     'onUpdate:menuValue': PropType<MaybeArray<(value: string | number | null) => void>>;
     onUpdateMenuValue: PropType<MaybeArray<HeaderPropsInterface["onUpdateMenuValue"]>>;
+    'onUpdate:activeMenuKey': PropType<MaybeArray<(value: string | number | null) => void>>;
+    onUpdateActiveMenuKey: PropType<MaybeArray<(value: string | number | null) => void>>;
     theme: PropType<import("../../_mixins").Theme<"Header", {
         fontSize: string;
         fontBodyLarge: string;
@@ -262,6 +264,8 @@ declare const _default: import("vue").DefineComponent<{
     onSearch: PropType<HeaderPropsInterface["onSearch"]>;
     'onUpdate:menuValue': PropType<MaybeArray<(value: string | number | null) => void>>;
     onUpdateMenuValue: PropType<MaybeArray<HeaderPropsInterface["onUpdateMenuValue"]>>;
+    'onUpdate:activeMenuKey': PropType<MaybeArray<(value: string | number | null) => void>>;
+    onUpdateActiveMenuKey: PropType<MaybeArray<(value: string | number | null) => void>>;
     theme: PropType<import("../../_mixins").Theme<"Header", {
         fontSize: string;
         fontBodyLarge: string;
@@ -413,6 +417,9 @@ declare const _default: import("vue").DefineComponent<{
     isMobile: import("vue").Ref<boolean | undefined>;
     mobileMenuVisible: import("vue").Ref<boolean>;
     searchVisible: import("vue").Ref<boolean>;
+    menuPaneClass: ComputedRef<string>;
+    menuPaneWrapperClass: ComputedRef<string>;
+    mergedActiveMenuKey: ComputedRef<string | number | null>;
     handleSelectLang: (key: string | number) => void;
     handleMenuValueUpdate: (value: string | number | null) => void;
     handleSearchClick: () => void;
@@ -427,10 +434,9 @@ declare const _default: import("vue").DefineComponent<{
     handleMobileMenuItemClick: (option: HeaderMenuOption) => void;
     handleMobilePrimaryAction: () => void;
     handleMobileSecondaryAction: () => void;
-    menuPaneClass: ComputedRef<string>;
-    menuPaneWrapperClass: ComputedRef<string>;
+    handleUpdateActiveMenuKey: (value: string | number | null) => void;
     onRender: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ["search", "search-result-select", "preview", "logout", "language-select", "logo-click", "mobile-primary-action", "mobile-secondary-action"], "search" | "logout" | "preview" | "search-result-select" | "language-select" | "logo-click" | "mobile-primary-action" | "mobile-secondary-action", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ["search", "search-result-select", "preview", "logout", "language-select", "logo-click", "mobile-primary-action", "mobile-secondary-action", "update:activeMenuKey"], "search" | "logout" | "preview" | "search-result-select" | "language-select" | "logo-click" | "mobile-primary-action" | "mobile-secondary-action" | "update:activeMenuKey", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     menuOptions: {
         type: PropType<HeaderPropsInterface["menuOptions"]>;
         default: () => never[];
@@ -508,6 +514,8 @@ declare const _default: import("vue").DefineComponent<{
     onSearch: PropType<HeaderPropsInterface["onSearch"]>;
     'onUpdate:menuValue': PropType<MaybeArray<(value: string | number | null) => void>>;
     onUpdateMenuValue: PropType<MaybeArray<HeaderPropsInterface["onUpdateMenuValue"]>>;
+    'onUpdate:activeMenuKey': PropType<MaybeArray<(value: string | number | null) => void>>;
+    onUpdateActiveMenuKey: PropType<MaybeArray<(value: string | number | null) => void>>;
     theme: PropType<import("../../_mixins").Theme<"Header", {
         fontSize: string;
         fontBodyLarge: string;
@@ -613,6 +621,7 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onSearch?: ((...args: any[]) => any) | undefined;
     onPreview?: ((...args: any[]) => any) | undefined;
+    "onUpdate:activeMenuKey"?: ((...args: any[]) => any) | undefined;
     onLogout?: ((...args: any[]) => any) | undefined;
     "onSearch-result-select"?: ((...args: any[]) => any) | undefined;
     "onLanguage-select"?: ((...args: any[]) => any) | undefined;

package/lib/header/src/Header.js

@@ -123,7 +123,7 @@ exports.headerProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
     }, mobileShowHeaderActions: {
         type: Boolean,
         default: true
-    }, onSearch: Function, 'onUpdate:menuValue': [Function, Array], onUpdateMenuValue: [Function, Array] });
+    }, onSearch: Function, 'onUpdate:menuValue': [Function, Array], onUpdateMenuValue: [Function, Array], 'onUpdate:activeMenuKey': [Function, Array], onUpdateActiveMenuKey: [Function, Array] });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Header',
     props: exports.headerProps,
@@ -135,7 +135,8 @@ exports.default = (0, vue_1.defineComponent)({
         'language-select',
         'logo-click',
         'mobile-primary-action',
-        'mobile-secondary-action'
+        'mobile-secondary-action',
+        'update:activeMenuKey'
     ],
     setup(props, { emit }) {
         var _a, _b;
@@ -144,6 +145,9 @@ exports.default = (0, vue_1.defineComponent)({
         const isMobileRef = (0, vue_1.toRef)(props, 'isMobile');
         const mobileMenuVisibleRef = (0, vue_1.ref)(false);
         const searchVisibleRef = (0, vue_1.ref)(false);
+        const controlledActiveMenuKeyRef = (0, vue_1.toRef)(props, 'activeMenuKey');
+        const uncontrolledActiveMenuKeyRef = (0, vue_1.ref)(null);
+        const mergedActiveMenuKeyRef = (0, vooks_1.useMergedState)(controlledActiveMenuKeyRef, uncontrolledActiveMenuKeyRef);
         (0, vue_1.onBeforeMount)(() => {
             index_cssr_1.headerMobileMenuStyle.mount({
                 id: `${mergedClsPrefixRef.value}-header-mobile-menu`,
@@ -283,6 +287,16 @@ exports.default = (0, vue_1.defineComponent)({
         function handleLogoClick() {
             emit('logo-click');
         }
+        function handleUpdateActiveMenuKey(value) {
+            uncontrolledActiveMenuKeyRef.value = value;
+            emit('update:activeMenuKey', value);
+            const { onUpdateActiveMenuKey } = props;
+            const { 'onUpdate:activeMenuKey': _onUpdateActiveMenuKey } = props;
+            if (onUpdateActiveMenuKey)
+                (0, _utils_1.call)(onUpdateActiveMenuKey, value);
+            if (_onUpdateActiveMenuKey)
+                (0, _utils_1.call)(_onUpdateActiveMenuKey, value);
+        }
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             cssVars: cssVarsRef,
@@ -293,6 +307,9 @@ exports.default = (0, vue_1.defineComponent)({
             isMobile: isMobileRef,
             mobileMenuVisible: mobileMenuVisibleRef,
             searchVisible: searchVisibleRef,
+            menuPaneClass,
+            menuPaneWrapperClass,
+            mergedActiveMenuKey: mergedActiveMenuKeyRef,
             handleSelectLang,
             handleMenuValueUpdate,
             handleSearchClick,
@@ -307,8 +324,7 @@ exports.default = (0, vue_1.defineComponent)({
             handleMobileMenuItemClick,
             handleMobilePrimaryAction,
             handleMobileSecondaryAction,
-            menuPaneClass,
-            menuPaneWrapperClass,
+            handleUpdateActiveMenuKey,
             onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
         };
     },
@@ -325,7 +341,7 @@ exports.default = (0, vue_1.defineComponent)({
                 this.logoSrc && `${blockClass}__logo--clickable`
             ].filter(Boolean), onClick: this.handleLogoClick },
             (0, vue_1.h)("img", { src: this.logoSrc, alt: this.logoAlt })));
-        const navigationNode = (0, _utils_1.resolveWrappedSlot)($slots.navigation, (children) => children !== null && children !== void 0 ? children : null) || ((0, vue_1.h)(HeaderNavigation_1.default, { menuOptions: this.menuOptions, menuPlacement: this.menuPlacement, menuTrigger: this.menuTrigger, menuValue: this.mergedMenuValue, menuTabsProps: this.menuTabsProps, menuCardMinColumnWidth: this.menuCardMinColumnWidth, mergedClsPrefix: mergedClsPrefix, menuPaneClass: this.menuPaneClass, menuPaneWrapperClass: this.menuPaneWrapperClass, activeMenuKey: this.activeMenuKey, onUpdateMenuValue: this.handleMenuValueUpdate }));
+        const navigationNode = (0, _utils_1.resolveWrappedSlot)($slots.navigation, (children) => children !== null && children !== void 0 ? children : null) || ((0, vue_1.h)(HeaderNavigation_1.default, { menuOptions: this.menuOptions, menuPlacement: this.menuPlacement, menuTrigger: this.menuTrigger, menuValue: this.mergedMenuValue, menuTabsProps: this.menuTabsProps, menuCardMinColumnWidth: this.menuCardMinColumnWidth, mergedClsPrefix: mergedClsPrefix, menuPaneClass: this.menuPaneClass, menuPaneWrapperClass: this.menuPaneWrapperClass, activeMenuKey: this.mergedActiveMenuKey, onUpdateMenuValue: this.handleMenuValueUpdate, onUpdateActiveMenuKey: this.handleUpdateActiveMenuKey }));
         const mobileNode = this.responsive && this.isMobile ? ((0, vue_1.h)(HeaderMobile_1.default, { visible: this.mobileMenuVisible, menuOptions: this.normalizedMenuItems, activeMenuValue: this.mergedMenuValue, langOptions: this.langOptions || defaultLangOptions, currentLang: this.currentLang, mergedClsPrefix: mergedClsPrefix, cssVars: this.cssVars, menuType: this.mobileMenuType, showFooterActions: this.mobileShowFooterActions, showHeaderActions: this.mobileShowHeaderActions, primaryActionText: this.mobilePrimaryActionText, secondaryActionText: this.mobileSecondaryActionText, onToggle: this.toggleMobileMenu, onClose: this.closeMobileMenu, onMenuItemClick: this.handleMobileMenuItemClick, onLanguageSelect: this.handleSelectLang, onPrimaryAction: this.handleMobilePrimaryAction, onSecondaryAction: this.handleMobileSecondaryAction, onSearchClick: this.handleSearchClick, onPreview: this.handlePreviewClick, onLogout: this.handleLogoutClick }, {
             actions: $slots['mobile-actions'],
             footer: $slots['mobile-footer']

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

@@ -45,6 +45,7 @@ export declare const headerNavigationProps: {
     };
     readonly 'onUpdate:menuValue': PropType<MaybeArray<(value: string | number | null) => void>>;
     readonly onUpdateMenuValue: PropType<MaybeArray<(value: string | number | null) => void>>;
+    readonly onUpdateActiveMenuKey: PropType<(value: string | number | null) => void>;
 };
 declare const _default: import("vue").DefineComponent<{
     readonly menuOptions: {
@@ -86,6 +87,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly 'onUpdate:menuValue': PropType<MaybeArray<(value: string | number | null) => void>>;
     readonly onUpdateMenuValue: PropType<MaybeArray<(value: string | number | null) => void>>;
+    readonly onUpdateActiveMenuKey: PropType<(value: string | number | null) => void>;
 }, {
     normalizedMenuItems: import("vue").ComputedRef<InternalMenuItem[]>;
     handleMenuValueUpdate: (value: string | number | null) => void;
@@ -1687,7 +1689,6 @@ declare const _default: import("vue").DefineComponent<{
         "vector-effect"?: import("csstype").Property.VectorEffect | undefined;
     }>;
     hoveredKey: import("vue").Ref<string | number | null>;
-    activeMenuKey: import("vue").Ref<string> | import("vue").Ref<number> | import("vue").Ref<null>;
     setActiveMenuKey: (key?: string | number | null) => void;
     handleMenuItemClick: (option: HeaderMenuOption) => void;
     checkedTopMenuKey: import("vue").ComputedRef<string | number | undefined>;
@@ -1731,6 +1732,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly 'onUpdate:menuValue': PropType<MaybeArray<(value: string | number | null) => void>>;
     readonly onUpdateMenuValue: PropType<MaybeArray<(value: string | number | null) => void>>;
+    readonly onUpdateActiveMenuKey: PropType<(value: string | number | null) => void>;
 }>>, {
     readonly menuOptions: HeaderMenuOption[];
     readonly menuPlacement: HeaderMenuPlacement;

package/lib/header/src/HeaderNavigation.js

@@ -63,7 +63,8 @@ exports.headerNavigationProps = {
         default: null
     },
     'onUpdate:menuValue': [Function, Array],
-    onUpdateMenuValue: [Function, Array]
+    onUpdateMenuValue: [Function, Array],
+    onUpdateActiveMenuKey: Function
 };
 exports.default = (0, vue_1.defineComponent)({
     name: 'HeaderNavigation',
@@ -80,7 +81,7 @@ exports.default = (0, vue_1.defineComponent)({
             navRef.value = el;
         };
         const hoveredKeyRef = (0, vue_1.ref)(null);
-        const activeMenuKeyRef = (0, vue_1.toRef)(props.activeMenuKey);
+        const activeMenuKeyRef = (0, vue_1.toRef)(props, 'activeMenuKey');
         const tabRefs = (0, vue_1.ref)({});
         const indicatorStyleRef = (0, vue_1.ref)({
             width: '0px',
@@ -130,7 +131,9 @@ exports.default = (0, vue_1.defineComponent)({
                 (0, _utils_1.call)(_onUpdateMenuValue, value);
         }
         function setActiveMenuKey(key = null) {
-            activeMenuKeyRef.value = key;
+            if (props.onUpdateActiveMenuKey) {
+                props.onUpdateActiveMenuKey(key);
+            }
         }
         function handleMenuItemClick(option) {
             setActiveMenuKey(option === null || option === void 0 ? void 0 : option.key);
@@ -169,7 +172,6 @@ exports.default = (0, vue_1.defineComponent)({
             setTabRef,
             indicatorStyle: indicatorStyleRef,
             hoveredKey: hoveredKeyRef,
-            activeMenuKey: activeMenuKeyRef,
             setActiveMenuKey,
             handleMenuItemClick,
             checkedTopMenuKey

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

@@ -25,6 +25,7 @@ export interface HeaderProps {
     mobileShowHeaderActions?: boolean;
     onSearch?: HeaderSearchHandler;
     onUpdateMenuValue: (value: string | number | null) => void;
+    onUpdateActiveMenuKey?: (value: string | number | null) => void;
 }
 export interface HeaderMenuColumnOption {
     type: 'column';

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

@@ -11,4 +11,4 @@ export declare function isColumnOption(option: HeaderMenuChildOption): option is
 export declare function isNotNull<T>(value: T | null): value is T;
 export declare function resolvePlacement(placement: HeaderMenuPlacement): TabsProps['placement'];
 export declare function isLeafMenuOption(option: HeaderMenuChildOption): option is Exclude<HeaderMenuChildOption, HeaderMenuColumnOption>;
-export declare function resolveTopLevelMenuKey(menuOptions: HeaderMenuOption[], activeMenuKey: string | number | null | undefined): string | number | null;
+export declare function resolveTopLevelMenuKey(menuOptions: HeaderMenuOption[], activeMenuKey?: string | number | null): string | number | null;

package/lib/header/src/utils.js

@@ -84,7 +84,7 @@ function isMenuValueInChildren(children, value) {
 function resolveTopLevelMenuKey(menuOptions, activeMenuKey) {
     if (activeMenuKey === null || activeMenuKey === undefined)
         return null;
-    for (let index = 0; index < menuOptions.length; index += 1) {
+    for (let index = 0; index < menuOptions.length; index++) {
         const option = menuOptions[index];
         const optionKey = getMenuItemKey(option, index);
         if (optionKey === activeMenuKey)

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.12.17";
+declare const _default: "1.12.18";
 export default _default;

package/lib/version.js

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

package/package.json

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

package/volar.d.ts

@@ -1,6 +1,7 @@
 // Auto generated component declarations
 declare module 'vue' {
   export interface GlobalComponents {
+    UActionCard: typeof import('@uzum-tech/ui')['UActionCard']
     UAffix: typeof import('@uzum-tech/ui')['UAffix']
     UAlert: typeof import('@uzum-tech/ui')['UAlert']
     UAnchor: typeof import('@uzum-tech/ui')['UAnchor']
@@ -21,6 +22,9 @@ declare module 'vue' {
     UCarousel: typeof import('@uzum-tech/ui')['UCarousel']
     UCarouselItem: typeof import('@uzum-tech/ui')['UCarouselItem']
     UCascader: typeof import('@uzum-tech/ui')['UCascader']
+    UChat: typeof import('@uzum-tech/ui')['UChat']
+    UChatListItems: typeof import('@uzum-tech/ui')['UChatListItems']
+    UChatMessages: typeof import('@uzum-tech/ui')['UChatMessages']
     UCheckbox: typeof import('@uzum-tech/ui')['UCheckbox']
     UCheckboxGroup: typeof import('@uzum-tech/ui')['UCheckboxGroup']
     UCode: typeof import('@uzum-tech/ui')['UCode']
@@ -31,6 +35,7 @@ declare module 'vue' {
     UColorPicker: typeof import('@uzum-tech/ui')['UColorPicker']
     UConfigProvider: typeof import('@uzum-tech/ui')['UConfigProvider']
     UCountdown: typeof import('@uzum-tech/ui')['UCountdown']
+    UCrop: typeof import('@uzum-tech/ui')['UCrop']
     UDataTable: typeof import('@uzum-tech/ui')['UDataTable']
     UDatePicker: typeof import('@uzum-tech/ui')['UDatePicker']
     UDescriptions: typeof import('@uzum-tech/ui')['UDescriptions']
@@ -66,11 +71,23 @@ declare module 'vue' {
     UH4: typeof import('@uzum-tech/ui')['UH4']
     UH5: typeof import('@uzum-tech/ui')['UH5']
     UH6: typeof import('@uzum-tech/ui')['UH6']
+    UHeader: typeof import('@uzum-tech/ui')['UHeader']
+    UHeaderActions: typeof import('@uzum-tech/ui')['UHeaderActions']
+    UHeaderDesktopLayout: typeof import('@uzum-tech/ui')['UHeaderDesktopLayout']
+    UHeaderMobile: typeof import('@uzum-tech/ui')['UHeaderMobile']
+    UHeaderMobileLayout: typeof import('@uzum-tech/ui')['UHeaderMobileLayout']
+    UHeaderNavigation: typeof import('@uzum-tech/ui')['UHeaderNavigation']
+    UHeaderSearchDesktop: typeof import('@uzum-tech/ui')['UHeaderSearchDesktop']
+    UHeaderSearchMobile: typeof import('@uzum-tech/ui')['UHeaderSearchMobile']
+    UHeaderSearchResults: typeof import('@uzum-tech/ui')['UHeaderSearchResults']
     UHr: typeof import('@uzum-tech/ui')['UHr']
     UIcon: typeof import('@uzum-tech/ui')['UIcon']
+    UIconBar: typeof import('@uzum-tech/ui')['UIconBar']
+    UIconBarItem: typeof import('@uzum-tech/ui')['UIconBarItem']
     UIconWrapper: typeof import('@uzum-tech/ui')['UIconWrapper']
     UImage: typeof import('@uzum-tech/ui')['UImage']
     UImageGroup: typeof import('@uzum-tech/ui')['UImageGroup']
+    UInfiniteScroll: typeof import('@uzum-tech/ui')['UInfiniteScroll']
     UInput: typeof import('@uzum-tech/ui')['UInput']
     UInputGroup: typeof import('@uzum-tech/ui')['UInputGroup']
     UInputGroupLabel: typeof import('@uzum-tech/ui')['UInputGroupLabel']
@@ -91,6 +108,7 @@ declare module 'vue' {
     UMenu: typeof import('@uzum-tech/ui')['UMenu']
     UMessageProvider: typeof import('@uzum-tech/ui')['UMessageProvider']
     UModal: typeof import('@uzum-tech/ui')['UModal']
+    UModalFullscreen: typeof import('@uzum-tech/ui')['UModalFullscreen']
     UNotificationProvider: typeof import('@uzum-tech/ui')['UNotificationProvider']
     UNumberAnimation: typeof import('@uzum-tech/ui')['UNumberAnimation']
     UOl: typeof import('@uzum-tech/ui')['UOl']
@@ -101,12 +119,14 @@ declare module 'vue' {
     UPopover: typeof import('@uzum-tech/ui')['UPopover']
     UPopselect: typeof import('@uzum-tech/ui')['UPopselect']
     UProgress: typeof import('@uzum-tech/ui')['UProgress']
+    UQrCode: typeof import('@uzum-tech/ui')['UQrCode']
     URadio: typeof import('@uzum-tech/ui')['URadio']
     URadioButton: typeof import('@uzum-tech/ui')['URadioButton']
     URadioGroup: typeof import('@uzum-tech/ui')['URadioGroup']
     URate: typeof import('@uzum-tech/ui')['URate']
     UResult: typeof import('@uzum-tech/ui')['UResult']
     URow: typeof import('@uzum-tech/ui')['URow']
+    USafeTopScrollbar: typeof import('@uzum-tech/ui')['USafeTopScrollbar']
     UScrollbar: typeof import('@uzum-tech/ui')['UScrollbar']
     USelect: typeof import('@uzum-tech/ui')['USelect']
     USkeleton: typeof import('@uzum-tech/ui')['USkeleton']
@@ -123,6 +143,7 @@ declare module 'vue' {
     UTable: typeof import('@uzum-tech/ui')['UTable']
     UTabs: typeof import('@uzum-tech/ui')['UTabs']
     UTag: typeof import('@uzum-tech/ui')['UTag']
+    UTagGroup: typeof import('@uzum-tech/ui')['UTagGroup']
     UTbody: typeof import('@uzum-tech/ui')['UTbody']
     UTd: typeof import('@uzum-tech/ui')['UTd']
     UText: typeof import('@uzum-tech/ui')['UText']
@@ -144,29 +165,8 @@ declare module 'vue' {
     UUploadDragger: typeof import('@uzum-tech/ui')['UUploadDragger']
     UUploadFileList: typeof import('@uzum-tech/ui')['UUploadFileList']
     UUploadTrigger: typeof import('@uzum-tech/ui')['UUploadTrigger']
-    UWatermark: typeof import('@uzum-tech/ui')['UWatermark']
-    UActionCard: typeof import('@uzum-tech/ui')['UActionCard']
-    UChat: typeof import('@uzum-tech/ui')['UChat']
-    UChatListItems: typeof import('@uzum-tech/ui')['UChatListItems']
-    UChatMessages: typeof import('@uzum-tech/ui')['UChatMessages']
-    UInfiniteScroll: typeof import('@uzum-tech/ui')['UInfiniteScroll']
     UVirtualList: typeof import('@uzum-tech/ui')['UVirtualList']
-    UModalFullscreen: typeof import('@uzum-tech/ui')['UModalFullscreen']
-    UCrop: typeof import('@uzum-tech/ui')['UCrop']
-    UTagGroup: typeof import('@uzum-tech/ui')['UTagGroup']
-    UIconBar: typeof import('@uzum-tech/ui')['UIconBar']
-    UIconBarItem: typeof import('@uzum-tech/ui')['UIconBarItem']
-    UQrCode: typeof import('@uzum-tech/ui')['UQrCode']
-    UHeader: typeof import('@uzum-tech/ui')['UHeader']
-    USafeTopScrollbar: typeof import('@uzum-tech/ui')['USafeTopScrollbar']
-    UHeaderActions: typeof import('@uzum-tech/ui')['UHeaderActions']
-    UHeaderMobile: typeof import('@uzum-tech/ui')['UHeaderMobile']
-    UHeaderNavigation: typeof import('@uzum-tech/ui')['UHeaderNavigation']
-    UHeaderDesktopLayout: typeof import('@uzum-tech/ui')['UHeaderDesktopLayout']
-    UHeaderMobileLayout: typeof import('@uzum-tech/ui')['UHeaderMobileLayout']
-    UHeaderSearchDesktop: typeof import('@uzum-tech/ui')['UHeaderSearchDesktop']
-    UHeaderSearchMobile: typeof import('@uzum-tech/ui')['UHeaderSearchMobile']
-    UHeaderSearchResults: typeof import('@uzum-tech/ui')['UHeaderSearchResults']
+    UWatermark: typeof import('@uzum-tech/ui')['UWatermark']
   }
 }
 export {}

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.17",
+  "version": "1.12.18",
   "js-types-syntax": "typescript",
   "contributions": {
     "html": {
@@ -4232,6 +4232,13 @@
                 "since": "2.30.5"
               }
             },
+            {
+              "name": "default-empty-value",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/data-table",
+              "type": "string | (() => VNodeChild) | undefined",
+              "description": "Default value to display when cell value is `null`, `undefined`, or `false`. Can be a string or a render function. If not provided, empty string is used.",
+              "default": "undefined"
+            },
             {
               "name": "render-expand-icon",
               "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/data-table",
@@ -18337,7 +18344,7 @@
               "name": "active-menu-key",
               "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/header",
               "type": "string | number | null",
-              "description": "Active menu key.",
+              "description": "Key of the active menu item (can be set from outside, e.g. router).",
               "default": "null"
             },
             {
@@ -18452,12 +18459,30 @@
                 "name": "update-menu-value",
                 "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/header"
               },
+              {
+                "name": "update-active-menu-key",
+                "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/header",
+                "type": "(value: string | number | null) => void",
+                "description": "Same as `on-update:active-menu-key` (kebab-case alias).",
+                "default": "-"
+              },
+              {
+                "name": "update-active-menu-key",
+                "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/header"
+              },
               {
                 "name": "update:menu-value",
                 "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/header",
                 "type": "(value: string | number | null) => void",
                 "description": "Callback when the active menu key changes.",
                 "default": "-"
+              },
+              {
+                "name": "update:active-menu-key",
+                "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/header",
+                "type": "(value: string | number | null) => void",
+                "description": "Callback when `active-menu-key` changes (v-model).",
+                "default": "-"
               }
             ]
           }
@@ -18531,6 +18556,10 @@
               {
                 "name": "update-menu-value",
                 "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/header"
+              },
+              {
+                "name": "update-active-menu-key",
+                "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/header"
               }
             ]
           }

package/README.md

@@ -1,73 +0,0 @@
-<p align="center">
-  <img width="144px" src="https://ik.imagekit.io/jbalancer/uzum-logo.svg?updatedAt=1692012347116" />
-</p>
-
-<h1 align="center">Uzum UI</h1>
-<p align="center">A Vue 3 Component Library</p>
-<p align="center"><b>Fairly Complete, Theme Customizable, Uses TypeScript, Fast</b></p>
-
-<p align="center">English</p>
-
-## Documentation
-
-[www.uzumui.com](http://www.uzumui.com)
-
-## Features
-
-### Fairly Complete
-
-There are more than 80 components. Hope they can help you write less code.
-
-What's more, they are all treeshakable.
-
-### Theme Customizable
-
-We provide an advanced type safe theme system built using TypeScript. All you need is to provide a theme overrides object in JS. Then all the stuff will be done by us.
-
-What's more, no less/sass/css variables, no webpack loaders are required.
-
-### Uses TypeScript
-
-All the stuff in Uzum UI is written in TypeScript. It can work with your typescript project seamlessly.
-
-What's more, you don't need to import any CSS to use the components.
-
-### Fast
-
-I try to make it not rather slow. At least select, tree, transfer, table and cascader work with virtual list.
-
-What's more, ..., no more. Just enjoy it.
-
-## Installation
-
-### npm
-
-Use npm to install.
-
-```bash
-npm i -D @uzum-tech/ui
-```
-
-### Fonts
-
-```bash
-npm i -D vfonts
-```
-
-### Icons
-
-Uzum UI recommends using [xicons](https://www.xicons.org) as icon library.
-
-### Design Resources
-
-[Uzum UI (Figma)](https://www.figma.com/file/yKEpk8950c0bZ2fA51psBI/Components-Web?type=design&t=brzuYK7mC2iOHJJ1-6).
-
-## Contributing
-
-Later...
-
-## License
-
-Uzum UI is licensed under the [MIT license](https://opensource.org/licenses/MIT).
-
-Graphics resouces of `result` component is licensed under the [CC-BY 4.0](https://creativecommons.org/licenses/by/4.0/). The graphics resources come from [Twemoji](https://github.com/twitter/twemoji).