naive-ui 2.38.2 → 2.40.0

package/es/data-table/src/TableParts/ExpandTrigger.d.ts

@@ -1,5 +1,5 @@
 import { type PropType } from 'vue';
-import type { RenderExpandIcon } from '../interface';
+import type { RenderExpandIcon, RowData } from '../interface';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
         type: StringConstructor;
@@ -14,6 +14,10 @@ declare const _default: import("vue").DefineComponent<{
     renderExpandIcon: {
         type: PropType<RenderExpandIcon>;
     };
+    rowData: {
+        type: PropType<RowData>;
+        required: true;
+    };
 }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     clsPrefix: {
         type: StringConstructor;
@@ -28,6 +32,10 @@ declare const _default: import("vue").DefineComponent<{
     renderExpandIcon: {
         type: PropType<RenderExpandIcon>;
     };
+    rowData: {
+        type: PropType<RowData>;
+        required: true;
+    };
 }>>, {
     expanded: boolean;
     loading: boolean;

package/es/data-table/src/TableParts/ExpandTrigger.mjs

@@ -1,4 +1,4 @@
-import { h, defineComponent } from 'vue';
+import { defineComponent, h } from 'vue';
 import { ChevronRightIcon } from "../../../_internal/icons/index.mjs";
 import { NBaseIcon, NBaseLoading, NIconSwitchTransition } from "../../../_internal/index.mjs";
 export default defineComponent({
@@ -16,6 +16,10 @@ export default defineComponent({
     },
     renderExpandIcon: {
       type: Function
+    },
+    rowData: {
+      type: Object,
+      required: true
     }
   },
   render() {
@@ -37,7 +41,8 @@ export default defineComponent({
           strokeWidth: 15,
           scale: 0.88
         }) : this.renderExpandIcon ? this.renderExpandIcon({
-          expanded: this.expanded
+          expanded: this.expanded,
+          rowData: this.rowData
         }) : h(NBaseIcon, {
           clsPrefix: clsPrefix,
           key: "base-icon"

package/es/data-table/src/TableParts/Header.d.ts

@@ -1,4 +1,6 @@
-import { type TableBaseColumn, type ColumnKey } from '../interface';
+import type { VirtualListInst } from 'vueuc';
+import { type ColumnKey, type TableBaseColumn } from '../interface';
+import type { ColItem, RowItem } from '../use-group-header';
 declare const _default: import("vue").DefineComponent<{
     discrete: {
         type: BooleanConstructor;
@@ -21,114 +23,10 @@ declare const _default: import("vue").DefineComponent<{
     currentPage: import("vue").Ref<number>;
     allRowsChecked: import("vue").Ref<boolean>;
     someRowsChecked: import("vue").Ref<boolean>;
-    rows: import("vue").Ref<import("../use-group-header").RowItem[][]>;
-    cols: import("vue").Ref<import("../use-group-header").ColItem[]>;
+    rows: import("vue").Ref<RowItem[][]>;
+    cols: import("vue").Ref<ColItem[]>;
     mergedTheme: import("vue").Ref<{
-        common: {
-            baseColor: string;
-            primaryColor: string;
-            primaryColorHover: string;
-            primaryColorPressed: string;
-            primaryColorSuppl: string;
-            infoColor: string;
-            infoColorHover: string;
-            infoColorPressed: string;
-            infoColorSuppl: string;
-            successColor: string;
-            successColorHover: string;
-            successColorPressed: string;
-            successColorSuppl: string;
-            warningColor: string;
-            warningColorHover: string;
-            warningColorPressed: string;
-            warningColorSuppl: string;
-            errorColor: string;
-            errorColorHover: string;
-            errorColorPressed: string;
-            errorColorSuppl: string;
-            textColorBase: string;
-            textColor1: string;
-            textColor2: string;
-            textColor3: string;
-            textColorDisabled: string;
-            placeholderColor: string;
-            placeholderColorDisabled: string;
-            iconColor: string;
-            iconColorHover: string;
-            iconColorPressed: string;
-            iconColorDisabled: string;
-            opacity1: string;
-            opacity2: string;
-            opacity3: string;
-            opacity4: string;
-            opacity5: string;
-            dividerColor: string;
-            borderColor: string;
-            closeIconColor: string;
-            closeIconColorHover: string;
-            closeIconColorPressed: string;
-            closeColorHover: string;
-            closeColorPressed: string;
-            clearColor: string;
-            clearColorHover: string;
-            clearColorPressed: string;
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            progressRailColor: string;
-            railColor: string;
-            popoverColor: string;
-            tableColor: string;
-            cardColor: string;
-            modalColor: string;
-            bodyColor: string;
-            tagColor: string;
-            avatarColor: string;
-            invertedColor: string;
-            inputColor: string;
-            codeColor: string;
-            tabColor: string;
-            actionColor: string;
-            tableHeaderColor: string;
-            hoverColor: string;
-            tableColorHover: string;
-            tableColorStriped: string;
-            pressedColor: string;
-            opacityDisabled: string;
-            inputColorDisabled: string;
-            buttonColor2: string;
-            buttonColor2Hover: string;
-            buttonColor2Pressed: string;
-            boxShadow1: string;
-            boxShadow2: string;
-            boxShadow3: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadius: string;
-            borderRadiusSmall: string;
-            fontSize: string;
-            fontSizeMini: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            lineHeight: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            name: "common";
-        };
+        common: import("../../..").ThemeCommonVars;
         self: {
             actionDividerColor: string;
             lineHeight: string;
@@ -138,9 +36,11 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeLarge: string;
             borderColor: string;
             tdColorHover: string;
+            tdColorSorting: string;
             tdColorStriped: string;
             thColor: string;
             thColorHover: string;
+            thColorSorting: string;
             tdColor: string;
             tdTextColor: string;
             thTextColor: string;
@@ -150,15 +50,19 @@ declare const _default: import("vue").DefineComponent<{
             thIconColorActive: string;
             borderColorModal: string;
             tdColorHoverModal: string;
+            tdColorSortingModal: string;
             tdColorStripedModal: string;
             thColorModal: string;
             thColorHoverModal: string;
+            thColorSortingModal: string;
             tdColorModal: string;
             borderColorPopover: string;
             tdColorHoverPopover: string;
+            tdColorSortingPopover: string;
             tdColorStripedPopover: string;
             thColorPopover: string;
             thColorHoverPopover: string;
+            thColorSortingPopover: string;
             tdColorPopover: string;
             boxShadowBefore: string;
             boxShadowAfter: string;
@@ -599,10 +503,12 @@ declare const _default: import("vue").DefineComponent<{
                         }, any>;
                     }>;
                     InternalSelectMenu: import("../../../_mixins").Theme<"InternalSelectMenu", {
+                        optionFontSizeTiny: string;
                         optionFontSizeSmall: string;
                         optionFontSizeMedium: string;
                         optionFontSizeLarge: string;
                         optionFontSizeHuge: string;
+                        optionHeightTiny: string;
                         optionHeightSmall: string;
                         optionHeightMedium: string;
                         optionHeightLarge: string;
@@ -623,10 +529,12 @@ declare const _default: import("vue").DefineComponent<{
                         actionTextColor: string;
                         loadingColor: string;
                         height: string;
+                        paddingTiny: string;
                         paddingSmall: string;
                         paddingMedium: string;
                         paddingLarge: string;
                         paddingHuge: string;
+                        optionPaddingTiny: string;
                         optionPaddingSmall: string;
                         optionPaddingMedium: string;
                         optionPaddingLarge: string;
@@ -639,11 +547,14 @@ declare const _default: import("vue").DefineComponent<{
                             borderRadius: string;
                             color: string;
                             colorHover: string;
-                            railInsetHorizontal: string;
-                            railInsetVertical: string;
+                            railInsetHorizontalBottom: string;
+                            railInsetHorizontalTop: string;
+                            railInsetVerticalRight: string;
+                            railInsetVerticalLeft: string;
                             railColor: string;
                         }, any>;
                         Empty: import("../../../_mixins").Theme<"Empty", {
+                            fontSizeTiny: string;
                             fontSizeSmall: string;
                             fontSizeMedium: string;
                             fontSizeLarge: string;
@@ -651,6 +562,7 @@ declare const _default: import("vue").DefineComponent<{
                             textColor: string;
                             iconColor: string;
                             extraTextColor: string;
+                            iconSizeTiny: string;
                             iconSizeSmall: string;
                             iconSizeMedium: string;
                             iconSizeLarge: string;
@@ -737,10 +649,12 @@ declare const _default: import("vue").DefineComponent<{
                         padding: string;
                     }, any>;
                     InternalSelectMenu: import("../../../_mixins").Theme<"InternalSelectMenu", {
+                        optionFontSizeTiny: string;
                         optionFontSizeSmall: string;
                         optionFontSizeMedium: string;
                         optionFontSizeLarge: string;
                         optionFontSizeHuge: string;
+                        optionHeightTiny: string;
                         optionHeightSmall: string;
                         optionHeightMedium: string;
                         optionHeightLarge: string;
@@ -761,10 +675,12 @@ declare const _default: import("vue").DefineComponent<{
                         actionTextColor: string;
                         loadingColor: string;
                         height: string;
+                        paddingTiny: string;
                         paddingSmall: string;
                         paddingMedium: string;
                         paddingLarge: string;
                         paddingHuge: string;
+                        optionPaddingTiny: string;
                         optionPaddingSmall: string;
                         optionPaddingMedium: string;
                         optionPaddingLarge: string;
@@ -777,11 +693,14 @@ declare const _default: import("vue").DefineComponent<{
                             borderRadius: string;
                             color: string;
                             colorHover: string;
-                            railInsetHorizontal: string;
-                            railInsetVertical: string;
+                            railInsetHorizontalBottom: string;
+                            railInsetHorizontalTop: string;
+                            railInsetVerticalRight: string;
+                            railInsetVerticalLeft: string;
                             railColor: string;
                         }, any>;
                         Empty: import("../../../_mixins").Theme<"Empty", {
+                            fontSizeTiny: string;
                             fontSizeSmall: string;
                             fontSizeMedium: string;
                             fontSizeLarge: string;
@@ -789,6 +708,7 @@ declare const _default: import("vue").DefineComponent<{
                             textColor: string;
                             iconColor: string;
                             extraTextColor: string;
+                            iconSizeTiny: string;
                             iconSizeSmall: string;
                             iconSizeMedium: string;
                             iconSizeLarge: string;
@@ -803,11 +723,14 @@ declare const _default: import("vue").DefineComponent<{
                 borderRadius: string;
                 color: string;
                 colorHover: string;
-                railInsetHorizontal: string;
-                railInsetVertical: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
                 railColor: string;
             }, any>;
             Empty: import("../../../_mixins").Theme<"Empty", {
+                fontSizeTiny: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
@@ -815,6 +738,7 @@ declare const _default: import("vue").DefineComponent<{
                 textColor: string;
                 iconColor: string;
                 extraTextColor: string;
+                iconSizeTiny: string;
                 iconSizeSmall: string;
                 iconSizeMedium: string;
                 iconSizeLarge: string;
@@ -1020,10 +944,12 @@ declare const _default: import("vue").DefineComponent<{
                             }, any>;
                         }>;
                         InternalSelectMenu: import("../../../_mixins").Theme<"InternalSelectMenu", {
+                            optionFontSizeTiny: string;
                             optionFontSizeSmall: string;
                             optionFontSizeMedium: string;
                             optionFontSizeLarge: string;
                             optionFontSizeHuge: string;
+                            optionHeightTiny: string;
                             optionHeightSmall: string;
                             optionHeightMedium: string;
                             optionHeightLarge: string;
@@ -1044,10 +970,12 @@ declare const _default: import("vue").DefineComponent<{
                             actionTextColor: string;
                             loadingColor: string;
                             height: string;
+                            paddingTiny: string;
                             paddingSmall: string;
                             paddingMedium: string;
                             paddingLarge: string;
                             paddingHuge: string;
+                            optionPaddingTiny: string;
                             optionPaddingSmall: string;
                             optionPaddingMedium: string;
                             optionPaddingLarge: string;
@@ -1060,11 +988,14 @@ declare const _default: import("vue").DefineComponent<{
                                 borderRadius: string;
                                 color: string;
                                 colorHover: string;
-                                railInsetHorizontal: string;
-                                railInsetVertical: string;
+                                railInsetHorizontalBottom: string;
+                                railInsetHorizontalTop: string;
+                                railInsetVerticalRight: string;
+                                railInsetVerticalLeft: string;
                                 railColor: string;
                             }, any>;
                             Empty: import("../../../_mixins").Theme<"Empty", {
+                                fontSizeTiny: string;
                                 fontSizeSmall: string;
                                 fontSizeMedium: string;
                                 fontSizeLarge: string;
@@ -1072,6 +1003,7 @@ declare const _default: import("vue").DefineComponent<{
                                 textColor: string;
                                 iconColor: string;
                                 extraTextColor: string;
+                                iconSizeTiny: string;
                                 iconSizeSmall: string;
                                 iconSizeMedium: string;
                                 iconSizeLarge: string;
@@ -1158,10 +1090,12 @@ declare const _default: import("vue").DefineComponent<{
                             padding: string;
                         }, any>;
                         InternalSelectMenu: import("../../../_mixins").Theme<"InternalSelectMenu", {
+                            optionFontSizeTiny: string;
                             optionFontSizeSmall: string;
                             optionFontSizeMedium: string;
                             optionFontSizeLarge: string;
                             optionFontSizeHuge: string;
+                            optionHeightTiny: string;
                             optionHeightSmall: string;
                             optionHeightMedium: string;
                             optionHeightLarge: string;
@@ -1182,10 +1116,12 @@ declare const _default: import("vue").DefineComponent<{
                             actionTextColor: string;
                             loadingColor: string;
                             height: string;
+                            paddingTiny: string;
                             paddingSmall: string;
                             paddingMedium: string;
                             paddingLarge: string;
                             paddingHuge: string;
+                            optionPaddingTiny: string;
                             optionPaddingSmall: string;
                             optionPaddingMedium: string;
                             optionPaddingLarge: string;
@@ -1198,11 +1134,14 @@ declare const _default: import("vue").DefineComponent<{
                                 borderRadius: string;
                                 color: string;
                                 colorHover: string;
-                                railInsetHorizontal: string;
-                                railInsetVertical: string;
+                                railInsetHorizontalBottom: string;
+                                railInsetHorizontalTop: string;
+                                railInsetVerticalRight: string;
+                                railInsetVerticalLeft: string;
                                 railColor: string;
                             }, any>;
                             Empty: import("../../../_mixins").Theme<"Empty", {
+                                fontSizeTiny: string;
                                 fontSizeSmall: string;
                                 fontSizeMedium: string;
                                 fontSizeLarge: string;
@@ -1210,6 +1149,7 @@ declare const _default: import("vue").DefineComponent<{
                                 textColor: string;
                                 iconColor: string;
                                 extraTextColor: string;
+                                iconSizeTiny: string;
                                 iconSizeSmall: string;
                                 iconSizeMedium: string;
                                 iconSizeLarge: string;
@@ -1283,6 +1223,9 @@ declare const _default: import("vue").DefineComponent<{
     checkOptions: import("vue").Ref<import("../interface").DataTableSelectionOptions<import("../interface").InternalRowData> | undefined>;
     mergedTableLayout: import("vue").Ref<"fixed" | "auto">;
     headerCheckboxDisabled: import("vue").Ref<boolean>;
+    headerHeight: import("vue").Ref<number>;
+    virtualScrollHeader: import("vue").Ref<boolean>;
+    virtualListRef: import("vue").Ref<VirtualListInst | null | undefined>;
     handleCheckboxUpdateChecked: () => void;
     handleColHeaderClick: (e: MouseEvent, column: TableBaseColumn) => void;
     handleTableHeaderScroll: (e: Event) => void;