naive-ui 2.34.3 → 2.35.0

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

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-import { RowKey } from '../interface';
+import { type PropType } from 'vue';
+import { type RowKey } from '../interface';
 declare const _default: import("vue").DefineComponent<{
     rowKey: {
         type: PropType<RowKey>;
@@ -26,5 +26,5 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<(checked: boolean, e: MouseEvent | KeyboardEvent) => void>;
         required: true;
     };
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;

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

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-import { RowKey } from '../interface';
+import { type PropType } from 'vue';
+import { type RowKey } from '../interface';
 declare const _default: import("vue").DefineComponent<{
     rowKey: {
         type: PropType<RowKey>;
@@ -26,5 +26,5 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<(checked: boolean) => void>;
         required: true;
     };
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;

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

@@ -1,5 +1,5 @@
-import { PropType, VNodeChild } from 'vue';
-import { TableBaseColumn, InternalRowData } from '../interface';
+import { type PropType, type VNodeChild } from 'vue';
+import type { TableBaseColumn, InternalRowData } from '../interface';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
         type: StringConstructor;
@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     column: {
-        type: PropType<TableBaseColumn<InternalRowData>>;
+        type: PropType<TableBaseColumn>;
         required: true;
     };
     isSummary: BooleanConstructor;
@@ -1263,7 +1263,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     column: {
-        type: PropType<TableBaseColumn<InternalRowData>>;
+        type: PropType<TableBaseColumn>;
         required: true;
     };
     isSummary: BooleanConstructor;
@@ -2500,5 +2500,5 @@ declare const _default: import("vue").DefineComponent<{
     renderCell: PropType<(value: any, rowData: object, column: any) => VNodeChild>;
 }>>, {
     isSummary: boolean;
-}>;
+}, {}>;
 export default _default;

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

@@ -1,6 +1,7 @@
 import { defineComponent, h } from 'vue';
 import { get } from 'lodash-es';
-import { NEllipsis } from '../../../ellipsis';
+import NEllipsis from '../../../ellipsis/src/Ellipsis';
+import { NPerformantEllipsis } from '../../../ellipsis/src/PerformantEllipsis';
 export default defineComponent({
     name: 'DataTableCell',
     props: {
@@ -47,6 +48,9 @@ export default defineComponent({
         if (ellipsis) {
             if (typeof ellipsis === 'object') {
                 const { mergedTheme } = this;
+                if (column.ellipsisComponent === 'performant-ellipsis') {
+                    return (h(NPerformantEllipsis, Object.assign({}, ellipsis, { theme: mergedTheme.peers.Ellipsis, themeOverrides: mergedTheme.peerOverrides.Ellipsis }), { default: () => cell }));
+                }
                 return (h(NEllipsis, Object.assign({}, ellipsis, { theme: mergedTheme.peers.Ellipsis, themeOverrides: mergedTheme.peerOverrides.Ellipsis }), { default: () => cell }));
             }
             else {

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

@@ -1,4 +1,5 @@
-import { PropType, VNodeChild } from 'vue';
+import { type PropType } from 'vue';
+import type { RenderExpandIcon } from '../interface';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
         type: StringConstructor;
@@ -11,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     renderExpandIcon: {
-        type: PropType<() => VNodeChild>;
+        type: PropType<RenderExpandIcon>;
     };
 }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     clsPrefix: {
@@ -25,10 +26,10 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     renderExpandIcon: {
-        type: PropType<() => VNodeChild>;
+        type: PropType<RenderExpandIcon>;
     };
 }>>, {
     expanded: boolean;
     loading: boolean;
-}>;
+}, {}>;
 export default _default;

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

@@ -23,10 +23,14 @@ export default defineComponent({
         return (h("div", { class: [
                 `${clsPrefix}-data-table-expand-trigger`,
                 this.expanded && `${clsPrefix}-data-table-expand-trigger--expanded`
-            ], onClick: this.onClick },
+            ], onClick: this.onClick, onMousedown: (e) => {
+                e.preventDefault();
+            } },
             h(NIconSwitchTransition, null, {
                 default: () => {
-                    return this.loading ? (h(NBaseLoading, { key: "loading", clsPrefix: this.clsPrefix, radius: 85, strokeWidth: 15, scale: 0.88 })) : this.renderExpandIcon ? (this.renderExpandIcon()) : (h(NBaseIcon, { clsPrefix: clsPrefix, key: "base-icon" }, {
+                    return this.loading ? (h(NBaseLoading, { key: "loading", clsPrefix: this.clsPrefix, radius: 85, strokeWidth: 15, scale: 0.88 })) : this.renderExpandIcon ? (this.renderExpandIcon({
+                        expanded: this.expanded
+                    })) : (h(NBaseIcon, { clsPrefix: clsPrefix, key: "base-icon" }, {
                         default: () => h(ChevronRightIcon, null)
                     }));
                 }

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

@@ -1,4 +1,4 @@
-import { TableBaseColumn, ColumnKey } from '../interface';
+import { type TableBaseColumn, type ColumnKey } from '../interface';
 declare const _default: import("vue").DefineComponent<{
     discrete: {
         type: BooleanConstructor;
@@ -1253,8 +1253,6 @@ 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>;
-    handleMouseenter: () => void;
-    handleMouseleave: () => void;
     handleCheckboxUpdateChecked: () => void;
     handleColHeaderClick: (e: MouseEvent, column: TableBaseColumn) => void;
     handleTableHeaderScroll: (e: Event) => void;
@@ -1267,5 +1265,5 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     discrete: boolean;
-}>;
+}, {}>;
 export default _default;

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

@@ -23,7 +23,7 @@ export default defineComponent({
         }
     },
     setup() {
-        const { mergedClsPrefixRef, scrollXRef, fixedColumnLeftMapRef, fixedColumnRightMapRef, mergedCurrentPageRef, allRowsCheckedRef, someRowsCheckedRef, rowsRef, colsRef, mergedThemeRef, checkOptionsRef, mergedSortStateRef, componentId, scrollPartRef, mergedTableLayoutRef, headerCheckboxDisabledRef, onUnstableColumnResize, doUpdateResizableWidth, handleTableHeaderScroll, deriveNextSorter, doUncheckAll, doCheckAll
+        const { mergedClsPrefixRef, scrollXRef, fixedColumnLeftMapRef, fixedColumnRightMapRef, mergedCurrentPageRef, allRowsCheckedRef, someRowsCheckedRef, rowsRef, colsRef, mergedThemeRef, checkOptionsRef, mergedSortStateRef, componentId, mergedTableLayoutRef, headerCheckboxDisabledRef, onUnstableColumnResize, doUpdateResizableWidth, handleTableHeaderScroll, deriveNextSorter, doUncheckAll, doCheckAll
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = inject(dataTableInjectionKey);
         const cellElsRef = ref({});
@@ -50,12 +50,6 @@ export default defineComponent({
             const nextSorter = createNextSorter(column, activeSorter);
             deriveNextSorter(nextSorter);
         }
-        function handleMouseenter() {
-            scrollPartRef.value = 'head';
-        }
-        function handleMouseleave() {
-            scrollPartRef.value = 'body';
-        }
         const resizeStartWidthMap = new Map();
         function handleColumnResizeStart(column) {
             resizeStartWidthMap.set(column.key, getCellActualWidth(column.key));
@@ -87,8 +81,6 @@ export default defineComponent({
             checkOptions: checkOptionsRef,
             mergedTableLayout: mergedTableLayoutRef,
             headerCheckboxDisabled: headerCheckboxDisabledRef,
-            handleMouseenter,
-            handleMouseleave,
             handleCheckboxUpdateChecked,
             handleColHeaderClick,
             handleTableHeaderScroll,
@@ -121,12 +113,16 @@ export default defineComponent({
                                 })) : (renderTitle(column))),
                             isColumnSortable(column) ? (h(SortButton, { column: column })) : null),
                         isColumnFilterable(column) ? (h(FilterButton, { column: column, options: column.filterOptions })) : null,
-                        isColumnResizable(column) ? (h(ResizeButton, { onResizeStart: () => handleColumnResizeStart(column), onResize: (displacementX) => handleColumnResize(column, displacementX) })) : null));
+                        isColumnResizable(column) ? (h(ResizeButton, { onResizeStart: () => {
+                                handleColumnResizeStart(column);
+                            }, onResize: (displacementX) => {
+                                handleColumnResize(column, displacementX);
+                            } })) : null));
                 };
                 const leftFixed = key in fixedColumnLeftMap;
                 const rightFixed = key in fixedColumnRightMap;
                 return (h("th", { ref: (el) => (cellElsRef[key] = el), key: key, style: {
-                        textAlign: column.align,
+                        textAlign: column.titleAlign || column.align,
                         left: pxfy((_a = fixedColumnLeftMap[key]) === null || _a === void 0 ? void 0 : _a.start),
                         right: pxfy((_b = fixedColumnRightMap[key]) === null || _b === void 0 ? void 0 : _b.start)
                     }, colspan: colSpan, rowspan: rowSpan, "data-col-key": key, class: [
@@ -153,8 +149,8 @@ export default defineComponent({
         if (!discrete) {
             return theadVNode;
         }
-        const { handleTableHeaderScroll, handleMouseenter, handleMouseleave, scrollX } = this;
-        return (h("div", { class: `${mergedClsPrefix}-data-table-base-table-header`, onScroll: handleTableHeaderScroll, onMouseenter: handleMouseenter, onMouseleave: handleMouseleave },
+        const { handleTableHeaderScroll, scrollX } = this;
+        return (h("div", { class: `${mergedClsPrefix}-data-table-base-table-header`, onScroll: handleTableHeaderScroll },
             h("table", { ref: "body", class: `${mergedClsPrefix}-data-table-table`, style: {
                     minWidth: formatLength(scrollX),
                     tableLayout: mergedTableLayout

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

@@ -8,5 +8,5 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;

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

@@ -1,5 +1,5 @@
-import { TreeMate, TreeNode } from 'treemate';
-import { CSSProperties, Ref, HTMLAttributes, Slots, PropType, ExtractPropTypes, VNodeChild } from 'vue';
+import type { TreeMate, TreeNode } from 'treemate';
+import type { CSSProperties, Ref, HTMLAttributes, Slots, PropType, ExtractPropTypes, VNodeChild } from 'vue';
 import type { ScrollbarProps, ScrollTo } from '../../scrollbar/src/Scrollbar';
 import type { EllipsisProps } from '../../ellipsis/src/Ellipsis';
 import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
@@ -8,7 +8,7 @@ import type { MergedTheme } from '../../_mixins';
 import type { PaginationProps } from '../../pagination';
 import type { DataTableTheme } from '../styles';
 import type { RowItem, ColItem } from './use-group-header';
-import { BaseLoadingExposedProps } from '../../_internal';
+import type { BaseLoadingExposedProps } from '../../_internal';
 export declare const dataTableProps: {
     readonly onUnstableColumnResize: PropType<(resizedWidth: number, limitedWidth: number, column: TableBaseColumn, getColumnWidth: (key: ColumnKey) => number | undefined) => void>;
     readonly pagination: {
@@ -95,7 +95,7 @@ export declare const dataTableProps: {
     };
     readonly scrollbarProps: PropType<ScrollbarProps>;
     readonly renderCell: PropType<(value: any, rowData: object, column: TableBaseColumn) => VNodeChild>;
-    readonly renderExpandIcon: PropType<() => VNodeChild>;
+    readonly renderExpandIcon: PropType<RenderExpandIcon>;
     readonly spinProps: {
         readonly type: PropType<BaseLoadingExposedProps>;
         readonly default: {};
@@ -2486,9 +2486,7 @@ export interface FilterOption {
 }
 export type TmNode = TreeNode<InternalRowData>;
 export type SortOrder = 'ascend' | 'descend' | false;
-export type Ellipsis = boolean | (EllipsisProps & {
-    style?: CSSProperties;
-});
+export type Ellipsis = boolean | EllipsisProps;
 export interface CommonColumnInfo<T = InternalRowData> {
     fixed?: 'left' | 'right';
     width?: number | string;
@@ -2496,7 +2494,9 @@ export interface CommonColumnInfo<T = InternalRowData> {
     maxWidth?: number | string;
     className?: string;
     align?: 'left' | 'center' | 'right';
+    titleAlign?: 'left' | 'center' | 'right';
     ellipsis?: Ellipsis;
+    ellipsisComponent?: 'ellipsis' | 'performant-ellipsis';
     cellProps?: (rowData: T, rowIndex: number) => HTMLAttributes;
 }
 export type TableColumnTitle = string | ((column: TableBaseColumn) => VNodeChild);
@@ -2554,6 +2554,9 @@ export type TableSelectionColumn<T = InternalRowData> = {
     rowSpan?: never;
 } & CommonColumnInfo<T>;
 export type RenderExpand<T = InternalRowData> = (row: T, index: number) => VNodeChild;
+export type RenderExpandIcon = ({ expanded }: {
+    expanded: boolean;
+}) => VNodeChild;
 export type Expandable<T = InternalRowData> = (row: T) => boolean;
 export interface TableExpandColumn<T = InternalRowData> extends Omit<TableSelectionColumn<T>, 'type'> {
     type: 'expand';
@@ -2614,7 +2617,6 @@ export interface DataTableInjection {
     rawPaginatedDataRef: Ref<InternalRowData[]>;
     virtualScrollRef: Ref<boolean>;
     bodyWidthRef: Ref<number | null>;
-    scrollPartRef: Ref<'head' | 'body'>;
     mergedTableLayoutRef: Ref<'auto' | 'fixed'>;
     maxHeightRef: Ref<string | number | undefined>;
     minHeightRef: Ref<string | number | undefined>;
@@ -2627,7 +2629,7 @@ export interface DataTableInjection {
     paginationBehaviorOnFilterRef: Ref<'current' | 'first'>;
     expandableRef: Ref<Expandable<any> | undefined>;
     stickyExpandedRowsRef: Ref<boolean>;
-    renderExpandIconRef: Ref<undefined | (() => VNodeChild)>;
+    renderExpandIconRef: Ref<undefined | RenderExpandIcon>;
     summaryPlacementRef: Ref<'top' | 'bottom'>;
     treeMateRef: Ref<TreeMate<InternalRowData, InternalRowData, InternalRowData>>;
     scrollbarPropsRef: Ref<ScrollbarProps | undefined>;

package/es/data-table/src/styles/index.cssr.d.ts

@@ -1,3 +1,3 @@
-import { CNode } from 'css-render';
+import type { CNode } from 'css-render';
 declare const _default: CNode;
 export default _default;

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

@@ -44,6 +44,7 @@ const fixedColumnStyle = createFixedColumnStyle();
 // --n-opacity-loading
 // --n-box-shadow-before used in Body.tsx
 // --n-box-shadow-after used in Body.tsx
+// --indent-offset for ellipsis & expand trigger
 export default c([cB('data-table', `
  width: 100%;
  font-size: var(--n-font-size);
@@ -282,6 +283,7 @@ c('&::after', `
  white-space: nowrap;
  max-width: 100%;
  vertical-align: bottom;
+ max-width: calc(100% - var(--indent-offset, -1.5) * 16px - 24px);
  `), cM('selection, expand', `
  text-align: center;
  padding: 0;

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

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

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

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

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

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

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

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

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

@@ -3,8 +3,9 @@ import { computed, watch, ref } from 'vue';
 import { formatLength } from '../../_utils';
 import { getNumberColWidth, getColKey } from './utils';
 // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
-export function useScroll(props, { mainTableInstRef, mergedCurrentPageRef, bodyWidthRef, scrollPartRef }) {
-    let scrollLeft = 0;
+export function useScroll(props, { mainTableInstRef, mergedCurrentPageRef, bodyWidthRef }) {
+    let lastScrollLeft = 0;
+    const scrollPartRef = ref();
     const leftActiveFixedColKeyRef = ref(null);
     const leftActiveFixedChildrenColKeysRef = ref([]);
     const rightActiveFixedColKeyRef = ref(null);
@@ -68,7 +69,7 @@ export function useScroll(props, { mainTableInstRef, mergedCurrentPageRef, bodyW
         let leftActiveFixedColKey = null;
         for (let i = 0; i < leftFixedColumns.length; ++i) {
             const key = getColKey(leftFixedColumns[i]);
-            if (scrollLeft > (((_a = fixedColumnLeftMap[key]) === null || _a === void 0 ? void 0 : _a.start) || 0) - leftWidth) {
+            if (lastScrollLeft > (((_a = fixedColumnLeftMap[key]) === null || _a === void 0 ? void 0 : _a.start) || 0) - leftWidth) {
                 leftActiveFixedColKey = key;
                 leftWidth = ((_b = fixedColumnLeftMap[key]) === null || _b === void 0 ? void 0 : _b.end) || 0;
             }
@@ -103,7 +104,7 @@ export function useScroll(props, { mainTableInstRef, mergedCurrentPageRef, bodyW
         const { value: fixedColumnRightMap } = fixedColumnRightMapRef;
         for (let i = rightFixedColumns.length - 1; i >= 0; --i) {
             const key = getColKey(rightFixedColumns[i]);
-            if (Math.round(scrollLeft +
+            if (Math.round(lastScrollLeft +
                 (((_a = fixedColumnRightMap[key]) === null || _a === void 0 ? void 0 : _a.start) || 0) +
                 tableWidth -
                 rightWidth) < scrollWidth) {
@@ -146,16 +147,22 @@ export function useScroll(props, { mainTableInstRef, mergedCurrentPageRef, bodyW
         }
     }
     function handleTableHeaderScroll() {
-        if (scrollPartRef.value === 'head') {
+        if (scrollPartRef.value !== 'body') {
             beforeNextFrameOnce(syncScrollState);
         }
+        else {
+            scrollPartRef.value = undefined;
+        }
     }
     function handleTableBodyScroll(e) {
         var _a;
         (_a = props.onScroll) === null || _a === void 0 ? void 0 : _a.call(props, e);
-        if (scrollPartRef.value === 'body') {
+        if (scrollPartRef.value !== 'head') {
             beforeNextFrameOnce(syncScrollState);
         }
+        else {
+            scrollPartRef.value = undefined;
+        }
     }
     function syncScrollState() {
         // We can't simply use props.scrollX to determine whether the table has
@@ -167,22 +174,23 @@ export function useScroll(props, { mainTableInstRef, mergedCurrentPageRef, bodyW
         const { value: tableWidth } = bodyWidthRef;
         if (tableWidth === null)
             return;
-        const { value: scrollPart } = scrollPartRef;
         if (props.maxHeight || props.flexHeight) {
             if (!header)
                 return;
             // we need to deal with overscroll
-            if (scrollPart === 'head') {
-                scrollLeft = header.scrollLeft;
-                body.scrollLeft = scrollLeft;
+            const directionHead = lastScrollLeft - header.scrollLeft;
+            scrollPartRef.value = directionHead !== 0 ? 'head' : 'body';
+            if (scrollPartRef.value === 'head') {
+                lastScrollLeft = header.scrollLeft;
+                body.scrollLeft = lastScrollLeft;
             }
             else {
-                scrollLeft = body.scrollLeft;
-                header.scrollLeft = scrollLeft;
+                lastScrollLeft = body.scrollLeft;
+                header.scrollLeft = lastScrollLeft;
             }
         }
         else {
-            scrollLeft = body.scrollLeft;
+            lastScrollLeft = body.scrollLeft;
         }
         deriveActiveLeftFixedColumn();
         deriveActiveLeftFixedChildrenColumns();

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

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

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

@@ -1,4 +1,4 @@
-import { ComputedRef } from 'vue';
+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';
 export declare function useTableData(props: DataTableSetupProps, { dataRelatedColsRef }: {
@@ -19,7 +19,7 @@ export declare function useTableData(props: DataTableSetupProps, { dataRelatedCo
         };
     }[]>;
     hoverKeyRef: import("vue").Ref<RowKey | null>;
-    selectionColumnRef: ComputedRef<TableSelectionColumn<InternalRowData> | null>;
+    selectionColumnRef: ComputedRef<TableSelectionColumn | null>;
     childTriggerColIndexRef: ComputedRef<number>;
     doUpdateFilters: (filters: FilterState, sourceColumn: TableBaseColumn) => void;
     deriveNextSorter: (sortState: import("./interface").SortState | null) => void;

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

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'vue';
+import type { CSSProperties } from 'vue';
 import type { SortOrder, TableBaseColumn, InternalRowData, SortOrderFlag, SortState, CreateRowClassName, TableSelectionColumn, TableColumn, TableExpandColumn } from './interface';
 export declare const SELECTION_COL_WIDTH = 40;
 export declare const EXPAND_COL_WIDTH = 40;

package/es/date-picker/src/DatePicker.d.ts

@@ -1,9 +1,9 @@
-import { PropType, ExtractPropTypes, Ref } from 'vue';
-import { FollowerPlacement } from 'vueuc';
+import { type PropType, type ExtractPropTypes, type Ref } from 'vue';
+import { type FollowerPlacement } from 'vueuc';
 import type { TimePickerProps } from '../../time-picker/src/TimePicker';
 import type { FormValidationStatus } from '../../form/src/interface';
 import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
-import { DatePickerType } from './config';
+import { type DatePickerType } from './config';
 import type { OnUpdateValue, Value, IsDateDisabled, IsTimeDisabled, Shortcuts, FirstDayOfWeek, DefaultTime, FormattedValue, OnUpdateFormattedValue } from './interface';
 export declare const datePickerProps: {
     readonly to: {
@@ -3862,7 +3862,7 @@ declare const _default: import("vue").DefineComponent<{
     }>>>;
 }, {
     mergedStatus: import("vue").ComputedRef<FormValidationStatus | undefined>;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: Ref<string>;
     mergedBordered: import("vue").ComputedRef<boolean>;
     namespace: import("vue").ComputedRef<string | undefined>;
     uncontrolledValue: Ref<Value | null>;
@@ -7015,5 +7015,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly updateValueOnClose: boolean;
     readonly closeOnSelect: boolean;
     readonly bindCalendarMonths: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/date-picker/src/interface.d.ts

@@ -1,12 +1,12 @@
-import { Ref, Slots, UnwrapNestedRefs } from 'vue';
-import { VirtualListInst } from 'vueuc';
-import { NLocale, NDateLocale } from '../../locales';
+import type { Ref, Slots, UnwrapNestedRefs } from 'vue';
+import { type VirtualListInst } from 'vueuc';
+import type { NLocale, NDateLocale } from '../../locales';
 import type { ScrollbarInst } from '../../_internal';
 import type { IsHourDisabled, IsMinuteDisabled, IsSecondDisabled } from '../../time-picker/src/interface';
 import type { TimePickerProps } from '../../time-picker/src/TimePicker';
 import type { MergedTheme } from '../../_mixins';
 import type { DatePickerTheme } from '../styles/light';
-import { uniCalendarValidation, dualCalendarValidation } from './validation-utils';
+import type { uniCalendarValidation, dualCalendarValidation } from './validation-utils';
 export type Value = number | [number, number];
 export type DefaultTime = string | [string | undefined, string | undefined];
 export type FormattedValue = string | [string, string];

package/es/date-picker/src/panel/date.d.ts

@@ -44,7 +44,7 @@ declare const _default: import("vue").DefineComponent<{
     timePickerSize: import("vue").Ref<"small" | "medium" | "large">;
     dateInputValue: import("vue").Ref<string>;
     datePickerSlots: Readonly<{
-        [name: string]: import("vue").Slot | undefined;
+        [name: string]: import("vue").Slot<any> | undefined;
     }>;
     handleQuickMonthClick: (dateItem: import("../utils").MonthItem | import("../utils").YearItem | import("../utils").QuarterItem, updatePanelValue: (value: number) => void) => void;
     justifyColumnsScrollState: (value?: number | undefined) => void;
@@ -415,7 +415,7 @@ declare const _default: import("vue").DefineComponent<{
                 borderFocusSuccess: string;
                 borderDisabledSuccess: string;
                 rippleColorSuccess: string;
-                colorWarning: string; /** we don't need a confirm button for date picking */
+                colorWarning: string;
                 colorHoverWarning: string;
                 colorPressedWarning: string;
                 colorFocusWarning: string;
@@ -640,7 +640,7 @@ declare const _default: import("vue").DefineComponent<{
                     borderFocusSuccess: string;
                     borderDisabledSuccess: string;
                     rippleColorSuccess: string;
-                    colorWarning: string; /** we don't need a confirm button for date picking */
+                    colorWarning: string;
                     colorHoverWarning: string;
                     colorPressedWarning: string;
                     colorFocusWarning: string;
@@ -928,7 +928,7 @@ declare const _default: import("vue").DefineComponent<{
                         borderFocusSuccess: string;
                         borderDisabledSuccess: string;
                         rippleColorSuccess: string;
-                        colorWarning: string; /** we don't need a confirm button for date picking */
+                        colorWarning: string;
                         colorHoverWarning: string;
                         colorPressedWarning: string;
                         colorFocusWarning: string;
@@ -1103,7 +1103,7 @@ declare const _default: import("vue").DefineComponent<{
         startMonthPlaceholder: string;
         endMonthPlaceholder: string;
         monthBeforeYear: boolean;
-        firstDayOfWeek: 0 | 2 | 1 | 3 | 4 | 5 | 6;
+        firstDayOfWeek: 0 | 2 | 1 | 3 | 4 | 6 | 5;
         today: string;
     }>;
     doConfirm: () => void;
@@ -1179,5 +1179,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly active: boolean;
     readonly actions: string[];
     readonly panel: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/date-picker/src/panel/date.js

@@ -51,7 +51,9 @@ export default defineComponent({
                             [`${mergedClsPrefix}-date-panel-date--excluded`]: !dateItem.inCurrentMonth,
                             [`${mergedClsPrefix}-date-panel-date--disabled`]: this.mergedIsDateDisabled(dateItem.ts)
                         }
-                    ], onClick: () => this.handleDateClick(dateItem) },
+                    ], onClick: () => {
+                        this.handleDateClick(dateItem);
+                    } },
                     h("div", { class: `${mergedClsPrefix}-date-panel-date__trigger` }),
                     dateItem.dateObject.date,
                     dateItem.isCurrentDate ? (h("div", { class: `${mergedClsPrefix}-date-panel-date__sup` })) : null))))),

package/es/date-picker/src/panel/daterange.d.ts

@@ -36,7 +36,7 @@ declare const _default: import("vue").DefineComponent<{
     startTimeValue: import("vue").ComputedRef<number | null>;
     endTimeValue: import("vue").ComputedRef<number | null>;
     datePickerSlots: Readonly<{
-        [name: string]: import("vue").Slot | undefined;
+        [name: string]: import("vue").Slot<any> | undefined;
     }>;
     shortcuts: import("vue").ComputedRef<import("../interface").Shortcuts | undefined>;
     startCalendarDateTime: import("vue").Ref<number>;
@@ -1128,7 +1128,7 @@ declare const _default: import("vue").DefineComponent<{
         startMonthPlaceholder: string;
         endMonthPlaceholder: string;
         monthBeforeYear: boolean;
-        firstDayOfWeek: 0 | 2 | 1 | 3 | 4 | 5 | 6;
+        firstDayOfWeek: 0 | 2 | 1 | 3 | 4 | 6 | 5;
         today: string;
     }>;
     doConfirm: () => void;
@@ -1216,5 +1216,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly actions: unknown[];
     readonly panel: boolean;
     readonly bindCalendarMonths: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/date-picker/src/panel/daterange.js

@@ -49,7 +49,11 @@ export default defineComponent({
                             [`${mergedClsPrefix}-date-panel-date--end`]: dateItem.endOfSpan,
                             [`${mergedClsPrefix}-date-panel-date--disabled`]: this.mergedIsDateDisabled(dateItem.ts)
                         }
-                    ], onClick: () => this.handleDateClick(dateItem), onMouseenter: () => this.handleDateMouseEnter(dateItem) },
+                    ], onClick: () => {
+                        this.handleDateClick(dateItem);
+                    }, onMouseenter: () => {
+                        this.handleDateMouseEnter(dateItem);
+                    } },
                     h("div", { class: `${mergedClsPrefix}-date-panel-date__trigger` }),
                     dateItem.dateObject.date,
                     dateItem.isCurrentDate ? (h("div", { class: `${mergedClsPrefix}-date-panel-date__sup` })) : null))))),
@@ -74,7 +78,11 @@ export default defineComponent({
                             [`${mergedClsPrefix}-date-panel-date--end`]: dateItem.endOfSpan,
                             [`${mergedClsPrefix}-date-panel-date--disabled`]: this.mergedIsDateDisabled(dateItem.ts)
                         }
-                    ], onClick: () => this.handleDateClick(dateItem), onMouseenter: () => this.handleDateMouseEnter(dateItem) },
+                    ], onClick: () => {
+                        this.handleDateClick(dateItem);
+                    }, onMouseenter: () => {
+                        this.handleDateMouseEnter(dateItem);
+                    } },
                     h("div", { class: `${mergedClsPrefix}-date-panel-date__trigger` }),
                     dateItem.dateObject.date,
                     dateItem.isCurrentDate ? (h("div", { class: `${mergedClsPrefix}-date-panel-date__sup` })) : null))))),