naive-ui 2.40.0 → 2.40.2

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

@@ -3,17 +3,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const vue_1 = require("vue");
 const seemly_1 = require("seemly");
+const vue_1 = require("vue");
 const vueuc_1 = require("vueuc");
 const _utils_1 = require("../../../_utils");
 const checkbox_1 = require("../../../checkbox");
 const ellipsis_1 = require("../../../ellipsis");
-const SortButton_1 = __importDefault(require("../HeaderButton/SortButton"));
 const FilterButton_1 = __importDefault(require("../HeaderButton/FilterButton"));
 const ResizeButton_1 = __importDefault(require("../HeaderButton/ResizeButton"));
-const utils_1 = require("../utils");
+const SortButton_1 = __importDefault(require("../HeaderButton/SortButton"));
 const interface_1 = require("../interface");
+const utils_1 = require("../utils");
 const SelectionMenu_1 = __importDefault(require("./SelectionMenu"));
 function renderTitle(column) {
     return typeof column.title === 'function'

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

@@ -1,12 +1,12 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     clsPrefix: {
         type: StringConstructor;
         required: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     clsPrefix: {
         type: StringConstructor;
         required: true;
     };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
-const dropdown_1 = require("../../../dropdown");
 const _internal_1 = require("../../../_internal");
 const icons_1 = require("../../../_internal/icons");
+const dropdown_1 = require("../../../dropdown");
 const interface_1 = require("../interface");
 const allKey = '_n_all__';
 const noneKey = '_n_none__';

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

@@ -1,15 +1,16 @@
 import type { TreeMate, TreeNode } from 'treemate';
 import type { CSSProperties, ExtractPropTypes, HTMLAttributes, PropType, Ref, Slots, VNodeChild } from 'vue';
 import type { VirtualListInst } from 'vueuc';
-import type { ScrollTo, ScrollbarProps } from '../../scrollbar/src/Scrollbar';
-import type { EllipsisProps } from '../../ellipsis/src/Ellipsis';
+import type { BaseLoadingExposedProps } from '../../_internal';
+import type { MergedTheme } from '../../_mixins';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
+import type { EllipsisProps } from '../../ellipsis/src/Ellipsis';
 import type { NLocale } from '../../locales';
-import type { MergedTheme } from '../../_mixins';
 import type { PaginationProps } from '../../pagination';
-import type { DataTableTheme } from '../styles';
-import type { BaseLoadingExposedProps } from '../../_internal';
 import type { PopoverProps } from '../../popover';
+import type { ScrollbarProps, ScrollTo } from '../../scrollbar/src/Scrollbar';
+import type { DataTableTheme } from '../styles';
+import type { DataTableGetCsvCell, DataTableGetCsvHeader } from './publicTypes';
 import type { ColItem, RowItem } from './use-group-header';
 export declare const dataTableProps: {
     readonly onUnstableColumnResize: PropType<(resizedWidth: number, limitedWidth: number, column: TableBaseColumn, getColumnWidth: (key: ColumnKey) => number | undefined) => void>;
@@ -114,6 +115,8 @@ export declare const dataTableProps: {
         readonly type: PropType<BaseLoadingExposedProps>;
         readonly default: {};
     };
+    readonly getCsvCell: PropType<DataTableGetCsvCell>;
+    readonly getCsvHeader: PropType<DataTableGetCsvHeader>;
     readonly onLoad: PropType<DataTableOnLoad>;
     readonly 'onUpdate:page': PropType<PaginationProps["onUpdate:page"]>;
     readonly onUpdatePage: PropType<PaginationProps["onUpdate:page"]>;
@@ -548,6 +551,7 @@ export declare const dataTableProps: {
                     heightMedium: string;
                     heightLarge: string;
                     borderRadius: string;
+                    fontWeight: string;
                     textColor: string;
                     textColorDisabled: string;
                     placeholderColor: string;
@@ -676,6 +680,7 @@ export declare const dataTableProps: {
                 }>;
             }>;
             Input: import("../../_mixins").Theme<"Input", {
+                fontWeight: string;
                 countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
@@ -1373,6 +1378,7 @@ export declare const dataTableProps: {
                     heightMedium: string;
                     heightLarge: string;
                     borderRadius: string;
+                    fontWeight: string;
                     textColor: string;
                     textColorDisabled: string;
                     placeholderColor: string;
@@ -1501,6 +1507,7 @@ export declare const dataTableProps: {
                 }>;
             }>;
             Input: import("../../_mixins").Theme<"Input", {
+                fontWeight: string;
                 countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
@@ -2198,6 +2205,7 @@ export declare const dataTableProps: {
                     heightMedium: string;
                     heightLarge: string;
                     borderRadius: string;
+                    fontWeight: string;
                     textColor: string;
                     textColorDisabled: string;
                     placeholderColor: string;
@@ -2326,6 +2334,7 @@ export declare const dataTableProps: {
                 }>;
             }>;
             Input: import("../../_mixins").Theme<"Input", {
+                fontWeight: string;
                 countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;

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

@@ -53,7 +53,7 @@ exports.dataTableProps = Object.assign(Object.assign({}, _mixins_1.useTheme.prop
     }, paginationBehaviorOnFilter: {
         type: String,
         default: 'current'
-    }, filterIconPopoverProps: Object, scrollbarProps: Object, renderCell: Function, renderExpandIcon: Function, spinProps: { type: Object, default: {} }, 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, 
+    }, filterIconPopoverProps: Object, scrollbarProps: Object, renderCell: Function, renderExpandIcon: Function, spinProps: { type: Object, default: {} }, getCsvCell: Function, getCsvHeader: 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] });
 exports.dataTableInjectionKey = (0, _utils_1.createInjectionKey)('n-data-table');

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

@@ -0,0 +1,3 @@
+import type { TableBaseColumn } from './interface';
+export type DataTableGetCsvCell = (value: any, rowData: object, column: TableBaseColumn) => string;
+export type DataTableGetCsvHeader = (column: TableBaseColumn) => string;

package/lib/data-table/src/styles/index.cssr.js

@@ -366,7 +366,8 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('data-table', `
  flex-shrink: 0;
  transition: border-color .3s var(--n-bezier);
  scrollbar-width: none;
- `, [(0, cssr_1.c)('&::-webkit-scrollbar', `
+ `, [(0, cssr_1.c)('&::-webkit-scrollbar, &::-webkit-scrollbar-track-piece, &::-webkit-scrollbar-thumb', `
+ display: none;
  width: 0;
  height: 0;
  `)]), (0, cssr_1.cB)('data-table-check-extra', `

package/lib/data-table/src/use-check.d.ts

@@ -1,6 +1,6 @@
-import { type ComputedRef } from 'vue';
 import type { TreeMate } from 'treemate';
 import type { DataTableSetupProps, InternalRowData, RowData, RowKey, TableSelectionColumn, TmNode } from './interface';
+import { type ComputedRef } from 'vue';
 export declare function useCheck(props: DataTableSetupProps, data: {
     selectionColumnRef: ComputedRef<TableSelectionColumn | null>;
     paginatedDataRef: ComputedRef<TmNode[]>;

package/lib/data-table/src/use-expand.d.ts

@@ -1,8 +1,8 @@
-import { type Ref } from 'vue';
 import type { TreeMate } from 'treemate';
 import type { DataTableSetupProps, Expandable, InternalRowData, RowKey } from './interface';
+import { type Ref } from 'vue';
 export declare function useExpand(props: DataTableSetupProps, treeMateRef: Ref<TreeMate<InternalRowData, InternalRowData, InternalRowData>>): {
-    stickyExpandedRowsRef: Ref<boolean>;
+    stickyExpandedRowsRef: Ref<boolean, boolean>;
     mergedExpandedRowKeysRef: import("vue").ComputedRef<import("treemate").Key[]>;
     renderExpandRef: import("vue").ComputedRef<import("./interface").RenderExpand<any> | undefined>;
     expandableRef: import("vue").ComputedRef<Expandable<any> | undefined>;

package/lib/data-table/src/use-expand.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useExpand = useExpand;
-const vue_1 = require("vue");
 const vooks_1 = require("vooks");
+const vue_1 = require("vue");
 const _utils_1 = require("../../_utils");
 function useExpand(props, treeMateRef) {
     const renderExpandRef = (0, vooks_1.useMemo)(() => {

package/lib/data-table/src/use-group-header.d.ts

@@ -1,5 +1,5 @@
-import { type CSSProperties, type ComputedRef } from 'vue';
 import type { ColumnKey, DataTableSetupProps, TableBaseColumn, TableColumn, TableExpandColumn, TableSelectionColumn } from './interface';
+import { type ComputedRef, type CSSProperties } from 'vue';
 export interface RowItem {
     colSpan: number;
     rowSpan: number;

package/lib/data-table/src/use-scroll.d.ts

@@ -1,5 +1,5 @@
-import { type ComputedRef, type Ref } from 'vue';
 import type { ColumnKey, DataTableSetupProps, MainTableRef, TableColumn } from './interface';
+import { type ComputedRef, type Ref } from 'vue';
 export declare function useScroll(props: DataTableSetupProps, { mainTableInstRef, mergedCurrentPageRef, bodyWidthRef }: {
     bodyWidthRef: Ref<null | number>;
     mainTableInstRef: Ref<MainTableRef | null>;
@@ -16,10 +16,10 @@ export declare function useScroll(props: DataTableSetupProps, { mainTableInstRef
     } | undefined>>;
     leftFixedColumnsRef: ComputedRef<TableColumn<any>[]>;
     rightFixedColumnsRef: ComputedRef<TableColumn<any>[]>;
-    leftActiveFixedColKeyRef: Ref<ColumnKey | null>;
-    leftActiveFixedChildrenColKeysRef: Ref<ColumnKey[]>;
-    rightActiveFixedColKeyRef: Ref<ColumnKey | null>;
-    rightActiveFixedChildrenColKeysRef: Ref<ColumnKey[]>;
+    leftActiveFixedColKeyRef: Ref<ColumnKey | null, ColumnKey | null>;
+    leftActiveFixedChildrenColKeysRef: Ref<ColumnKey[], ColumnKey[]>;
+    rightActiveFixedColKeyRef: Ref<ColumnKey | null, ColumnKey | null>;
+    rightActiveFixedChildrenColKeysRef: Ref<ColumnKey[], ColumnKey[]>;
     syncScrollState: () => void;
     handleTableBodyScroll: (e: Event) => void;
     handleTableHeaderScroll: () => void;

package/lib/data-table/src/use-sorter.d.ts

@@ -1,5 +1,5 @@
-import { type ComputedRef } from 'vue';
 import type { ColumnKey, CompareFn, DataTableSetupProps, InternalRowData, SortOrder, SortState, TableBaseColumn, TableExpandColumn, TableSelectionColumn, TmNode } from './interface';
+import { type ComputedRef } from 'vue';
 export declare function useSorter(props: DataTableSetupProps, { dataRelatedColsRef, filteredDataRef }: {
     dataRelatedColsRef: ComputedRef<Array<TableSelectionColumn | TableBaseColumn | TableExpandColumn>>;
     filteredDataRef: ComputedRef<TmNode[]>;

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

@@ -1,6 +1,6 @@
-import { type ComputedRef } from 'vue';
 import type { PaginationProps } from '../../pagination/src/Pagination';
 import type { ColumnKey, DataTableSetupProps, FilterState, InternalRowData, RowKey, TableBaseColumn, TableExpandColumn, TableSelectionColumn, TmNode } from './interface';
+import { type ComputedRef } from 'vue';
 export declare function useTableData(props: DataTableSetupProps, { dataRelatedColsRef }: {
     dataRelatedColsRef: ComputedRef<Array<TableSelectionColumn | TableBaseColumn | TableExpandColumn>>;
 }): {
@@ -18,7 +18,7 @@ export declare function useTableData(props: DataTableSetupProps, { dataRelatedCo
             compare?: "default" | import("./interface").CompareFn<InternalRowData> | undefined;
         };
     }[]>;
-    hoverKeyRef: import("vue").Ref<RowKey | null>;
+    hoverKeyRef: import("vue").Ref<RowKey | null, RowKey | null>;
     selectionColumnRef: ComputedRef<TableSelectionColumn | null>;
     childTriggerColIndexRef: ComputedRef<number>;
     doUpdateFilters: (filters: FilterState, sourceColumn: TableBaseColumn) => void;

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

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTableData = useTableData;
-const vue_1 = require("vue");
-const vooks_1 = require("vooks");
 const treemate_1 = require("treemate");
+const vooks_1 = require("vooks");
+const vue_1 = require("vue");
 const _utils_1 = require("../../_utils");
 const utils_1 = require("../../pagination/src/utils");
-const utils_2 = require("./utils");
 const use_sorter_1 = require("./use-sorter");
+const utils_2 = require("./utils");
 // useTableData combines filter, sorter and pagination
 function useTableData(props, { dataRelatedColsRef }) {
     const selectionColumnRef = (0, vue_1.computed)(() => {

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

@@ -1,5 +1,6 @@
 import type { CSSProperties } from 'vue';
 import type { CreateRowClassName, InternalRowData, RowData, SortOrder, SortOrderFlag, SortState, TableBaseColumn, TableColumn, TableExpandColumn, TableSelectionColumn } from './interface';
+import type { DataTableGetCsvCell, DataTableGetCsvHeader } from './publicTypes';
 export declare const SELECTION_COL_WIDTH = 40;
 export declare const EXPAND_COL_WIDTH = 40;
 export declare function getNumberColWidth(col: TableColumn): number | undefined;
@@ -16,4 +17,4 @@ export declare function isColumnResizable(column: TableColumn): boolean;
 export declare function isColumnFilterable(column: TableColumn): boolean;
 export declare function createNextSorter(column: TableBaseColumn, currentSortState: SortState | null): SortState | null;
 export declare function isColumnSorting(column: TableColumn, mergedSortState: SortState[]): boolean;
-export declare function generateCsv(columns: TableColumn[], data: RowData[]): string;
+export declare function generateCsv(columns: TableColumn[], data: RowData[], getCsvCell: DataTableGetCsvCell | undefined, getCsvHeader: DataTableGetCsvHeader | undefined): string;

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

@@ -158,14 +158,22 @@ function formatCsvCell(value) {
         return `${value}`.replace(/,/g, '\\,');
     }
 }
-function generateCsv(columns, data) {
+function generateCsv(columns, data, getCsvCell, getCsvHeader) {
     const exportableColumns = columns.filter(column => column.type !== 'expand'
         && column.type !== 'selection'
         && column.allowExport !== false);
-    const header = exportableColumns.map((col) => col.title).join(',');
+    const header = exportableColumns
+        .map((col) => {
+        return getCsvHeader ? getCsvHeader(col) : col.title;
+    })
+        .join(',');
     const rows = data.map((row) => {
         return exportableColumns
-            .map((col) => formatCsvCell(row[col.key]))
+            .map((col) => {
+            return getCsvCell
+                ? getCsvCell(row[col.key], row, col)
+                : formatCsvCell(row[col.key]);
+        })
             .join(',');
     });
     return [header, ...rows].join('\n');

package/lib/data-table/styles/dark.js

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const styles_1 = require("../../ellipsis/styles");
+const styles_1 = require("../../_internal/scrollbar/styles");
+const common_1 = require("../../_styles/common");
 const styles_2 = require("../../button/styles");
 const styles_3 = require("../../checkbox/styles");
-const styles_4 = require("../../radio/styles");
-const styles_5 = require("../../pagination/styles");
-const styles_6 = require("../../_internal/scrollbar/styles");
-const styles_7 = require("../../popover/styles");
-const styles_8 = require("../../empty/styles");
-const styles_9 = require("../../dropdown/styles");
-const common_1 = require("../../_styles/common");
+const styles_4 = require("../../dropdown/styles");
+const styles_5 = require("../../ellipsis/styles");
+const styles_6 = require("../../empty/styles");
+const styles_7 = require("../../pagination/styles");
+const styles_8 = require("../../popover/styles");
+const styles_9 = require("../../radio/styles");
 const light_1 = require("./light");
 const dataTableDark = {
     name: 'DataTable',
@@ -17,13 +17,13 @@ const dataTableDark = {
     peers: {
         Button: styles_2.buttonDark,
         Checkbox: styles_3.checkboxDark,
-        Radio: styles_4.radioDark,
-        Pagination: styles_5.paginationDark,
-        Scrollbar: styles_6.scrollbarDark,
-        Empty: styles_8.emptyDark,
-        Popover: styles_7.popoverDark,
-        Ellipsis: styles_1.ellipsisDark,
-        Dropdown: styles_9.dropdownDark
+        Radio: styles_9.radioDark,
+        Pagination: styles_7.paginationDark,
+        Scrollbar: styles_1.scrollbarDark,
+        Empty: styles_6.emptyDark,
+        Popover: styles_8.popoverDark,
+        Ellipsis: styles_5.ellipsisDark,
+        Dropdown: styles_4.dropdownDark
     },
     self(vars) {
         const commonSelf = (0, light_1.self)(vars);

package/lib/data-table/styles/index.d.ts

@@ -1,4 +1,4 @@
 export { default as dataTableDark } from './dark';
 export { default as dataTableLight } from './light';
-export { DataTableRtl } from './rtl';
 export type { DataTableTheme, DataTableThemeVars } from './light';
+export { DataTableRtl } from './rtl';

package/lib/data-table/styles/light.d.ts

@@ -472,6 +472,7 @@ declare const dataTableLight: import("../../_mixins").Theme<"DataTable", {
                 heightMedium: string;
                 heightLarge: string;
                 borderRadius: string;
+                fontWeight: string;
                 textColor: string;
                 textColorDisabled: string;
                 placeholderColor: string;
@@ -600,6 +601,7 @@ declare const dataTableLight: import("../../_mixins").Theme<"DataTable", {
             }>;
         }>;
         Input: import("../../_mixins").Theme<"Input", {
+            fontWeight: string;
             countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;

package/lib/data-table/styles/light.js

@@ -5,17 +5,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.self = self;
 const seemly_1 = require("seemly");
-const styles_1 = require("../../ellipsis/styles");
+const styles_1 = require("../../_internal/scrollbar/styles");
+const _mixins_1 = require("../../_mixins");
+const common_1 = require("../../_styles/common");
 const styles_2 = require("../../button/styles");
 const styles_3 = require("../../checkbox/styles");
-const styles_4 = require("../../radio/styles");
-const styles_5 = require("../../pagination/styles");
-const styles_6 = require("../../_internal/scrollbar/styles");
-const styles_7 = require("../../popover/styles");
-const styles_8 = require("../../empty/styles");
-const styles_9 = require("../../dropdown/styles");
-const common_1 = require("../../_styles/common");
-const _mixins_1 = require("../../_mixins");
+const styles_4 = require("../../dropdown/styles");
+const styles_5 = require("../../ellipsis/styles");
+const styles_6 = require("../../empty/styles");
+const styles_7 = require("../../pagination/styles");
+const styles_8 = require("../../popover/styles");
+const styles_9 = require("../../radio/styles");
 const _common_1 = __importDefault(require("./_common"));
 function self(vars) {
     const { cardColor, modalColor, popoverColor, textColor2, textColor1, tableHeaderColor, tableColorHover, iconColor, primaryColor, fontWeightStrong, borderRadius, lineHeight, fontSizeSmall, fontSizeMedium, fontSizeLarge, dividerColor, heightSmall, opacityDisabled, tableColorStriped } = vars;
@@ -37,13 +37,13 @@ const dataTableLight = (0, _mixins_1.createTheme)({
     peers: {
         Button: styles_2.buttonLight,
         Checkbox: styles_3.checkboxLight,
-        Radio: styles_4.radioLight,
-        Pagination: styles_5.paginationLight,
-        Scrollbar: styles_6.scrollbarLight,
-        Empty: styles_8.emptyLight,
-        Popover: styles_7.popoverLight,
-        Ellipsis: styles_1.ellipsisLight,
-        Dropdown: styles_9.dropdownLight
+        Radio: styles_9.radioLight,
+        Pagination: styles_7.paginationLight,
+        Scrollbar: styles_1.scrollbarLight,
+        Empty: styles_6.emptyLight,
+        Popover: styles_8.popoverLight,
+        Ellipsis: styles_5.ellipsisLight,
+        Dropdown: styles_4.dropdownLight
     },
     self
 });