naive-ui 2.33.2 → 2.33.3

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

@@ -9,60 +9,10 @@ import MainTable from './MainTable';
 import { useCheck } from './use-check';
 import { useTableData } from './use-table-data';
 import { useScroll } from './use-scroll';
-import { dataTableInjectionKey } from './interface';
+import { dataTableInjectionKey, dataTableProps } from './interface';
 import { useGroupHeader } from './use-group-header';
 import { useExpand } from './use-expand';
 import style from './styles/index.cssr';
-export const dataTableProps = Object.assign(Object.assign({}, useTheme.props), { pagination: {
-        type: [Object, Boolean],
-        default: false
-    }, paginateSinglePage: {
-        type: Boolean,
-        default: true
-    }, minHeight: [Number, String], maxHeight: [Number, String], 
-    // Use any type as row data to make prop data acceptable
-    columns: {
-        type: Array,
-        default: () => []
-    }, rowClassName: [String, Function], rowProps: Function, rowKey: Function, summary: [Function], data: {
-        type: Array,
-        default: () => []
-    }, loading: Boolean, bordered: {
-        type: Boolean,
-        default: undefined
-    }, bottomBordered: {
-        type: Boolean,
-        default: undefined
-    }, striped: Boolean, scrollX: [Number, String], defaultCheckedRowKeys: {
-        type: Array,
-        default: () => []
-    }, checkedRowKeys: Array, singleLine: {
-        type: Boolean,
-        default: true
-    }, singleColumn: Boolean, size: {
-        type: String,
-        default: 'medium'
-    }, remote: Boolean, defaultExpandedRowKeys: {
-        type: Array,
-        default: []
-    }, defaultExpandAll: Boolean, expandedRowKeys: Array, stickyExpandedRows: Boolean, virtualScroll: Boolean, tableLayout: {
-        type: String,
-        default: 'auto'
-    }, allowCheckingNotLoaded: Boolean, cascade: {
-        type: Boolean,
-        default: true
-    }, childrenKey: {
-        type: String,
-        default: 'children'
-    }, indent: {
-        type: Number,
-        default: 16
-    }, flexHeight: Boolean, paginationBehaviorOnFilter: {
-        type: String,
-        default: 'current'
-    }, renderCell: Function, renderExpandIcon: Function, 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] });
 export default defineComponent({
     name: 'DataTable',
     alias: ['AdvancedTable'],
@@ -133,6 +83,7 @@ export default defineComponent({
             return props.tableLayout;
         });
         provide(dataTableInjectionKey, {
+            props,
             renderExpandIconRef: toRef(props, 'renderExpandIcon'),
             loadingKeySetRef: ref(new Set()),
             slots,
@@ -196,6 +147,7 @@ export default defineComponent({
             flexHeightRef: toRef(props, 'flexHeight'),
             headerCheckboxDisabledRef,
             paginationBehaviorOnFilterRef: toRef(props, 'paginationBehaviorOnFilter'),
+            summaryPlacementRef: toRef(props, 'summaryPlacement'),
             syncScrollState,
             doUpdatePage,
             doUpdateFilters,

package/es/data-table/src/HeaderButton/FilterButton.d.ts

@@ -823,6 +823,76 @@ declare const _default: import("vue").DefineComponent<{
                     }, any>;
                 }>;
             }>;
+            Dropdown: import("../../../_mixins").Theme<"Dropdown", {
+                optionHeightSmall: string;
+                optionHeightMedium: string;
+                optionHeightLarge: string;
+                optionHeightHuge: string;
+                borderRadius: string;
+                fontSizeSmall: string;
+                fontSizeMedium: string;
+                fontSizeLarge: string;
+                fontSizeHuge: string;
+                optionTextColor: string;
+                optionTextColorHover: string;
+                optionTextColorActive: string;
+                optionTextColorChildActive: string;
+                color: string;
+                dividerColor: string;
+                suffixColor: string;
+                prefixColor: string;
+                optionColorHover: string;
+                optionColorActive: string;
+                groupHeaderTextColor: string;
+                optionTextColorInverted: string;
+                optionTextColorHoverInverted: string;
+                optionTextColorActiveInverted: string;
+                optionTextColorChildActiveInverted: string;
+                colorInverted: string;
+                dividerColorInverted: string;
+                suffixColorInverted: string;
+                prefixColorInverted: string;
+                optionColorHoverInverted: string;
+                optionColorActiveInverted: string;
+                groupHeaderTextColorInverted: string;
+                optionOpacityDisabled: string;
+                padding: string;
+                optionIconSizeSmall: string;
+                optionIconSizeMedium: string;
+                optionIconSizeLarge: string;
+                optionIconSizeHuge: string;
+                optionSuffixWidthSmall: string;
+                optionSuffixWidthMedium: string;
+                optionSuffixWidthLarge: string;
+                optionSuffixWidthHuge: string;
+                optionIconSuffixWidthSmall: string;
+                optionIconSuffixWidthMedium: string;
+                optionIconSuffixWidthLarge: string;
+                optionIconSuffixWidthHuge: string;
+                optionPrefixWidthSmall: string;
+                optionPrefixWidthMedium: string;
+                optionPrefixWidthLarge: string;
+                optionPrefixWidthHuge: string;
+                optionIconPrefixWidthSmall: string;
+                optionIconPrefixWidthMedium: string;
+                optionIconPrefixWidthLarge: string;
+                optionIconPrefixWidthHuge: string;
+            }, {
+                Popover: import("../../../_mixins").Theme<"Popover", {
+                    fontSize: string;
+                    borderRadius: string;
+                    color: string;
+                    dividerColor: string;
+                    textColor: string;
+                    boxShadow: string;
+                    space: string;
+                    spaceArrow: string;
+                    arrowOffset: string;
+                    arrowOffsetVertical: string;
+                    arrowHeight: string;
+                    padding: string;
+                }, any>;
+            }>;
         };
         peerOverrides: {
             Button?: {
@@ -1143,6 +1213,24 @@ declare const _default: import("vue").DefineComponent<{
                     }>> | undefined;
                 } | undefined;
             } | undefined;
+            Dropdown?: {
+                peers?: {
+                    Popover?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Popover", {
+                        fontSize: string;
+                        borderRadius: string;
+                        color: string;
+                        dividerColor: string;
+                        textColor: string;
+                        boxShadow: string;
+                        space: string;
+                        spaceArrow: string;
+                        arrowOffset: string;
+                        arrowOffsetVertical: string;
+                        arrowHeight: string;
+                        padding: string;
+                    }, any>> | undefined;
+                } | undefined;
+            } | undefined;
         };
     }>;
     mergedClsPrefix: import("vue").Ref<string>;
