@uzum-tech/ui 1.12.17 → 1.12.18

package/dist/index.js

@@ -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
@@ -126620,7 +126667,9 @@
       },
       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 +126682,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 +126698,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 +126854,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 +126872,9 @@
           isMobile: isMobileRef,
           mobileMenuVisible: mobileMenuVisibleRef,
           searchVisible: searchVisibleRef,
+          menuPaneClass,
+          menuPaneWrapperClass,
+          mergedActiveMenuKey: mergedActiveMenuKeyRef,
           handleSelectLang,
           handleMenuValueUpdate,
           handleSearchClick,
@@ -126822,8 +126889,7 @@
           handleMobileMenuItemClick,
           handleMobilePrimaryAction,
           handleMobileSecondaryAction,
-          menuPaneClass,
-          menuPaneWrapperClass,
+          handleUpdateActiveMenuKey,
           onRender: themeClassHandle?.onRender
         };
       },
@@ -126870,8 +126936,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(
@@ -128660,7 +128727,7 @@
         watermarkProps: watermarkProps
     });
 
-    var version = "1.12.17";
+    var version = "1.12.18";
 
     function useExposeProxy(targetRef) {
       return new Proxy({}, {