naive-ui 2.24.2 → 2.24.6

package/es/layout/src/styles/layout-sider.cssr.js

@@ -23,19 +23,19 @@ export default cB('layout-sider', `
  background-color: var(--n-color);
  display: flex;
  justify-content: flex-end;
-`, [cM('bordered', [c('&::after', `
+`, [cM('bordered', [cE('border', `
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: var(--n-border-color);
- transition: background-color .3s var(--bezier);
- `)]), cE('left-placement', [cM('bordered', [c('&::after', `
+ transition: background-color .3s var(--n-bezier);
+ `)]), cE('left-placement', [cM('bordered', [cE('border', `
  right: 0;
  `)])]), cM('right-placement', `
  justify-content: flex-start;
- `, [cM('bordered', [c('&::after', `
+ `, [cM('bordered', [cE('border', `
  left: 0;
  `)]), cM('collapsed', [cB('layout-toggle-button', [cB('base-icon', `
  transform: rotate(180deg);

package/es/theme-editor/src/ThemeEditor.js

@@ -20,7 +20,7 @@ const ColorWandIcon = (h("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "ht
     h("path", { d: "M8.72956 4.56346C9.4771 3.81592 10.6891 3.81592 11.4367 4.56347C12.1842 5.31102 12.1842 6.52303 11.4367 7.27058L4.26679 14.4404C3.51924 15.1879 2.30723 15.1879 1.55968 14.4404C0.812134 13.6928 0.812138 12.4808 1.55969 11.7333L8.72956 4.56346ZM8.25002 6.4572L2.26679 12.4404C1.90977 12.7974 1.90977 13.3763 2.26679 13.7333C2.62381 14.0903 3.20266 14.0903 3.55968 13.7333L9.54292 7.75009L8.25002 6.4572ZM10.25 7.04299L10.7295 6.56347C11.0866 6.20645 11.0866 5.6276 10.7296 5.27057C10.3725 4.91355 9.79368 4.91355 9.43666 5.27057L8.95713 5.7501L10.25 7.04299Z", fill: "currentColor" })));
 // button colorOpacitySecondary var is not color
 const showColorPicker = (key) => {
-    if (key.includes('opacity'))
+    if (key.includes('pacity'))
         return false;
     if (key.includes('color') || key.includes('Color'))
         return true;

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.24.2";
+declare const _default: "2.24.6";
 export default _default;

package/es/version.js

@@ -1 +1 @@
-export default '2.24.2';
+export default '2.24.6';

package/lib/color-picker/src/ColorPicker.d.ts

@@ -30,6 +30,10 @@ export declare const colorPickerPanelProps: {
     };
     readonly showPreview: BooleanConstructor;
     readonly swatches: PropType<string[]>;
+    readonly disabled: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
     readonly actions: {
         readonly type: PropType<"confirm"[]>;
         readonly default: null;
@@ -914,6 +918,10 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly showPreview: BooleanConstructor;
     readonly swatches: PropType<string[]>;
+    readonly disabled: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
     readonly actions: {
         readonly type: PropType<"confirm"[]>;
         readonly default: null;
@@ -1773,6 +1781,7 @@ declare const _default: import("vue").DefineComponent<{
     hsla: ComputedRef<HSLA | null>;
     rgba: ComputedRef<RGBA | null>;
     mergedShow: ComputedRef<boolean>;
+    mergedDisabled: ComputedRef<boolean>;
     isMounted: Readonly<Ref<boolean>>;
     adjustedTo: ComputedRef<string | HTMLElement>;
     mergedValue: ComputedRef<string | null>;
@@ -1816,6 +1825,10 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly showPreview: BooleanConstructor;
     readonly swatches: PropType<string[]>;
+    readonly disabled: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
     readonly actions: {
         readonly type: PropType<"confirm"[]>;
         readonly default: null;
@@ -2670,6 +2683,7 @@ declare const _default: import("vue").DefineComponent<{
     }>>>;
 }>>, {
     show: boolean | undefined;
+    disabled: boolean | undefined;
     to: string | boolean | HTMLElement;
     defaultShow: boolean;
     showAlpha: boolean;

package/lib/color-picker/src/ColorPicker.js

@@ -35,7 +35,10 @@ exports.colorPickerPanelProps = Object.assign(Object.assign({}, _mixins_1.useThe
     }, to: _utils_1.useAdjustedTo.propTo, showAlpha: {
         type: Boolean,
         default: true
-    }, showPreview: Boolean, swatches: Array, actions: {
+    }, showPreview: Boolean, swatches: Array, disabled: {
+        type: Boolean,
+        default: undefined
+    }, actions: {
         type: Array,
         default: null
     }, internalActions: Array, size: String, renderLabel: Function, onComplete: Function, 'onUpdate:show': [Function, Array], onUpdateShow: [Function, Array], 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array] });
@@ -47,7 +50,7 @@ exports.default = (0, vue_1.defineComponent)({
         const selfRef = (0, vue_1.ref)(null);
         let upcomingValue = null;
         const formItem = (0, _mixins_1.useFormItem)(props);
-        const { mergedSizeRef } = formItem;
+        const { mergedSizeRef, mergedDisabledRef } = formItem;
         const { localeRef } = (0, _mixins_1.useLocale)('global');
         const { mergedClsPrefixRef, namespaceRef } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('ColorPicker', 'ColorPicker', index_cssr_1.default, styles_1.colorPickerLight, props, mergedClsPrefixRef);
@@ -383,6 +386,7 @@ exports.default = (0, vue_1.defineComponent)({
             hsla: hslaRef,
             rgba: rgbaRef,
             mergedShow: mergedShowRef,
+            mergedDisabled: mergedDisabledRef,
             isMounted: (0, vooks_1.useIsMounted)(),
             adjustedTo: (0, _utils_1.useAdjustedTo)(props),
             mergedValue: mergedValueRef,
@@ -405,7 +409,7 @@ exports.default = (0, vue_1.defineComponent)({
             (0, vue_1.h)(vueuc_1.VBinder, null, {
                 default: () => [
                     (0, vue_1.h)(vueuc_1.VTarget, null, {
-                        default: () => ((0, vue_1.h)(ColorPickerTrigger_1.default, { clsPrefix: mergedClsPrefix, value: this.mergedValue, hsla: this.hsla, onClick: this.handleTriggerClick }, {
+                        default: () => ((0, vue_1.h)(ColorPickerTrigger_1.default, { clsPrefix: mergedClsPrefix, value: this.mergedValue, hsla: this.hsla, disabled: this.mergedDisabled, onClick: this.handleTriggerClick }, {
                             label: $slots.label
                         }))
                     }),

package/lib/color-picker/src/ColorPickerTrigger.d.ts

@@ -13,6 +13,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<HSLA | null>;
         default: null;
     };
+    disabled: BooleanConstructor;
     onClick: PropType<() => void>;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     clsPrefix: {
@@ -27,9 +28,11 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<HSLA | null>;
         default: null;
     };
+    disabled: BooleanConstructor;
     onClick: PropType<() => void>;
 }>>, {
     value: string | null;
+    disabled: boolean;
     hsla: HSLA | null;
 }>;
 export default _default;

package/lib/color-picker/src/ColorPickerTrigger.js

@@ -18,15 +18,19 @@ exports.default = (0, vue_1.defineComponent)({
             type: Array,
             default: null
         },
+        disabled: Boolean,
         onClick: Function
     },
     setup(props) {
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         const { colorPickerSlots, renderLabelRef } = (0, vue_1.inject)(ColorPicker_1.colorPickerInjectionKey, null);
         return () => {
-            const { hsla, value, clsPrefix, onClick } = props;
+            const { hsla, value, clsPrefix, onClick, disabled } = props;
             const renderLabel = colorPickerSlots.label || renderLabelRef.value;
-            return ((0, vue_1.h)("div", { class: `${clsPrefix}-color-picker-trigger`, onClick: onClick },
+            return ((0, vue_1.h)("div", { class: [
+                    `${clsPrefix}-color-picker-trigger`,
+                    disabled && `${clsPrefix}-color-picker-trigger--disabled`
+                ], onClick: disabled ? undefined : onClick },
                 (0, vue_1.h)("div", { class: `${clsPrefix}-color-picker-trigger__fill` },
                     (0, vue_1.h)("div", { class: `${clsPrefix}-color-picker-checkboard` }),
                     (0, vue_1.h)("div", { style: {

package/lib/color-picker/src/styles/index.cssr.js

@@ -165,7 +165,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('color-picker', `
  right: 4px;
  top: 4px;
  bottom: 4px;
- `), (0, cssr_1.cB)('color-picker-checkboard', `
+ `), (0, cssr_1.cM)('disabled', 'cursor: not-allowed'), (0, cssr_1.cB)('color-picker-checkboard', `
  border-radius: var(--n-border-radius);
  `, [(0, cssr_1.c)('&::after', `
  --n-block-size: calc((var(--n-height) - 8px) / 3);

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

@@ -78,6 +78,7 @@ declare const datePickerProps: {
         panelTextColor: string;
         arrowColor: string;
         calendarTitleTextColor: string;
+        calendarTitleColorHover: string;
         calendarDaysTextColor: string;
         panelHeaderDividerColor: string;
         calendarDaysDividerColor: string;
@@ -689,6 +690,7 @@ declare const datePickerProps: {
         panelTextColor: string;
         arrowColor: string;
         calendarTitleTextColor: string;
+        calendarTitleColorHover: string;
         calendarDaysTextColor: string;
         panelHeaderDividerColor: string;
         calendarDaysDividerColor: string;
@@ -1300,6 +1302,7 @@ declare const datePickerProps: {
         panelTextColor: string;
         arrowColor: string;
         calendarTitleTextColor: string;
+        calendarTitleColorHover: string;
         calendarDaysTextColor: string;
         panelHeaderDividerColor: string;
         calendarDaysDividerColor: string;
@@ -1972,6 +1975,7 @@ declare const _default: import("vue").DefineComponent<{
         panelTextColor: string;
         arrowColor: string;
         calendarTitleTextColor: string;
+        calendarTitleColorHover: string;
         calendarDaysTextColor: string;
         panelHeaderDividerColor: string;
         calendarDaysDividerColor: string;
@@ -2583,6 +2587,7 @@ declare const _default: import("vue").DefineComponent<{
         panelTextColor: string;
         arrowColor: string;
         calendarTitleTextColor: string;
+        calendarTitleColorHover: string;
         calendarDaysTextColor: string;
         panelHeaderDividerColor: string;
         calendarDaysDividerColor: string;
@@ -3194,6 +3199,7 @@ declare const _default: import("vue").DefineComponent<{
         panelTextColor: string;
         arrowColor: string;
         calendarTitleTextColor: string;
+        calendarTitleColorHover: string;
         calendarDaysTextColor: string;
         panelHeaderDividerColor: string;
         calendarDaysDividerColor: string;
@@ -3974,6 +3980,7 @@ declare const _default: import("vue").DefineComponent<{
             panelTextColor: string;
             arrowColor: string;
             calendarTitleTextColor: string;
+            calendarTitleColorHover: string;
             calendarDaysTextColor: string;
             panelHeaderDividerColor: string;
             calendarDaysDividerColor: string;
@@ -4875,6 +4882,7 @@ declare const _default: import("vue").DefineComponent<{
         '--n-panel-header-divider-color': string;
         '--n-calendar-left-padding': string;
         '--n-calendar-right-padding': string;
+        '--n-calendar-title-color-hover': string;
         '--n-calendar-title-height': string;
         '--n-calendar-title-padding': string;
         '--n-calendar-title-font-size': string;
@@ -4986,6 +4994,7 @@ declare const _default: import("vue").DefineComponent<{
         panelTextColor: string;
         arrowColor: string;
         calendarTitleTextColor: string;
+        calendarTitleColorHover: string;
         calendarDaysTextColor: string;
         panelHeaderDividerColor: string;
         calendarDaysDividerColor: string;
@@ -5597,6 +5606,7 @@ declare const _default: import("vue").DefineComponent<{
         panelTextColor: string;
         arrowColor: string;
         calendarTitleTextColor: string;
+        calendarTitleColorHover: string;
         calendarDaysTextColor: string;
         panelHeaderDividerColor: string;
         calendarDaysDividerColor: string;
@@ -6208,6 +6218,7 @@ declare const _default: import("vue").DefineComponent<{
         panelTextColor: string;
         arrowColor: string;
         calendarTitleTextColor: string;
+        calendarTitleColorHover: string;
         calendarDaysTextColor: string;
         panelHeaderDividerColor: string;
         calendarDaysDividerColor: string;

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

@@ -515,7 +515,7 @@ exports.default = (0, vue_1.defineComponent)({
                 };
             }), cssVars: (0, vue_1.computed)(() => {
                 const { type } = props;
-                const { common: { cubicBezierEaseInOut }, self: { calendarTitleFontSize, calendarDaysFontSize, itemFontSize, itemTextColor, itemColorDisabled, itemColorIncluded, itemColorHover, itemColorActive, itemBorderRadius, itemTextColorDisabled, itemTextColorActive, panelColor, panelTextColor, arrowColor, calendarTitleTextColor, panelActionDividerColor, panelHeaderDividerColor, calendarDaysDividerColor, panelBoxShadow, panelBorderRadius, calendarTitleFontWeight, panelExtraFooterPadding, panelActionPadding, itemSize, itemCellWidth, itemCellHeight, scrollItemWidth, scrollItemHeight, calendarTitlePadding, calendarTitleHeight, calendarDaysHeight, calendarDaysTextColor, arrowSize, panelHeaderPadding, calendarDividerColor, calendarTitleGridTempateColumns, iconColor, iconColorDisabled, scrollItemBorderRadius, [(0, _utils_1.createKey)('calendarLeftPadding', type)]: calendarLeftPadding, [(0, _utils_1.createKey)('calendarRightPadding', type)]: calendarRightPadding } } = themeRef.value;
+                const { common: { cubicBezierEaseInOut }, self: { calendarTitleFontSize, calendarDaysFontSize, itemFontSize, itemTextColor, itemColorDisabled, itemColorIncluded, itemColorHover, itemColorActive, itemBorderRadius, itemTextColorDisabled, itemTextColorActive, panelColor, panelTextColor, arrowColor, calendarTitleTextColor, panelActionDividerColor, panelHeaderDividerColor, calendarDaysDividerColor, panelBoxShadow, panelBorderRadius, calendarTitleFontWeight, panelExtraFooterPadding, panelActionPadding, itemSize, itemCellWidth, itemCellHeight, scrollItemWidth, scrollItemHeight, calendarTitlePadding, calendarTitleHeight, calendarDaysHeight, calendarDaysTextColor, arrowSize, panelHeaderPadding, calendarDividerColor, calendarTitleGridTempateColumns, iconColor, iconColorDisabled, scrollItemBorderRadius, calendarTitleColorHover, [(0, _utils_1.createKey)('calendarLeftPadding', type)]: calendarLeftPadding, [(0, _utils_1.createKey)('calendarRightPadding', type)]: calendarRightPadding } } = themeRef.value;
                 return {
                     '--n-bezier': cubicBezierEaseInOut,
                     '--n-panel-border-radius': panelBorderRadius,
@@ -528,6 +528,7 @@ exports.default = (0, vue_1.defineComponent)({
                     // panel calendar
                     '--n-calendar-left-padding': calendarLeftPadding,
                     '--n-calendar-right-padding': calendarRightPadding,
+                    '--n-calendar-title-color-hover': calendarTitleColorHover,
                     '--n-calendar-title-height': calendarTitleHeight,
                     '--n-calendar-title-padding': calendarTitlePadding,
                     '--n-calendar-title-font-size': calendarTitleFontSize,

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

@@ -192,6 +192,7 @@ declare const _default: import("vue").DefineComponent<{
             panelTextColor: string;
             arrowColor: string;
             calendarTitleTextColor: string;
+            calendarTitleColorHover: string;
             calendarDaysTextColor: string;
             panelHeaderDividerColor: string;
             calendarDaysDividerColor: string;

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

@@ -178,6 +178,7 @@ declare const _default: import("vue").DefineComponent<{
             panelTextColor: string;
             arrowColor: string;
             calendarTitleTextColor: string;
+            calendarTitleColorHover: string;
             calendarDaysTextColor: string;
             panelHeaderDividerColor: string;
             calendarDaysDividerColor: string;

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

@@ -186,6 +186,7 @@ declare const _default: import("vue").DefineComponent<{
             panelTextColor: string;
             arrowColor: string;
             calendarTitleTextColor: string;
+            calendarTitleColorHover: string;
             calendarDaysTextColor: string;
             panelHeaderDividerColor: string;
             calendarDaysDividerColor: string;

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

@@ -178,6 +178,7 @@ declare const _default: import("vue").DefineComponent<{
             panelTextColor: string;
             arrowColor: string;
             calendarTitleTextColor: string;
+            calendarTitleColorHover: string;
             calendarDaysTextColor: string;
             panelHeaderDividerColor: string;
             calendarDaysDividerColor: string;

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

@@ -194,6 +194,7 @@ declare const _default: import("vue").DefineComponent<{
             panelTextColor: string;
             arrowColor: string;
             calendarTitleTextColor: string;
+            calendarTitleColorHover: string;
             calendarDaysTextColor: string;
             panelHeaderDividerColor: string;
             calendarDaysDividerColor: string;

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

@@ -271,6 +271,7 @@ declare const _default: import("vue").DefineComponent<{
                     panelTextColor: string;
                     arrowColor: string;
                     calendarTitleTextColor: string;
+                    calendarTitleColorHover: string;
                     calendarDaysTextColor: string;
                     panelHeaderDividerColor: string;
                     calendarDaysDividerColor: string;
@@ -1449,6 +1450,7 @@ declare const _default: import("vue").DefineComponent<{
                 panelTextColor: string;
                 arrowColor: string;
                 calendarTitleTextColor: string;
+                calendarTitleColorHover: string;
                 calendarDaysTextColor: string;
                 panelHeaderDividerColor: string;
                 calendarDaysDividerColor: string;

package/lib/date-picker/src/panel/panelHeader.js

@@ -58,9 +58,13 @@ exports.default = (0, vue_1.defineComponent)({
             (0, vue_1.h)(vueuc_1.VBinder, null, {
                 default: () => [
                     (0, vue_1.h)(vueuc_1.VTarget, null, {
-                        default: () => ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__text`, onClick: this.handleHeaderClick }, this.monthBeforeYear
-                            ? [this.calendarMonth, this.calendarYear]
-                            : [this.calendarYear, this.calendarMonth]))
+                        default: () => ((0, vue_1.h)("div", { class: [
+                                `${mergedClsPrefix}-date-panel-month__text`,
+                                this.show &&
+                                    `${mergedClsPrefix}-date-panel-month__text--active`
+                            ], onClick: this.handleHeaderClick }, this.monthBeforeYear
+                            ? [this.calendarMonth, ' ', this.calendarYear]
+                            : [this.calendarYear, ' ', this.calendarMonth]))
                     }),
                     (0, vue_1.h)(vueuc_1.VFollower, { show: this.show, teleportDisabled: true }, {
                         default: () => ((0, vue_1.h)(vue_1.Transition, { name: "fade-in-scale-up-transition", appear: true }, {

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

@@ -190,6 +190,7 @@ declare function useCalendar(props: ExtractPropTypes<typeof useCalendarProps>, t
             panelTextColor: string;
             arrowColor: string;
             calendarTitleTextColor: string;
+            calendarTitleColorHover: string;
             calendarDaysTextColor: string;
             panelHeaderDividerColor: string;
             calendarDaysDividerColor: string;

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

@@ -182,6 +182,7 @@ declare function useDualCalendar(props: ExtractPropTypes<typeof useDualCalendarP
             panelTextColor: string;
             arrowColor: string;
             calendarTitleTextColor: string;
+            calendarTitleColorHover: string;
             calendarDaysTextColor: string;
             panelHeaderDividerColor: string;
             calendarDaysDividerColor: string;

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

@@ -144,6 +144,7 @@ declare function usePanelCommon(props: UsePanelCommonProps): {
             panelTextColor: string;
             arrowColor: string;
             calendarTitleTextColor: string;
+            calendarTitleColorHover: string;
             calendarDaysTextColor: string;
             panelHeaderDividerColor: string;
             calendarDaysDividerColor: string;

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

@@ -26,6 +26,7 @@ const fade_in_scale_up_cssr_1 = __importDefault(require("../../../_styles/transi
 // panel calendar
 // --n-calendar-left-padding
 // --n-calendar-right-padding
+// --n-calendar-title-color-hover
 // --n-calendar-title-height
 // --n-calendar-title-padding
 // --n-calendar-title-font-size
@@ -199,16 +200,24 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('date-picker', `
  height: var(--n-arrow-size);
  color: var(--n-arrow-color);
  `), (0, cssr_1.cE)('month-year', `
+ user-select: none;
  flex-grow: 1;
  position: relative;
  `, [(0, cssr_1.cE)('text', `
  font-size: var(--n-calendar-title-font-size);
+ line-height: var(--n-calendar-title-font-size);
  font-weight: var(--n-calendar-title-font-weight);
- line-height: 17px;
+ padding: 6px 8px;
  text-align: center;
  color: var(--n-calendar-title-text-color);
  cursor: pointer;
- `)])]), (0, cssr_1.cB)('date-panel-weekdays', `
+ transition: background-color .3s var(--n-bezier);
+ border-radius: var(--n-panel-border-radius);
+ `, [(0, cssr_1.cM)('active', `
+ background-color: var(--n-calendar-title-color-hover);
+ `), (0, cssr_1.c)('&:hover', `
+ background-color: var(--n-calendar-title-color-hover);
+ `)])])]), (0, cssr_1.cB)('date-panel-weekdays', `
  display: grid;
  margin: auto;
  grid-template-columns: repeat(7, var(--n-item-cell-width));
@@ -218,6 +227,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('date-picker', `
  margin-bottom: 4px;
  border-bottom: 1px solid var(--n-calendar-days-divider-color);
  `, [(0, cssr_1.cE)('day', `
+ user-select: none;
  line-height: 15px;
  width: var(--n-item-size);
  text-align: center;
@@ -232,6 +242,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('date-picker', `
  justify-items: center;
  flex-wrap: wrap;
  `, [(0, cssr_1.cB)('date-panel-date', `
+ user-select: none;
  position: relative;
  width: var(--n-item-size);
  height: var(--n-item-size);

package/lib/date-picker/styles/light.d.ts

@@ -16,6 +16,7 @@ export declare const self: (vars: ThemeCommonVars) => {
     panelTextColor: string;
     arrowColor: string;
     calendarTitleTextColor: string;
+    calendarTitleColorHover: string;
     calendarDaysTextColor: string;
     panelHeaderDividerColor: string;
     calendarDaysDividerColor: string;
@@ -73,6 +74,7 @@ declare const datePickerLight: import("../../_mixins").Theme<"DatePicker", {
     panelTextColor: string;
     arrowColor: string;
     calendarTitleTextColor: string;
+    calendarTitleColorHover: string;
     calendarDaysTextColor: string;
     panelHeaderDividerColor: string;
     calendarDaysDividerColor: string;

package/lib/date-picker/styles/light.js

@@ -14,7 +14,7 @@ const _common_1 = __importDefault(require("./_common"));
 const _mixins_1 = require("../../_mixins");
 const self = (vars) => {
     const { hoverColor, fontSize, textColor2, textColorDisabled, popoverColor, primaryColor, borderRadiusSmall, iconColor, iconColorDisabled, textColor1, dividerColor, boxShadow2, borderRadius, fontWeightStrong } = vars;
-    return Object.assign(Object.assign({}, _common_1.default), { itemFontSize: fontSize, calendarDaysFontSize: fontSize, calendarTitleFontSize: fontSize, itemTextColor: textColor2, itemTextColorDisabled: textColorDisabled, itemTextColorActive: popoverColor, itemTextColorCurrent: primaryColor, itemColorIncluded: (0, seemly_1.changeColor)(primaryColor, { alpha: 0.1 }), itemColorHover: hoverColor, itemColorDisabled: hoverColor, itemColorActive: primaryColor, itemBorderRadius: borderRadiusSmall, panelColor: popoverColor, panelTextColor: textColor2, arrowColor: iconColor, calendarTitleTextColor: textColor1, calendarDaysTextColor: textColor2, panelHeaderDividerColor: dividerColor, calendarDaysDividerColor: dividerColor, calendarDividerColor: dividerColor, panelActionDividerColor: dividerColor, panelBoxShadow: boxShadow2, panelBorderRadius: borderRadius, calendarTitleFontWeight: fontWeightStrong, scrollItemBorderRadius: borderRadius, iconColor,
+    return Object.assign(Object.assign({}, _common_1.default), { itemFontSize: fontSize, calendarDaysFontSize: fontSize, calendarTitleFontSize: fontSize, itemTextColor: textColor2, itemTextColorDisabled: textColorDisabled, itemTextColorActive: popoverColor, itemTextColorCurrent: primaryColor, itemColorIncluded: (0, seemly_1.changeColor)(primaryColor, { alpha: 0.1 }), itemColorHover: hoverColor, itemColorDisabled: hoverColor, itemColorActive: primaryColor, itemBorderRadius: borderRadiusSmall, panelColor: popoverColor, panelTextColor: textColor2, arrowColor: iconColor, calendarTitleTextColor: textColor1, calendarTitleColorHover: hoverColor, calendarDaysTextColor: textColor2, panelHeaderDividerColor: dividerColor, calendarDaysDividerColor: dividerColor, calendarDividerColor: dividerColor, panelActionDividerColor: dividerColor, panelBoxShadow: boxShadow2, panelBorderRadius: borderRadius, calendarTitleFontWeight: fontWeightStrong, scrollItemBorderRadius: borderRadius, iconColor,
         iconColorDisabled });
 };
 exports.self = self;

package/lib/dialog/src/Dialog.js

@@ -116,7 +116,6 @@ exports.default = (0, vue_1.defineComponent)({
     },
     render() {
         const { $slots, bordered, mergedIconPlacement, cssVars, closable, showIcon, title, content, action, negativeText, positiveText, handlePositiveClick, handleNegativeClick, mergedTheme, loading, type, mergedClsPrefix } = this;
-        console.log('action', $slots.action);
         return ((0, vue_1.h)("div", { class: [
                 `${mergedClsPrefix}-dialog`,
                 `${mergedClsPrefix}-dialog--icon-${mergedIconPlacement}`,

package/lib/dynamic-input/src/DynamicInput.d.ts

@@ -34,16 +34,8 @@ declare const dynamicInputProps: {
     readonly onRemove: PropType<(index: number) => void>;
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
-    readonly onClear: {
-        readonly type: PropType<() => void>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
-    readonly onInput: {
-        readonly type: PropType<MaybeArray<OnUpdateValue> | undefined>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
+    readonly onClear: PropType<() => void>;
+    readonly onInput: PropType<MaybeArray<OnUpdateValue>>;
     readonly theme: PropType<import("../../_mixins").Theme<"DynamicInput", {
         actionMargin: string;
     }, {
@@ -883,16 +875,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly onRemove: PropType<(index: number) => void>;
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
-    readonly onClear: {
-        readonly type: PropType<() => void>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
-    readonly onInput: {
-        readonly type: PropType<MaybeArray<OnUpdateValue> | undefined>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
+    readonly onClear: PropType<() => void>;
+    readonly onInput: PropType<MaybeArray<OnUpdateValue>>;
     readonly theme: PropType<import("../../_mixins").Theme<"DynamicInput", {
         actionMargin: string;
     }, {
@@ -2135,16 +2119,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly onRemove: PropType<(index: number) => void>;
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
-    readonly onClear: {
-        readonly type: PropType<() => void>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
-    readonly onInput: {
-        readonly type: PropType<MaybeArray<OnUpdateValue> | undefined>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
+    readonly onClear: PropType<() => void>;
+    readonly onInput: PropType<MaybeArray<OnUpdateValue>>;
     readonly theme: PropType<import("../../_mixins").Theme<"DynamicInput", {
         actionMargin: string;
     }, {
@@ -2950,10 +2926,8 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }>>, {
-    onInput: MaybeArray<OnUpdateValue> | undefined;
     placeholder: string;
     min: number;
-    onClear: () => void;
     defaultValue: any[];
     preset: "input" | "pair";
     keyPlaceholder: string;

package/lib/dynamic-input/src/DynamicInput.js

@@ -44,27 +44,21 @@ const dynamicInputProps = Object.assign(Object.assign({}, _mixins_1.useTheme.pro
         default: ''
     }, onCreate: Function, onRemove: Function, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array], 
     // deprecated
-    onClear: {
-        type: Function,
-        validator: () => {
-            (0, _utils_1.warn)('dynamic-input', '`on-clear` is deprecated, it is out of usage anymore.');
-            return true;
-        },
-        default: undefined
-    }, onInput: {
-        type: [Function, Array],
-        validator: () => {
-            if (process.env.NODE_ENV !== 'production') {
-                (0, _utils_1.warn)('dynamic-input', '`on-input` is deprecated, please use `on-update:value` instead.');
-            }
-            return true;
-        },
-        default: undefined
-    } });
+    onClear: Function, onInput: [Function, Array] });
 exports.default = (0, vue_1.defineComponent)({
     name: 'DynamicInput',
     props: dynamicInputProps,
     setup(props, { slots }) {
+        if (process.env.NODE_ENV !== 'production') {
+            (0, vue_1.watchEffect)(() => {
+                if (props.onClear !== undefined) {
+                    (0, _utils_1.warnOnce)('dynamic-input', '`on-clear` is deprecated, it is out of usage anymore.');
+                }
+                if (props.onInput !== undefined) {
+                    (0, _utils_1.warnOnce)('dynamic-input', '`on-input` is deprecated, please use `on-update:value` instead.');
+                }
+            });
+        }
         const { NConfigProvider, mergedClsPrefixRef } = (0, _mixins_1.useConfig)();
         const NFormItem = (0, vue_1.inject)(use_form_item_1.formItemInjectionKey, null);
         const uncontrolledValueRef = (0, vue_1.ref)(props.defaultValue);
@@ -206,7 +200,7 @@ exports.default = (0, vue_1.defineComponent)({
     },
     render() {
         const { buttonSize, mergedClsPrefix, mergedValue, locale, mergedTheme, keyField, $slots, preset, itemStyle, NFormItem, ensureKey, handleValueChange, remove, createItem } = this;
-        return ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-dynamic-input`, style: this.cssVars }, !Array.isArray(mergedValue) || mergedValue.length === 0 ? ((0, vue_1.h)(button_1.NButton, { block: true, ghost: true, dashed: true, size: buttonSize, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, onClick: this.handleCreateClick }, {
+        return ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-dynamic-input`, style: this.cssVars }, !Array.isArray(mergedValue) || mergedValue.length === 0 ? ((0, vue_1.h)(button_1.NButton, { block: true, ghost: true, dashed: true, disabled: this.insertionDisabled, size: buttonSize, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, onClick: this.handleCreateClick }, {
             default: () => locale.create,
             icon: () => ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix }, { default: () => (0, vue_1.h)(icons_1.AddIcon, null) }))
         })) : (mergedValue.map((_, index) => ((0, vue_1.h)("div", { key: keyField ? _[keyField] : ensureKey(_, index), "data-key": keyField ? _[keyField] : ensureKey(_, index), class: `${mergedClsPrefix}-dynamic-input-item`, style: itemStyle },

package/lib/icon/src/Icon.d.ts

@@ -1,9 +1,10 @@
-import { PropType } from 'vue';
+import { Component, PropType } from 'vue';
 export declare type Depth = 1 | 2 | 3 | 4 | 5 | '1' | '2' | '3' | '4' | '5' | undefined;
 declare const _default: import("vue").DefineComponent<{
     depth: PropType<Depth>;
     size: (StringConstructor | NumberConstructor)[];
     color: StringConstructor;
+    component: PropType<Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
     theme: PropType<import("../../_mixins").Theme<"Icon", {
         color: string;
         opacity1Depth: string;
@@ -47,6 +48,7 @@ declare const _default: import("vue").DefineComponent<{
     depth: PropType<Depth>;
     size: (StringConstructor | NumberConstructor)[];
     color: StringConstructor;
+    component: PropType<Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
     theme: PropType<import("../../_mixins").Theme<"Icon", {
         color: string;
         opacity1Depth: string;