@@ -1155,7 +1243,7 @@ declare const _default: import("vue").DefineComponent<{
     handleFilterChange: (mergedFilterValue: FilterOptionValue | FilterOptionValue[] | null) => void;
     handleFilterMenuConfirm: () => void;
     handleFilterMenuCancel: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     column: {
         type: PropType<TableBaseColumn<import("../interface").InternalRowData>>;
         required: true;

package/es/data-table/src/HeaderButton/FilterMenu.d.ts

@@ -173,7 +173,7 @@ declare const _default: import("vue").DefineComponent<{
             thColorHoverPopover: string;
             tdColorPopover: string;
             boxShadowBefore: string;
-            boxShadowAfter: string; /** this branch is for compatibility */
+            boxShadowAfter: string;
             loadingColor: string;
             loadingSize: string;
             opacityLoading: string;
@@ -848,6 +848,76 @@ declare const _default: import("vue").DefineComponent<{
                     }, any>;
                 }>;
             }>;
+            Dropdown: import("../../../_mixins").Theme<"Dropdown", {
+                optionHeightSmall: string;
+                optionHeightMedium: string;
+                optionHeightLarge: string;
+                optionHeightHuge: string;
+                borderRadius: string;
+                fontSizeSmall: string;
+                fontSizeMedium: string;
+                fontSizeLarge: string;
+                fontSizeHuge: string;
+                optionTextColor: string;
+                optionTextColorHover: string;
+                optionTextColorActive: string;
+                optionTextColorChildActive: string;
+                color: string;
+                dividerColor: string;
+                suffixColor: string;
+                prefixColor: string;
+                optionColorHover: string;
+                optionColorActive: string;
+                groupHeaderTextColor: string;
+                optionTextColorInverted: string;
+                optionTextColorHoverInverted: string;
+                optionTextColorActiveInverted: string;
+                optionTextColorChildActiveInverted: string;
+                colorInverted: string;
+                dividerColorInverted: string;
+                suffixColorInverted: string;
+                prefixColorInverted: string;
+                optionColorHoverInverted: string;
+                optionColorActiveInverted: string;
+                groupHeaderTextColorInverted: string;
+                optionOpacityDisabled: string;
+                padding: string;
+                optionIconSizeSmall: string;
+                optionIconSizeMedium: string;
+                optionIconSizeLarge: string;
+                optionIconSizeHuge: string;
+                optionSuffixWidthSmall: string;
+                optionSuffixWidthMedium: string;
+                optionSuffixWidthLarge: string;
+                optionSuffixWidthHuge: string;
+                optionIconSuffixWidthSmall: string;
+                optionIconSuffixWidthMedium: string;
+                optionIconSuffixWidthLarge: string;
+                optionIconSuffixWidthHuge: string;
+                optionPrefixWidthSmall: string;
+                optionPrefixWidthMedium: string;
+                optionPrefixWidthLarge: string;
+                optionPrefixWidthHuge: string;
+                optionIconPrefixWidthSmall: string;
+                optionIconPrefixWidthMedium: string;
+                optionIconPrefixWidthLarge: string;
+                optionIconPrefixWidthHuge: string;
+            }, {
+                Popover: import("../../../_mixins").Theme<"Popover", {
+                    fontSize: string;
+                    borderRadius: string;
+                    color: string;
+                    dividerColor: string;
+                    textColor: string;
+                    boxShadow: string;
+                    space: string;
+                    spaceArrow: string;
+                    arrowOffset: string;
+                    arrowOffsetVertical: string;
+                    arrowHeight: string;
+                    padding: string;
+                }, any>;
+            }>;
         };
         peerOverrides: {
             Button?: {
@@ -1168,6 +1238,24 @@ declare const _default: import("vue").DefineComponent<{
                     }>> | undefined;
                 } | undefined;
             } | undefined;
