naive-ui 2.30.8 → 2.31.0

package/es/countdown/src/Countdown.js

@@ -1,5 +1,5 @@
 import { defineComponent, onMounted, onBeforeUnmount, watchEffect, ref } from 'vue';
-const countdownProps = {
+export const countdownProps = {
     duration: {
         type: Number,
         default: 0
@@ -112,32 +112,48 @@ export default defineComponent({
         onBeforeUnmount(() => {
             stopTimer();
         });
-        return () => {
-            const { render, precision } = props;
-            const { value: distance } = distanceRef;
-            let timeInfo;
-            switch (precision) {
-                case 0:
-                    timeInfo = getTimeInfo(distance + 999);
-                    timeInfo.milliseconds = 0;
-                    break;
-                case 1:
-                    timeInfo = getTimeInfo(distance + 99);
-                    timeInfo.milliseconds = Math.floor(timeInfo.milliseconds / 100) * 100;
-                    break;
-                case 2:
-                    timeInfo = getTimeInfo(distance + 9);
-                    timeInfo.milliseconds = Math.floor(timeInfo.milliseconds / 10) * 10;
-                    break;
-                case 3:
-                    timeInfo = getTimeInfo(distance);
-            }
-            if (render) {
-                return render(timeInfo);
-            }
-            else {
-                return getDisplayValue(timeInfo);
+        function reset() {
+            distanceRef.value = props.duration;
+            elapsed = 0;
+            pnow = performance.now();
+            if (props.active && finished) {
+                frame();
             }
+            finished = false;
+        }
+        const countdownExposedMethod = {
+            reset
         };
+        return Object.assign(countdownExposedMethod, {
+            distance: distanceRef,
+            getTimeInfo,
+            getDisplayValue
+        });
+    },
+    render() {
+        const { render, precision, distance, getTimeInfo, getDisplayValue } = this;
+        let timeInfo;
+        switch (precision) {
+            case 0:
+                timeInfo = getTimeInfo(distance + 999);
+                timeInfo.milliseconds = 0;
+                break;
+            case 1:
+                timeInfo = getTimeInfo(distance + 99);
+                timeInfo.milliseconds = Math.floor(timeInfo.milliseconds / 100) * 100;
+                break;
+            case 2:
+                timeInfo = getTimeInfo(distance + 9);
+                timeInfo.milliseconds = Math.floor(timeInfo.milliseconds / 10) * 10;
+                break;
+            case 3:
+                timeInfo = getTimeInfo(distance);
+        }
+        if (render) {
+            return render(timeInfo);
+        }
+        else {
+            return getDisplayValue(timeInfo);
+        }
     }
 });

package/es/data-table/index.d.ts

@@ -1,3 +1,3 @@
-export { default as NDataTable } from './src/DataTable';
+export { default as NDataTable, dataTableProps } from './src/DataTable';
 export type { DataTableProps } from './src/DataTable';
 export type { RowKey as DataTableRowKey, RenderFilter as DataTableRenderFilter, RenderSorter as DataTableRenderSorter, RenderFilterIcon as DataTableRenderFilterIcon, RenderSorterIcon as DataTableRenderSorterIcon, ColumnKey as DataTableColumnKey, TableColumn as DataTableColumn, TableColumns as DataTableColumns, TableBaseColumn as DataTableBaseColumn, TableSelectionColumn as DataTableSelectionColumn, TableExpandColumn as DataTableExpandColumn, CreateRowClassName as DataTableCreateRowClassName, CreateRowKey as DataTableCreateRowKey, CreateRowProps as DataTableCreateRowProps, DataTableInst, CreateSummary as DataTableCreateSummary, FilterState as DataTableFilterState, SortState as DataTableSortState } from './src/interface';

package/es/data-table/index.js

@@ -1 +1 @@
-export { default as NDataTable } from './src/DataTable';
+export { default as NDataTable, dataTableProps } from './src/DataTable';

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

@@ -1176,6 +1176,7 @@ declare const _default: import("vue").DefineComponent<{
             tmNode: TmNode;
             key: import("treemate").Key;
             striped: boolean;
+            index: number;
         }[];
         hasChildren: boolean;
     }>;
@@ -1212,6 +1213,9 @@ declare const _default: import("vue").DefineComponent<{
     handleCheckboxUpdateChecked: (tmNode: {
         key: RowKey;
     }, checked: boolean, shiftKey: boolean) => void;
+    handleRadioUpdateChecked: (tmNode: {
+        key: RowKey;
+    }) => 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<{

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

@@ -13,24 +13,27 @@ import { createRowClassName, getColKey, isColumnSorting } from '../utils';
 import Cell from './Cell';
 import ExpandTrigger from './ExpandTrigger';
 import RenderSafeCheckbox from './BodyCheckbox';
+import RenderSafeRadio from './BodyRadio';
 import TableHeader from './Header';
 function flatten(rowInfos, expandedRowKeys) {
     const fRows = [];
-    function traverse(rs) {
+    function traverse(rs, rootIndex) {
         rs.forEach((r) => {
             if (r.children && expandedRowKeys.has(r.key)) {
                 fRows.push({
                     tmNode: r,
                     striped: false,
-                    key: r.key
+                    key: r.key,
+                    index: rootIndex
                 });
-                traverse(r.children);
+                traverse(r.children, rootIndex);
             }
             else {
                 fRows.push({
                     key: r.key,
                     tmNode: r,
-                    striped: false
+                    striped: false,
+                    index: rootIndex
                 });
             }
         });
@@ -39,7 +42,7 @@ function flatten(rowInfos, expandedRowKeys) {
         fRows.push(rowInfo);
         const { children } = rowInfo.tmNode;
         if (children && expandedRowKeys.has(rowInfo.key)) {
-            traverse(children);
+            traverse(children, rowInfo.index);
         }
     });
     return fRows;
@@ -109,7 +112,7 @@ export default defineComponent({
                         }
                     });
                     if (checked) {
-                        doCheck(rowKeysToCheck);
+                        doCheck(rowKeysToCheck, false);
                     }
                     else {
                         doUncheck(rowKeysToCheck);
@@ -119,13 +122,16 @@ export default defineComponent({
                 }
             }
             if (checked) {
-                doCheck(tmNode.key);
+                doCheck(tmNode.key, false);
             }
             else {
                 doUncheck(tmNode.key);
             }
             lastSelectedKey = tmNode.key;
         }
+        function handleRadioUpdateChecked(tmNode) {
+            doCheck(tmNode.key, true);
+        }
         function getScrollContainer() {
             if (!shouldDisplaySomeTablePartRef.value) {
                 const { value: emptyEl } = emptyElRef;
@@ -283,16 +289,18 @@ export default defineComponent({
                         return {
                             tmNode,
                             key: tmNode.key,
-                            striped: index % 2 === 1
+                            striped: index % 2 === 1,
+                            index
                         };
                     }
-                    : (tmNode) => {
+                    : (tmNode, index) => {
                         if (!tmNode.isLeaf)
                             hasChildren = true;
                         return {
                             tmNode,
                             key: tmNode.key,
-                            striped: false
+                            striped: false,
+                            index
                         };
                     });
                 return {
@@ -308,6 +316,7 @@ export default defineComponent({
             virtualListContent,
             handleTableBodyScroll,
             handleCheckboxUpdateChecked,
+            handleRadioUpdateChecked,
             handleUpdateExpanded,
             renderCell }, exposedMethods);
     },
@@ -331,7 +340,7 @@ export default defineComponent({
                 const cordToPass = {};
                 // coordinate to related hover keys
                 const cordKey = {};
-                const { cols, paginatedDataAndInfo, mergedTheme, fixedColumnLeftMap, fixedColumnRightMap, currentPage, rowClassName, mergedSortState, mergedExpandedRowKeySet, componentId, childTriggerColIndex, rowProps, handleMouseenterTable, handleMouseleaveTable, renderExpand, summary, handleCheckboxUpdateChecked, handleUpdateExpanded } = this;
+                const { cols, paginatedDataAndInfo, mergedTheme, fixedColumnLeftMap, fixedColumnRightMap, currentPage, rowClassName, mergedSortState, mergedExpandedRowKeySet, componentId, childTriggerColIndex, rowProps, handleMouseenterTable, handleMouseleaveTable, renderExpand, summary, handleCheckboxUpdateChecked, handleRadioUpdateChecked, handleUpdateExpanded } = this;
                 const { length: colCount } = cols;
                 let mergedData;
                 // if there is children in data, we should expand mergedData first
@@ -350,7 +359,8 @@ export default defineComponent({
                                 tmNode: {
                                     rawNode: row,
                                     disabled: true
-                                }
+                                },
+                                index: -1
                             }))
                         ];
                     }
@@ -363,7 +373,8 @@ export default defineComponent({
                                 tmNode: {
                                     rawNode: summaryRows,
                                     disabled: true
-                                }
+                                },
+                                index: -1
                             }
                         ];
                     }
@@ -381,7 +392,8 @@ export default defineComponent({
                         displayedData.push(rowInfo, {
                             isExpandedRow: true,
                             key: `${rowInfo.key}-expand`,
-                            tmNode: rowInfo.tmNode
+                            tmNode: rowInfo.tmNode,
+                            index: rowInfo.index
                         });
                     }
                     else {
@@ -393,26 +405,29 @@ export default defineComponent({
                 paginatedData.forEach(({ tmNode }, rowIndex) => {
                     rowIndexToKey[rowIndex] = tmNode.key;
                 });
-                const renderRow = (rowInfo, rowIndex, isVirtual) => {
+                const renderRow = (rowInfo, displayedRowIndex, isVirtual) => {
+                    const { index: actualRowIndex } = rowInfo;
                     if ('isExpandedRow' in rowInfo) {
                         const { tmNode: { key, rawNode } } = rowInfo;
                         return (h("tr", { class: `${mergedClsPrefix}-data-table-tr`, key: `${key}__expand` },
                             h("td", { class: [
                                     `${mergedClsPrefix}-data-table-td`,
                                     `${mergedClsPrefix}-data-table-td--last-col`,
-                                    rowIndex + 1 === rowCount &&
+                                    displayedRowIndex + 1 === rowCount &&
                                         `${mergedClsPrefix}-data-table-td--last-row`
-                                ], colspan: colCount }, renderExpand(rawNode, rowIndex))));
+                                ], colspan: colCount }, renderExpand(rawNode, actualRowIndex))));
                     }
                     const isSummary = 'isSummaryRow' in rowInfo;
                     const striped = !isSummary && rowInfo.striped;
                     const { tmNode, key: rowKey } = rowInfo;
                     const { rawNode: rowData } = tmNode;
                     const expanded = mergedExpandedRowKeySet.has(rowKey);
-                    const props = rowProps ? rowProps(rowData, rowIndex) : undefined;
+                    const props = rowProps
+                        ? rowProps(rowData, actualRowIndex)
+                        : undefined;
                     const mergedRowClassName = typeof rowClassName === 'string'
                         ? rowClassName
-                        : createRowClassName(rowData, rowIndex, rowClassName);
+                        : createRowClassName(rowData, actualRowIndex, rowClassName);
                     const row = (h("tr", Object.assign({ onMouseenter: () => {
                             this.hoverKey = rowKey;
                         }, key: rowKey, class: [
@@ -422,8 +437,8 @@ export default defineComponent({
                             mergedRowClassName
                         ] }, props), cols.map((col, colIndex) => {
                         var _a, _b, _c, _d, _e;
-                        if (!isVirtual && rowIndex in cordToPass) {
-                            const cordOfRowToPass = cordToPass[rowIndex];
+                        if (displayedRowIndex in cordToPass) {
+                            const cordOfRowToPass = cordToPass[displayedRowIndex];
                             const indexInCordOfRowToPass = cordOfRowToPass.indexOf(colIndex);
                             if (~indexInCordOfRowToPass) {
                                 cordOfRowToPass.splice(indexInCordOfRowToPass, 1);
@@ -437,29 +452,30 @@ export default defineComponent({
                         const mergedColSpan = isSummary
                             ? ((_a = rowInfo.tmNode.rawNode[colKey]) === null || _a === void 0 ? void 0 : _a.colSpan) || 1 // optional for #1276
                             : colSpan
-                                ? colSpan(rowData, rowIndex)
+                                ? colSpan(rowData, actualRowIndex)
                                 : 1;
                         const mergedRowSpan = isSummary
                             ? ((_b = rowInfo.tmNode.rawNode[colKey]) === null || _b === void 0 ? void 0 : _b.rowSpan) || 1 // optional for #1276
                             : rowSpan
-                                ? rowSpan(rowData, rowIndex)
+                                ? rowSpan(rowData, actualRowIndex)
                                 : 1;
                         const isLastCol = colIndex + mergedColSpan === colCount;
-                        const isLastRow = rowIndex + mergedRowSpan === rowCount;
+                        const isLastRow = displayedRowIndex + mergedRowSpan === rowCount;
                         const isCrossRowTd = mergedRowSpan > 1;
                         if (isCrossRowTd) {
-                            cordKey[rowIndex] = {
+                            cordKey[displayedRowIndex] = {
                                 [colIndex]: []
                             };
                         }
                         if (mergedColSpan > 1 || isCrossRowTd) {
-                            for (let i = rowIndex; i < rowIndex + mergedRowSpan; ++i) {
+                            for (let i = displayedRowIndex; i < displayedRowIndex + mergedRowSpan; ++i) {
                                 if (isCrossRowTd) {
-                                    cordKey[rowIndex][colIndex].push(rowIndexToKey[i]);
+                                    cordKey[displayedRowIndex][colIndex].push(rowIndexToKey[i]);
                                 }
                                 for (let j = colIndex; j < colIndex + mergedColSpan; ++j) {
-                                    if (i === rowIndex && j === colIndex)
+                                    if (i === displayedRowIndex && j === colIndex) {
                                         continue;
+                                    }
                                     if (!(i in cordToPass)) {
                                         cordToPass[i] = [j];
                                     }
@@ -471,7 +487,7 @@ export default defineComponent({
                         }
                         const hoverKey = isCrossRowTd ? this.hoverKey : null;
                         const { cellProps } = column;
-                        const resolvedCellProps = cellProps === null || cellProps === void 0 ? void 0 : cellProps(rowData, rowIndex);
+                        const resolvedCellProps = cellProps === null || cellProps === void 0 ? void 0 : cellProps(rowData, actualRowIndex);
                         return (h("td", Object.assign({}, resolvedCellProps, { key: colKey, style: [
                                 {
                                     textAlign: column.align || undefined,
@@ -486,7 +502,7 @@ export default defineComponent({
                                 isSummary &&
                                     `${mergedClsPrefix}-data-table-td--summary`,
                                 ((hoverKey !== null &&
-                                    cordKey[rowIndex][colIndex].includes(hoverKey)) ||
+                                    cordKey[displayedRowIndex][colIndex].includes(hoverKey)) ||
                                     isColumnSorting(column, mergedSortState)) &&
                                     `${mergedClsPrefix}-data-table-td--hover`,
                                 column.fixed &&
@@ -508,8 +524,8 @@ export default defineComponent({
                                         } }))
                                 ]
                                 : null,
-                            column.type === 'selection' ? (!isSummary ? (h(RenderSafeCheckbox, { key: currentPage, rowKey: rowKey, disabled: rowInfo.tmNode.disabled, onUpdateChecked: (checked, e) => handleCheckboxUpdateChecked(rowInfo.tmNode, checked, e.shiftKey) })) : null) : column.type === 'expand' ? (!isSummary ? (!column.expandable ||
-                                ((_e = column.expandable) === null || _e === void 0 ? void 0 : _e.call(column, rowData)) ? (h(ExpandTrigger, { clsPrefix: mergedClsPrefix, expanded: expanded, onClick: () => handleUpdateExpanded(rowKey, null) })) : null) : null) : (h(Cell, { clsPrefix: mergedClsPrefix, index: rowIndex, row: rowData, column: column, isSummary: isSummary, mergedTheme: mergedTheme, renderCell: this.renderCell }))));
+                            column.type === 'selection' ? (!isSummary ? (column.multiple === false ? (h(RenderSafeRadio, { key: currentPage, rowKey: rowKey, disabled: rowInfo.tmNode.disabled, onUpdateChecked: () => handleRadioUpdateChecked(rowInfo.tmNode) })) : (h(RenderSafeCheckbox, { key: currentPage, rowKey: rowKey, disabled: rowInfo.tmNode.disabled, onUpdateChecked: (checked, e) => handleCheckboxUpdateChecked(rowInfo.tmNode, checked, e.shiftKey) }))) : null) : column.type === 'expand' ? (!isSummary ? (!column.expandable ||
+                                ((_e = column.expandable) === null || _e === void 0 ? void 0 : _e.call(column, rowData)) ? (h(ExpandTrigger, { clsPrefix: mergedClsPrefix, expanded: expanded, onClick: () => handleUpdateExpanded(rowKey, null) })) : null) : null) : (h(Cell, { clsPrefix: mergedClsPrefix, index: actualRowIndex, row: rowData, column: column, isSummary: isSummary, mergedTheme: mergedTheme, renderCell: this.renderCell }))));
                     })));
                     return row;
                 };
@@ -519,8 +535,8 @@ export default defineComponent({
                         } },
                         h("colgroup", null, cols.map((col) => (h("col", { key: col.key, style: col.style })))),
                         this.showHeader ? h(TableHeader, { discrete: false }) : null,
-                        !this.empty ? (h("tbody", { "data-n-id": componentId, class: `${mergedClsPrefix}-data-table-tbody` }, displayedData.map((rowInfo, rowIndex) => {
-                            return renderRow(rowInfo, rowIndex, false);
+                        !this.empty ? (h("tbody", { "data-n-id": componentId, class: `${mergedClsPrefix}-data-table-tbody` }, displayedData.map((rowInfo, displayedRowIndex) => {
+                            return renderRow(rowInfo, displayedRowIndex, false);
                         }))) : null));
                 }
                 else {

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

@@ -0,0 +1,30 @@
+import { PropType } from 'vue';
+import { RowKey } from '../interface';
+declare const _default: import("vue").DefineComponent<{
+    rowKey: {
+        type: PropType<RowKey>;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    onUpdateChecked: {
+        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<{
+    rowKey: {
+        type: PropType<RowKey>;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    onUpdateChecked: {
+        type: PropType<(checked: boolean) => void>;
+        required: true;
+    };
+}>>, {}>;
+export default _default;

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

@@ -0,0 +1,30 @@
+import { defineComponent, h, inject } from 'vue';
+import { NRadio } from '../../../radio';
+import { dataTableInjectionKey } from '../interface';
+// Extract the radio to avoid useless rendering in table body
+export default defineComponent({
+    name: 'DataTableBodyRadio',
+    props: {
+        rowKey: {
+            type: [String, Number],
+            required: true
+        },
+        disabled: {
+            type: Boolean,
+            required: true
+        },
+        onUpdateChecked: {
+            type: Function,
+            required: true
+        }
+    },
+    setup(props) {
+        const { mergedCheckedRowKeySetRef, componentId
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+         } = inject(dataTableInjectionKey);
+        return () => {
+            const { rowKey } = props;
+            return (h(NRadio, { name: componentId, disabled: props.disabled, checked: mergedCheckedRowKeySetRef.value.has(rowKey), onUpdateChecked: props.onUpdateChecked }));
+        };
+    }
+});

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

@@ -106,9 +106,9 @@ export default defineComponent({
                             handleColHeaderClick(e, column);
                         }
                         : undefined },
-                    column.type === 'selection' ? (h(Fragment, null,
+                    column.type === 'selection' ? (column.multiple !== false ? (h(Fragment, null,
                         h(NCheckbox, { key: currentPage, privateInsideTable: true, checked: allRowsChecked, indeterminate: someRowsChecked, disabled: headerCheckboxDisabled, onUpdateChecked: handleCheckboxUpdateChecked }),
-                        checkOptions ? (h(SelectionMenu, { clsPrefix: mergedClsPrefix })) : null)) : ellipsis === true || (ellipsis && !ellipsis.tooltip) ? (h("div", { class: `${mergedClsPrefix}-data-table-th__ellipsis` }, renderTitle(column))) // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
+                        checkOptions ? (h(SelectionMenu, { clsPrefix: mergedClsPrefix })) : null)) : null) : ellipsis === true || (ellipsis && !ellipsis.tooltip) ? (h("div", { class: `${mergedClsPrefix}-data-table-th__ellipsis` }, renderTitle(column))) // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
                         : ellipsis && typeof ellipsis === 'object' ? (h(NEllipsis, Object.assign({}, ellipsis, { theme: mergedTheme.peers.Ellipsis, themeOverrides: mergedTheme.peerOverrides.Ellipsis }), {
                             default: () => renderTitle(column)
                         })) : (renderTitle(column)),

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

@@ -82,6 +82,7 @@ export declare type TableBaseColumn<T = InternalRowData> = {
 } & CommonColumnInfo<T>;
 export declare type TableSelectionColumn<T = InternalRowData> = {
     type: 'selection';
+    multiple?: boolean;
     disabled?: (row: T) => boolean;
     options?: DataTableSelectionOptions;
     sorter?: never;
@@ -169,7 +170,7 @@ export interface DataTableInjection {
     deriveNextSorter: (sorter: SortState | null) => void;
     doUncheckAll: (checkWholeTable?: boolean) => void;
     doCheckAll: (checkWholeTable?: boolean) => void;
-    doCheck: (rowKey: RowKey | RowKey[]) => void;
+    doCheck: (rowKey: RowKey | RowKey[], single: boolean) => void;
     doUncheck: (rowKey: RowKey | RowKey[]) => void;
     handleTableHeaderScroll: (e: Event) => void;
     handleTableBodyScroll: (e: Event) => void;

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

@@ -16,6 +16,6 @@ export declare function useCheck(props: DataTableSetupProps, data: {
     doUpdateCheckedRowKeys: (keys: RowKey[]) => void;
     doCheckAll: (checkWholeTable?: boolean) => void;
     doUncheckAll: (checkWholeTable?: boolean) => void;
-    doCheck: (rowKey: RowKey | RowKey[]) => void;
+    doCheck: (rowKey: RowKey | RowKey[], single?: boolean) => void;
     doUncheck: (rowKey: RowKey | RowKey[]) => void;
 };

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

@@ -5,10 +5,18 @@ export function useCheck(props, data) {
     const { paginatedDataRef, treeMateRef, selectionColumnRef } = data;
     const uncontrolledCheckedRowKeysRef = ref(props.defaultCheckedRowKeys);
     const mergedCheckState = computed(() => {
+        var _a;
         const { checkedRowKeys } = props;
-        return treeMateRef.value.getCheckedKeys(checkedRowKeys === undefined
+        const sourceKeys = checkedRowKeys === undefined
             ? uncontrolledCheckedRowKeysRef.value
-            : checkedRowKeys, {
+            : checkedRowKeys;
+        if (((_a = selectionColumnRef.value) === null || _a === void 0 ? void 0 : _a.multiple) === false) {
+            return {
+                checkedKeys: sourceKeys.slice(0, 1),
+                indeterminateKeys: []
+            };
+        }
+        return treeMateRef.value.getCheckedKeys(sourceKeys, {
             cascade: props.cascade,
             allowNotLoaded: props.allowCheckingNotLoaded
         });
@@ -66,9 +74,13 @@ export function useCheck(props, data) {
             call(onCheckedRowKeysChange, keys, rows);
         uncontrolledCheckedRowKeysRef.value = keys;
     }
-    function doCheck(rowKey) {
+    function doCheck(rowKey, single = false) {
         if (props.loading)
             return;
+        if (single) {
+            doUpdateCheckedRowKeys(Array.isArray(rowKey) ? rowKey.slice(0, 1) : [rowKey]);
+            return;
+        }
         doUpdateCheckedRowKeys(treeMateRef.value.check(rowKey, mergedCheckedRowKeysRef.value, {
             cascade: props.cascade,
             allowNotLoaded: props.allowCheckingNotLoaded

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

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

package/es/date-picker/index.js

@@ -1 +1 @@
-export { default as NDatePicker } from './src/DatePicker';
+export { default as NDatePicker, datePickerProps } from './src/DatePicker';

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

@@ -5,7 +5,7 @@ import type { FormValidationStatus } from '../../form/src/interface';
 import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
 import { DatePickerType } from './config';
 import type { OnUpdateValue, Value, IsDateDisabled, IsTimeDisabled, Shortcuts, FirstDayOfWeek, DefaultTime, FormattedValue, OnUpdateFormattedValue } from './interface';
-declare const datePickerProps: {
+export declare const datePickerProps: {
     readonly to: {
         type: PropType<string | boolean | HTMLElement>;
         default: undefined;

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

@@ -20,7 +20,7 @@ import DaterangePanel from './panel/daterange';
 import MonthPanel from './panel/month';
 import MonthRangePanel from './panel/monthrange';
 import style from './styles/index.cssr';
-const datePickerProps = Object.assign(Object.assign({}, useTheme.props), { to: useAdjustedTo.propTo, bordered: {
+export const datePickerProps = Object.assign(Object.assign({}, useTheme.props), { to: useAdjustedTo.propTo, bordered: {
         type: Boolean,
         default: undefined
     }, clearable: Boolean, updateValueOnClose: Boolean, defaultValue: [Number, Array], defaultFormattedValue: [String, Array], defaultTime: [Number, String, Array], disabled: {
@@ -196,37 +196,46 @@ export default defineComponent({
             }
         });
         const mergedActionsRef = computed(() => {
-            const { actions, type } = props;
+            const { actions, type, clearable } = props;
             if (actions === null)
                 return [];
             if (actions !== undefined)
                 return actions;
+            const result = clearable ? ['clear'] : [];
             switch (type) {
                 case 'date': {
-                    return ['clear', 'now'];
+                    result.push('now');
+                    return result;
                 }
                 case 'datetime': {
-                    return ['clear', 'now', 'confirm'];
+                    result.push('now', 'confirm');
+                    return result;
                 }
                 case 'daterange': {
-                    return ['clear', 'confirm'];
+                    result.push('confirm');
+                    return result;
                 }
                 case 'datetimerange': {
-                    return ['clear', 'confirm'];
+                    result.push('confirm');
+                    return result;
                 }
                 case 'month': {
-                    return ['clear', 'now', 'confirm'];
+                    result.push('now', 'confirm');
+                    return result;
                 }
                 case 'year': {
-                    return ['clear', 'now'];
+                    result.push('now');
+                    return result;
                 }
                 case 'quarter': {
-                    return ['clear', 'now', 'confirm'];
+                    result.push('now', 'confirm');
+                    return result;
                 }
                 case 'monthrange':
                 case 'yearrange':
                 case 'quarterrange': {
-                    return ['clear', 'confirm'];
+                    result.push('confirm');
+                    return result;
                 }
                 default: {
                     warn('data-picker', "The type is wrong, n-date-picker's type only supports `date`, `datetime`, `daterange` and `datetimerange`.");

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

@@ -102,7 +102,7 @@ export default defineComponent({
                     })),
                 h("div", { class: `${mergedClsPrefix}-date-panel-actions__suffix` },
                     ((_b = this.actions) === null || _b === void 0 ? void 0 : _b.includes('clear')) ? (h(NButton, { theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, size: "tiny", onClick: this.handleClearClick }, { default: () => this.locale.clear })) : null,
-                    ((_c = this.actions) === null || _c === void 0 ? void 0 : _c.includes('confirm')) ? (h(NButton, { theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, size: "tiny", type: "primary", disabled: this.isRangeInvalid, onClick: this.handleConfirmClick }, { default: () => this.locale.confirm })) : null))) : null,
+                    ((_c = this.actions) === null || _c === void 0 ? void 0 : _c.includes('confirm')) ? (h(NButton, { theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, size: "tiny", type: "primary", disabled: this.isRangeInvalid || this.isSelecting, onClick: this.handleConfirmClick }, { default: () => this.locale.confirm })) : null))) : null,
             h(NBaseFocusDetector, { onFocus: this.handleFocusDetectorFocus })));
     }
 });

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

@@ -123,7 +123,7 @@ export default defineComponent({
                     })),
                 h("div", { class: `${mergedClsPrefix}-date-panel-actions__suffix` },
                     ((_b = this.actions) === null || _b === void 0 ? void 0 : _b.includes('clear')) ? (h(NButton, { theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, size: "tiny", onClick: this.handleClearClick }, { default: () => this.locale.clear })) : null,
-                    ((_c = this.actions) === null || _c === void 0 ? void 0 : _c.includes('confirm')) ? (h(NButton, { theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, size: "tiny", type: "primary", disabled: this.isRangeInvalid, onClick: this.handleConfirmClick }, { default: () => this.locale.confirm })) : null))) : null,
+                    ((_c = this.actions) === null || _c === void 0 ? void 0 : _c.includes('confirm')) ? (h(NButton, { theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, size: "tiny", type: "primary", disabled: this.isRangeInvalid || this.isSelecting, onClick: this.handleConfirmClick }, { default: () => this.locale.confirm })) : null))) : null,
             h(NBaseFocusDetector, { onFocus: this.handleFocusDetectorFocus })));
     }
 });

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

@@ -27,7 +27,7 @@ export default defineComponent({
                 case 'month':
                     return item.dateObject.month + 1;
                 case 'quarter':
-                    return `Q ${item.dateObject.quarter}`;
+                    return `Q${item.dateObject.quarter}`;
             }
         };
         const { useAsQuickJump } = props;

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

@@ -41,7 +41,7 @@ export default defineComponent({
                     } }, item.type === 'month'
                 ? item.dateObject.month + 1
                 : item.type === 'quarter'
-                    ? item.dateObject.quarter
+                    ? `Q${item.dateObject.quarter}`
                     : item.dateObject.year));
         };
         onMounted(() => {