@uzum-tech/ui 1.12.17 → 1.12.19

package/dist/index.js

@@ -54291,7 +54291,7 @@
         },
         uploadProps: {
           type: Object,
-          default: () => ({})
+          default: void 0
         },
         withPadding: {
           type: Boolean,
@@ -54342,7 +54342,6 @@
             UUpload,
             {
               abstract: true,
-              ...props.uploadProps,
               fileList,
               fileListStyle: props.withPadding ? {
                 display: "flex",
@@ -54357,7 +54356,8 @@
               showRetryButton: props.attachments.some(
                 (attachment) => attachment.status === ChatAttachmentStatus.ERROR
               ),
-              onDownload: handleDownload
+              onDownload: handleDownload,
+              ...props.uploadProps
             },
             {
               default: () => /* @__PURE__ */ vue.h(UUploadFileList, null, {
@@ -63971,6 +63971,7 @@
       },
       scrollbarProps: Object,
       renderCell: Function,
+      defaultEmptyValue: [String, Function],
       renderExpandIcon: Function,
       spinProps: {
         type: Object,
@@ -83477,7 +83478,8 @@
           type: Object,
           required: true
         },
-        renderCell: Function
+        renderCell: Function,
+        defaultEmptyValue: [String, Function]
       },
       render() {
         const { isSummary, column, row, renderCell } = this;
@@ -83488,12 +83490,25 @@
         const isEditable = typeof editable === "function" ? editable(row) : editable;
         if (render && !isSummary) {
           let cellValue = render(row, this.index);
-          if (mask && cellValue !== null && cellValue !== void 0) {
-            if (typeof cellValue === "string" || typeof cellValue === "number") {
-              cellValue = processMaskedValue(cellValue, mask);
+          if (cellValue == null || cellValue === false) {
+            const { defaultEmptyValue } = this;
+            if (defaultEmptyValue !== void 0) {
+              if (typeof defaultEmptyValue === "function") {
+                cell = defaultEmptyValue();
+              } else {
+                cell = defaultEmptyValue;
+              }
+            } else {
+              cell = "";
             }
+          } else {
+            if (mask && cellValue !== null && cellValue !== void 0) {
+              if (typeof cellValue === "string" || typeof cellValue === "number") {
+                cellValue = processMaskedValue(cellValue, mask);
+              }
+            }
+            cell = cellValue;
           }
-          cell = cellValue;
         } else if (isEditable && !isSummary) {
           const { placeholder } = column;
           const rawValue = String(row[key] || "");
@@ -83603,16 +83618,42 @@
             if (mask && cellValue !== null && cellValue !== void 0) {
               cellValue = processMaskedValue(String(cellValue), mask);
             }
-            cell = String(cellValue);
+            if (cellValue === null || cellValue === void 0 || cellValue === false) {
+              const { defaultEmptyValue } = this;
+              if (defaultEmptyValue !== void 0) {
+                if (typeof defaultEmptyValue === "function") {
+                  cell = defaultEmptyValue();
+                } else {
+                  cell = defaultEmptyValue;
+                }
+              } else {
+                cell = "";
+              }
+            } else {
+              cell = String(cellValue);
+            }
           } else {
             let cellValue = renderCell ? renderCell(get(row, key), row, column) : get(row, key);
             if (cellValue && typeof cellValue === "object" && "type" in cellValue) {
               cell = cellValue;
             } else {
-              if (mask && cellValue !== null && cellValue !== void 0) {
-                cellValue = processMaskedValue(cellValue, mask);
+              if (cellValue === null || cellValue === void 0 || cellValue === false) {
+                const { defaultEmptyValue } = this;
+                if (defaultEmptyValue !== void 0) {
+                  if (typeof defaultEmptyValue === "function") {
+                    cell = defaultEmptyValue();
+                  } else {
+                    cell = defaultEmptyValue;
+                  }
+                } else {
+                  cell = "";
+                }
+              } else {
+                if (mask && cellValue !== null && cellValue !== void 0) {
+                  cellValue = processMaskedValue(cellValue, mask);
+                }
+                cell = String(cellValue);
               }
-              cell = String(cellValue);
             }
           }
         }
@@ -83977,6 +84018,7 @@
           doCheck,
           doUncheck,
           renderCell,
+          defaultEmptyValueRef,
           emptyPropsRef
           // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         } = vue.inject(dataTableInjectionKey);
@@ -84252,6 +84294,7 @@
           handleRadioUpdateChecked,
           handleUpdateExpanded,
           renderCell,
+          defaultEmptyValueRef,
           emptyPropsRef,
           ...exposedMethods
         };
@@ -84606,6 +84649,7 @@
                           isSummary,
                           mergedTheme: mergedTheme2,
                           renderCell: this.renderCell,
+                          defaultEmptyValue: this.defaultEmptyValueRef,
                           onEdit: (value, row2, key) => {
                             this.$emit("edit", value, row2, key);
                           }
@@ -86643,6 +86687,7 @@
           handleTableBodyScroll,
           setHeaderScrollLeft,
           renderCell: vue.toRef(props, "renderCell"),
+          defaultEmptyValueRef: vue.toRef(props, "defaultEmptyValue"),
           emptyPropsRef: vue.toRef(props, "emptyProps"),
           handleEdit
         });
@@ -125267,7 +125312,7 @@
     }
     function resolveTopLevelMenuKey(menuOptions, activeMenuKey) {
       if (activeMenuKey === null || activeMenuKey === void 0) 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) return optionKey;
@@ -125317,7 +125362,8 @@
         default: null
       },
       "onUpdate:menuValue": [Function, Array],
-      onUpdateMenuValue: [Function, Array]
+      onUpdateMenuValue: [Function, Array],
+      onUpdateActiveMenuKey: Function
     };
     var HeaderNavigation = vue.defineComponent({
       name: "HeaderNavigation",
@@ -125334,7 +125380,7 @@
           navRef.value = el;
         };
         const hoveredKeyRef = vue.ref(null);
-        const activeMenuKeyRef = vue.toRef(props.activeMenuKey);
+        const activeMenuKeyRef = vue.toRef(props, "activeMenuKey");
         const tabRefs = vue.ref({});
         const indicatorStyleRef = vue.ref({
           width: "0px",
@@ -125376,7 +125422,9 @@
           if (_onUpdateMenuValue) call(_onUpdateMenuValue, value);
         }
         function setActiveMenuKey(key = null) {
-          activeMenuKeyRef.value = key;
+          if (props.onUpdateActiveMenuKey) {
+            props.onUpdateActiveMenuKey(key);
+          }
         }
         function handleMenuItemClick(option) {
           setActiveMenuKey(option?.key);
@@ -125422,7 +125470,6 @@
           setTabRef,
           indicatorStyle: indicatorStyleRef,
           hoveredKey: hoveredKeyRef,
-          activeMenuKey: activeMenuKeyRef,
           setActiveMenuKey,
           handleMenuItemClick,
           checkedTopMenuKey
@@ -126221,6 +126268,10 @@
         type: Boolean,
         default: true
       },
+      actionsVisibility: {
+        type: Object,
+        required: false
+      },
       cssVars: Object,
       onSearch: Function,
       onPreview: Function,
@@ -126294,12 +126345,14 @@
         };
       },
       render() {
+        const { $slots } = this;
         const blockClass = `${this.mergedClsPrefix}-header`;
         if (this.responsive && this.isMobile && this.mobileActionsCollapse) {
-          return /* @__PURE__ */ vue.h("div", { class: `${blockClass}__actions` }, /* @__PURE__ */ vue.h(UFlex, { size: 32 }, { default: () => this.$slots.mobile?.() }));
+          return /* @__PURE__ */ vue.h("div", { class: `${blockClass}__actions` }, /* @__PURE__ */ vue.h(UFlex, { size: 32 }, { default: () => $slots.mobile?.() }));
         }
-        return /* @__PURE__ */ vue.h("div", { class: `${blockClass}__actions` }, /* @__PURE__ */ vue.h(UFlex, { class: `${blockClass}__actions-block`, size: 32 }, {
-          default: () => /* @__PURE__ */ vue.h(vue.Fragment, null, /* @__PURE__ */ vue.h(
+        const langNode = () => {
+          if (this.actionsVisibility?.lang === false) return null;
+          return $slots.lang ? $slots.lang() : /* @__PURE__ */ vue.h(
             UDropdown,
             {
               options: this.langOptions,
@@ -126318,7 +126371,11 @@
                 }
               )
             }
-          ), /* @__PURE__ */ vue.h("div", { class: `${blockClass}__search-wrapper` }, /* @__PURE__ */ vue.h(Button, { text: true, onClick: this.handleSearchClick }, {
+          );
+        };
+        const searchNode = () => {
+          if (this.actionsVisibility?.search === false) return null;
+          return $slots.search ? $slots.search() : /* @__PURE__ */ vue.h("div", { class: `${blockClass}__search-wrapper` }, /* @__PURE__ */ vue.h(Button, { text: true, onClick: this.handleSearchClick }, {
             default: () => /* @__PURE__ */ vue.h(UIcon, { size: 24 }, { default: () => /* @__PURE__ */ vue.h(SearchIcon, null) })
           }), /* @__PURE__ */ vue.h(vue.Transition, { name: "fade-in-scale-up" }, {
             default: () => this.searchVisible ? vue.h(HeaderSearchDesktop, {
@@ -126334,11 +126391,22 @@
               },
               onResultSelect: this.handleResultSelect
             }) : null
-          })), /* @__PURE__ */ vue.h(Button, { text: true, onClick: this.onPreview }, {
+          }));
+        };
+        const accessibilityNode = () => {
+          if (this.actionsVisibility?.accessibility === false) return null;
+          return $slots.accessibility ? $slots.accessibility() : /* @__PURE__ */ vue.h(Button, { text: true, onClick: this.onPreview }, {
             default: () => /* @__PURE__ */ vue.h(UIcon, { size: 24 }, { default: () => /* @__PURE__ */ vue.h(EyeIcon, null) })
-          }), /* @__PURE__ */ vue.h(Button, { text: true, onClick: this.onLogout }, {
+          });
+        };
+        const logoutNode = () => {
+          if (this.actionsVisibility?.logout === false) return null;
+          return $slots.logout ? $slots.logout() : /* @__PURE__ */ vue.h(Button, { text: true, onClick: this.onLogout }, {
             default: () => /* @__PURE__ */ vue.h(UIcon, { size: 24 }, { default: () => /* @__PURE__ */ vue.h(LogoutIcon, null) })
-          }))
+          });
+        };
+        return /* @__PURE__ */ vue.h("div", { class: `${blockClass}__actions` }, /* @__PURE__ */ vue.h(UFlex, { class: `${blockClass}__actions-block`, size: 32 }, {
+          default: () => /* @__PURE__ */ vue.h(vue.Fragment, null, langNode(), searchNode(), accessibilityNode(), logoutNode())
         }));
       }
     });
