naive-ui 2.31.0 → 2.32.0

package/es/checkbox/src/CheckboxGroup.js

@@ -1,7 +1,7 @@
-import { h, defineComponent, provide, computed, toRef, ref } from 'vue';
+import { h, defineComponent, provide, computed, toRef, ref, watchEffect } from 'vue';
 import { useMergedState } from 'vooks';
 import { useConfig, useFormItem } from '../../_mixins';
-import { warn, call, createInjectionKey } from '../../_utils';
+import { call, createInjectionKey, warnOnce } from '../../_utils';
 export const checkboxGroupInjectionKey = createInjectionKey('n-checkbox-group');
 export const checkboxGroupProps = {
     min: Number,
@@ -19,21 +19,19 @@ export const checkboxGroupProps = {
     'onUpdate:value': [Function, Array],
     onUpdateValue: [Function, Array],
     // deprecated
-    onChange: {
-        type: [Function, Array],
-        validator: () => {
-            if (process.env.NODE_ENV !== 'production') {
-                warn('checkbox-group', '`on-change` is deprecated, please use `on-update:value` instead.');
-            }
-            return true;
-        },
-        default: undefined
-    }
+    onChange: [Function, Array]
 };
 export default defineComponent({
     name: 'CheckboxGroup',
     props: checkboxGroupProps,
     setup(props) {
+        if (process.env.NODE_ENV !== 'production') {
+            watchEffect(() => {
+                if (props.onChange !== undefined) {
+                    warnOnce('checkbox-group', '`on-change` is deprecated, please use `on-update:value` instead.');
+                }
+            });
+        }
         const { mergedClsPrefixRef } = useConfig(props);
         const formItem = useFormItem(props);
         const { mergedSizeRef, mergedDisabledRef } = formItem;
@@ -59,10 +57,18 @@ export default defineComponent({
                 if (checked) {
                     if (!~index) {
                         groupValue.push(checkboxValue);
-                        if (onUpdateValue)
-                            call(onUpdateValue, groupValue);
-                        if (_onUpdateValue)
-                            call(_onUpdateValue, groupValue);
+                        if (onUpdateValue) {
+                            call(onUpdateValue, groupValue, {
+                                actionType: 'check',
+                                value: checkboxValue
+                            });
+                        }
+                        if (_onUpdateValue) {
+                            call(_onUpdateValue, groupValue, {
+                                actionType: 'check',
+                                value: checkboxValue
+                            });
+                        }
                         nTriggerFormInput();
                         nTriggerFormChange();
                         uncontrolledValueRef.value = groupValue;
@@ -74,10 +80,18 @@ export default defineComponent({
                 else {
                     if (~index) {
                         groupValue.splice(index, 1);
-                        if (onUpdateValue)
-                            call(onUpdateValue, groupValue);
-                        if (_onUpdateValue)
-                            call(_onUpdateValue, groupValue);
+                        if (onUpdateValue) {
+                            call(onUpdateValue, groupValue, {
+                                actionType: 'uncheck',
+                                value: checkboxValue
+                            });
+                        }
+                        if (_onUpdateValue) {
+                            call(_onUpdateValue, groupValue, {
+                                actionType: 'uncheck',
+                                value: checkboxValue
+                            });
+                        }
                         if (onChange)
                             call(onChange, groupValue); // deprecated
                         uncontrolledValueRef.value = groupValue;
@@ -88,10 +102,18 @@ export default defineComponent({
             }
             else {
                 if (checked) {
-                    if (onUpdateValue)
-                        call(onUpdateValue, [checkboxValue]);
-                    if (_onUpdateValue)
-                        call(_onUpdateValue, [checkboxValue]);
+                    if (onUpdateValue) {
+                        call(onUpdateValue, [checkboxValue], {
+                            actionType: 'check',
+                            value: checkboxValue
+                        });
+                    }
+                    if (_onUpdateValue) {
+                        call(_onUpdateValue, [checkboxValue], {
+                            actionType: 'check',
+                            value: checkboxValue
+                        });
+                    }
                     if (onChange)
                         call(onChange, [checkboxValue]); // deprecated
                     uncontrolledValueRef.value = [checkboxValue];
@@ -99,10 +121,18 @@ export default defineComponent({
                     nTriggerFormChange();
                 }
                 else {
-                    if (onUpdateValue)
-                        call(onUpdateValue, []);
-                    if (_onUpdateValue)
-                        call(_onUpdateValue, []);
+                    if (onUpdateValue) {
+                        call(onUpdateValue, [], {
+                            actionType: 'uncheck',
+                            value: checkboxValue
+                        });
+                    }
+                    if (_onUpdateValue) {
+                        call(_onUpdateValue, [], {
+                            actionType: 'uncheck',
+                            value: checkboxValue
+                        });
+                    }
                     if (onChange)
                         call(onChange, []); // deprecated
                     uncontrolledValueRef.value = [];

package/es/code/src/Code.d.ts

@@ -15,6 +15,7 @@ export declare const codeProps: {
     uri: BooleanConstructor;
     inline: BooleanConstructor;
     wordWrap: BooleanConstructor;
+    showLineNumbers: BooleanConstructor;
     internalFontSize: NumberConstructor;
     internalNoHighlight: BooleanConstructor;
     theme: PropType<import("../../_mixins").Theme<"Code", {
@@ -30,6 +31,7 @@ export declare const codeProps: {
         'hue-5-2': string;
         'hue-6': string;
         'hue-6-2': string;
+        lineNumberTextColor: string;
     }, any>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Code", {
         textColor: string;
@@ -44,6 +46,7 @@ export declare const codeProps: {
         'hue-5-2': string;
         'hue-6': string;
         'hue-6-2': string;
+        lineNumberTextColor: string;
     }, any>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Code", {
         textColor: string;
@@ -58,6 +61,7 @@ export declare const codeProps: {
         'hue-5-2': string;
         'hue-6': string;
         'hue-6-2': string;
+        lineNumberTextColor: string;
     }, any>>>;
 };
 export declare type CodeProps = ExtractPublicPropTypes<typeof codeProps>;
@@ -75,6 +79,7 @@ declare const _default: import("vue").DefineComponent<{
     uri: BooleanConstructor;
     inline: BooleanConstructor;
     wordWrap: BooleanConstructor;
+    showLineNumbers: BooleanConstructor;
     internalFontSize: NumberConstructor;
     internalNoHighlight: BooleanConstructor;
     theme: PropType<import("../../_mixins").Theme<"Code", {
@@ -90,6 +95,7 @@ declare const _default: import("vue").DefineComponent<{
         'hue-5-2': string;
         'hue-6': string;
         'hue-6-2': string;
+        lineNumberTextColor: string;
     }, any>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Code", {
         textColor: string;
@@ -104,6 +110,7 @@ declare const _default: import("vue").DefineComponent<{
         'hue-5-2': string;
         'hue-6': string;
         'hue-6-2': string;
+        lineNumberTextColor: string;
     }, any>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Code", {
         textColor: string;
@@ -118,10 +125,13 @@ declare const _default: import("vue").DefineComponent<{
         'hue-5-2': string;
         'hue-6': string;
         'hue-6-2': string;
+        lineNumberTextColor: string;
     }, any>>>;
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
     codeRef: import("vue").Ref<HTMLElement | null>;
+    mergedShowLineNumbers: import("vue").ComputedRef<boolean>;
+    lineNumbers: import("vue").ComputedRef<string>;
     cssVars: import("vue").ComputedRef<{
         '--n-font-size': string;
         '--n-font-family': string;
@@ -137,6 +147,7 @@ declare const _default: import("vue").DefineComponent<{
         '--n-hue-5-2': string;
         '--n-hue-6': string;
         '--n-hue-6-2': string;
+        '--n-line-number-text-color': string;
     }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
@@ -154,6 +165,7 @@ declare const _default: import("vue").DefineComponent<{
     uri: BooleanConstructor;
     inline: BooleanConstructor;
     wordWrap: BooleanConstructor;
+    showLineNumbers: BooleanConstructor;
     internalFontSize: NumberConstructor;
     internalNoHighlight: BooleanConstructor;
     theme: PropType<import("../../_mixins").Theme<"Code", {
@@ -169,6 +181,7 @@ declare const _default: import("vue").DefineComponent<{
         'hue-5-2': string;
         'hue-6': string;
         'hue-6-2': string;
+        lineNumberTextColor: string;
     }, any>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Code", {
         textColor: string;
@@ -183,6 +196,7 @@ declare const _default: import("vue").DefineComponent<{
         'hue-5-2': string;
         'hue-6': string;
         'hue-6-2': string;
+        lineNumberTextColor: string;
     }, any>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Code", {
         textColor: string;
@@ -197,6 +211,7 @@ declare const _default: import("vue").DefineComponent<{
         'hue-5-2': string;
         'hue-6': string;
         'hue-6-2': string;
+        lineNumberTextColor: string;
     }, any>>>;
 }>>, {
     trim: boolean;
@@ -204,6 +219,7 @@ declare const _default: import("vue").DefineComponent<{
     wordWrap: boolean;
     code: string;
     uri: boolean;
+    showLineNumbers: boolean;
     internalNoHighlight: boolean;
 }>;
 export default _default;

package/es/code/src/Code.js

@@ -8,7 +8,7 @@ export const codeProps = Object.assign(Object.assign({}, useTheme.props), { lang
     }, trim: {
         type: Boolean,
         default: true
-    }, hljs: Object, uri: Boolean, inline: Boolean, wordWrap: Boolean, 
+    }, hljs: Object, uri: Boolean, inline: Boolean, wordWrap: Boolean, showLineNumbers: Boolean, 
     // In n-log, we only need to mount code's style for highlight
     internalFontSize: Number, internalNoHighlight: Boolean });
 export default defineComponent({
@@ -31,6 +31,11 @@ export default defineComponent({
                 language
             }).value;
         };
+        const mergedShowLineNumbersRef = computed(() => {
+            if (props.inline || props.wordWrap)
+                return false;
+            return props.showLineNumbers;
+        });
         const setCode = () => {
             if (slots.default)
                 return;
@@ -44,7 +49,18 @@ export default defineComponent({
             if (language) {
                 const html = createCodeHtml(language, code, props.trim);
                 if (html !== null) {
-                    codeEl.innerHTML = props.inline ? html : `<pre>${html}</pre>`;
+                    if (props.inline) {
+                        codeEl.innerHTML = html;
+                    }
+                    else {
+                        const prevPreEl = codeEl.querySelector('.__code__');
+                        if (prevPreEl)
+                            codeEl.removeChild(prevPreEl);
+                        const preEl = document.createElement('pre');
+                        preEl.className = '__code__';
+                        preEl.innerHTML = html;
+                        codeEl.appendChild(preEl);
+                    }
                     return;
                 }
             }
@@ -52,15 +68,16 @@ export default defineComponent({
                 codeEl.textContent = code;
                 return;
             }
-            const maybePreEl = codeEl.children[0];
-            if (maybePreEl && maybePreEl.tagName === 'PRE') {
+            const maybePreEl = codeEl.querySelector('.__code__');
+            if (maybePreEl) {
                 maybePreEl.textContent = code;
             }
             else {
-                const warp = document.createElement('pre');
-                warp.textContent = code;
+                const wrap = document.createElement('pre');
+                wrap.className = '__code__';
+                wrap.textContent = code;
                 codeEl.innerHTML = '';
-                codeEl.appendChild(warp);
+                codeEl.appendChild(wrap);
             }
         };
         onMounted(setCode);
@@ -70,7 +87,7 @@ export default defineComponent({
             watch(hljsRef, setCode);
         const themeRef = useTheme('Code', '-code', style, codeLight, props, mergedClsPrefixRef);
         const cssVarsRef = computed(() => {
-            const { common: { cubicBezierEaseInOut, fontFamilyMono }, self: { textColor, fontSize, fontWeightStrong, 
+            const { common: { cubicBezierEaseInOut, fontFamilyMono }, self: { textColor, fontSize, fontWeightStrong, lineNumberTextColor, 
             // extracted from hljs atom-one-light.scss
             'mono-3': $1, 'hue-1': $2, 'hue-2': $3, 'hue-3': $4, 'hue-4': $5, 'hue-5': $6, 'hue-5-2': $7, 'hue-6': $8, 'hue-6-2': $9 } } = themeRef.value;
             const { internalFontSize } = props;
@@ -88,7 +105,8 @@ export default defineComponent({
                 '--n-hue-5': $6,
                 '--n-hue-5-2': $7,
                 '--n-hue-6': $8,
-                '--n-hue-6-2': $9
+                '--n-hue-6-2': $9,
+                '--n-line-number-text-color': lineNumberTextColor
             };
         });
         const themeClassHandle = inlineThemeDisabled
@@ -99,18 +117,41 @@ export default defineComponent({
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             codeRef,
+            mergedShowLineNumbers: mergedShowLineNumbersRef,
+            lineNumbers: computed(() => {
+                let number = 1;
+                const numbers = [];
+                let lastIsLineWrap = false;
+                for (const char of props.code) {
+                    if (char === '\n') {
+                        lastIsLineWrap = true;
+                        numbers.push(number++);
+                    }
+                    else {
+                        lastIsLineWrap = false;
+                    }
+                }
+                if (!lastIsLineWrap) {
+                    numbers.push(number++);
+                }
+                return numbers.join('\n');
+            }),
             cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
             themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
             onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
         };
     },
     render() {
-        const { mergedClsPrefix, wordWrap, onRender } = this;
+        var _a, _b;
+        const { mergedClsPrefix, wordWrap, mergedShowLineNumbers, onRender } = this;
         onRender === null || onRender === void 0 ? void 0 : onRender();
         return (h("code", { class: [
                 `${mergedClsPrefix}-code`,
                 this.themeClass,
-                wordWrap && `${mergedClsPrefix}-code--word-wrap`
-            ], style: this.cssVars, ref: "codeRef" }, this.$slots));
+                wordWrap && `${mergedClsPrefix}-code--word-wrap`,
+                mergedShowLineNumbers && `${mergedClsPrefix}-code--show-line-numbers`
+            ], style: this.cssVars, ref: "codeRef" },
+            mergedShowLineNumbers ? (h("pre", { class: `${mergedClsPrefix}-code__line-numbers` }, this.lineNumbers)) : null, (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 :
+            _b.call(_a)));
     }
 });

package/es/code/src/styles/index.cssr.js

@@ -1,4 +1,4 @@
-import { c, cB, cM } from '../../../_utils/cssr'; // vars:
+import { c, cB, cE, cM } from '../../../_utils/cssr'; // vars:
 // --n-font-size
 // --n-font-family
 // --n-font-weight-strong
@@ -13,15 +13,27 @@ import { c, cB, cM } from '../../../_utils/cssr'; // vars:
 // --n-hue-5-2
 // --n-hue-6
 // --n-hue-6-2
+// --n-line-number-color
+// --n-line-number-text-color
 
 export default c([cB('code', `
  font-size: var(--n-font-size);
  font-family: var(--n-font-family);
- `, [cM('word-wrap', [c('pre', `
+ `, [cM('show-line-numbers', `
+ display: flex;
+ `), cE('line-numbers', `
+ user-select: none;
+ padding-right: 12px;
+ text-align: right;
+ transition: color .3s var(--n-bezier);
+ color: var(--n-line-number-text-color);
+ `), cM('word-wrap', [c('pre', `
  white-space: pre-wrap;
  word-break: break-all;
  `)]), c('pre', `
  margin: 0;
+ line-height: inherit;
+ font-size: inherit;
  font-family: inherit;
  `), c('[class^=hljs]', `
  color: var(--n-text-color);

package/es/code/styles/dark.js

@@ -3,7 +3,7 @@ const codeDark = {
     name: 'Code',
     common: commonDark,
     self(vars) {
-        const { textColor2, fontSize, fontWeightStrong } = vars;
+        const { textColor2, fontSize, fontWeightStrong, textColor3 } = vars;
         return {
             textColor: textColor2,
             fontSize,
@@ -17,7 +17,9 @@ const codeDark = {
             'hue-5': '#e06c75',
             'hue-5-2': '#be5046',
             'hue-6': '#d19a66',
-            'hue-6-2': '#e6c07b'
+            'hue-6-2': '#e6c07b',
+            // line-number styles
+            lineNumberTextColor: textColor3
         };
     }
 };

package/es/code/styles/light.d.ts

@@ -13,6 +13,7 @@ declare const self: (vars: ThemeCommonVars) => {
     'hue-5-2': string;
     'hue-6': string;
     'hue-6-2': string;
+    lineNumberTextColor: string;
 };
 export declare type CodeThemeVars = ReturnType<typeof self>;
 declare const codeLight: Theme<'Code', CodeThemeVars>;

package/es/code/styles/light.js

@@ -1,6 +1,6 @@
 import { commonLight } from '../../_styles/common';
 const self = (vars) => {
-    const { textColor2, fontSize, fontWeightStrong } = vars;
+    const { textColor2, fontSize, fontWeightStrong, textColor3 } = vars;
     return {
         textColor: textColor2,
         fontSize,
@@ -14,7 +14,9 @@ const self = (vars) => {
         'hue-5': '#e45649',
         'hue-5-2': '#c91243',
         'hue-6': '#986801',
-        'hue-6-2': '#c18401'
+        'hue-6-2': '#c18401',
+        // line-number styles
+        lineNumberTextColor: textColor3
     };
 };
 const codeLight = {

package/es/components.d.ts

@@ -44,6 +44,7 @@ export * from './input';
 export * from './input-number';
 export * from './layout';
 export * from './legacy-grid';
+export * from './legacy-transfer';
 export * from './list';
 export * from './loading-bar';
 export * from './log';

package/es/components.js

@@ -44,6 +44,7 @@ export * from './input';
 export * from './input-number';
 export * from './layout';
 export * from './legacy-grid';
+export * from './legacy-transfer';
 export * from './list';
 export * from './loading-bar';
 export * from './log';

package/es/config-provider/src/ConfigProvider.d.ts

@@ -65,10 +65,17 @@ export declare const configProviderProps: {
             confirm: string;
             clear: string;
         };
-        Transfer: {
+        LegacyTransfer: {
             sourceTitle: string;
             targetTitle: string;
         };
+        Transfer: {
+            selectAll: string;
+            unselectAll: string;
+            clearAll: string;
+            total: (num: number) => string;
+            selected: (num: number) => string;
+        };
         Empty: {
             description: string;
         };
@@ -208,10 +215,17 @@ declare const _default: import("vue").DefineComponent<{
             confirm: string;
             clear: string;
         };
-        Transfer: {
+        LegacyTransfer: {
             sourceTitle: string;
             targetTitle: string;
         };
+        Transfer: {
+            selectAll: string;
+            unselectAll: string;
+            clearAll: string;
+            total: (num: number) => string;
+            selected: (num: number) => string;
+        };
         Empty: {
             description: string;
         };
@@ -355,10 +369,17 @@ declare const _default: import("vue").DefineComponent<{
             confirm: string;
             clear: string;
         };
-        Transfer: {
+        LegacyTransfer: {
             sourceTitle: string;
             targetTitle: string;
         };
+        Transfer: {
+            selectAll: string;
+            unselectAll: string;
+            clearAll: string;
+            total: (num: number) => string;
+            selected: (num: number) => string;
+        };
         Empty: {
             description: string;
         };

package/es/config-provider/src/internal-interface.d.ts

@@ -37,6 +37,7 @@ import type { ImageTheme } from '../../image/styles';
 import type { InputTheme } from '../../input/styles';
 import type { InputNumberTheme } from '../../input-number/styles';
 import type { LayoutTheme } from '../../layout/styles';
+import type { LegacyTransferTheme } from '../../legacy-transfer/styles';
 import type { ListTheme } from '../../list/styles';
 import type { LoadingBarTheme } from '../../loading-bar/styles';
 import type { LogTheme } from '../../log/styles';
@@ -90,6 +91,7 @@ import type { GlobalTheme, GlobalThemeOverrides } from './interface';
 import type { EmptyProps } from '../../empty';
 import type { CollapseTransitionTheme } from '../../collapse-transition/styles';
 import type { ButtonGroupTheme } from '../../button-group/styles/light';
+import type { RowTheme } from '../../legacy-grid/styles';
 export interface GlobalThemeWithoutCommon {
     Alert?: AlertTheme;
     Anchor?: AnchorTheme;
@@ -130,6 +132,7 @@ export interface GlobalThemeWithoutCommon {
     Input?: InputTheme;
     InputNumber?: InputNumberTheme;
     Layout?: LayoutTheme;
+    LegacyTransfer?: LegacyTransferTheme;
     List?: ListTheme;
     LoadingBar?: LoadingBarTheme;
     Log?: LogTheme;
@@ -169,6 +172,7 @@ export interface GlobalThemeWithoutCommon {
     Typography?: TypographyTheme;
     Upload?: UploadTheme;
     Watermark?: WatermarkTheme;
+    Row?: RowTheme;
     InternalSelectMenu?: InternalSelectMenuTheme;
     InternalSelection?: InternalSelectionTheme;
 }

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

@@ -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/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 },

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)

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

@@ -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;