naive-ui 2.30.7 → 2.32.0

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;
@@ -3956,6 +3956,7 @@ declare const _default: import("vue").DefineComponent<{
         select: () => void;
         activate: () => void;
         deactivate: () => void;
+        scrollTo: (options: ScrollToOptions) => void;
     } | null>;
     isMounted: Readonly<Ref<boolean>>;
     displayTime: Ref<string>;

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.d.ts

@@ -1145,7 +1145,6 @@ declare const _default: import("vue").DefineComponent<{
     handleOpenQuickSelectMonthPanel: () => void;
     startDatesElRef: import("vue").Ref<HTMLElement | null>;
     endDatesElRef: import("vue").Ref<HTMLElement | null>;
-    resetSelectingStatus: (e: MouseEvent) => void;
     handleDateClick: (dateItem: import("../utils").DateItem) => void;
     handleColItemClick: (dateItem: import("../utils").MonthItem | import("../utils").YearItem | import("../utils").QuarterItem, clickType: "start" | "end") => void;
     handleDateMouseEnter: (dateItem: import("../utils").DateItem) => void;

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

@@ -28,7 +28,7 @@ export default defineComponent({
                 `${mergedClsPrefix}-date-panel--daterange`,
                 !this.panel && `${mergedClsPrefix}-date-panel--shadow`,
                 this.themeClass
-            ], onClick: this.resetSelectingStatus, onKeydown: this.handlePanelKeyDown, onFocus: this.handlePanelFocus },
+            ], onKeydown: this.handlePanelKeyDown, onFocus: this.handlePanelFocus },
             h("div", { ref: "startDatesElRef", class: `${mergedClsPrefix}-date-panel-calendar ${mergedClsPrefix}-date-panel-calendar--start` },
                 h("div", { class: `${mergedClsPrefix}-date-panel-month` },
                     h("div", { class: `${mergedClsPrefix}-date-panel-month__fast-prev`, onClick: this.startCalendarPrevYear },
@@ -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.d.ts

@@ -1145,7 +1145,6 @@ declare const _default: import("vue").DefineComponent<{
     handleOpenQuickSelectMonthPanel: () => void;
     startDatesElRef: import("vue").Ref<HTMLElement | null>;
     endDatesElRef: import("vue").Ref<HTMLElement | null>;
-    resetSelectingStatus: (e: MouseEvent) => void;
     handleDateClick: (dateItem: import("../utils").DateItem) => void;
     handleColItemClick: (dateItem: import("../utils").MonthItem | import("../utils").YearItem | import("../utils").QuarterItem, clickType: "start" | "end") => void;
     handleDateMouseEnter: (dateItem: import("../utils").DateItem) => void;

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

@@ -30,7 +30,7 @@ export default defineComponent({
                 `${mergedClsPrefix}-date-panel--datetimerange`,
                 !this.panel && `${mergedClsPrefix}-date-panel--shadow`,
                 this.themeClass
-            ], onClick: this.resetSelectingStatus, onKeydown: this.handlePanelKeyDown, onFocus: this.handlePanelFocus },
+            ], onKeydown: this.handlePanelKeyDown, onFocus: this.handlePanelFocus },
             h("div", { class: `${mergedClsPrefix}-date-panel-header` },
                 h(NInput, { value: this.startDateDisplayString, theme: mergedTheme.peers.Input, themeOverrides: mergedTheme.peerOverrides.Input, size: this.timePickerSize, stateful: false, class: `${mergedClsPrefix}-date-panel-date-input`, textDecoration: this.isStartValueInvalid ? 'line-through' : '', placeholder: this.locale.selectDate, onBlur: this.handleStartDateInputBlur, onUpdateValue: this.handleStartDateInput }),
                 h(NTimePicker, Object.assign({ placeholder: this.locale.selectTime, format: this.timeFormat, size: this.timePickerSize }, (Array.isArray(timePickerProps)
@@ -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.d.ts

@@ -1152,7 +1152,6 @@ declare const _default: import("vue").DefineComponent<{
     handleOpenQuickSelectMonthPanel: () => void;
     startDatesElRef: import("vue").Ref<HTMLElement | null>;
     endDatesElRef: import("vue").Ref<HTMLElement | null>;
-    resetSelectingStatus: (e: MouseEvent) => void;
     handleDateClick: (dateItem: import("../utils").DateItem) => void;
     handleColItemClick: (dateItem: MonthItem | YearItem | QuarterItem, clickType: "start" | "end") => void;
     handleDateMouseEnter: (dateItem: import("../utils").DateItem) => void;

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(() => {
@@ -56,7 +56,7 @@ export default defineComponent({
                 `${mergedClsPrefix}-date-panel`,
                 `${mergedClsPrefix}-date-panel--daterange`,
                 !this.panel && `${mergedClsPrefix}-date-panel--shadow`
-            ], onClick: this.resetSelectingStatus, onKeydown: this.handlePanelKeyDown, onFocus: this.handlePanelFocus },
+            ], onKeydown: this.handlePanelKeyDown, onFocus: this.handlePanelFocus },
             h("div", { ref: "startDatesElRef", class: `${mergedClsPrefix}-date-panel-calendar ${mergedClsPrefix}-date-panel-calendar--start` },
                 h("div", { class: `${mergedClsPrefix}-date-panel-month-calendar` },
                     h(NScrollbar, { ref: "startYearScrollbarRef", class: `${mergedClsPrefix}-date-panel-month-calendar__picker-col`, theme: mergedTheme.peers.Scrollbar, themeOverrides: mergedTheme.peerOverrides.Scrollbar, container: () => this.virtualListContainer('start'), content: () => this.virtualListContent('start'), horizontalRailStyle: { zIndex: 1 }, verticalRailStyle: { zIndex: 1 } }, {

package/es/date-picker/src/panel/use-dual-calendar.d.ts

@@ -1151,7 +1151,6 @@ declare function useDualCalendar(props: ExtractPropTypes<typeof useDualCalendarP
     handleOpenQuickSelectMonthPanel: () => void;
     startDatesElRef: import("vue").Ref<HTMLElement | null>;
     endDatesElRef: import("vue").Ref<HTMLElement | null>;
-    resetSelectingStatus: (e: MouseEvent) => void;
     handleDateClick: (dateItem: DateItem) => void;
     handleColItemClick: (dateItem: MonthItem | QuarterItem | YearItem, clickType: 'start' | 'end') => void;
     handleDateMouseEnter: (dateItem: DateItem) => void;

package/es/date-picker/src/panel/use-dual-calendar.js

@@ -234,16 +234,6 @@ function useDualCalendar(props, type) {
             }
         }
     }
-    function resetSelectingStatus(e) {
-        var _a, _b;
-        if (((_a = startDatesElRef.value) === null || _a === void 0 ? void 0 : _a.contains(e.target)) ||
-            ((_b = endDatesElRef.value) === null || _b === void 0 ? void 0 : _b.contains(e.target))) {
-            // do nothing
-        }
-        else {
-            isSelectingRef.value = false;
-        }
-    }
     function syncCalendarTimeWithValue(value) {
         if (value === null)
             return;
@@ -642,7 +632,6 @@ function useDualCalendar(props, type) {
     };
     return Object.assign(Object.assign(Object.assign(Object.assign({ startDatesElRef,
         endDatesElRef,
-        resetSelectingStatus,
         handleDateClick,
         handleColItemClick,
         handleDateMouseEnter,

package/es/date-picker/src/styles/index.cssr.js

@@ -88,6 +88,7 @@ export default c([cB('date-picker', `
  min-width: var(--n-scroll-item-width);
  height: calc(var(--n-scroll-item-height) * 6);
  user-select: none;
+ -webkit-user-select: none;
  `, [c('&:first-child', `
  min-width: calc(var(--n-scroll-item-width) + 4px);
  `, [cE('picker-col-item', [c('&::before', 'left: 4px;')])]), cE('padding', `
@@ -196,6 +197,7 @@ export default c([cB('date-picker', `
  color: var(--n-arrow-color);
  `), cE('month-year', `
  user-select: none;
+ -webkit-user-select: none;
  flex-grow: 1;
  position: relative;
  `, [cE('text', `
@@ -223,6 +225,7 @@ export default c([cB('date-picker', `
  border-bottom: 1px solid var(--n-calendar-days-divider-color);
  `, [cE('day', `
  user-select: none;
+ -webkit-user-select: none;
  line-height: 15px;
  width: var(--n-item-size);
  text-align: center;
@@ -238,6 +241,7 @@ export default c([cB('date-picker', `
  flex-wrap: wrap;
  `, [cB('date-panel-date', `
  user-select: none;
+ -webkit-user-select: none;
  position: relative;
  width: var(--n-item-size);
  height: var(--n-item-size);

package/es/descriptions/index.d.ts

@@ -1,4 +1,4 @@
-export { default as NDescriptions } from './src/Descriptions';
-export { default as NDescriptionsItem } from './src/DescriptionsItem';
+export { default as NDescriptions, descriptionsProps } from './src/Descriptions';
+export { default as NDescriptionsItem, descriptionsItemProps } from './src/DescriptionsItem';
 export type { DescriptionsProps, DescriptionProps } from './src/Descriptions';
 export type { DescriptionItemProps } from './src/DescriptionsItem';

package/es/descriptions/index.js

@@ -1,2 +1,2 @@
-export { default as NDescriptions } from './src/Descriptions';
-export { default as NDescriptionsItem } from './src/DescriptionsItem';
+export { default as NDescriptions, descriptionsProps } from './src/Descriptions';
+export { default as NDescriptionsItem, descriptionsItemProps } from './src/DescriptionsItem';

package/es/descriptions/src/Descriptions.d.ts

@@ -1,6 +1,6 @@
 import { PropType, CSSProperties } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const descriptionProps: {
+export declare const descriptionsProps: {
     readonly title: StringConstructor;
     readonly column: {
         readonly type: NumberConstructor;
@@ -123,7 +123,7 @@ declare const descriptionProps: {
         tdPaddingLarge: string;
     }, any>>>;
 };
-export declare type DescriptionsProps = ExtractPublicPropTypes<typeof descriptionProps>;
+export declare type DescriptionsProps = ExtractPublicPropTypes<typeof descriptionsProps>;
 /** @deprecated You should use `DescriptionsProps` */
 export declare type DescriptionProps = DescriptionsProps;
 declare const _default: import("vue").DefineComponent<{

package/es/descriptions/src/Descriptions.js

@@ -5,7 +5,7 @@ import { warn, getSlot, getVNodeChildren, createKey, flatten } from '../../_util
 import { descriptionsLight } from '../styles';
 import { isDescriptionsItem } from './utils';
 import style from './styles/index.cssr';
-const descriptionProps = Object.assign(Object.assign({}, useTheme.props), { title: String, column: {
+export const descriptionsProps = Object.assign(Object.assign({}, useTheme.props), { title: String, column: {
         type: Number,
         default: 3
     }, columns: Number, labelPlacement: {
@@ -23,7 +23,7 @@ const descriptionProps = Object.assign(Object.assign({}, useTheme.props), { titl
     }, bordered: Boolean, labelStyle: [Object, String], contentStyle: [Object, String] });
 export default defineComponent({
     name: 'Descriptions',
-    props: descriptionProps,
+    props: descriptionsProps,
     setup(props) {
         const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
         const themeRef = useTheme('Descriptions', '-descriptions', style, descriptionsLight, props, mergedClsPrefixRef);

package/es/descriptions/src/DescriptionsItem.d.ts

@@ -1,6 +1,6 @@
 import { PropType, CSSProperties } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const descriptionItemProps: {
+export declare const descriptionsItemProps: {
     readonly label: StringConstructor;
     readonly span: {
         readonly type: NumberConstructor;
@@ -9,7 +9,7 @@ declare const descriptionItemProps: {
     readonly labelStyle: PropType<string | CSSProperties>;
     readonly contentStyle: PropType<string | CSSProperties>;
 };
-export declare type DescriptionItemProps = ExtractPublicPropTypes<typeof descriptionItemProps>;
+export declare type DescriptionItemProps = ExtractPublicPropTypes<typeof descriptionsItemProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly label: StringConstructor;
     readonly span: {

package/es/descriptions/src/DescriptionsItem.js

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue';
 import { DESCRIPTION_ITEM_FLAG } from './utils';
-const descriptionItemProps = {
+export const descriptionsItemProps = {
     label: String,
     span: {
         type: Number,
@@ -12,7 +12,7 @@ const descriptionItemProps = {
 export default defineComponent({
     name: 'DescriptionsItem',
     [DESCRIPTION_ITEM_FLAG]: true,
-    props: descriptionItemProps,
+    props: descriptionsItemProps,
     render() {
         return null;
     }

package/es/dialog/index.d.ts

@@ -1,5 +1,6 @@
 export { NDialog } from './src/Dialog';
+export { dialogProps } from './src/dialogProps';
 export type { DialogProps } from './src/dialogProps';
-export { NDialogProvider } from './src/DialogProvider';
+export { NDialogProvider, dialogProviderProps } from './src/DialogProvider';
 export type { DialogProviderProps, DialogProviderInst, DialogOptions, DialogReactive, DialogApiInjection as DialogApi } from './src/DialogProvider';
 export { useDialog } from './src/use-dialog';

package/es/dialog/index.js

@@ -1,3 +1,4 @@
 export { NDialog } from './src/Dialog';
-export { NDialogProvider } from './src/DialogProvider';
+export { dialogProps } from './src/dialogProps';
+export { NDialogProvider, dialogProviderProps } from './src/DialogProvider';
 export { useDialog } from './src/use-dialog';

package/es/dialog/src/DialogEnvironment.d.ts

@@ -8,6 +8,7 @@ export declare const exposedDialogEnvProps: {
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    readonly onEsc: PropType<() => void>;
     readonly autoFocus: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -63,6 +64,7 @@ export declare const NDialogEnvironment: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    onEsc: PropType<() => void>;
     autoFocus: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -108,6 +110,7 @@ export declare const NDialogEnvironment: import("vue").DefineComponent<{
     handleNegativeClick: (e: MouseEvent) => void;
     handlePositiveClick: (e: MouseEvent) => void;
     handleMaskClick: (e: MouseEvent) => void;
+    handleEsc: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     internalKey: {
         type: StringConstructor;
@@ -126,6 +129,7 @@ export declare const NDialogEnvironment: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    onEsc: PropType<() => void>;
     autoFocus: {
         readonly type: BooleanConstructor;
         readonly default: true;

package/es/dialog/src/DialogEnvironment.js

@@ -5,7 +5,7 @@ import NModal from '../../modal/src/Modal';
 import { keep } from '../../_utils';
 import { NDialog } from './Dialog';
 import { dialogProps, dialogPropKeys } from './dialogProps';
-export const exposedDialogEnvProps = Object.assign(Object.assign({}, dialogProps), { blockScroll: { type: Boolean, default: true }, closeOnEsc: { type: Boolean, default: true }, autoFocus: {
+export const exposedDialogEnvProps = Object.assign(Object.assign({}, dialogProps), { blockScroll: { type: Boolean, default: true }, closeOnEsc: { type: Boolean, default: true }, onEsc: Function, autoFocus: {
         type: Boolean,
         default: true
     }, internalStyle: [String, Object], maskClosable: {
@@ -74,6 +74,12 @@ export const NDialogEnvironment = defineComponent({
                 maskClosable && hide();
             }
         }
+        function handleEsc() {
+            const { onEsc } = props;
+            if (onEsc) {
+                onEsc();
+            }
+        }
         function hide() {
             showRef.value = false;
         }
@@ -88,12 +94,13 @@ export const NDialogEnvironment = defineComponent({
             handleCloseClick,
             handleNegativeClick,
             handlePositiveClick,
-            handleMaskClick
+            handleMaskClick,
+            handleEsc
         };
     },
     render() {
-        const { handlePositiveClick, handleUpdateShow, handleNegativeClick, handleCloseClick, handleAfterLeave, handleMaskClick, to, maskClosable, show } = this;
-        return (h(NModal, { show: show, onUpdateShow: handleUpdateShow, onMaskClick: handleMaskClick, to: to, maskClosable: maskClosable, onAfterLeave: handleAfterLeave, closeOnEsc: this.closeOnEsc, blockScroll: this.blockScroll, autoFocus: this.autoFocus, internalAppear: true, internalDialog: true }, {
+        const { handlePositiveClick, handleUpdateShow, handleNegativeClick, handleCloseClick, handleAfterLeave, handleMaskClick, handleEsc, to, maskClosable, show } = this;
+        return (h(NModal, { show: show, onUpdateShow: handleUpdateShow, onMaskClick: handleMaskClick, onEsc: handleEsc, to: to, maskClosable: maskClosable, onAfterLeave: handleAfterLeave, closeOnEsc: this.closeOnEsc, blockScroll: this.blockScroll, autoFocus: this.autoFocus, internalAppear: true, internalDialog: true }, {
             default: () => (h(NDialog, Object.assign({}, keep(this.$props, dialogPropKeys), { style: this.internalStyle, onClose: handleCloseClick, onNegativeClick: handleNegativeClick, onPositiveClick: handlePositiveClick })))
         }));
     }

package/es/dialog/src/DialogProvider.d.ts

@@ -27,7 +27,7 @@ interface DialogInst {
     hide: () => void;
 }
 export declare type DialogProviderInst = DialogApiInjection;
-declare const dialogProviderProps: {
+export declare const dialogProviderProps: {
     injectionKey: StringConstructor;
     to: PropType<string | HTMLElement>;
 };
@@ -51,6 +51,7 @@ export declare const NDialogProvider: import("vue").DefineComponent<{
         bordered?: boolean | undefined;
         showIcon?: boolean | undefined;
         closable?: boolean | undefined;
+        onEsc?: (() => void) | undefined;
         onClose?: (() => unknown) | undefined;
         iconPlacement?: import("./interface").IconPlacement | undefined;
         positiveButtonProps?: {

package/es/dialog/src/DialogProvider.js

@@ -4,7 +4,7 @@ import { useClicked, useClickPosition } from 'vooks';
 import { omit } from '../../_utils';
 import { NDialogEnvironment } from './DialogEnvironment';
 import { dialogApiInjectionKey, dialogProviderInjectionKey } from './context';
-const dialogProviderProps = {
+export const dialogProviderProps = {
     injectionKey: String,
     to: [String, Object]
 };

package/es/divider/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NDivider } from './src/Divider';
+export { default as NDivider, dividerProps } from './src/Divider';
 export type { DividerProps } from './src/Divider';

package/es/divider/index.js

@@ -1 +1 @@
-export { default as NDivider } from './src/Divider';
+export { default as NDivider, dividerProps } from './src/Divider';

package/es/divider/src/Divider.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const dividerProps: {
+export declare const dividerProps: {
     readonly titlePlacement: {
         readonly type: PropType<"left" | "right" | "center">;
         readonly default: "center";

package/es/divider/src/Divider.js

@@ -2,7 +2,7 @@ import { h, computed, defineComponent, Fragment } from 'vue';
 import { useConfig, useTheme, useThemeClass } from '../../_mixins';
 import { dividerLight } from '../styles';
 import style from './styles/index.cssr';
-const dividerProps = Object.assign(Object.assign({}, useTheme.props), { titlePlacement: {
+export const dividerProps = Object.assign(Object.assign({}, useTheme.props), { titlePlacement: {
         type: String,
         default: 'center'
     }, dashed: Boolean, vertical: Boolean });

package/es/drawer/index.d.ts

@@ -1,5 +1,5 @@
-export { default as NDrawer } from './src/Drawer';
+export { default as NDrawer, drawerProps } from './src/Drawer';
 export type { DrawerProps } from './src/Drawer';
-export { default as NDrawerContent } from './src/DrawerContent';
+export { default as NDrawerContent, drawerContentProps } from './src/DrawerContent';
 export type { DrawerContentProps } from './src/DrawerContent';
 export type { Placement as DrawerPlacement } from './src/DrawerBodyWrapper';

package/es/drawer/index.js

@@ -1,2 +1,2 @@
-export { default as NDrawer } from './src/Drawer';
-export { default as NDrawerContent } from './src/DrawerContent';
+export { default as NDrawer, drawerProps } from './src/Drawer';
+export { default as NDrawerContent, drawerContentProps } from './src/DrawerContent';