@uzum-tech/ui 1.12.17 → 1.12.19

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

@@ -1,68 +1,76 @@
-import { type PropType, type CSSProperties } from 'vue';
-import type { LangOption, HeaderSearchResult, HeaderSearchHandler } from './interface';
+import { type PropType, VNodeChild } from 'vue';
+import type { HeaderSearchResult, HeaderActionsProps } from './interface';
 export declare const headerActionsProps: {
     readonly langOptions: {
-        readonly type: PropType<LangOption[]>;
+        readonly type: PropType<HeaderActionsProps["langOptions"]>;
         readonly required: true;
     };
     readonly currentLang: {
-        readonly type: PropType<LangOption>;
+        readonly type: PropType<HeaderActionsProps["currentLang"]>;
         readonly required: true;
     };
     readonly mergedClsPrefix: {
-        readonly type: StringConstructor;
+        readonly type: PropType<HeaderActionsProps["mergedClsPrefix"]>;
         readonly required: true;
     };
     readonly responsive: {
-        readonly type: BooleanConstructor;
+        readonly type: PropType<HeaderActionsProps["responsive"]>;
         readonly default: false;
     };
     readonly isMobile: {
-        readonly type: BooleanConstructor;
+        readonly type: PropType<HeaderActionsProps["isMobile"]>;
         readonly default: false;
     };
     readonly mobileActionsCollapse: {
-        readonly type: BooleanConstructor;
+        readonly type: PropType<HeaderActionsProps["mobileActionsCollapse"]>;
         readonly default: true;
     };
-    readonly cssVars: PropType<CSSProperties>;
-    readonly onSearch: PropType<HeaderSearchHandler>;
-    readonly onPreview: PropType<() => void>;
-    readonly onLogout: PropType<() => void>;
-    readonly onLanguageSelect: PropType<(key: string | number) => void>;
-    readonly onSearchResultSelect: PropType<(result: HeaderSearchResult) => void>;
+    readonly actionsVisibility: {
+        readonly type: PropType<HeaderActionsProps["actionsVisibility"]>;
+        readonly required: false;
+    };
+    readonly cssVars: PropType<HeaderActionsProps["cssVars"]>;
+    readonly onSearch: PropType<HeaderActionsProps["onSearch"]>;
+    readonly onPreview: PropType<HeaderActionsProps["onPreview"]>;
+    readonly onLogout: PropType<HeaderActionsProps["onLogout"]>;
+    readonly onLanguageSelect: PropType<HeaderActionsProps["onLanguageSelect"]>;
+    readonly onSearchResultSelect: PropType<HeaderActionsProps["onSearchResultSelect"]>;
 };
 declare const _default: import("vue").DefineComponent<{
     readonly langOptions: {
-        readonly type: PropType<LangOption[]>;
+        readonly type: PropType<HeaderActionsProps["langOptions"]>;
         readonly required: true;
     };
     readonly currentLang: {
-        readonly type: PropType<LangOption>;
+        readonly type: PropType<HeaderActionsProps["currentLang"]>;
         readonly required: true;
     };
     readonly mergedClsPrefix: {
-        readonly type: StringConstructor;
+        readonly type: PropType<HeaderActionsProps["mergedClsPrefix"]>;
         readonly required: true;
     };
     readonly responsive: {
-        readonly type: BooleanConstructor;
+        readonly type: PropType<HeaderActionsProps["responsive"]>;
         readonly default: false;
     };
     readonly isMobile: {
-        readonly type: BooleanConstructor;
+        readonly type: PropType<HeaderActionsProps["isMobile"]>;
         readonly default: false;
     };
     readonly mobileActionsCollapse: {
-        readonly type: BooleanConstructor;
+        readonly type: PropType<HeaderActionsProps["mobileActionsCollapse"]>;
         readonly default: true;
     };
-    readonly cssVars: PropType<CSSProperties>;
-    readonly onSearch: PropType<HeaderSearchHandler>;
-    readonly onPreview: PropType<() => void>;
-    readonly onLogout: PropType<() => void>;
-    readonly onLanguageSelect: PropType<(key: string | number) => void>;
-    readonly onSearchResultSelect: PropType<(result: HeaderSearchResult) => void>;
+    readonly actionsVisibility: {
+        readonly type: PropType<HeaderActionsProps["actionsVisibility"]>;
+        readonly required: false;
+    };
+    readonly cssVars: PropType<HeaderActionsProps["cssVars"]>;
+    readonly onSearch: PropType<HeaderActionsProps["onSearch"]>;
+    readonly onPreview: PropType<HeaderActionsProps["onPreview"]>;
+    readonly onLogout: PropType<HeaderActionsProps["onLogout"]>;
+    readonly onLanguageSelect: PropType<HeaderActionsProps["onLanguageSelect"]>;
+    readonly onSearchResultSelect: PropType<HeaderActionsProps["onSearchResultSelect"]>;
 }, {
     searchVisible: import("vue").Ref<boolean>;
     searchValue: import("vue").Ref<string>;
@@ -70,7 +78,7 @@ declare const _default: import("vue").DefineComponent<{
         key: string | number;
         label: string;
         description?: string | undefined;
-        icon?: (() => import("vue").VNodeChild) | undefined;
+        icon?: (() => VNodeChild) | undefined;
         extra?: string | undefined;
         onClick?: (() => void) | undefined;
         disabled?: boolean | undefined;
@@ -83,38 +91,42 @@ declare const _default: import("vue").DefineComponent<{
     handleResultSelect: (result: HeaderSearchResult) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly langOptions: {
-        readonly type: PropType<LangOption[]>;
+        readonly type: PropType<HeaderActionsProps["langOptions"]>;
         readonly required: true;
     };
     readonly currentLang: {
-        readonly type: PropType<LangOption>;
+        readonly type: PropType<HeaderActionsProps["currentLang"]>;
         readonly required: true;
     };
     readonly mergedClsPrefix: {
-        readonly type: StringConstructor;
+        readonly type: PropType<HeaderActionsProps["mergedClsPrefix"]>;
         readonly required: true;
     };
     readonly responsive: {
-        readonly type: BooleanConstructor;
+        readonly type: PropType<HeaderActionsProps["responsive"]>;
         readonly default: false;
     };
     readonly isMobile: {
-        readonly type: BooleanConstructor;
+        readonly type: PropType<HeaderActionsProps["isMobile"]>;
         readonly default: false;
     };
     readonly mobileActionsCollapse: {
-        readonly type: BooleanConstructor;
+        readonly type: PropType<HeaderActionsProps["mobileActionsCollapse"]>;
         readonly default: true;
     };
-    readonly cssVars: PropType<CSSProperties>;
-    readonly onSearch: PropType<HeaderSearchHandler>;
-    readonly onPreview: PropType<() => void>;
-    readonly onLogout: PropType<() => void>;
-    readonly onLanguageSelect: PropType<(key: string | number) => void>;
-    readonly onSearchResultSelect: PropType<(result: HeaderSearchResult) => void>;
+    readonly actionsVisibility: {
+        readonly type: PropType<HeaderActionsProps["actionsVisibility"]>;
+        readonly required: false;
+    };
+    readonly cssVars: PropType<HeaderActionsProps["cssVars"]>;
+    readonly onSearch: PropType<HeaderActionsProps["onSearch"]>;
+    readonly onPreview: PropType<HeaderActionsProps["onPreview"]>;
+    readonly onLogout: PropType<HeaderActionsProps["onLogout"]>;
+    readonly onLanguageSelect: PropType<HeaderActionsProps["onLanguageSelect"]>;
+    readonly onSearchResultSelect: PropType<HeaderActionsProps["onSearchResultSelect"]>;
 }>>, {
-    readonly responsive: boolean;
-    readonly isMobile: boolean;
-    readonly mobileActionsCollapse: boolean;
+    readonly responsive: boolean | undefined;
+    readonly isMobile: boolean | undefined;
+    readonly mobileActionsCollapse: boolean | undefined;
 }, {}>;
 export default _default;

package/es/header/src/HeaderActions.js

@@ -40,6 +40,10 @@ export const headerActionsProps = {
         type: Boolean,
         default: true
     },
+    actionsVisibility: {
+        type: Object,
+        required: false
+    },
     cssVars: Object,
     onSearch: Function,
     onPreview: Function,
@@ -116,51 +120,76 @@ export default defineComponent({
         };
     },
     render() {
+        const { $slots } = this;
         const blockClass = `${this.mergedClsPrefix}-header`;
         if (this.responsive && this.isMobile && this.mobileActionsCollapse) {
             return (h("div", { class: `${blockClass}__actions` },
-                h(UFlex, { size: 32 }, { default: () => { var _a, _b; return (_b = (_a = this.$slots).mobile) === null || _b === void 0 ? void 0 : _b.call(_a); } })));
+                h(UFlex, { size: 32 }, { default: () => { var _a; return (_a = $slots.mobile) === null || _a === void 0 ? void 0 : _a.call($slots); } })));
         }
+        const langNode = () => {
+            var _a;
+            if (((_a = this.actionsVisibility) === null || _a === void 0 ? void 0 : _a.lang) === false)
+                return null;
+            return $slots.lang ? ($slots.lang()) : (h(UDropdown, { options: this.langOptions, onSelect: this.onLanguageSelect }, {
+                default: () => (h(UButton, { "icon-placement": "right", text: true, renderIcon: () => (h(UIcon, null, { default: () => h(ChevronDownOutline, null) })) }, {
+                    default: () => {
+                        var _a, _b, _c;
+                        return (h("span", { class: `${blockClass}__lang-trigger` },
+                            h("span", { class: `${blockClass}__lang-icon` }, (_b = (_a = this.currentLang) === null || _a === void 0 ? void 0 : _a.icon) === null || _b === void 0 ? void 0 : _b.call(_a)),
+                            h("span", null, (_c = this.currentLang) === null || _c === void 0 ? void 0 : _c.label)));
+                    }
+                }))
+            }));
+        };
+        const searchNode = () => {
+            var _a;
+            if (((_a = this.actionsVisibility) === null || _a === void 0 ? void 0 : _a.search) === false)
+                return null;
+            return $slots.search ? ($slots.search()) : (h("div", { class: `${blockClass}__search-wrapper` },
+                h(UButton, { text: true, onClick: this.handleSearchClick }, {
+                    default: () => (h(UIcon, { size: 24 }, { default: () => h(SearchIcon, null) }))
+                }),
+                h(Transition, { name: "fade-in-scale-up" }, {
+                    default: () => this.searchVisible
+                        ? h(HeaderSearchDesktop, {
+                            searchValue: this.searchValue,
+                            searchResults: this.searchResults,
+                            searchLoading: this.searchLoading,
+                            mergedClsPrefix: this.mergedClsPrefix,
+                            cssVars: this.cssVars,
+                            onSearchInput: this.handleSearchInput,
+                            onSearchClose: this.handleSearchClose,
+                            onSearchSubmit: () => {
+                                void this.handleSearch();
+                            },
+                            onResultSelect: this.handleResultSelect
+                        })
+                        : null
+                })));
+        };
+        const accessibilityNode = () => {
+            var _a;
+            if (((_a = this.actionsVisibility) === null || _a === void 0 ? void 0 : _a.accessibility) === false)
+                return null;
+            return $slots.accessibility ? ($slots.accessibility()) : (h(UButton, { text: true, onClick: this.onPreview }, {
+                default: () => (h(UIcon, { size: 24 }, { default: () => h(EyeIcon, null) }))
+            }));
+        };
+        const logoutNode = () => {
+            var _a;
+            if (((_a = this.actionsVisibility) === null || _a === void 0 ? void 0 : _a.logout) === false)
+                return null;
+            return $slots.logout ? ($slots.logout()) : (h(UButton, { text: true, onClick: this.onLogout }, {
+                default: () => (h(UIcon, { size: 24 }, { default: () => h(LogoutIcon, null) }))
+            }));
+        };
         return (h("div", { class: `${blockClass}__actions` },
             h(UFlex, { class: `${blockClass}__actions-block`, size: 32 }, {
                 default: () => (h(Fragment, null,
-                    h(UDropdown, { options: this.langOptions, onSelect: this.onLanguageSelect }, {
-                        default: () => (h(UButton, { "icon-placement": "right", text: true, renderIcon: () => (h(UIcon, null, { default: () => h(ChevronDownOutline, null) })) }, {
-                            default: () => {
-                                var _a, _b, _c;
-                                return (h("span", { class: `${blockClass}__lang-trigger` },
-                                    h("span", { class: `${blockClass}__lang-icon` }, (_b = (_a = this.currentLang) === null || _a === void 0 ? void 0 : _a.icon) === null || _b === void 0 ? void 0 : _b.call(_a)),
-                                    h("span", null, (_c = this.currentLang) === null || _c === void 0 ? void 0 : _c.label)));
-                            }
-                        }))
-                    }),
-                    h("div", { class: `${blockClass}__search-wrapper` },
-                        h(UButton, { text: true, onClick: this.handleSearchClick }, {
-                            default: () => (h(UIcon, { size: 24 }, { default: () => h(SearchIcon, null) }))
-                        }),
-                        h(Transition, { name: "fade-in-scale-up" }, {
-                            default: () => this.searchVisible
-                                ? h(HeaderSearchDesktop, {
-                                    searchValue: this.searchValue,
-                                    searchResults: this.searchResults,
-                                    searchLoading: this.searchLoading,
-                                    mergedClsPrefix: this.mergedClsPrefix,
-                                    cssVars: this.cssVars,
-                                    onSearchInput: this.handleSearchInput,
-                                    onSearchClose: this.handleSearchClose,
-                                    onSearchSubmit: () => {
-                                        void this.handleSearch();
-                                    },
-                                    onResultSelect: this.handleResultSelect
-                                })
-                                : null
-                        })),
-                    h(UButton, { text: true, onClick: this.onPreview }, {
-                        default: () => (h(UIcon, { size: 24 }, { default: () => h(EyeIcon, null) }))
-                    }),
-                    h(UButton, { text: true, onClick: this.onLogout }, {
-                        default: () => (h(UIcon, { size: 24 }, { default: () => h(LogoutIcon, null) }))
-                    })))
+                    langNode(),
+                    searchNode(),
+                    accessibilityNode(),
+                    logoutNode()))
             })));
     }
 });

