naive-ui 2.28.3 → 2.29.0

package/es/data-table/src/HeaderButton/FilterButton.d.ts

@@ -100,12 +100,14 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             borderRadiusSmall: string;
             fontSize: string;
+            fontSizeMini: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
             fontSizeHuge: string;
             lineHeight: string;
+            heightMini: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;
@@ -460,22 +462,50 @@ declare const _default: import("vue").DefineComponent<{
                 itemBorderActive: string;
                 itemBorderDisabled: string;
                 itemBorderRadius: string;
-                itemFontSize: string;
+                itemSizeSmall: string;
+                itemSizeMedium: string;
+                itemSizeLarge: string;
+                itemFontSizeSmall: string;
+                itemFontSizeMedium: string;
+                itemFontSizeLarge: string;
+                jumperFontSizeSmall: string;
+                jumperFontSizeMedium: string;
+                jumperFontSizeLarge: string;
                 jumperTextColor: string;
                 jumperTextColorDisabled: string;
-                itemSize: string;
-                itemPadding: string;
-                itemMargin: string;
-                itemMarginRtl: string;
-                buttonIconSize: string;
-                inputWidth: string;
-                selectWidth: string;
-                inputMargin: string;
-                inputMarginRtl: string;
-                selectMargin: string;
-                prefixMargin: string;
-                suffixMargin: string;
-                jumperFontSize: string;
+                itemPaddingSmall: string;
+                itemMarginSmall: string;
+                itemMarginSmallRtl: string;
+                itemPaddingMedium: string;
+                itemMarginMedium: string;
+                itemMarginMediumRtl: string;
+                itemPaddingLarge: string;
+                itemMarginLarge: string;
+                itemMarginLargeRtl: string;
+                buttonIconSizeSmall: string;
+                buttonIconSizeMedium: string;
+                buttonIconSizeLarge: string;
+                inputWidthSmall: string;
+                selectWidthSmall: string;
+                inputMarginSmall: string;
+                inputMarginSmallRtl: string;
+                selectMarginSmall: string;
+                prefixMarginSmall: string;
+                suffixMarginSmall: string;
+                inputWidthMedium: string;
+                selectWidthMedium: string;
+                inputMarginMedium: string;
+                inputMarginMediumRtl: string;
+                selectMarginMedium: string;
+                prefixMarginMedium: string;
+                suffixMarginMedium: string;
+                inputWidthLarge: string;
+                selectWidthLarge: string;
+                inputMarginLarge: string;
+                inputMarginLargeRtl: string;
+                selectMarginLarge: string;
+                prefixMarginLarge: string;
+                suffixMarginLarge: string;
             }, {
                 Select: import("../../../_mixins").Theme<"Select", {
                     menuBoxShadow: string;

package/es/data-table/src/HeaderButton/FilterMenu.d.ts

@@ -125,12 +125,14 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             borderRadiusSmall: string;
             fontSize: string;
+            fontSizeMini: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
             fontSizeHuge: string;
             lineHeight: string;
+            heightMini: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;
@@ -485,22 +487,50 @@ declare const _default: import("vue").DefineComponent<{
                 itemBorderActive: string;
                 itemBorderDisabled: string;
                 itemBorderRadius: string;
-                itemFontSize: string;
+                itemSizeSmall: string;
+                itemSizeMedium: string;
+                itemSizeLarge: string;
+                itemFontSizeSmall: string;
+                itemFontSizeMedium: string;
+                itemFontSizeLarge: string;
+                jumperFontSizeSmall: string;
+                jumperFontSizeMedium: string;
+                jumperFontSizeLarge: string;
                 jumperTextColor: string;
                 jumperTextColorDisabled: string;
-                itemSize: string;
-                itemPadding: string;
-                itemMargin: string;
-                itemMarginRtl: string;
-                buttonIconSize: string;
-                inputWidth: string;
-                selectWidth: string;
-                inputMargin: string;
-                inputMarginRtl: string;
-                selectMargin: string;
-                prefixMargin: string;
-                suffixMargin: string;
-                jumperFontSize: string;
+                itemPaddingSmall: string;
+                itemMarginSmall: string;
+                itemMarginSmallRtl: string;
+                itemPaddingMedium: string;
+                itemMarginMedium: string;
+                itemMarginMediumRtl: string;
+                itemPaddingLarge: string;
+                itemMarginLarge: string;
+                itemMarginLargeRtl: string;
+                buttonIconSizeSmall: string;
+                buttonIconSizeMedium: string;
+                buttonIconSizeLarge: string;
+                inputWidthSmall: string;
+                selectWidthSmall: string;
+                inputMarginSmall: string;
+                inputMarginSmallRtl: string;
+                selectMarginSmall: string;
+                prefixMarginSmall: string;
+                suffixMarginSmall: string;
+                inputWidthMedium: string;
+                selectWidthMedium: string;
+                inputMarginMedium: string;
+                inputMarginMediumRtl: string;
+                selectMarginMedium: string;
+                prefixMarginMedium: string;
+                suffixMarginMedium: string;
+                inputWidthLarge: string;
+                selectWidthLarge: string;
+                inputMarginLarge: string;
+                inputMarginLargeRtl: string;
+                selectMarginLarge: string;
+                prefixMarginLarge: string;
+                suffixMarginLarge: string;
             }, {
                 Select: import("../../../_mixins").Theme<"Select", {
                     menuBoxShadow: string;

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

@@ -122,12 +122,14 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             borderRadiusSmall: string;
             fontSize: string;
+            fontSizeMini: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
             fontSizeHuge: string;
             lineHeight: string;
+            heightMini: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;
@@ -482,22 +484,50 @@ declare const _default: import("vue").DefineComponent<{
                 itemBorderActive: string;
                 itemBorderDisabled: string;
                 itemBorderRadius: string;
-                itemFontSize: string;
+                itemSizeSmall: string;
+                itemSizeMedium: string;
+                itemSizeLarge: string;
+                itemFontSizeSmall: string;
+                itemFontSizeMedium: string;
+                itemFontSizeLarge: string;
+                jumperFontSizeSmall: string;
+                jumperFontSizeMedium: string;
+                jumperFontSizeLarge: string;
                 jumperTextColor: string;
                 jumperTextColorDisabled: string;
-                itemSize: string;
-                itemPadding: string;
-                itemMargin: string;
-                itemMarginRtl: string;
-                buttonIconSize: string;
-                inputWidth: string;
-                selectWidth: string;
-                inputMargin: string;
-                inputMarginRtl: string;
-                selectMargin: string;
-                prefixMargin: string;
-                suffixMargin: string;
-                jumperFontSize: string;
+                itemPaddingSmall: string;
+                itemMarginSmall: string;
+                itemMarginSmallRtl: string;
+                itemPaddingMedium: string;
+                itemMarginMedium: string;
+                itemMarginMediumRtl: string;
+                itemPaddingLarge: string;
+                itemMarginLarge: string;
+                itemMarginLargeRtl: string;
+                buttonIconSizeSmall: string;
+                buttonIconSizeMedium: string;
+                buttonIconSizeLarge: string;
+                inputWidthSmall: string;
+                selectWidthSmall: string;
+                inputMarginSmall: string;
+                inputMarginSmallRtl: string;
+                selectMarginSmall: string;
+                prefixMarginSmall: string;
+                suffixMarginSmall: string;
+                inputWidthMedium: string;
+                selectWidthMedium: string;
+                inputMarginMedium: string;
+                inputMarginMediumRtl: string;
+                selectMarginMedium: string;
+                prefixMarginMedium: string;
+                suffixMarginMedium: string;
+                inputWidthLarge: string;
+                selectWidthLarge: string;
+                inputMarginLarge: string;
+                inputMarginLargeRtl: string;
+                selectMarginLarge: string;
+                prefixMarginLarge: string;
+                suffixMarginLarge: string;
             }, {
                 Select: import("../../../_mixins").Theme<"Select", {
                     menuBoxShadow: string;

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

@@ -105,12 +105,14 @@ declare const _default: import("vue").DefineComponent<{
                 borderRadius: string;
                 borderRadiusSmall: string;
                 fontSize: string;
+                fontSizeMini: string;
                 fontSizeTiny: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
                 fontSizeHuge: string;
                 lineHeight: string;
+                heightMini: string;
                 heightTiny: string;
                 heightSmall: string;
                 heightMedium: string;
@@ -465,22 +467,50 @@ declare const _default: import("vue").DefineComponent<{
                     itemBorderActive: string;
                     itemBorderDisabled: string;
                     itemBorderRadius: string;
-                    itemFontSize: string;
+                    itemSizeSmall: string;
+                    itemSizeMedium: string;
+                    itemSizeLarge: string;
+                    itemFontSizeSmall: string;
+                    itemFontSizeMedium: string;
+                    itemFontSizeLarge: string;
+                    jumperFontSizeSmall: string;
+                    jumperFontSizeMedium: string;
+                    jumperFontSizeLarge: string;
                     jumperTextColor: string;
                     jumperTextColorDisabled: string;
-                    itemSize: string;
-                    itemPadding: string;
-                    itemMargin: string;
-                    itemMarginRtl: string;
-                    buttonIconSize: string;
-                    inputWidth: string;
-                    selectWidth: string;
-                    inputMargin: string;
-                    inputMarginRtl: string;
-                    selectMargin: string;
-                    prefixMargin: string;
-                    suffixMargin: string;
-                    jumperFontSize: string;
+                    itemPaddingSmall: string;
+                    itemMarginSmall: string;
+                    itemMarginSmallRtl: string;
+                    itemPaddingMedium: string;
+                    itemMarginMedium: string;
+                    itemMarginMediumRtl: string;
+                    itemPaddingLarge: string;
+                    itemMarginLarge: string;
+                    itemMarginLargeRtl: string;
+                    buttonIconSizeSmall: string;
+                    buttonIconSizeMedium: string;
+                    buttonIconSizeLarge: string;
+                    inputWidthSmall: string;
+                    selectWidthSmall: string;
+                    inputMarginSmall: string;
+                    inputMarginSmallRtl: string;
+                    selectMarginSmall: string;
+                    prefixMarginSmall: string;
+                    suffixMarginSmall: string;
+                    inputWidthMedium: string;
+                    selectWidthMedium: string;
+                    inputMarginMedium: string;
+                    inputMarginMediumRtl: string;
+                    selectMarginMedium: string;
+                    prefixMarginMedium: string;
+                    suffixMarginMedium: string;
+                    inputWidthLarge: string;
+                    selectWidthLarge: string;
+                    inputMarginLarge: string;
+                    inputMarginLargeRtl: string;
+                    selectMarginLarge: string;
+                    prefixMarginLarge: string;
+                    suffixMarginLarge: string;
                 }, {
                     Select: import("../../../_mixins").Theme<"Select", {
                         menuBoxShadow: string;
@@ -1079,12 +1109,14 @@ declare const _default: import("vue").DefineComponent<{
                 borderRadius: string;
                 borderRadiusSmall: string;
                 fontSize: string;
+                fontSizeMini: string;
                 fontSizeTiny: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
                 fontSizeHuge: string;
                 lineHeight: string;
+                heightMini: string;
                 heightTiny: string;
                 heightSmall: string;
                 heightMedium: string;
@@ -1439,22 +1471,50 @@ declare const _default: import("vue").DefineComponent<{
                     itemBorderActive: string;
                     itemBorderDisabled: string;
                     itemBorderRadius: string;
-                    itemFontSize: string;
+                    itemSizeSmall: string;
+                    itemSizeMedium: string;
+                    itemSizeLarge: string;
+                    itemFontSizeSmall: string;
+                    itemFontSizeMedium: string;
+                    itemFontSizeLarge: string;
+                    jumperFontSizeSmall: string;
+                    jumperFontSizeMedium: string;
+                    jumperFontSizeLarge: string;
                     jumperTextColor: string;
                     jumperTextColorDisabled: string;
-                    itemSize: string;
-                    itemPadding: string;
-                    itemMargin: string;
-                    itemMarginRtl: string;
-                    buttonIconSize: string;
-                    inputWidth: string;
-                    selectWidth: string;
-                    inputMargin: string;
-                    inputMarginRtl: string;
-                    selectMargin: string;
-                    prefixMargin: string;
-                    suffixMargin: string;
-                    jumperFontSize: string;
+                    itemPaddingSmall: string;
+                    itemMarginSmall: string;
+                    itemMarginSmallRtl: string;
+                    itemPaddingMedium: string;
+                    itemMarginMedium: string;
+                    itemMarginMediumRtl: string;
+                    itemPaddingLarge: string;
+                    itemMarginLarge: string;
+                    itemMarginLargeRtl: string;
+                    buttonIconSizeSmall: string;
+                    buttonIconSizeMedium: string;
+                    buttonIconSizeLarge: string;
+                    inputWidthSmall: string;
+                    selectWidthSmall: string;
+                    inputMarginSmall: string;
+                    inputMarginSmallRtl: string;
+                    selectMarginSmall: string;
+                    prefixMarginSmall: string;
+                    suffixMarginSmall: string;
+                    inputWidthMedium: string;
+                    selectWidthMedium: string;
+                    inputMarginMedium: string;
+                    inputMarginMediumRtl: string;
+                    selectMarginMedium: string;
+                    prefixMarginMedium: string;
+                    suffixMarginMedium: string;
+                    inputWidthLarge: string;
+                    selectWidthLarge: string;
+                    inputMarginLarge: string;
+                    inputMarginLargeRtl: string;
+                    selectMarginLarge: string;
+                    prefixMarginLarge: string;
+                    suffixMarginLarge: string;
                 }, {
                     Select: import("../../../_mixins").Theme<"Select", {
                         menuBoxShadow: string;

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

@@ -112,12 +112,14 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             borderRadiusSmall: string;
             fontSize: string;
+            fontSizeMini: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
             fontSizeHuge: string;
             lineHeight: string;
+            heightMini: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;
@@ -472,22 +474,50 @@ declare const _default: import("vue").DefineComponent<{
                 itemBorderActive: string;
                 itemBorderDisabled: string;
                 itemBorderRadius: string;
-                itemFontSize: string;
+                itemSizeSmall: string;
+                itemSizeMedium: string;
+                itemSizeLarge: string;
+                itemFontSizeSmall: string;
+                itemFontSizeMedium: string;
+                itemFontSizeLarge: string;
+                jumperFontSizeSmall: string;
+                jumperFontSizeMedium: string;
+                jumperFontSizeLarge: string;
                 jumperTextColor: string;
                 jumperTextColorDisabled: string;
-                itemSize: string;
-                itemPadding: string;
-                itemMargin: string;
-                itemMarginRtl: string;
-                buttonIconSize: string;
-                inputWidth: string;
-                selectWidth: string;
-                inputMargin: string;
-                inputMarginRtl: string;
-                selectMargin: string;
-                prefixMargin: string;
-                suffixMargin: string;
-                jumperFontSize: string;
+                itemPaddingSmall: string;
+                itemMarginSmall: string;
+                itemMarginSmallRtl: string;
+                itemPaddingMedium: string;
+                itemMarginMedium: string;
+                itemMarginMediumRtl: string;
+                itemPaddingLarge: string;
+                itemMarginLarge: string;
+                itemMarginLargeRtl: string;
+                buttonIconSizeSmall: string;
+                buttonIconSizeMedium: string;
+                buttonIconSizeLarge: string;
+                inputWidthSmall: string;
+                selectWidthSmall: string;
+                inputMarginSmall: string;
+                inputMarginSmallRtl: string;
+                selectMarginSmall: string;
+                prefixMarginSmall: string;
+                suffixMarginSmall: string;
+                inputWidthMedium: string;
+                selectWidthMedium: string;
+                inputMarginMedium: string;
+                inputMarginMediumRtl: string;
+                selectMarginMedium: string;
+                prefixMarginMedium: string;
+                suffixMarginMedium: string;
+                inputWidthLarge: string;
+                selectWidthLarge: string;
+                inputMarginLarge: string;
+                inputMarginLargeRtl: string;
+                selectMarginLarge: string;
+                prefixMarginLarge: string;
+                suffixMarginLarge: string;
             }, {
                 Select: import("../../../_mixins").Theme<"Select", {
                     menuBoxShadow: string;

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

@@ -1,5 +1,5 @@
-import fadeInScaleUpTransition from '../../../_styles/transitions/fade-in-scale-up.cssr';
-import iconSwitchTransition from '../../../_styles/transitions/icon-switch.cssr';
+import { fadeInScaleUpTransition } from '../../../_styles/transitions/fade-in-scale-up.cssr';
+import { iconSwitchTransition } from '../../../_styles/transitions/icon-switch.cssr';
 import { c, cB, cE, cM, cNotM, insideModal, insidePopover } from '../../../_utils/cssr';
 const fixedColumnStyle = createFixedColumnStyle(); // vars:
 // --n-font-size

package/es/data-table/styles/light.d.ts

@@ -395,22 +395,50 @@ declare const dataTableLight: import("../../_mixins").Theme<"DataTable", {
         itemBorderActive: string;
         itemBorderDisabled: string;
         itemBorderRadius: string;
-        itemFontSize: string;
+        itemSizeSmall: string;
+        itemSizeMedium: string;
+        itemSizeLarge: string;
+        itemFontSizeSmall: string;
+        itemFontSizeMedium: string;
+        itemFontSizeLarge: string;
+        jumperFontSizeSmall: string;
+        jumperFontSizeMedium: string;
+        jumperFontSizeLarge: string;
         jumperTextColor: string;
         jumperTextColorDisabled: string;
-        itemSize: string;
-        itemPadding: string;
-        itemMargin: string;
-        itemMarginRtl: string;
-        buttonIconSize: string;
-        inputWidth: string;
-        selectWidth: string;
-        inputMargin: string;
-        inputMarginRtl: string;
-        selectMargin: string;
-        prefixMargin: string;
-        suffixMargin: string;
-        jumperFontSize: string;
+        itemPaddingSmall: string;
+        itemMarginSmall: string;
+        itemMarginSmallRtl: string;
+        itemPaddingMedium: string;
+        itemMarginMedium: string;
+        itemMarginMediumRtl: string;
+        itemPaddingLarge: string;
+        itemMarginLarge: string;
+        itemMarginLargeRtl: string;
+        buttonIconSizeSmall: string;
+        buttonIconSizeMedium: string;
+        buttonIconSizeLarge: string;
+        inputWidthSmall: string;
+        selectWidthSmall: string;
+        inputMarginSmall: string;
+        inputMarginSmallRtl: string;
+        selectMarginSmall: string;
+        prefixMarginSmall: string;
+        suffixMarginSmall: string;
+        inputWidthMedium: string;
+        selectWidthMedium: string;
+        inputMarginMedium: string;
+        inputMarginMediumRtl: string;
+        selectMarginMedium: string;
+        prefixMarginMedium: string;
+        suffixMarginMedium: string;
+        inputWidthLarge: string;
+        selectWidthLarge: string;
+        inputMarginLarge: string;
+        inputMarginLargeRtl: string;
+        selectMarginLarge: string;
+        prefixMarginLarge: string;
+        suffixMarginLarge: string;
     }, {
         Select: import("../../_mixins").Theme<"Select", {
             menuBoxShadow: string;

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

@@ -4051,12 +4051,14 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             borderRadiusSmall: string;
             fontSize: string;
+            fontSizeMini: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
             fontSizeHuge: string;
             lineHeight: string;
+            heightMini: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;

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

@@ -1,14 +1,14 @@
 import { h, defineComponent, ref, Transition, computed, provide, watch, withDirectives, toRef, watchEffect } from 'vue';
 import { VBinder, VTarget, VFollower } from 'vueuc';
 import { clickoutside } from 'vdirs';
-import { format, getTime, isValid } from 'date-fns';
+import { format, getTime, isValid } from 'date-fns/esm';
 import { useIsMounted, useMergedState } from 'vooks';
 import { happensIn } from 'seemly';
 import { DateIcon, ToIcon } from '../../_internal/icons';
 import { NInput } from '../../input';
 import { NBaseIcon } from '../../_internal';
 import { useFormItem, useTheme, useConfig, useLocale, useThemeClass } from '../../_mixins';
-import { warn, call, useAdjustedTo, createKey, warnOnce } from '../../_utils';
+import { warn, call, useAdjustedTo, createKey, warnOnce, resolveSlot } from '../../_utils';
 import { datePickerLight } from '../styles';
 import { strictParse } from './utils';
 import { uniCalendarValidation, dualCalendarValidation } from './validation-utils';
@@ -612,7 +612,7 @@ export default defineComponent({
             handlePanelConfirm, mergedTheme: themeRef, actions: mergedActionsRef, triggerCssVars: inlineThemeDisabled ? undefined : triggerCssVarsRef, triggerThemeClass: triggerThemeClassHandle === null || triggerThemeClassHandle === void 0 ? void 0 : triggerThemeClassHandle.themeClass, triggerOnRender: triggerThemeClassHandle === null || triggerThemeClassHandle === void 0 ? void 0 : triggerThemeClassHandle.onRender, 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 { clearable, triggerOnRender } = this;
+        const { clearable, triggerOnRender, mergedClsPrefix, $slots } = this;
         triggerOnRender === null || triggerOnRender === void 0 ? void 0 : triggerOnRender();
         const commonInputProps = {
             bordered: this.mergedBordered,
@@ -645,7 +645,6 @@ export default defineComponent({
             themeClass: this.themeClass,
             onRender: this.onRender
         };
-        const { mergedClsPrefix } = this;
         return (h("div", { ref: "triggerElRef", class: [
                 `${mergedClsPrefix}-date-picker`,
                 this.mergedDisabled && `${mergedClsPrefix}-date-picker--disabled`,
@@ -662,12 +661,26 @@ export default defineComponent({
                                 this.isStartValueInvalid ? 'line-through' : '',
                                 this.isEndValueInvalid ? 'line-through' : ''
                             ], pair: true, onUpdateValue: this.handleRangeUpdateValue, theme: this.mergedTheme.peers.Input, themeOverrides: this.mergedTheme.peerOverrides.Input, internalForceFocus: this.mergedShow, internalDeactivateOnEnter: true }, commonInputProps), {
-                            separator: () => this.separator === undefined ? (h(NBaseIcon, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-date-picker-icon` }, { default: () => h(ToIcon, null) })) : (this.separator),
-                            [clearable ? 'clear' : 'suffix']: () => (h(NBaseIcon, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-date-picker-icon` }, { default: () => h(DateIcon, null) }))
+                            separator: () => this.separator === undefined
+                                ? resolveSlot($slots.separator, () => [
+                                    h(NBaseIcon, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-date-picker-icon` }, {
+                                        default: () => h(ToIcon, null)
+                                    })
+                                ])
+                                : this.separator,
+                            [clearable ? 'clear-icon-placeholder' : 'suffix']: () => resolveSlot($slots['date-icon'], () => [
+                                h(NBaseIcon, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-date-picker-icon` }, {
+                                    default: () => h(DateIcon, null)
+                                })
+                            ])
                         })) : (h(NInput, Object.assign({ ref: "inputInstRef", status: this.mergedStatus, value: this.displayTime, placeholder: this.localizedPlacehoder, textDecoration: this.isValueInvalid && !this.isRange
                                 ? 'line-through'
                                 : '', onUpdateValue: this.handleSingleUpdateValue, theme: this.mergedTheme.peers.Input, themeOverrides: this.mergedTheme.peerOverrides.Input, internalForceFocus: this.mergedShow, internalDeactivateOnEnter: true }, commonInputProps), {
-                            [clearable ? 'clear' : 'suffix']: () => (h(NBaseIcon, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-date-picker-icon` }, { default: () => h(DateIcon, null) }))
+                            [clearable ? 'clear-icon-placeholder' : 'suffix']: () => (h(NBaseIcon, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-date-picker-icon` }, {
+                                default: () => resolveSlot($slots['date-icon'], () => [
+                                    h(DateIcon, null)
+                                ])
+                            }))
                         }))
                     }),
                     h(VFollower, { show: this.mergedShow, containerClass: this.namespace, to: this.adjustedTo, teleportDisabled: this.adjustedTo === useAdjustedTo.tdkey, placement: this.placement }, {

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

@@ -142,12 +142,14 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             borderRadiusSmall: string;
             fontSize: string;
+            fontSizeMini: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
             fontSizeHuge: string;
             lineHeight: string;
+            heightMini: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;