+            Dropdown?: {
+                peers?: {
+                    Popover?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Popover", {
+                        fontSize: string;
+                        borderRadius: string;
+                        color: string;
+                        dividerColor: string;
+                        textColor: string;
+                        boxShadow: string;
+                        space: string;
+                        spaceArrow: string;
+                        arrowOffset: string;
+                        arrowOffsetVertical: string;
+                        arrowHeight: string;
+                        padding: string;
+                    }, any>> | undefined;
+                } | undefined;
+            } | undefined;
         };
     }>;
     locale: import("vue").Ref<{
@@ -1181,7 +1269,7 @@ declare const _default: import("vue").DefineComponent<{
     handleChange: (value: FilterOptionValue | FilterOptionValue[]) => void;
     handleConfirmClick: () => void;
     handleClearClick: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     column: {
         type: PropType<TableBaseColumn<import("../interface").InternalRowData>>;
         required: true;

package/es/data-table/src/HeaderButton/RenderFilter.d.ts

@@ -13,7 +13,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     render: {
         type: PropType<RenderFilter>;
         required: true;

package/es/data-table/src/HeaderButton/RenderSorter.d.ts

@@ -9,7 +9,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<SortOrder>;
         default: boolean;
     };
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     render: {
         type: PropType<RenderSorter>;
         required: true;

package/es/data-table/src/HeaderButton/SortButton.d.ts

@@ -10,7 +10,7 @@ declare const _default: import("vue").DefineComponent<{
     active: import("vue").ComputedRef<boolean>;
     mergedSortOrder: import("vue").ComputedRef<import("../interface").SortOrder>;
     mergedRenderSorter: import("vue").ComputedRef<import("../interface").RenderSorter | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     column: {
         type: PropType<TableBaseColumn<import("../interface").InternalRowData>>;
         required: true;

package/es/data-table/src/MainTable.d.ts

@@ -18,5 +18,5 @@ declare const _default: import("vue").DefineComponent<{}, {
     }>;
     flexHeight: import("vue").Ref<boolean>;
     handleBodyResize: (entry: ResizeObserverEntry) => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

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

@@ -10,6 +10,7 @@ declare const _default: import("vue").DefineComponent<{
     getScrollContainer: () => HTMLElement | null;
     scrollTo: import("../../../scrollbar/src/Scrollbar").ScrollTo;
     bodyWidth: import("vue").Ref<number | null>;
+    summaryPlacement: import("vue").Ref<"bottom" | "top">;
     dataTableSlots: Readonly<{
         [name: string]: import("vue").Slot | undefined;
     }>;
@@ -847,6 +848,76 @@ declare const _default: import("vue").DefineComponent<{
                     }, any>;
                 }>;
             }>;
+            Dropdown: import("../../../_mixins").Theme<"Dropdown", {
+                optionHeightSmall: string;
+                optionHeightMedium: string;
+                optionHeightLarge: string;
+                optionHeightHuge: string;
+                borderRadius: string;
+                fontSizeSmall: string;
+                fontSizeMedium: string;
+                fontSizeLarge: string;
+                fontSizeHuge: string;
+                optionTextColor: string;
+                optionTextColorHover: string;
+                optionTextColorActive: string;
+                optionTextColorChildActive: string;
+                color: string;
+                dividerColor: string;
+                suffixColor: string;
+                prefixColor: string;
+                optionColorHover: string;
+                optionColorActive: string;
+                groupHeaderTextColor: string;
+                optionTextColorInverted: string;
+                optionTextColorHoverInverted: string;
+                optionTextColorActiveInverted: string;
+                optionTextColorChildActiveInverted: string;
+                colorInverted: string;
+                dividerColorInverted: string;
+                suffixColorInverted: string;
+                prefixColorInverted: string;
+                optionColorHoverInverted: string;
+                optionColorActiveInverted: string;
+                groupHeaderTextColorInverted: string;
+                optionOpacityDisabled: string;
+                padding: string;
+                optionIconSizeSmall: string;
+                optionIconSizeMedium: string;
+                optionIconSizeLarge: string;
+                optionIconSizeHuge: string;
+                optionSuffixWidthSmall: string;
+                optionSuffixWidthMedium: string;
+                optionSuffixWidthLarge: string;
+                optionSuffixWidthHuge: string;
+                optionIconSuffixWidthSmall: string;
+                optionIconSuffixWidthMedium: string;
+                optionIconSuffixWidthLarge: string;
+                optionIconSuffixWidthHuge: string;
+                optionPrefixWidthSmall: string;
+                optionPrefixWidthMedium: string;
+                optionPrefixWidthLarge: string;
+                optionPrefixWidthHuge: string;
+                optionIconPrefixWidthSmall: string;
+                optionIconPrefixWidthMedium: string;
+                optionIconPrefixWidthLarge: string;
+                optionIconPrefixWidthHuge: string;
+            }, {
+                Popover: import("../../../_mixins").Theme<"Popover", {
+                    fontSize: string;
+                    borderRadius: string;
+                    color: string;
+                    dividerColor: string;
+                    textColor: string;
+                    boxShadow: string;
+                    space: string;
+                    spaceArrow: string;
+                    arrowOffset: string;
+                    arrowOffsetVertical: string;
+                    arrowHeight: string;
+                    padding: string;
+                }, any>;
+            }>;
         };
         peerOverrides: {
             Button?: {
@@ -1167,6 +1238,24 @@ declare const _default: import("vue").DefineComponent<{
                     }>> | undefined;
                 } | undefined;
             } | undefined;
+            Dropdown?: {
+                peers?: {
+                    Popover?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Popover", {
+                        fontSize: string;
+                        borderRadius: string;
+                        color: string;
+                        dividerColor: string;
+                        textColor: string;
+                        boxShadow: string;
+                        space: string;
+                        spaceArrow: string;
+                        arrowOffset: string;
+                        arrowOffsetVertical: string;
+                        arrowHeight: string;
+                        padding: string;
+                    }, any>> | undefined;
+                } | undefined;
+            } | undefined;
         };
     }>;
     scrollX: import("vue").Ref<string | number | undefined>;
@@ -1225,7 +1314,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("../interface").InternalRowData>) => import("vue").VNodeChild) | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     onResize: PropType<(e: ResizeObserverEntry) => void>;
     showHeader: BooleanConstructor;
     flexHeight: BooleanConstructor;

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

