naive-ui 2.31.0 → 2.32.0

package/lib/checkbox/src/CheckboxGroup.js

@@ -22,21 +22,19 @@ exports.checkboxGroupProps = {
     'onUpdate:value': [Function, Array],
     onUpdateValue: [Function, Array],
     // deprecated
-    onChange: {
-        type: [Function, Array],
-        validator: () => {
-            if (process.env.NODE_ENV !== 'production') {
-                (0, _utils_1.warn)('checkbox-group', '`on-change` is deprecated, please use `on-update:value` instead.');
-            }
-            return true;
-        },
-        default: undefined
-    }
+    onChange: [Function, Array]
 };
 exports.default = (0, vue_1.defineComponent)({
     name: 'CheckboxGroup',
     props: exports.checkboxGroupProps,
     setup(props) {
+        if (process.env.NODE_ENV !== 'production') {
+            (0, vue_1.watchEffect)(() => {
+                if (props.onChange !== undefined) {
+                    (0, _utils_1.warnOnce)('checkbox-group', '`on-change` is deprecated, please use `on-update:value` instead.');
+                }
+            });
+        }
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
         const formItem = (0, _mixins_1.useFormItem)(props);
         const { mergedSizeRef, mergedDisabledRef } = formItem;
@@ -62,10 +60,18 @@ exports.default = (0, vue_1.defineComponent)({
                 if (checked) {
                     if (!~index) {
                         groupValue.push(checkboxValue);
-                        if (onUpdateValue)
-                            (0, _utils_1.call)(onUpdateValue, groupValue);
-                        if (_onUpdateValue)
-                            (0, _utils_1.call)(_onUpdateValue, groupValue);
+                        if (onUpdateValue) {
+                            (0, _utils_1.call)(onUpdateValue, groupValue, {
+                                actionType: 'check',
+                                value: checkboxValue
+                            });
+                        }
+                        if (_onUpdateValue) {
+                            (0, _utils_1.call)(_onUpdateValue, groupValue, {
+                                actionType: 'check',
+                                value: checkboxValue
+                            });
+                        }
                         nTriggerFormInput();
                         nTriggerFormChange();
                         uncontrolledValueRef.value = groupValue;
@@ -77,10 +83,18 @@ exports.default = (0, vue_1.defineComponent)({
                 else {
                     if (~index) {
                         groupValue.splice(index, 1);
-                        if (onUpdateValue)
-                            (0, _utils_1.call)(onUpdateValue, groupValue);
-                        if (_onUpdateValue)
-                            (0, _utils_1.call)(_onUpdateValue, groupValue);
+                        if (onUpdateValue) {
+                            (0, _utils_1.call)(onUpdateValue, groupValue, {
+                                actionType: 'uncheck',
+                                value: checkboxValue
+                            });
+                        }
+                        if (_onUpdateValue) {
+                            (0, _utils_1.call)(_onUpdateValue, groupValue, {
+                                actionType: 'uncheck',
+                                value: checkboxValue
+                            });
+                        }
                         if (onChange)
                             (0, _utils_1.call)(onChange, groupValue); // deprecated
                         uncontrolledValueRef.value = groupValue;
@@ -91,10 +105,18 @@ exports.default = (0, vue_1.defineComponent)({
             }
             else {
                 if (checked) {
-                    if (onUpdateValue)
-                        (0, _utils_1.call)(onUpdateValue, [checkboxValue]);
-                    if (_onUpdateValue)
-                        (0, _utils_1.call)(_onUpdateValue, [checkboxValue]);
+                    if (onUpdateValue) {
+                        (0, _utils_1.call)(onUpdateValue, [checkboxValue], {
+                            actionType: 'check',
+                            value: checkboxValue
+                        });
+                    }
+                    if (_onUpdateValue) {
+                        (0, _utils_1.call)(_onUpdateValue, [checkboxValue], {
+                            actionType: 'check',
+                            value: checkboxValue
+                        });
+                    }
                     if (onChange)
                         (0, _utils_1.call)(onChange, [checkboxValue]); // deprecated
                     uncontrolledValueRef.value = [checkboxValue];
@@ -102,10 +124,18 @@ exports.default = (0, vue_1.defineComponent)({
                     nTriggerFormChange();
                 }
                 else {
-                    if (onUpdateValue)
-                        (0, _utils_1.call)(onUpdateValue, []);
-                    if (_onUpdateValue)
-                        (0, _utils_1.call)(_onUpdateValue, []);
+                    if (onUpdateValue) {
+                        (0, _utils_1.call)(onUpdateValue, [], {
+                            actionType: 'uncheck',
+                            value: checkboxValue
+                        });
+                    }
+                    if (_onUpdateValue) {
+                        (0, _utils_1.call)(_onUpdateValue, [], {
+                            actionType: 'uncheck',
+                            value: checkboxValue
+                        });
+                    }
                     if (onChange)
                         (0, _utils_1.call)(onChange, []); // deprecated
                     uncontrolledValueRef.value = [];

package/lib/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/lib/code/src/Code.js

@@ -14,7 +14,7 @@ exports.codeProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
     }, 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 });
 exports.default = (0, vue_1.defineComponent)({
@@ -37,6 +37,11 @@ exports.default = (0, vue_1.defineComponent)({
                 language
             }).value;
         };
+        const mergedShowLineNumbersRef = (0, vue_1.computed)(() => {
+            if (props.inline || props.wordWrap)
+                return false;
+            return props.showLineNumbers;
+        });
         const setCode = () => {
             if (slots.default)
                 return;
@@ -50,7 +55,18 @@ exports.default = (0, vue_1.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;
                 }
             }
@@ -58,15 +74,16 @@ exports.default = (0, vue_1.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);
             }
         };
         (0, vue_1.onMounted)(setCode);
@@ -76,7 +93,7 @@ exports.default = (0, vue_1.defineComponent)({
             (0, vue_1.watch)(hljsRef, setCode);
         const themeRef = (0, _mixins_1.useTheme)('Code', '-code', index_cssr_1.default, styles_1.codeLight, props, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.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;
@@ -94,7 +111,8 @@ exports.default = (0, vue_1.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
@@ -105,18 +123,41 @@ exports.default = (0, vue_1.defineComponent)({
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             codeRef,
+            mergedShowLineNumbers: mergedShowLineNumbersRef,
+            lineNumbers: (0, vue_1.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 ((0, vue_1.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 ? ((0, vue_1.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/lib/code/src/styles/index.cssr.js

@@ -19,16 +19,28 @@ const cssr_1 = require("../../../_utils/cssr"); // vars:
 // --n-hue-5-2
 // --n-hue-6
 // --n-hue-6-2
+// --n-line-number-color
+// --n-line-number-text-color
 
 
 exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('code', `
  font-size: var(--n-font-size);
  font-family: var(--n-font-family);
- `, [(0, cssr_1.cM)('word-wrap', [(0, cssr_1.c)('pre', `
+ `, [(0, cssr_1.cM)('show-line-numbers', `
+ display: flex;
+ `), (0, cssr_1.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);
+ `), (0, cssr_1.cM)('word-wrap', [(0, cssr_1.c)('pre', `
  white-space: pre-wrap;
  word-break: break-all;
  `)]), (0, cssr_1.c)('pre', `
  margin: 0;
+ line-height: inherit;
+ font-size: inherit;
  font-family: inherit;
  `), (0, cssr_1.c)('[class^=hljs]', `
  color: var(--n-text-color);

package/lib/code/styles/dark.js

@@ -5,7 +5,7 @@ const codeDark = {
     name: 'Code',
     common: common_1.commonDark,
     self(vars) {
-        const { textColor2, fontSize, fontWeightStrong } = vars;
+        const { textColor2, fontSize, fontWeightStrong, textColor3 } = vars;
         return {
             textColor: textColor2,
             fontSize,
@@ -19,7 +19,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/lib/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/lib/code/styles/light.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const common_1 = require("../../_styles/common");
 const self = (vars) => {
-    const { textColor2, fontSize, fontWeightStrong } = vars;
+    const { textColor2, fontSize, fontWeightStrong, textColor3 } = vars;
     return {
         textColor: textColor2,
         fontSize,
@@ -16,7 +16,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/lib/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/lib/components.js

@@ -60,6 +60,7 @@ __exportStar(require("./input"), exports);
 __exportStar(require("./input-number"), exports);
 __exportStar(require("./layout"), exports);
 __exportStar(require("./legacy-grid"), exports);
+__exportStar(require("./legacy-transfer"), exports);
 __exportStar(require("./list"), exports);
 __exportStar(require("./loading-bar"), exports);
 __exportStar(require("./log"), exports);

package/lib/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/lib/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/lib/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/lib/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/lib/date-picker/src/panel/daterange.js

@@ -33,7 +33,7 @@ exports.default = (0, vue_1.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 },
             (0, vue_1.h)("div", { ref: "startDatesElRef", class: `${mergedClsPrefix}-date-panel-calendar ${mergedClsPrefix}-date-panel-calendar--start` },
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month` },
                     (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__fast-prev`, onClick: this.startCalendarPrevYear },

package/lib/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/lib/date-picker/src/panel/datetimerange.js

@@ -35,7 +35,7 @@ exports.default = (0, vue_1.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 },
             (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-header` },
                 (0, vue_1.h)(input_1.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 }),
                 (0, vue_1.h)(time_picker_1.NTimePicker, Object.assign({ placeholder: this.locale.selectTime, format: this.timeFormat, size: this.timePickerSize }, (Array.isArray(timePickerProps)

package/lib/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/lib/date-picker/src/panel/monthrange.js

@@ -58,7 +58,7 @@ exports.default = (0, vue_1.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 },
             (0, vue_1.h)("div", { ref: "startDatesElRef", class: `${mergedClsPrefix}-date-panel-calendar ${mergedClsPrefix}-date-panel-calendar--start` },
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month-calendar` },
                     (0, vue_1.h)(_internal_1.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/lib/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/lib/date-picker/src/panel/use-dual-calendar.js

@@ -238,16 +238,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;
@@ -646,7 +636,6 @@ function useDualCalendar(props, type) {
     };
     return Object.assign(Object.assign(Object.assign(Object.assign({ startDatesElRef,
         endDatesElRef,
-        resetSelectingStatus,
         handleDateClick,
         handleColItemClick,
         handleDateMouseEnter,