naive-ui 2.38.2 → 2.40.0

package/es/data-table/src/styles/index.cssr.mjs

@@ -14,16 +14,22 @@ const fixedColumnStyle = createFixedColumnStyle();
 // --n-border-color-popover
 // --n-th-color
 // --n-th-color-hover
+// --n-th-color-sorting
 // --n-th-color-modal
 // --n-th-color-hover-modal
+// --n-th-color-sorting-modal
 // --n-th-color-popover
 // --n-th-color-hover-popover
+// --n-th-color-sorting-popover
 // --n-td-color
 // --n-td-color-hover
+// --n-td-color-sorting
 // --n-td-color-modal
 // --n-td-color-hover-modal
+// --n-td-color-sorting-modal
 // --n-td-color-popover
 // --n-td-color-hover-popover
+// --n-td-color-sorting-popover
 // --n-th-text-color
 // --n-td-text-color
 // --n-th-font-weight
@@ -54,8 +60,9 @@ export default c([cB('data-table', `
  --n-merged-th-color: var(--n-th-color);
  --n-merged-td-color: var(--n-td-color);
  --n-merged-border-color: var(--n-border-color);
- --n-merged-th-color-hover: var(--n-th-color-hover);
+ --n-merged-th-color-sorting: var(--n-th-color-sorting);
  --n-merged-td-color-hover: var(--n-td-color-hover);
+ --n-merged-td-color-sorting: var(--n-td-color-sorting);
  --n-merged-td-color-striped: var(--n-td-color-striped);
  `, [cB('data-table-wrapper', `
  flex-grow: 1;
@@ -128,6 +135,7 @@ c('&:last-child', 'flex-grow: 1;')])])])])])])]), c('>', [cB('data-table-loading
  transition: background-color .3s var(--n-bezier);
  background-color: var(--n-merged-th-color);
  `), cB('data-table-tr', `
+ position: relative;
  box-sizing: border-box;
  background-clip: padding-box;
  transition: background-color .3s var(--n-bezier);
@@ -178,6 +186,8 @@ c('&:last-child', 'flex-grow: 1;')])])])])])])]), c('>', [cB('data-table-loading
  max-width: 100%;
  `), cM('hover', `
  background-color: var(--n-merged-th-color-hover);
+ `), cM('sorting', `
+ background-color: var(--n-merged-th-color-sorting);
  `), cM('sortable', `
  cursor: pointer;
  `, [cE('ellipsis', `
@@ -276,6 +286,8 @@ c('&::after', `
  background-color: var(--n-merged-th-color);
  `), cM('hover', `
  background-color: var(--n-merged-td-color-hover);
+ `), cM('sorting', `
+ background-color: var(--n-merged-td-color-sorting);
  `), cE('ellipsis', `
  display: inline-block;
  text-overflow: ellipsis;
@@ -391,6 +403,8 @@ c('&::after', `
  --n-merged-border-color: var(--n-border-color-modal);
  --n-merged-th-color-hover: var(--n-th-color-hover-modal);
  --n-merged-td-color-hover: var(--n-td-color-hover-modal);
+ --n-merged-th-color-sorting: var(--n-th-color-hover-modal);
+ --n-merged-td-color-sorting: var(--n-td-color-hover-modal);
  --n-merged-td-color-striped: var(--n-td-color-striped-modal);
  `)), insidePopover(cB('data-table', `
  --n-merged-th-color: var(--n-th-color-popover);
@@ -398,6 +412,8 @@ c('&::after', `
  --n-merged-border-color: var(--n-border-color-popover);
  --n-merged-th-color-hover: var(--n-th-color-hover-popover);
  --n-merged-td-color-hover: var(--n-td-color-hover-popover);
+ --n-merged-th-color-sorting: var(--n-th-color-hover-popover);
+ --n-merged-td-color-sorting: var(--n-td-color-hover-popover);
  --n-merged-td-color-striped: var(--n-td-color-striped-popover);
  `))]);
 function createFixedColumnStyle() {

package/es/data-table/src/styles/rtl.cssr.mjs

@@ -1,4 +1,4 @@
-import { cB, cM, c } from "../../../_utils/cssr/index.mjs";
+import { c, cB, cM } from "../../../_utils/cssr/index.mjs";
 export default c([cB('data-table', [cM('rtl', `
  direction: rtl;
  `, [cB('data-table-th', [cM('filterable', `

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

@@ -1,6 +1,6 @@
 import { type ComputedRef } from 'vue';
-import type { DataTableSetupProps, RowKey, RowData, TableSelectionColumn, InternalRowData, TmNode } from './interface';
 import type { TreeMate } from 'treemate';
+import type { DataTableSetupProps, InternalRowData, RowData, RowKey, TableSelectionColumn, TmNode } from './interface';
 export declare function useCheck(props: DataTableSetupProps, data: {
     selectionColumnRef: ComputedRef<TableSelectionColumn | null>;
     paginatedDataRef: ComputedRef<TmNode[]>;
@@ -12,7 +12,7 @@ export declare function useCheck(props: DataTableSetupProps, data: {
     someRowsCheckedRef: ComputedRef<boolean>;
     allRowsCheckedRef: ComputedRef<boolean>;
     headerCheckboxDisabledRef: ComputedRef<boolean>;
-    doUpdateCheckedRowKeys: (keys: RowKey[], row: RowData | undefined, action: 'check' | 'uncheck' | 'checkAll' | 'uncheckAll') => void;
+    doUpdateCheckedRowKeys: (keys: RowKey[], row: RowData | undefined, action: "check" | "uncheck" | "checkAll" | "uncheckAll") => void;
     doCheckAll: (checkWholeTable?: boolean) => void;
     doUncheckAll: (checkWholeTable?: boolean) => void;
     doCheck: (rowKey: RowKey | RowKey[], single: boolean | undefined, rowInfo: RowData) => void;

package/es/data-table/src/use-check.mjs

@@ -1,6 +1,5 @@
 import { computed, ref } from 'vue';
 import { call } from "../../_utils/index.mjs";
-// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
 export function useCheck(props, data) {
   const {
     paginatedDataRef,
@@ -81,7 +80,6 @@ export function useCheck(props, data) {
     keys.forEach(key => {
       var _a;
       const row = (_a = getNode(key)) === null || _a === void 0 ? void 0 : _a.rawNode;
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       rows.push(row);
     });
     if (_onUpdateCheckedRowKeys) {

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

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

package/es/data-table/src/use-expand.mjs

@@ -1,7 +1,6 @@
-import { toRef, ref } from 'vue';
+import { ref, toRef } from 'vue';
 import { useMemo, useMergedState } from 'vooks';
 import { call, warn } from "../../_utils/index.mjs";
-// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
 export function useExpand(props, treeMateRef) {
   const renderExpandRef = useMemo(() => {
     for (const col of props.columns) {

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

@@ -1,15 +1,21 @@
 import { type CSSProperties, type ComputedRef } from 'vue';
-import type { TableExpandColumn, TableSelectionColumn, TableColumn, TableBaseColumn, ColumnKey, DataTableSetupProps } from './interface';
+import type { ColumnKey, DataTableSetupProps, TableBaseColumn, TableColumn, TableExpandColumn, TableSelectionColumn } from './interface';
 export interface RowItem {
     colSpan: number;
     rowSpan: number;
     column: TableColumn;
+    colIndex: number;
     isLast: boolean;
 }
 export interface ColItem {
     key: string | number;
     style: CSSProperties;
     column: TableSelectionColumn | TableExpandColumn | TableBaseColumn;
+    index: number;
+    /**
+     * The width property is only applied to horizontally virtual scroll table
+     */
+    width: number;
 }
 export declare function useGroupHeader(props: DataTableSetupProps, getResizableWidth: (key: ColumnKey) => number | undefined): {
     rowsRef: ComputedRef<RowItem[][]>;

package/es/data-table/src/use-group-header.mjs

@@ -1,6 +1,6 @@
 import { computed } from 'vue';
 import { formatLength } from "../../_utils/index.mjs";
-import { getColKey, createCustomWidthStyle } from "./utils.mjs";
+import { createCustomWidthStyle, getColKey } from "./utils.mjs";
 function getRowsAndCols(columns, getResizableWidth) {
   const rows = [];
   const cols = [];
@@ -14,7 +14,7 @@ function getRowsAndCols(columns, getResizableWidth) {
       rows[currentDepth] = [];
       maxDepth = currentDepth;
     }
-    for (const column of columns) {
+    columns.forEach((column, index) => {
       if ('children' in column) {
         ensureMaxDepth(column.children, currentDepth + 1);
       } else {
@@ -22,7 +22,10 @@ function getRowsAndCols(columns, getResizableWidth) {
         cols.push({
           key: getColKey(column),
           style: createCustomWidthStyle(column, key !== undefined ? formatLength(getResizableWidth(key)) : undefined),
-          column
+          column,
+          index,
+          // The width property is only applied to horizontally virtual scroll table
+          width: column.width === undefined ? 128 : Number(column.width)
         });
         totalRowSpan += 1;
         if (!hasEllipsis) {
@@ -30,13 +33,13 @@ function getRowsAndCols(columns, getResizableWidth) {
         }
         dataRelatedCols.push(column);
       }
-    }
+    });
   }
   ensureMaxDepth(columns, 0);
   let currentLeafIndex = 0;
   function ensureColLayout(columns, currentDepth) {
     let hideUntilIndex = 0;
-    columns.forEach((column, index) => {
+    columns.forEach(column => {
       var _a;
       if ('children' in column) {
         // do not allow colSpan > 1 for non-leaf th
@@ -44,6 +47,7 @@ function getRowsAndCols(columns, getResizableWidth) {
         const cachedCurrentLeafIndex = currentLeafIndex;
         const rowItem = {
           column,
+          colIndex: currentLeafIndex,
           colSpan: 0,
           rowSpan: 1,
           isLast: false
@@ -74,6 +78,7 @@ function getRowsAndCols(columns, getResizableWidth) {
         const rowItem = {
           column,
           colSpan,
+          colIndex: currentLeafIndex,
           rowSpan: maxDepth - currentDepth + 1,
           isLast
         };

package/es/data-table/src/use-resizable.mjs

@@ -1,6 +1,5 @@
 import { ref } from 'vue';
 import { isColumnResizable } from "./utils.mjs";
-// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
 export function useResizable() {
   const resizableWidthsRef = ref({});
   function getResizableWidth(key) {

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

@@ -1,5 +1,5 @@
 import { type ComputedRef, type Ref } from 'vue';
-import type { ColumnKey, MainTableRef, TableColumn, DataTableSetupProps } from './interface';
+import type { ColumnKey, DataTableSetupProps, MainTableRef, TableColumn } from './interface';
 export declare function useScroll(props: DataTableSetupProps, { mainTableInstRef, mergedCurrentPageRef, bodyWidthRef }: {
     bodyWidthRef: Ref<null | number>;
     mainTableInstRef: Ref<MainTableRef | null>;

package/es/data-table/src/use-scroll.mjs

@@ -1,8 +1,7 @@
 import { beforeNextFrameOnce } from 'seemly';
-import { computed, watch, ref } from 'vue';
+import { computed, ref, watch } from 'vue';
 import { formatLength } from "../../_utils/index.mjs";
-import { getNumberColWidth, getColKey } from "./utils.mjs";
-// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+import { getColKey, getNumberColWidth } from "./utils.mjs";
 export function useScroll(props, {
   mainTableInstRef,
   mergedCurrentPageRef,

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

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

package/es/data-table/src/use-sorter.mjs

@@ -36,7 +36,6 @@ function getDefaultSorterFn(columnKey) {
     return 0;
   };
 }
-// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
 export function useSorter(props, {
   dataRelatedColsRef,
   filteredDataRef
@@ -66,9 +65,7 @@ export function useSorter(props, {
           columnKey: column.key,
           // column to sort has controlled sorter
           // sorter && sort order won't be undefined
-          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
           order: column.sortOrder,
-          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
           sorter: column.sorter
         };
       });

package/es/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, FilterState, TableBaseColumn, TableSelectionColumn, InternalRowData, TmNode, TableExpandColumn, RowKey, DataTableSetupProps } from './interface';
+import type { ColumnKey, DataTableSetupProps, FilterState, InternalRowData, RowKey, TableBaseColumn, TableExpandColumn, TableSelectionColumn, TmNode } from './interface';
 export declare function useTableData(props: DataTableSetupProps, { dataRelatedColsRef }: {
     dataRelatedColsRef: ComputedRef<Array<TableSelectionColumn | TableBaseColumn | TableExpandColumn>>;
 }): {

package/es/data-table/src/use-table-data.mjs

@@ -2,11 +2,10 @@ import { computed, ref } from 'vue';
 import { useMemo, useMergedState } from 'vooks';
 import { createTreeMate } from 'treemate';
 import { call, warn } from "../../_utils/index.mjs";
+import { getDefaultPageSize } from "../../pagination/src/utils.mjs";
 import { createShallowClonedObject } from "./utils.mjs";
 import { useSorter } from "./use-sorter.mjs";
-import { getDefaultPageSize } from "../../pagination/src/utils.mjs";
 // useTableData combines filter, sorter and pagination
-// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
 export function useTableData(props, {
   dataRelatedColsRef
 }) {

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

@@ -1,5 +1,5 @@
 import type { CSSProperties } from 'vue';
-import type { SortOrder, TableBaseColumn, InternalRowData, SortOrderFlag, SortState, CreateRowClassName, TableSelectionColumn, TableColumn, TableExpandColumn, RowData } from './interface';
+import type { CreateRowClassName, InternalRowData, RowData, SortOrder, SortOrderFlag, SortState, TableBaseColumn, TableColumn, TableExpandColumn, TableSelectionColumn } from './interface';
 export declare const SELECTION_COL_WIDTH = 40;
 export declare const EXPAND_COL_WIDTH = 40;
 export declare function getNumberColWidth(col: TableColumn): number | undefined;

package/es/data-table/src/utils.mjs

@@ -47,10 +47,10 @@ export function getFlagOfOrder(order) {
 // priority: min-width > max-width > width
 export function clampValueFollowCSSRules(value, min, max) {
   if (max !== undefined) {
-    value = Math.min(value, typeof max === 'number' ? max : parseFloat(max));
+    value = Math.min(value, typeof max === 'number' ? max : Number.parseFloat(max));
   }
   if (min !== undefined) {
-    value = Math.max(value, typeof min === 'number' ? min : parseFloat(min));
+    value = Math.max(value, typeof min === 'number' ? min : Number.parseFloat(min));
   }
   return value;
 }
@@ -122,12 +122,11 @@ function formatCsvCell(value) {
   } else if (value === null || value === undefined) {
     return '';
   } else {
-    // eslint-disable-next-line @typescript-eslint/no-base-to-string, @typescript-eslint/restrict-template-expressions
     return `${value}`.replace(/,/g, '\\,');
   }
 }
 export function generateCsv(columns, data) {
-  const exportableColumns = columns.filter(column => column.type !== 'expand' && column.type !== 'selection');
+  const exportableColumns = columns.filter(column => column.type !== 'expand' && column.type !== 'selection' && column.allowExport !== false);
   const header = exportableColumns.map(col => col.title).join(',');
   const rows = data.map(row => {
     return exportableColumns.map(col => formatCsvCell(row[col.key])).join(',');

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

@@ -1,5 +1,5 @@
 import type { ThemeCommonVars } from '../../_styles/common';
-export declare const self: (vars: ThemeCommonVars) => {
+export declare function self(vars: ThemeCommonVars): {
     actionDividerColor: string;
     lineHeight: string;
     borderRadius: string;
@@ -8,9 +8,11 @@ export declare const self: (vars: ThemeCommonVars) => {
     fontSizeLarge: string;
     borderColor: string;
     tdColorHover: string;
+    tdColorSorting: string;
     tdColorStriped: string;
     thColor: string;
     thColorHover: string;
+    thColorSorting: string;
     tdColor: string;
     tdTextColor: string;
     thTextColor: string;
@@ -20,15 +22,19 @@ export declare const self: (vars: ThemeCommonVars) => {
     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;
@@ -60,9 +66,11 @@ declare const dataTableLight: import("../../_mixins").Theme<"DataTable", {
     fontSizeLarge: string;
     borderColor: string;
     tdColorHover: string;
+    tdColorSorting: string;
     tdColorStriped: string;
     thColor: string;
     thColorHover: string;
+    thColorSorting: string;
     tdColor: string;
     tdTextColor: string;
     thTextColor: string;
@@ -72,15 +80,19 @@ declare const dataTableLight: import("../../_mixins").Theme<"DataTable", {
     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;
@@ -520,10 +532,12 @@ declare const dataTableLight: import("../../_mixins").Theme<"DataTable", {
                 }, any>;
             }>;
             InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
+                optionFontSizeTiny: string;
                 optionFontSizeSmall: string;
                 optionFontSizeMedium: string;
                 optionFontSizeLarge: string;
                 optionFontSizeHuge: string;
+                optionHeightTiny: string;
                 optionHeightSmall: string;
                 optionHeightMedium: string;
                 optionHeightLarge: string;
@@ -544,10 +558,12 @@ declare const dataTableLight: import("../../_mixins").Theme<"DataTable", {
                 actionTextColor: string;
                 loadingColor: string;
                 height: string;
+                paddingTiny: string;
                 paddingSmall: string;
                 paddingMedium: string;
                 paddingLarge: string;
                 paddingHuge: string;
+                optionPaddingTiny: string;
                 optionPaddingSmall: string;
                 optionPaddingMedium: string;
                 optionPaddingLarge: string;
@@ -560,11 +576,14 @@ declare const dataTableLight: import("../../_mixins").Theme<"DataTable", {
                     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;
@@ -572,6 +591,7 @@ declare const dataTableLight: import("../../_mixins").Theme<"DataTable", {
                     textColor: string;
                     iconColor: string;
                     extraTextColor: string;
+                    iconSizeTiny: string;
                     iconSizeSmall: string;
                     iconSizeMedium: string;
                     iconSizeLarge: string;
@@ -658,10 +678,12 @@ declare const dataTableLight: import("../../_mixins").Theme<"DataTable", {
                 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;
@@ -682,10 +704,12 @@ declare const dataTableLight: import("../../_mixins").Theme<"DataTable", {
                 actionTextColor: string;
                 loadingColor: string;
                 height: string;
+                paddingTiny: string;
                 paddingSmall: string;
                 paddingMedium: string;
                 paddingLarge: string;
                 paddingHuge: string;
+                optionPaddingTiny: string;
                 optionPaddingSmall: string;
                 optionPaddingMedium: string;
                 optionPaddingLarge: string;
@@ -698,11 +722,14 @@ declare const dataTableLight: import("../../_mixins").Theme<"DataTable", {
                     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;
@@ -710,6 +737,7 @@ declare const dataTableLight: import("../../_mixins").Theme<"DataTable", {
                     textColor: string;
                     iconColor: string;
                     extraTextColor: string;
+                    iconSizeTiny: string;
                     iconSizeSmall: string;
                     iconSizeMedium: string;
                     iconSizeLarge: string;
@@ -724,11 +752,14 @@ declare const dataTableLight: import("../../_mixins").Theme<"DataTable", {
         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;
@@ -736,6 +767,7 @@ declare const dataTableLight: import("../../_mixins").Theme<"DataTable", {
         textColor: string;
         iconColor: string;
         extraTextColor: string;
+        iconSizeTiny: string;
         iconSizeSmall: string;
         iconSizeMedium: string;
         iconSizeLarge: string;

package/es/data-table/styles/light.mjs

@@ -1,5 +1,4 @@
 import { composite } from 'seemly';
-import commonVariables from "./_common.mjs";
 import { ellipsisLight } from "../../ellipsis/styles/index.mjs";
 import { buttonLight } from "../../button/styles/index.mjs";
 import { checkboxLight } from "../../checkbox/styles/index.mjs";
@@ -11,7 +10,8 @@ import { emptyLight } from "../../empty/styles/index.mjs";
 import { dropdownLight } from "../../dropdown/styles/index.mjs";
 import { commonLight } from "../../_styles/common/index.mjs";
 import { createTheme } from "../../_mixins/index.mjs";
-export const self = vars => {
+import commonVariables from "./_common.mjs";
+export function self(vars) {
   const {
     cardColor,
     modalColor,
@@ -42,9 +42,11 @@ export const self = vars => {
     fontSizeLarge,
     borderColor: composite(cardColor, dividerColor),
     tdColorHover: composite(cardColor, tableColorHover),
+    tdColorSorting: composite(cardColor, tableColorHover),
     tdColorStriped: composite(cardColor, tableColorStriped),
     thColor: composite(cardColor, tableHeaderColor),
     thColorHover: composite(composite(cardColor, tableHeaderColor), tableColorHover),
+    thColorSorting: composite(composite(cardColor, tableHeaderColor), tableColorHover),
     tdColor: cardColor,
     tdTextColor: textColor2,
     thTextColor: textColor1,
@@ -55,16 +57,20 @@ export const self = vars => {
     // modal
     borderColorModal: composite(modalColor, dividerColor),
     tdColorHoverModal: composite(modalColor, tableColorHover),
+    tdColorSortingModal: composite(modalColor, tableColorHover),
     tdColorStripedModal: composite(modalColor, tableColorStriped),
     thColorModal: composite(modalColor, tableHeaderColor),
     thColorHoverModal: composite(composite(modalColor, tableHeaderColor), tableColorHover),
+    thColorSortingModal: composite(composite(modalColor, tableHeaderColor), tableColorHover),
     tdColorModal: modalColor,
     // popover
     borderColorPopover: composite(popoverColor, dividerColor),
     tdColorHoverPopover: composite(popoverColor, tableColorHover),
+    tdColorSortingPopover: composite(popoverColor, tableColorHover),
     tdColorStripedPopover: composite(popoverColor, tableColorStriped),
     thColorPopover: composite(popoverColor, tableHeaderColor),
     thColorHoverPopover: composite(composite(popoverColor, tableHeaderColor), tableColorHover),
+    thColorSortingPopover: composite(composite(popoverColor, tableHeaderColor), tableColorHover),
     tdColorPopover: popoverColor,
     boxShadowBefore: 'inset -12px 0 8px -12px rgba(0, 0, 0, .18)',
     boxShadowAfter: 'inset 12px 0 8px -12px rgba(0, 0, 0, .18)',
@@ -73,7 +79,7 @@ export const self = vars => {
     loadingSize: heightSmall,
     opacityLoading: opacityDisabled
   });
-};
+}
 const dataTableLight = createTheme({
   name: 'DataTable',
   common: commonLight,

package/es/date-picker/index.d.ts

@@ -1,3 +1,3 @@
-export { default as NDatePicker, datePickerProps } from './src/DatePicker';
-export type { DatePickerProps } from './src/DatePicker';
-export type { DatePickerInst } from './src/interface';
+export { default as NDatePicker } from './src/DatePicker';
+export { datePickerProps } from './src/props';
+export type * from './src/public-types';

package/es/date-picker/index.mjs

@@ -1 +1,2 @@
-export { default as NDatePicker, datePickerProps } from "./src/DatePicker.mjs";
+export { default as NDatePicker } from "./src/DatePicker.mjs";
+export { datePickerProps } from "./src/props.mjs";