@@ -126618,9 +126686,14 @@
         type: Boolean,
         default: true
       },
+      actionsProps: {
+        type: Object
+      },
       onSearch: Function,
       "onUpdate:menuValue": [Function, Array],
-      onUpdateMenuValue: [Function, Array]
+      onUpdateMenuValue: [Function, Array],
+      "onUpdate:activeMenuKey": [Function, Array],
+      onUpdateActiveMenuKey: [Function, Array]
     };
     var Header = vue.defineComponent({
       name: "Header",
@@ -126633,7 +126706,8 @@
         "language-select",
         "logo-click",
         "mobile-primary-action",
-        "mobile-secondary-action"
+        "mobile-secondary-action",
+        "update:activeMenuKey"
       ],
       setup(props, { emit }) {
         const { mergedClsPrefixRef } = useConfig(props);
@@ -126648,6 +126722,12 @@
         const isMobileRef = vue.toRef(props, "isMobile");
         const mobileMenuVisibleRef = vue.ref(false);
         const searchVisibleRef = vue.ref(false);
+        const controlledActiveMenuKeyRef = vue.toRef(props, "activeMenuKey");
+        const uncontrolledActiveMenuKeyRef = vue.ref(null);
+        const mergedActiveMenuKeyRef = useMergedState(
+          controlledActiveMenuKeyRef,
+          uncontrolledActiveMenuKeyRef
+        );
         vue.onBeforeMount(() => {
           headerMobileMenuStyle.mount({
             id: `${mergedClsPrefixRef.value}-header-mobile-menu`,
@@ -126798,6 +126878,14 @@
         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) call(onUpdateActiveMenuKey, value);
+          if (_onUpdateActiveMenuKey) call(_onUpdateActiveMenuKey, value);
+        }
         return {
           mergedClsPrefix: mergedClsPrefixRef,
           cssVars: cssVarsRef,
@@ -126808,6 +126896,9 @@
           isMobile: isMobileRef,
           mobileMenuVisible: mobileMenuVisibleRef,
           searchVisible: searchVisibleRef,
+          menuPaneClass,
+          menuPaneWrapperClass,
+          mergedActiveMenuKey: mergedActiveMenuKeyRef,
           handleSelectLang,
           handleMenuValueUpdate,
           handleSearchClick,
@@ -126822,8 +126913,7 @@
           handleMobileMenuItemClick,
           handleMobilePrimaryAction,
           handleMobileSecondaryAction,
-          menuPaneClass,
-          menuPaneWrapperClass,
+          handleUpdateActiveMenuKey,
           onRender: themeClassHandle?.onRender
         };
       },
@@ -126870,8 +126960,9 @@
             mergedClsPrefix,
             menuPaneClass: this.menuPaneClass,
             menuPaneWrapperClass: this.menuPaneWrapperClass,
-            activeMenuKey: this.activeMenuKey,
-            onUpdateMenuValue: this.handleMenuValueUpdate
+            activeMenuKey: this.mergedActiveMenuKey,
+            onUpdateMenuValue: this.handleMenuValueUpdate,
+            onUpdateActiveMenuKey: this.handleUpdateActiveMenuKey
           }
         );
         const mobileNode = this.responsive && this.isMobile ? /* @__PURE__ */ vue.h(
@@ -126904,6 +126995,21 @@
             footer: $slots["mobile-footer"]
           }
         ) : null;