package/es/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/es/header/src/HeaderNavigation.js

@@ -60,7 +60,8 @@ export const headerNavigationProps = {
         default: null
     },
     'onUpdate:menuValue': [Function, Array],
-    onUpdateMenuValue: [Function, Array]
+    onUpdateMenuValue: [Function, Array],
+    onUpdateActiveMenuKey: Function
 };
 export default defineComponent({
     name: 'HeaderNavigation',
@@ -77,7 +78,7 @@ export default defineComponent({
             navRef.value = el;
         };
         const hoveredKeyRef = ref(null);
-        const activeMenuKeyRef = toRef(props.activeMenuKey);
+        const activeMenuKeyRef = toRef(props, 'activeMenuKey');
         const tabRefs = ref({});
         const indicatorStyleRef = ref({
             width: '0px',
@@ -127,7 +128,9 @@ export default defineComponent({
                 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);
@@ -166,7 +169,6 @@ export default defineComponent({
             setTabRef,
             indicatorStyle: indicatorStyleRef,
             hoveredKey: hoveredKeyRef,
-            activeMenuKey: activeMenuKeyRef,
             setActiveMenuKey,
             handleMenuItemClick,
             checkedTopMenuKey

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

@@ -1,4 +1,4 @@
-import { type VNodeChild } from 'vue';
+import { CSSProperties, type VNodeChild } from 'vue';
 import type { MenuOption as BaseMenuOption, MenuGroupOption, MenuDividerOption, Key } from '../../menu/src/interface';
 import type { TabsProps } from '../../tabs';
 import { ImageProps } from '../../image';
@@ -23,8 +23,31 @@ export interface HeaderProps {
     mobilePrimaryActionText?: string;
     mobileSecondaryActionText?: string;
     mobileShowHeaderActions?: boolean;
+    actionsProps?: Partial<HeaderActionsProps>;
     onSearch?: HeaderSearchHandler;
     onUpdateMenuValue: (value: string | number | null) => void;
+    onUpdateActiveMenuKey?: (value: string | number | null) => void;
+}
+export interface HeaderActionsProps {
+    langOptions?: LangOption[];
+    currentLang?: LangOption;
+    mergedClsPrefix: string;
+    responsive?: boolean;
+    isMobile?: boolean;
+    mobileActionsCollapse?: boolean;
+    actionsVisibility?: ActionsVisibility;
+    cssVars?: CSSProperties;
+    onSearch: HeaderSearchHandler;
+    onPreview: VoidFunction;
+    onLogout: VoidFunction;
+    onLanguageSelect: (key: string | number) => void;
+    onSearchResultSelect: (result: HeaderSearchResult) => void;
+}
+export interface ActionsVisibility {
+    lang?: boolean;
+    search?: boolean;
+    accessibility?: boolean;
+    logout?: boolean;
 }
 export interface HeaderMenuColumnOption {
     type: 'column';

package/es/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/es/header/src/utils.js

@@ -71,7 +71,7 @@ function isMenuValueInChildren(children, value) {
 export 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/es/version.d.ts

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

package/es/version.js

@@ -1 +1 @@
-export default '1.12.17';
+export default '1.12.19';

package/lib/chat/src/ChatParts/ChatAttachment.d.ts

@@ -1,4 +1,5 @@
 import { type PropType } from 'vue';
+import { UploadProps } from '../../../upload';
 import { ChatAttachment as ChatAttachmentType, ChatMessageData } from '../interface';
 declare const _default: import("vue").DefineComponent<{
     message: {
@@ -10,8 +11,8 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     uploadProps: {
-        type: PropType<Record<string, any>>;
-        default: () => {};
+        type: PropType<Partial<UploadProps>>;
+        default: undefined;
     };
     withPadding: {
         type: BooleanConstructor;
@@ -29,15 +30,15 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     uploadProps: {
-        type: PropType<Record<string, any>>;
-        default: () => {};
+        type: PropType<Partial<UploadProps>>;
+        default: undefined;
     };
     withPadding: {
         type: BooleanConstructor;
         default: boolean;
     };
 }>>, {
-    uploadProps: Record<string, any>;
+    uploadProps: Partial<UploadProps>;
     withPadding: boolean;
 }, {}>;
 export default _default;

package/lib/chat/src/ChatParts/ChatAttachment.js

@@ -25,7 +25,7 @@ exports.default = (0, vue_1.defineComponent)({
         },
         uploadProps: {
             type: Object,
-            default: () => ({})
+            default: undefined
         },
         withPadding: {
             type: Boolean,
@@ -70,7 +70,7 @@ exports.default = (0, vue_1.defineComponent)({
                     batchId: null
                 });
             });
-            const uploadComponent = ((0, vue_1.h)(upload_1.UUpload, Object.assign({ abstract: true }, props.uploadProps, { fileList: fileList, fileListStyle: props.withPadding
+            const uploadComponent = ((0, vue_1.h)(upload_1.UUpload, Object.assign({ abstract: true, fileList: fileList, fileListStyle: props.withPadding
                     ? {
                         display: 'flex',
                         flexDirection: 'column',
@@ -79,7 +79,7 @@ exports.default = (0, vue_1.defineComponent)({
                     }
                     : undefined, showRemoveButton: false, showDownloadButton: props.attachments.some((attachment) => attachment.status === interface_1.ChatAttachmentStatus.FINISHED &&
                     attachment.url &&
-                    attachment.url !== '#'), showRetryButton: props.attachments.some((attachment) => attachment.status === interface_1.ChatAttachmentStatus.ERROR), onDownload: handleDownload }), {
+                    attachment.url !== '#'), showRetryButton: props.attachments.some((attachment) => attachment.status === interface_1.ChatAttachmentStatus.ERROR), onDownload: handleDownload }, props.uploadProps), {
                 default: () => ((0, vue_1.h)(upload_1.UUploadFileList, null, {
                     'upload-file-title': slots['upload-file-title']
                         ? ({ file }) => { var _a; return (_a = slots['upload-file-title']) === null || _a === void 0 ? void 0 : _a.call(slots, file); }

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

@@ -86,6 +86,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly scrollbarProps: import("vue").PropType<import("../..").ScrollbarProps>;
     readonly renderCell: import("vue").PropType<(value: any, rowData: object, column: TableBaseColumn) => import("vue").VNodeChild>;
+    readonly defaultEmptyValue: import("vue").PropType<string | (() => import("vue").VNodeChild) | undefined>;
     readonly renderExpandIcon: import("vue").PropType<import("./interface").RenderExpandIcon>;
     readonly spinProps: {
         readonly type: import("vue").PropType<import("../../_internal").BaseLoadingExposedProps>;
@@ -4498,6 +4499,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly scrollbarProps: import("vue").PropType<import("../..").ScrollbarProps>;
     readonly renderCell: import("vue").PropType<(value: any, rowData: object, column: TableBaseColumn) => import("vue").VNodeChild>;
+    readonly defaultEmptyValue: import("vue").PropType<string | (() => import("vue").VNodeChild) | undefined>;
     readonly renderExpandIcon: import("vue").PropType<import("./interface").RenderExpandIcon>;
     readonly spinProps: {
         readonly type: import("vue").PropType<import("../../_internal").BaseLoadingExposedProps>;

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

@@ -305,6 +305,7 @@ exports.default = (0, vue_1.defineComponent)({
             handleTableBodyScroll,
             setHeaderScrollLeft,
             renderCell: (0, vue_1.toRef)(props, 'renderCell'),
+            defaultEmptyValueRef: (0, vue_1.toRef)(props, 'defaultEmptyValue'),
             emptyPropsRef: (0, vue_1.toRef)(props, 'emptyProps'),
             handleEdit
         });

package/lib/data-table/src/TableParts/Body.d.ts

@@ -1474,6 +1474,7 @@ declare const _default: import("vue").DefineComponent<{
     }) => void;
     handleUpdateExpanded: (key: RowKey, tmNode: TmNode | null) => void;
     renderCell: import("vue").Ref<((value: any, rowData: object, column: import("../interface").TableBaseColumn) => import("vue").VNodeChild) | undefined>;
+    defaultEmptyValueRef: import("vue").Ref<string | (() => import("vue").VNodeChild) | undefined>;
     emptyPropsRef: import("vue").Ref<Partial<import("../../../empty").EmptyProps> | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "edit"[], "edit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     onEdit: PropType<(value: string, row: string, key: string) => void>;

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

@@ -99,7 +99,7 @@ exports.default = (0, vue_1.defineComponent)({
         bodyStyle: Object
     },
     setup(props) {
-        const { slots: dataTableSlots, bodyWidthRef, mergedExpandedRowKeysRef, mergedClsPrefixRef, mergedThemeRef, scrollXRef, colsRef, paginatedDataRef, rawPaginatedDataRef, fixedColumnLeftMapRef, fixedColumnRightMapRef, mergedCurrentPageRef, rowClassNameRef, leftActiveFixedColKeyRef, leftActiveFixedChildrenColKeysRef, rightActiveFixedColKeyRef, rightActiveFixedChildrenColKeysRef, renderExpandRef, hoverKeyRef, summaryRef, mergedSortStateRef, virtualScrollRef, componentId, mergedTableLayoutRef, childTriggerColIndexRef, indentRef, rowPropsRef, maxHeightRef, stripedRef, loadingRef, loadingSkeletonRef, onLoadRef, loadingKeySetRef, expandableRef, stickyExpandedRowsRef, renderExpandIconRef, summaryPlacementRef, treeMateRef, scrollbarPropsRef, setHeaderScrollLeft, doUpdateExpandedRowKeys, handleTableBodyScroll, doCheck, doUncheck, renderCell, emptyPropsRef
+        const { slots: dataTableSlots, bodyWidthRef, mergedExpandedRowKeysRef, mergedClsPrefixRef, mergedThemeRef, scrollXRef, colsRef, paginatedDataRef, rawPaginatedDataRef, fixedColumnLeftMapRef, fixedColumnRightMapRef, mergedCurrentPageRef, rowClassNameRef, leftActiveFixedColKeyRef, leftActiveFixedChildrenColKeysRef, rightActiveFixedColKeyRef, rightActiveFixedChildrenColKeysRef, renderExpandRef, hoverKeyRef, summaryRef, mergedSortStateRef, virtualScrollRef, componentId, mergedTableLayoutRef, childTriggerColIndexRef, indentRef, rowPropsRef, maxHeightRef, stripedRef, loadingRef, loadingSkeletonRef, onLoadRef, loadingKeySetRef, expandableRef, stickyExpandedRowsRef, renderExpandIconRef, summaryPlacementRef, treeMateRef, scrollbarPropsRef, setHeaderScrollLeft, doUpdateExpandedRowKeys, handleTableBodyScroll, doCheck, doUncheck, renderCell, defaultEmptyValueRef, emptyPropsRef
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = (0, vue_1.inject)(interface_1.dataTableInjectionKey);
         const scrollbarInstRef = (0, vue_1.ref)(null);
@@ -348,6 +348,7 @@ exports.default = (0, vue_1.defineComponent)({
             handleRadioUpdateChecked,
             handleUpdateExpanded,
             renderCell,
+            defaultEmptyValueRef,
             emptyPropsRef }, exposedMethods);
     },
     render() {
@@ -591,7 +592,7 @@ exports.default = (0, vue_1.defineComponent)({
                                 } }))) : null) : column.type === 'expand' ? (!isSummary ? (!column.expandable ||
                                 ((_e = column.expandable) === null || _e === void 0 ? void 0 : _e.call(column, rowData)) ? ((0, vue_1.h)(ExpandTrigger_1.default, { clsPrefix: mergedClsPrefix, expanded: expanded, renderExpandIcon: this.renderExpandIcon, onClick: () => {
                                     handleUpdateExpanded(rowKey, null);
-                                } })) : null) : null) : ((0, vue_1.h)(Cell_1.default, { clsPrefix: mergedClsPrefix, index: actualRowIndex, row: rowData, column: column, isSummary: isSummary, mergedTheme: mergedTheme, renderCell: this.renderCell, onEdit: (value, row, key) => {
+                                } })) : null) : null) : ((0, vue_1.h)(Cell_1.default, { clsPrefix: mergedClsPrefix, index: actualRowIndex, row: rowData, column: column, isSummary: isSummary, mergedTheme: mergedTheme, renderCell: this.renderCell, defaultEmptyValue: this.defaultEmptyValueRef, onEdit: (value, row, key) => {
                                     this.$emit('edit', value, row, key);
                                 } }))));
                     })));

package/lib/data-table/src/TableParts/Cell.d.ts

@@ -25,6 +25,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     renderCell: PropType<(value: any, rowData: object, column: any) => VNodeChild>;
+    defaultEmptyValue: PropType<string | (() => VNodeChild) | undefined>;
 }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "edit"[], "edit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     clsPrefix: {
         type: StringConstructor;
@@ -48,6 +49,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     renderCell: PropType<(value: any, rowData: object, column: any) => VNodeChild>;
+    defaultEmptyValue: PropType<string | (() => VNodeChild) | undefined>;
 }>> & {
     onEdit?: ((...args: any[]) => any) | undefined;
 }, {