naive-ui 2.41.0 → 2.42.0

package/es/_internal/icon/src/styles/index.cssr.mjs

@@ -7,7 +7,6 @@ export default cB('base-icon', `
  display: inline-block;
  position: relative;
  fill: currentColor;
- transform: translateZ(0);
 `, [c('svg', `
  height: 1em;
  width: 1em;

package/es/_internal/selection/src/Selection.d.ts

@@ -1,4 +1,4 @@
-import type { FormValidationStatus } from '../../../form/src/interface';
+import type { FormValidationStatus } from '../../../form/src/public-types';
 import type { SelectBaseOption } from '../../../select/src/interface';
 import type { TagRef } from '../../../tag/src/Tag';
 import type { RenderLabel, RenderLabelImpl } from '../../select-menu/src/interface';

package/es/_mixins/use-form-item.d.ts

@@ -1,4 +1,4 @@
-import type { FormValidationStatus } from '../form/src/interface';
+import type { FormValidationStatus } from '../form/src/public-types';
 import { type ComputedRef, type Ref } from 'vue';
 type FormItemSize = 'small' | 'medium' | 'large';
 type AllowedSize = 'tiny' | 'small' | 'medium' | 'large' | 'huge' | number;

package/es/_utils/dom/download.d.ts

@@ -1 +1,2 @@
 export declare function download(url: string | null, name: string | undefined): void;
+export declare function publicDownload(url: string, name: string | undefined): void;

package/es/_utils/dom/download.mjs

@@ -8,4 +8,7 @@ export function download(url, name) {
   document.body.appendChild(a);
   a.click();
   document.body.removeChild(a);
+}
+export function publicDownload(url, name) {
+  download(url, name);
 }

package/es/_utils/index.d.ts

@@ -5,7 +5,7 @@ export * from './dom';
 export { isBrowser } from './env/is-browser';
 export { isJsdom } from './env/is-jsdom';
 export { eventEffectNotPerformed, markEventEffectPerformed } from './event';
-export { getTitleAttribute, largerSize, smallerSize, throwError, warn, warnOnce } from './naive';
+export { getTitleAttribute, isArrayShallowEqual, largerSize, smallerSize, throwError, warn, warnOnce } from './naive';
 export type { ExtractInternalPropTypes, ExtractPublicPropTypes, Mutable } from './naive';
 export { call, createDataKey, createInjectionKey, createRefSetter, flatten, getFirstSlotVNode, getFirstSlotVNodeWithTypedProps, getSlot, getVNodeChildren, isNodeVShowFalse, isSlotEmpty, keep, keysOf, mergeEventHandlers, omit, render, resolveSlot, resolveSlotWithTypedProps, resolveWrappedSlot, resolveWrappedSlotWithProps, Wrapper } from './vue';
 export type { MaybeArray } from './vue';

package/es/_utils/index.mjs

@@ -5,5 +5,5 @@ export * from "./dom/index.mjs";
 export { isBrowser } from "./env/is-browser.mjs";
 export { isJsdom } from "./env/is-jsdom.mjs";
 export { eventEffectNotPerformed, markEventEffectPerformed } from "./event/index.mjs";
-export { getTitleAttribute, largerSize, smallerSize, throwError, warn, warnOnce } from "./naive/index.mjs";
+export { getTitleAttribute, isArrayShallowEqual, largerSize, smallerSize, throwError, warn, warnOnce } from "./naive/index.mjs";
 export { call, createDataKey, createInjectionKey, createRefSetter, flatten, getFirstSlotVNode, getFirstSlotVNodeWithTypedProps, getSlot, getVNodeChildren, isNodeVShowFalse, isSlotEmpty, keep, keysOf, mergeEventHandlers, omit, render, resolveSlot, resolveSlotWithTypedProps, resolveWrappedSlot, resolveWrappedSlotWithProps, Wrapper } from "./vue/index.mjs";

package/es/_utils/naive/index.d.ts

@@ -2,4 +2,5 @@ export { getTitleAttribute } from './attribute';
 export type { ExtractInternalPropTypes, ExtractPublicPropTypes } from './extract-public-props';
 export type { Mutable } from './mutable';
 export { largerSize, smallerSize } from './prop';
+export { isArrayShallowEqual } from './value';
 export { throwError, warn, warnOnce } from './warn';

package/es/_utils/naive/index.mjs

@@ -1,3 +1,4 @@
 export { getTitleAttribute } from "./attribute.mjs";
 export { largerSize, smallerSize } from "./prop.mjs";
+export { isArrayShallowEqual } from "./value.mjs";
 export { throwError, warn, warnOnce } from "./warn.mjs";

package/es/_utils/naive/value.d.ts

@@ -0,0 +1 @@
+export declare function isArrayShallowEqual<T extends Array<any>>(array1: T | null, array2: T | null): boolean;

package/es/_utils/naive/value.mjs

@@ -0,0 +1,13 @@
+export function isArrayShallowEqual(array1, array2) {
+  if (array1 === null && array2 === null) return true;
+  if (array1 === null || array2 === null) return false;
+  if (array1.length === array2.length) {
+    for (let i = 0; i < array1.length; ++i) {
+      if (array1[i] !== array2[i]) {
+        return false;
+      }
+    }
+    return true;
+  }
+  return false;
+}

package/es/anchor/index.d.ts

@@ -2,3 +2,4 @@ export { anchorProps, default as NAnchor } from './src/AnchorAdapter';
 export type { AnchorInst, AnchorProps } from './src/AnchorAdapter';
 export { anchorLinkProps, default as NAnchorLink } from './src/Link';
 export type { AnchorLinkProps } from './src/Link';
+export type * from './src/public-types';

package/es/anchor/src/Link.d.ts

@@ -1,4 +1,5 @@
-import { type Ref } from 'vue';
+import type { Ref, SlotsType } from 'vue';
+import type { AnchorLinkSlots } from './public-types';
 import { type ExtractPublicPropTypes } from '../../_utils';
 export interface AnchorInjection {
     activeHref: Ref<string | null>;
@@ -20,5 +21,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly title: StringConstructor;
     readonly href: StringConstructor;
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>> & Readonly<{}>, {}, SlotsType<AnchorLinkSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/anchor/src/Link.mjs

@@ -1,6 +1,6 @@
 import { useMemo } from 'vooks';
 import { defineComponent, h, inject, ref, toRef, watch } from 'vue';
-import { createInjectionKey, getTitleAttribute } from "../../_utils/index.mjs";
+import { createInjectionKey, getTitleAttribute, resolveSlot } from "../../_utils/index.mjs";
 import { useInjectionCollection, useInjectionElementCollection } from "../../_utils/composable/index.mjs";
 export const anchorInjectionKey = createInjectionKey('n-anchor');
 export const anchorLinkProps = {
@@ -10,6 +10,7 @@ export const anchorLinkProps = {
 export default defineComponent({
   name: 'AnchorLink',
   props: anchorLinkProps,
+  slots: Object,
   setup(props, {
     slots
   }) {
@@ -44,7 +45,9 @@ export default defineComponent({
         href: props.href,
         title: getTitleAttribute(props.title),
         onClick: handleClick
-      }, props.title), (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots));
+      }, {
+        default: () => resolveSlot(slots.title, () => [props.title])
+      }), (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots));
     };
   }
 });

package/es/anchor/src/public-types.d.ts

@@ -0,0 +1,5 @@
+import type { VNode } from 'vue';
+export interface AnchorLinkSlots {
+    default?: () => VNode[];
+    title?: () => VNode[];
+}

package/es/anchor/src/public-types.mjs

@@ -0,0 +1 @@
+export {};

package/es/auto-complete/src/AutoComplete.d.ts

@@ -1,5 +1,5 @@
 import type { RenderLabel, RenderOption } from '../../_internal/select-menu/src/interface';
-import type { FormValidationStatus } from '../../form/src/interface';
+import type { FormValidationStatus } from '../../form/src/public-types';
 import type { SelectBaseOption, SelectGroupOption, SelectIgnoredOption } from '../../select/src/interface';
 import type { AutoCompleteDefaultSlotProps, AutoCompleteOptions, OnSelect, OnUpdateValue } from './interface';
 import { type TreeNode } from 'treemate';

package/es/cascader/src/Cascader.d.ts

@@ -1,6 +1,6 @@
 import type { InternalSelectionInst } from '../../_internal';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
-import type { FormValidationStatus } from '../../form/src/interface';
+import type { FormValidationStatus } from '../../form/src/public-types';
 import type { PopoverProps } from '../../popover';
 import type { SelectBaseOption } from '../../select/src/interface';
 import type { CascaderMenuInstance, CascaderOption, ExpandTrigger, Filter, Key, OnLoad, OnUpdateValue, SelectMenuInstance, Value } from './interface';

package/es/components.d.ts

@@ -48,6 +48,7 @@ export * from './image';
 export * from './infinite-scroll';
 export * from './input';
 export * from './input-number';
+export * from './input-otp';
 export * from './layout';
 export * from './legacy-grid';
 export * from './legacy-transfer';

package/es/components.mjs

@@ -48,6 +48,7 @@ export * from "./image/index.mjs";
 export * from "./infinite-scroll/index.mjs";
 export * from "./input/index.mjs";
 export * from "./input-number/index.mjs";
+export * from "./input-otp/index.mjs";
 export * from "./layout/index.mjs";
 export * from "./legacy-grid/index.mjs";
 export * from "./legacy-transfer/index.mjs";

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

@@ -49,6 +49,7 @@ import type { IconWrapperTheme } from '../../icon-wrapper/styles';
 import type { IconTheme } from '../../icon/styles';
 import type { ImageTheme } from '../../image/styles';
 import type { InputNumberTheme } from '../../input-number/styles';
+import type { InputOtpTheme } from '../../input-otp/styles';
 import type { Size as InputSize } from '../../input/src/interface';
 import type { InputTheme } from '../../input/styles';
 import type { LayoutTheme } from '../../layout/styles';
@@ -190,6 +191,7 @@ export interface GlobalThemeWithoutCommon {
     Marquee?: MarqueeTheme;
     InternalSelectMenu?: InternalSelectMenuTheme;
     InternalSelection?: InternalSelectionTheme;
+    InputOtp?: InputOtpTheme;
 }
 export interface GlobalComponentConfig {
     Pagination?: {

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

@@ -3872,12 +3872,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         '--n-td-color-striped': string;
         '--n-td-color-striped-modal': string;
         '--n-td-color-striped-popover': string;
-        'n-td-color-sorting': string;
-        'n-td-color-sorting-modal': string;
-        'n-td-color-sorting-popover': string;
-        'n-th-color-sorting': string;
-        'n-th-color-sorting-modal': string;
-        'n-th-color-sorting-popover': string;
+        '--n-td-color-sorting': string;
+        '--n-td-color-sorting-modal': string;
+        '--n-td-color-sorting-popover': string;
+        '--n-th-color-sorting': string;
+        '--n-th-color-sorting-modal': string;
+        '--n-th-color-sorting-popover': string;
     }> | undefined;
     themeClass: import("vue").Ref<string, string> | undefined;
     onRender: (() => void) | undefined;

package/es/data-table/src/DataTable.mjs

@@ -375,12 +375,12 @@ export default defineComponent({
         '--n-td-color-striped': tdColorStriped,
         '--n-td-color-striped-modal': tdColorStripedModal,
         '--n-td-color-striped-popover': tdColorStripedPopover,
-        'n-td-color-sorting': tdColorSorting,
-        'n-td-color-sorting-modal': tdColorSortingModal,
-        'n-td-color-sorting-popover': tdColorSortingPopover,
-        'n-th-color-sorting': thColorSorting,
-        'n-th-color-sorting-modal': thColorSortingModal,
-        'n-th-color-sorting-popover': thColorSortingPopover
+        '--n-td-color-sorting': tdColorSorting,
+        '--n-td-color-sorting-modal': tdColorSortingModal,
+        '--n-td-color-sorting-popover': tdColorSortingPopover,
+        '--n-th-color-sorting': thColorSorting,
+        '--n-th-color-sorting-modal': thColorSortingModal,
+        '--n-th-color-sorting-popover': thColorSortingPopover
       };
     });
     const themeClassHandle = inlineThemeDisabled ? useThemeClass('data-table', computed(() => props.size[0]), cssVarsRef, props) : undefined;

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

@@ -60,6 +60,7 @@ export default c([cB('data-table', `
  --n-merged-th-color: var(--n-th-color);
  --n-merged-td-color: var(--n-td-color);
  --n-merged-border-color: var(--n-border-color);
+ --n-merged-th-color-hover: var(--n-th-color-hover);
  --n-merged-th-color-sorting: var(--n-th-color-sorting);
  --n-merged-td-color-hover: var(--n-td-color-hover);
  --n-merged-td-color-sorting: var(--n-td-color-sorting);

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

@@ -71,7 +71,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     readonly endPlaceholder: StringConstructor;
     readonly format: StringConstructor;
     readonly dateFormat: StringConstructor;
-    readonly timerPickerFormat: StringConstructor;
+    readonly timePickerFormat: StringConstructor;
     readonly actions: import("vue").PropType<Array<"clear" | "confirm" | "now"> | null>;
     readonly shortcuts: import("vue").PropType<import("./interface").Shortcuts>;
     readonly isDateDisabled: import("vue").PropType<import("./interface").IsDateDisabled>;
@@ -85,7 +85,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     readonly firstDayOfWeek: import("vue").PropType<import("./interface").FirstDayOfWeek>;
     readonly inputReadonly: BooleanConstructor;
     readonly closeOnSelect: BooleanConstructor;
-    readonly status: import("vue").PropType<import("../../form/src/interface").FormValidationStatus>;
+    readonly status: import("vue").PropType<import("../..").FormValidationStatus>;
     readonly timePickerProps: import("vue").PropType<import("../..").TimePickerProps | [import("../..").TimePickerProps, import("../..").TimePickerProps]>;
     readonly onClear: import("vue").PropType<() => void>;
     readonly onConfirm: import("vue").PropType<import("./interface").OnConfirm>;
@@ -2042,7 +2042,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         }, any>;
     }>>>;
 }>, {
-    mergedStatus: import("vue").ComputedRef<import("../../form/src/interface").FormValidationStatus | undefined>;
+    mergedStatus: import("vue").ComputedRef<import("../..").FormValidationStatus | undefined>;
     mergedClsPrefix: Ref<string, string>;
     mergedBordered: import("vue").ComputedRef<boolean>;
     namespace: import("vue").ComputedRef<string | undefined>;
@@ -3349,7 +3349,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     readonly endPlaceholder: StringConstructor;
     readonly format: StringConstructor;
     readonly dateFormat: StringConstructor;
-    readonly timerPickerFormat: StringConstructor;
+    readonly timePickerFormat: StringConstructor;
     readonly actions: import("vue").PropType<Array<"clear" | "confirm" | "now"> | null>;
     readonly shortcuts: import("vue").PropType<import("./interface").Shortcuts>;
     readonly isDateDisabled: import("vue").PropType<import("./interface").IsDateDisabled>;
@@ -3363,7 +3363,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     readonly firstDayOfWeek: import("vue").PropType<import("./interface").FirstDayOfWeek>;
     readonly inputReadonly: BooleanConstructor;
     readonly closeOnSelect: BooleanConstructor;
-    readonly status: import("vue").PropType<import("../../form/src/interface").FormValidationStatus>;
+    readonly status: import("vue").PropType<import("../..").FormValidationStatus>;
     readonly timePickerProps: import("vue").PropType<import("../..").TimePickerProps | [import("../..").TimePickerProps, import("../..").TimePickerProps]>;
     readonly onClear: import("vue").PropType<() => void>;
     readonly onConfirm: import("vue").PropType<import("./interface").OnConfirm>;

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

@@ -821,7 +821,7 @@ export default defineComponent({
       onPrevMonth: this.onPrevMonth,
       onNextYear: this.onNextYear,
       onPrevYear: this.onPrevYear,
-      timerPickerFormat: this.timerPickerFormat,
+      timePickerFormat: this.timePickerFormat,
       dateFormat: this.dateFormat,
       calendarDayFormat: this.calendarDayFormat,
       calendarHeaderYearFormat: this.calendarHeaderYearFormat,

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

@@ -28,7 +28,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: BooleanConstructor;
         readonly default: undefined;
     };
-    timerPickerFormat: {
+    timePickerFormat: {
         readonly type: StringConstructor;
         readonly value: "HH:mm:ss";
     };
@@ -2092,7 +2092,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: BooleanConstructor;
         readonly default: undefined;
     };
-    timerPickerFormat: {
+    timePickerFormat: {
         readonly type: StringConstructor;
         readonly value: "HH:mm:ss";
     };

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

@@ -19,7 +19,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: BooleanConstructor;
         readonly default: undefined;
     };
-    readonly timerPickerFormat: {
+    readonly timePickerFormat: {
         readonly type: StringConstructor;
         readonly value: "HH:mm:ss";
     };
@@ -2075,7 +2075,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     endCalendarNextMonth: () => void;
     endCalendarNextYear: () => void;
     mergedIsDateDisabled: (ts: number) => boolean;
-    changeStartEndTime: (startTime: number, endTime: number, source: "shortcutPreview" | "wipPreview" | "done") => void;
+    changeStartEndTime: (startTime: number, endTime: number, source: "shortcutPreview" | "wipPreview" | "done" | "shortcutDone") => void;
     ranges: import("vue").Ref<Record<string, [number, number]> | undefined, Record<string, [number, number]> | undefined>;
     calendarMonthBeforeYear: import("vue").ComputedRef<boolean>;
     startCalendarMonth: import("vue").ComputedRef<string>;
@@ -2115,7 +2115,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: BooleanConstructor;
         readonly default: undefined;
     };
-    readonly timerPickerFormat: {
+    readonly timePickerFormat: {
         readonly type: StringConstructor;
         readonly value: "HH:mm:ss";
     };

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

@@ -23,7 +23,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: BooleanConstructor;
         readonly default: undefined;
     };
-    readonly timerPickerFormat: {
+    readonly timePickerFormat: {
         readonly type: StringConstructor;
         readonly value: "HH:mm:ss";
     };
@@ -2083,7 +2083,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: BooleanConstructor;
         readonly default: undefined;
     };
-    readonly timerPickerFormat: {
+    readonly timePickerFormat: {
         readonly type: StringConstructor;
         readonly value: "HH:mm:ss";
     };

package/es/date-picker/src/panel/datetime.mjs

@@ -53,7 +53,7 @@ export default defineComponent({
     }), h(NTimePicker, Object.assign({
       size: this.timePickerSize,
       placeholder: this.locale.selectTime,
-      format: this.timerPickerFormat
+      format: this.timePickerFormat
     }, Array.isArray(timePickerProps) ? undefined : timePickerProps, {
       showIcon: false,
       to: false,

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

@@ -19,7 +19,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: BooleanConstructor;
         readonly default: undefined;
     };
-    readonly timerPickerFormat: {
+    readonly timePickerFormat: {
         readonly type: StringConstructor;
         readonly value: "HH:mm:ss";
     };
@@ -2075,7 +2075,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     endCalendarNextMonth: () => void;
     endCalendarNextYear: () => void;
     mergedIsDateDisabled: (ts: number) => boolean;
-    changeStartEndTime: (startTime: number, endTime: number, source: "shortcutPreview" | "wipPreview" | "done") => void;
+    changeStartEndTime: (startTime: number, endTime: number, source: "shortcutPreview" | "wipPreview" | "done" | "shortcutDone") => void;
     ranges: import("vue").Ref<Record<string, [number, number]> | undefined, Record<string, [number, number]> | undefined>;
     calendarMonthBeforeYear: import("vue").ComputedRef<boolean>;
     startCalendarMonth: import("vue").ComputedRef<string>;
@@ -2115,7 +2115,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: BooleanConstructor;
         readonly default: undefined;
     };
-    readonly timerPickerFormat: {
+    readonly timePickerFormat: {
         readonly type: StringConstructor;
         readonly value: "HH:mm:ss";
     };

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

@@ -54,7 +54,7 @@ export default defineComponent({
       onUpdateValue: this.handleStartDateInput
     }), h(NTimePicker, Object.assign({
       placeholder: this.locale.selectTime,
-      format: this.timerPickerFormat,
+      format: this.timePickerFormat,
       size: this.timePickerSize
     }, Array.isArray(timePickerProps) ? timePickerProps[0] : timePickerProps, {
       value: this.startTimeValue,
@@ -82,7 +82,7 @@ export default defineComponent({
       onUpdateValue: this.handleEndDateInput
     }), h(NTimePicker, Object.assign({
       placeholder: this.locale.selectTime,
-      format: this.timerPickerFormat,
+      format: this.timePickerFormat,
       size: this.timePickerSize
     }, Array.isArray(timePickerProps) ? timePickerProps[1] : timePickerProps, {
       disabled: this.isSelecting,

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

@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: BooleanConstructor;
         readonly default: undefined;
     };
-    timerPickerFormat: {
+    timePickerFormat: {
         readonly type: StringConstructor;
         readonly value: "HH:mm:ss";
     };
@@ -2096,7 +2096,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: BooleanConstructor;
         readonly default: undefined;
     };
-    timerPickerFormat: {
+    timePickerFormat: {
         readonly type: StringConstructor;
         readonly value: "HH:mm:ss";
     };

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

@@ -25,7 +25,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: BooleanConstructor;
         readonly default: undefined;
     };
-    timerPickerFormat: {
+    timePickerFormat: {
         readonly type: StringConstructor;
         readonly value: "HH:mm:ss";
     };
@@ -2082,7 +2082,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     endCalendarNextMonth: () => void;
     endCalendarNextYear: () => void;
     mergedIsDateDisabled: (ts: number) => boolean;
-    changeStartEndTime: (startTime: number, endTime: number, source: "shortcutPreview" | "wipPreview" | "done") => void;
+    changeStartEndTime: (startTime: number, endTime: number, source: "shortcutPreview" | "wipPreview" | "done" | "shortcutDone") => void;
     ranges: import("vue").Ref<Record<string, [number, number]> | undefined, Record<string, [number, number]> | undefined>;
     calendarMonthBeforeYear: import("vue").ComputedRef<boolean>;
     startCalendarMonth: import("vue").ComputedRef<string>;
@@ -2126,7 +2126,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: BooleanConstructor;
         readonly default: undefined;
     };
-    timerPickerFormat: {
+    timePickerFormat: {
         readonly type: StringConstructor;
         readonly value: "HH:mm:ss";
     };

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

@@ -52,7 +52,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly type: BooleanConstructor;
             readonly default: undefined;
         };
-        timerPickerFormat: {
+        timePickerFormat: {
             readonly type: StringConstructor;
             readonly value: "HH:mm:ss";
         };
@@ -2133,7 +2133,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly type: BooleanConstructor;
             readonly default: undefined;
         };
-        timerPickerFormat: {
+        timePickerFormat: {
             readonly type: StringConstructor;
             readonly value: "HH:mm:ss";
         };
@@ -4207,7 +4207,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly type: BooleanConstructor;
             readonly default: undefined;
         };
-        timerPickerFormat: {
+        timePickerFormat: {
             readonly type: StringConstructor;
             readonly value: "HH:mm:ss";
         };
@@ -6288,7 +6288,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly type: BooleanConstructor;
             readonly default: undefined;
         };
-        timerPickerFormat: {
+        timePickerFormat: {
             readonly type: StringConstructor;
             readonly value: "HH:mm:ss";
         };

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

@@ -22,7 +22,7 @@ declare const useCalendarProps: {
         readonly type: BooleanConstructor;
         readonly default: undefined;
     };
-    readonly timerPickerFormat: {
+    readonly timePickerFormat: {
         readonly type: StringConstructor;
         readonly value: "HH:mm:ss";
     };

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

@@ -24,7 +24,7 @@ declare const useDualCalendarProps: {
         readonly type: BooleanConstructor;
         readonly default: undefined;
     };
-    readonly timerPickerFormat: {
+    readonly timePickerFormat: {
         readonly type: StringConstructor;
         readonly value: "HH:mm:ss";
     };
@@ -2081,7 +2081,7 @@ declare function useDualCalendar(props: ExtractPropTypes<typeof useDualCalendarP
     endCalendarNextMonth: () => void;
     endCalendarNextYear: () => void;
     mergedIsDateDisabled: (ts: number) => boolean;
-    changeStartEndTime: (startTime: number, endTime: number, source: "shortcutPreview" | "wipPreview" | "done") => void;
+    changeStartEndTime: (startTime: number, endTime: number, source: "shortcutPreview" | "wipPreview" | "done" | "shortcutDone") => void;
     ranges: import("vue").Ref<Record<string, [number, number]> | undefined, Record<string, [number, number]> | undefined>;
     calendarMonthBeforeYear: import("vue").ComputedRef<boolean>;
     startCalendarMonth: import("vue").ComputedRef<string>;

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

@@ -347,7 +347,7 @@ function useDualCalendar(props, type) {
     if (typeof startTime !== 'number') {
       startTime = getTime(startTime);
     }
-    if (source !== 'shortcutPreview') {
+    if (source !== 'shortcutPreview' && source !== 'shortcutDone') {
       let startDefaultTime;
       let endDefaultTime;
       if (type === 'datetimerange') {
@@ -369,7 +369,7 @@ function useDualCalendar(props, type) {
         endTime = getTime(set(endTime, endDefaultTime));
       }
     }
-    panelCommon.doUpdateValue([startTime, endTime], props.panel && source === 'done');
+    panelCommon.doUpdateValue([startTime, endTime], props.panel && (source === 'done' || source === 'shortcutDone'));
   }
   function sanitizeValue(datetime) {
     if (type === 'datetimerange') {
@@ -510,7 +510,7 @@ function useDualCalendar(props, type) {
   function handleRangeShortcutClick(shortcut) {
     const shortcutValue = panelCommon.getShortcutValue(shortcut);
     if (!Array.isArray(shortcutValue)) return;
-    changeStartEndTime(shortcutValue[0], shortcutValue[1], 'done');
+    changeStartEndTime(shortcutValue[0], shortcutValue[1], 'shortcutDone');
     panelCommon.clearPendingValue();
     handleConfirmClick();
   }

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

@@ -14,7 +14,7 @@ declare const usePanelCommonProps: {
         readonly type: BooleanConstructor;
         readonly default: undefined;
     };
-    readonly timerPickerFormat: {
+    readonly timePickerFormat: {
         readonly type: StringConstructor;
         readonly value: "HH:mm:ss";
     };

package/es/date-picker/src/panel/use-panel-common.mjs

@@ -16,7 +16,7 @@ const usePanelCommonProps = {
     type: Boolean,
     default: undefined
   },
-  timerPickerFormat: {
+  timePickerFormat: {
     type: String,
     value: TIME_FORMAT
   },

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

@@ -1,7 +1,7 @@
 import type { PropType } from 'vue';
 import type { FollowerPlacement } from 'vueuc';
 import type { MaybeArray } from '../../_utils';
-import type { FormValidationStatus } from '../../form/src/interface';
+import type { FormValidationStatus } from '../../form/src/public-types';
 import type { TimePickerProps } from '../../time-picker';
 import type { DatePickerType } from './config';
 import type { DefaultTime, FirstDayOfWeek, FormattedValue, IsDateDisabled, IsTimeDisabled, OnConfirm, OnUpdateFormattedValue, OnUpdateValue, Shortcuts, Value } from './interface';
@@ -52,7 +52,7 @@ export declare const datePickerProps: {
     readonly endPlaceholder: StringConstructor;
     readonly format: StringConstructor;
     readonly dateFormat: StringConstructor;
-    readonly timerPickerFormat: StringConstructor;
+    readonly timePickerFormat: StringConstructor;
     readonly actions: PropType<Array<"clear" | "confirm" | "now"> | null>;
     readonly shortcuts: PropType<Shortcuts>;
     readonly isDateDisabled: PropType<IsDateDisabled>;

package/es/date-picker/src/props.mjs

@@ -44,7 +44,7 @@ export const datePickerProps = Object.assign(Object.assign({}, useTheme.props),
   endPlaceholder: String,
   format: String,
   dateFormat: String,
-  timerPickerFormat: String,
+  timePickerFormat: String,
   actions: Array,
   shortcuts: Object,
   isDateDisabled: Function,

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

@@ -412,7 +412,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly column: number;
     readonly separator: string;
     readonly bordered: boolean;
-    readonly labelAlign: "left" | "right" | "center";
     readonly labelPlacement: "left" | "top";
+    readonly labelAlign: "left" | "right" | "center";
 }, SlotsType<DescriptionsSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;