+        const langNode = resolveWrappedSlot($slots.lang, (children) => children);
+        const searchNode = resolveWrappedSlot($slots.search, (children) => children);
+        const accessibilityNode = resolveWrappedSlot(
+          $slots.accessibility,
+          (children) => children ?? null
+        );
+        const logoutNode = resolveWrappedSlot($slots.logout, (children) => children);
+        const resolveActionSlots = () => {
+          return {
+            ...$slots.lang ? { lang: () => langNode } : {},
+            ...$slots.search ? { search: () => searchNode } : {},
+            ...$slots.accessibility ? { accessibility: () => accessibilityNode } : {},
+            ...$slots.logout ? { logout: () => logoutNode } : {}
+          };
+        };
         const actionsNode = resolveWrappedSlot(
           $slots.action,
           (children) => children ? /* @__PURE__ */ vue.h("div", { class: `${blockClass}__actions` }, children) : null
@@ -126921,13 +127027,18 @@
             onSearchResultSelect: this.handleSearchResultSelect,
             onPreview: this.handlePreviewClick,
             onLogout: this.handleLogoutClick,
-            onLanguageSelect: this.handleSelectLang
+            onLanguageSelect: this.handleSelectLang,
+            ...vue.mergeProps(
+              this.$attrs,
+              this.actionsProps
+            )
           },
           {
-            mobile: () => mobileNode
+            mobile: () => mobileNode,
+            ...resolveActionSlots()
           }
         );
-        const searchNode = this.responsive && this.isMobile && this.searchVisible ? vue.h(HeaderSearchMobile, {
+        const searchMobileNode = this.responsive && this.isMobile && this.searchVisible ? vue.h(HeaderSearchMobile, {
           mergedClsPrefix,
           show: this.searchVisible,
           cssVars: this.cssVars,
@@ -126950,7 +127061,7 @@
                 actions: () => actionsNode
               }
             ),
-            searchNode
+            searchMobileNode
           ]);
         }
         return vue.h(
@@ -128660,7 +128771,7 @@
         watermarkProps: watermarkProps
     });
 
-    var version = "1.12.17";
+    var version = "1.12.19";
 
     function useExposeProxy(targetRef) {
       return new Proxy({}, {