@@ -80,7 +80,7 @@ export default 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, scrollPartRef, mergedTableLayoutRef, childTriggerColIndexRef, indentRef, rowPropsRef, maxHeightRef, stripedRef, loadingRef, onLoadRef, loadingKeySetRef, expandableRef, stickyExpandedRowsRef, renderExpandIconRef, setHeaderScrollLeft, doUpdateExpandedRowKeys, handleTableBodyScroll, doCheck, doUncheck, renderCell
+        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, scrollPartRef, mergedTableLayoutRef, childTriggerColIndexRef, indentRef, rowPropsRef, maxHeightRef, stripedRef, loadingRef, onLoadRef, loadingKeySetRef, expandableRef, stickyExpandedRowsRef, renderExpandIconRef, summaryPlacementRef, setHeaderScrollLeft, doUpdateExpandedRowKeys, handleTableBodyScroll, doCheck, doUncheck, renderCell
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = inject(dataTableInjectionKey);
         const scrollbarInstRef = ref(null);
@@ -275,7 +275,7 @@ export default defineComponent({
                 id: `n-${componentId}`
             });
         });
-        return Object.assign({ bodyWidth: bodyWidthRef, dataTableSlots,
+        return Object.assign({ bodyWidth: bodyWidthRef, summaryPlacement: summaryPlacementRef, dataTableSlots,
             componentId,
             scrollbarInstRef,
             virtualListRef,
@@ -351,32 +351,34 @@ export default defineComponent({
                 if (summary) {
                     const summaryRows = summary(this.rawPaginatedData);
                     if (Array.isArray(summaryRows)) {
-                        mergedData = [
-                            ...mergedPaginationData,
-                            ...summaryRows.map((row, i) => ({
-                                isSummaryRow: true,
-                                key: `__n_summary__${i}`,
-                                tmNode: {
-                                    rawNode: row,
-                                    disabled: true
-                                },
-                                index: -1
-                            }))
-                        ];
+                        const summaryRowData = summaryRows.map((row, i) => ({
+                            isSummaryRow: true,
+                            key: `__n_summary__${i}`,
+                            tmNode: {
+                                rawNode: row,
+                                disabled: true
+                            },
+                            index: -1
+                        }));
+                        mergedData =
+                            this.summaryPlacement === 'top'
+                                ? [...summaryRowData, ...mergedPaginationData]
+                                : [...mergedPaginationData, ...summaryRowData];
                     }
                     else {
-                        mergedData = [
-                            ...mergedPaginationData,
-                            {
-                                isSummaryRow: true,
-                                key: '__n_summary__',
-                                tmNode: {
-                                    rawNode: summaryRows,
-                                    disabled: true
-                                },
-                                index: -1
-                            }
-                        ];
+                        const summaryRowData = {
+                            isSummaryRow: true,
+                            key: '__n_summary__',
+                            tmNode: {
+                                rawNode: summaryRows,
+                                disabled: true
+                            },
+                            index: -1
+                        };
+                        mergedData =
+                            this.summaryPlacement === 'top'
+                                ? [summaryRowData, ...mergedPaginationData]
+                                : [...mergedPaginationData, summaryRowData];
                     }
                 }
                 else {

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

@@ -13,7 +13,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<(checked: boolean, e: MouseEvent | KeyboardEvent) => void>;
         required: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     rowKey: {
         type: PropType<RowKey>;
         required: true;

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

@@ -13,7 +13,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<(checked: boolean) => void>;
         required: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     rowKey: {
         type: PropType<RowKey>;
         required: true;