naive-ui 2.37.0 → 2.37.2

package/es/_internal/clear/src/Clear.mjs

@@ -19,9 +19,7 @@ export default defineComponent({
     useStyle('-base-clear', style, toRef(props, 'clsPrefix'));
     return {
       handleMouseDown(e) {
-        var _a;
         e.preventDefault();
-        (_a = props.onClear) === null || _a === void 0 ? void 0 : _a.call(props, e);
       }
     };
   },

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

@@ -41,6 +41,7 @@ export declare const autoCompleteProps: {
     readonly blurAfterSelect: BooleanConstructor;
     readonly clearAfterSelect: BooleanConstructor;
     readonly getShow: PropType<(inputValue: string) => boolean>;
+    readonly showEmpty: BooleanConstructor;
     readonly inputProps: PropType<InputHTMLAttributes>;
     readonly renderOption: PropType<RenderOption>;
     readonly renderLabel: PropType<RenderLabel>;
@@ -448,6 +449,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly blurAfterSelect: BooleanConstructor;
     readonly clearAfterSelect: BooleanConstructor;
     readonly getShow: PropType<(inputValue: string) => boolean>;
+    readonly showEmpty: BooleanConstructor;
     readonly inputProps: PropType<InputHTMLAttributes>;
     readonly renderOption: PropType<RenderOption>;
     readonly renderLabel: PropType<RenderLabel>;
@@ -1157,6 +1159,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly blurAfterSelect: BooleanConstructor;
     readonly clearAfterSelect: BooleanConstructor;
     readonly getShow: PropType<(inputValue: string) => boolean>;
+    readonly showEmpty: BooleanConstructor;
     readonly inputProps: PropType<InputHTMLAttributes>;
     readonly renderOption: PropType<RenderOption>;
     readonly renderLabel: PropType<RenderLabel>;
@@ -1538,5 +1541,6 @@ declare const _default: import("vue").DefineComponent<{
     readonly defaultValue: string | null;
     readonly blurAfterSelect: boolean;
     readonly clearAfterSelect: boolean;
+    readonly showEmpty: boolean;
 }, {}>;
 export default _default;

package/es/auto-complete/src/AutoComplete.mjs

@@ -44,6 +44,7 @@ export const autoCompleteProps = Object.assign(Object.assign({}, useTheme.props)
   blurAfterSelect: Boolean,
   clearAfterSelect: Boolean,
   getShow: Function,
+  showEmpty: Boolean,
   inputProps: Object,
   renderOption: Function,
   renderLabel: Function,
@@ -106,7 +107,7 @@ export default defineComponent({
       return !!mergedValueRef.value;
     });
     const activeRef = computed(() => {
-      return mergedShowOptionsRef.value && canBeActivatedRef.value && !!selectOptionsRef.value.length;
+      return mergedShowOptionsRef.value && canBeActivatedRef.value && (props.showEmpty ? true : !!selectOptionsRef.value.length);
     });
     const treeMateRef = computed(() => createTreeMate(selectOptionsRef.value, createTmOptions('value', 'children')));
     function doUpdateValue(value) {
@@ -377,7 +378,12 @@ export default defineComponent({
               renderOption: this.renderOption,
               size: "medium",
               onToggle: this.handleToggle
-            })), [[clickoutside, this.handleClickOutsideMenu, undefined, {
+            }), {
+              empty: () => {
+                var _a, _b;
+                return (_b = (_a = this.$slots).empty) === null || _b === void 0 ? void 0 : _b.call(_a);
+              }
+            }), [[clickoutside, this.handleClickOutsideMenu, undefined, {
               capture: true
             }]]);
           }

package/es/collapse/src/Collapse.d.ts

@@ -19,6 +19,10 @@ export declare const collapseProps: {
         readonly type: PropType<"show" | "if">;
         readonly default: "if";
     };
+    readonly triggerAreas: {
+        readonly type: PropType<("extra" | "main" | "arrow")[]>;
+        readonly default: () => string[];
+    };
     readonly onItemHeaderClick: PropType<MaybeArray<OnItemHeaderClick>>;
     readonly 'onUpdate:expandedNames': PropType<MaybeArray<OnUpdateExpandedNames>>;
     readonly onUpdateExpandedNames: PropType<MaybeArray<OnUpdateExpandedNames>>;
@@ -94,6 +98,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<"show" | "if">;
         readonly default: "if";
     };
+    readonly triggerAreas: {
+        readonly type: PropType<("extra" | "main" | "arrow")[]>;
+        readonly default: () => string[];
+    };
     readonly onItemHeaderClick: PropType<MaybeArray<OnItemHeaderClick>>;
     readonly 'onUpdate:expandedNames': PropType<MaybeArray<OnUpdateExpandedNames>>;
     readonly onUpdateExpandedNames: PropType<MaybeArray<OnUpdateExpandedNames>>;
@@ -302,6 +310,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<"show" | "if">;
         readonly default: "if";
     };
+    readonly triggerAreas: {
+        readonly type: PropType<("extra" | "main" | "arrow")[]>;
+        readonly default: () => string[];
+    };
     readonly onItemHeaderClick: PropType<MaybeArray<OnItemHeaderClick>>;
     readonly 'onUpdate:expandedNames': PropType<MaybeArray<OnUpdateExpandedNames>>;
     readonly onUpdateExpandedNames: PropType<MaybeArray<OnUpdateExpandedNames>>;
@@ -354,6 +366,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly defaultExpandedNames: string | number | (string | number)[] | null;
     readonly arrowPlacement: "left" | "right";
     readonly accordion: boolean;
+    readonly triggerAreas: ("extra" | "main" | "arrow")[];
     readonly onExpandedNamesChange: MaybeArray<OnUpdateExpandedNames> | undefined;
 }, {}>;
 export default _default;

package/es/collapse/src/Collapse.mjs

@@ -23,6 +23,10 @@ export const collapseProps = Object.assign(Object.assign({}, useTheme.props), {
     type: String,
     default: 'if'
   },
+  triggerAreas: {
+    type: Array,
+    default: () => ['main', 'extra', 'arrow']
+  },
   onItemHeaderClick: [Function, Array],
   'onUpdate:expandedNames': [Function, Array],
   onUpdateExpandedNames: [Function, Array],

package/es/collapse/src/CollapseItem.d.ts

@@ -20,6 +20,7 @@ declare const _default: import("vue").DefineComponent<{
     randomName: string;
     mergedClsPrefix: import("vue").Ref<string>;
     collapsed: import("vue").ComputedRef<boolean>;
+    triggerAreas: import("vue").Ref<("extra" | "main" | "arrow")[]>;
     mergedDisplayDirective: import("vue").ComputedRef<"show" | "if">;
     arrowPlacement: import("vue").ComputedRef<"left" | "right">;
     handleClick(e: MouseEvent): void;

package/es/collapse/src/CollapseItem.mjs

@@ -1,5 +1,5 @@
-import { h, defineComponent, inject, computed } from 'vue';
-import { createId } from 'seemly';
+import { h, defineComponent, inject, computed, toRef } from 'vue';
+import { createId, happensIn } from 'seemly';
 import { useMemo } from 'vooks';
 import { ChevronRightIcon as ArrowRightIcon, ChevronLeftIcon as ArrowLeftIcon } from "../../_internal/icons/index.mjs";
 import { useRtl } from "../../_mixins/use-rtl.mjs";
@@ -60,6 +60,7 @@ export default defineComponent({
       randomName,
       mergedClsPrefix: mergedClsPrefixRef,
       collapsed: collapsedRef,
+      triggerAreas: toRef(collapseProps, 'triggerAreas'),
       mergedDisplayDirective: computed(() => {
         const {
           displayDirective
@@ -74,6 +75,12 @@ export default defineComponent({
         return collapseProps.arrowPlacement;
       }),
       handleClick(e) {
+        let happensInArea = 'main';
+        if (happensIn(e, 'arrow')) happensInArea = 'arrow';
+        if (happensIn(e, 'extra')) happensInArea = 'extra';
+        if (!collapseProps.triggerAreas.includes(happensInArea)) {
+          return;
+        }
         if (NCollapse && !props.disabled) {
           NCollapse.toggleItem(collapsedRef.value, mergedNameRef.value, e);
         }
@@ -88,7 +95,8 @@ export default defineComponent({
       collapsed,
       mergedDisplayDirective,
       mergedClsPrefix,
-      disabled
+      disabled,
+      triggerAreas
     } = this;
     const headerNode = resolveSlotWithProps($slots.header, {
       collapsed
@@ -96,7 +104,9 @@ export default defineComponent({
     const headerExtraSlot = $slots['header-extra'] || collapseSlots['header-extra'];
     const arrowSlot = $slots.arrow || collapseSlots.arrow;
     return h("div", {
-      class: [`${mergedClsPrefix}-collapse-item`, `${mergedClsPrefix}-collapse-item--${arrowPlacement}-arrow-placement`, disabled && `${mergedClsPrefix}-collapse-item--disabled`, !collapsed && `${mergedClsPrefix}-collapse-item--active`]
+      class: [`${mergedClsPrefix}-collapse-item`, `${mergedClsPrefix}-collapse-item--${arrowPlacement}-arrow-placement`, disabled && `${mergedClsPrefix}-collapse-item--disabled`, !collapsed && `${mergedClsPrefix}-collapse-item--active`, triggerAreas.map(area => {
+        return `${mergedClsPrefix}-collapse-item--trigger-area-${area}`;
+      })]
     }, h("div", {
       class: [`${mergedClsPrefix}-collapse-item__header`, !collapsed && `${mergedClsPrefix}-collapse-item__header--active`]
     }, h("div", {
@@ -104,7 +114,8 @@ export default defineComponent({
       onClick: this.handleClick
     }, arrowPlacement === 'right' && headerNode, h("div", {
       class: `${mergedClsPrefix}-collapse-item-arrow`,
-      key: this.rtlEnabled ? 0 : 1
+      key: this.rtlEnabled ? 0 : 1,
+      "data-arrow": true
     }, resolveSlotWithProps(arrowSlot, {
       collapsed
     }, () => {
@@ -118,7 +129,8 @@ export default defineComponent({
       collapsed
     }, children => h("div", {
       class: `${mergedClsPrefix}-collapse-item__header-extra`,
-      onClick: this.handleClick
+      onClick: this.handleClick,
+      "data-extra": true
     }, children))), h(NCollapseItemContent, {
       clsPrefix: mergedClsPrefix,
       displayDirective: mergedDisplayDirective,

package/es/collapse/src/styles/index.cssr.mjs

@@ -1,4 +1,4 @@
-import { c, cB, cE, cM } from "../../../_utils/cssr/index.mjs";
+import { c, cB, cE, cM, cNotM } from "../../../_utils/cssr/index.mjs";
 import { fadeInHeightExpandTransition } from "../../../_styles/transitions/fade-in-height-expand.cssr.mjs";
 // vars:
 // --n-font-size
@@ -26,7 +26,7 @@ export default cB('collapse', 'width: 100%;', [cB('collapse-item', `
  color: var(--n-arrow-color-disabled);
  `)])]), cB('collapse-item', 'margin-left: 32px;'), c('&:first-child', 'margin-top: 0;'), c('&:first-child >', [cE('header', 'padding-top: 0;')]), cM('left-arrow-placement', [cE('header', [cB('collapse-item-arrow', 'margin-right: 4px;')])]), cM('right-arrow-placement', [cE('header', [cB('collapse-item-arrow', 'margin-left: 4px;')])]), cE('content-wrapper', [cE('content-inner', 'padding-top: 16px;'), fadeInHeightExpandTransition({
   duration: '0.15s'
-})]), cM('active', [cE('header', [cM('active', [cB('collapse-item-arrow', 'transform: rotate(90deg);')])])]), c('&:not(:first-child)', 'border-top: 1px solid var(--n-divider-color);'), cE('header', `
+})]), cM('active', [cE('header', [cM('active', [cB('collapse-item-arrow', 'transform: rotate(90deg);')])])]), c('&:not(:first-child)', 'border-top: 1px solid var(--n-divider-color);'), cNotM('disabled', [cM('trigger-area-main', [cE('header', [cE('header-main', 'cursor: pointer;'), cB('collapse-item-arrow', 'cursor: default;')])]), cM('trigger-area-arrow', [cE('header', [cB('collapse-item-arrow', 'cursor: pointer;')])]), cM('trigger-area-extra', [cE('header', [cE('header-extra', 'cursor: pointer;')])])]), cE('header', `
  font-size: var(--n-title-font-size);
  display: flex;
  flex-wrap: nowrap;
@@ -43,7 +43,6 @@ export default cB('collapse', 'width: 100%;', [cB('collapse-item', `
  transition: color .3s var(--n-bezier);
  flex: 1;
  color: var(--n-title-text-color);
- cursor: pointer;
  `), cE('header-extra', `
  display: flex;
  align-items: center;

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

@@ -127,9 +127,10 @@ function formatCsvCell(value) {
   }
 }
 export function generateCsv(columns, data) {
-  const header = columns.map(col => col.title).join(',');
+  const exportableColumns = columns.filter(column => column.type !== 'expand' && column.type !== 'selection');
+  const header = exportableColumns.map(col => col.title).join(',');
   const rows = data.map(row => {
-    return columns.map(col => formatCsvCell(row[col.key])).join(',');
+    return exportableColumns.map(col => formatCsvCell(row[col.key])).join(',');
   });
   return [header, ...rows].join('\n');
 }

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

@@ -71,8 +71,27 @@ export type DatePickerInjection = {
 } & ReturnType<typeof uniCalendarValidation> & ReturnType<typeof dualCalendarValidation>;
 export declare const datePickerInjectionKey: import("vue").InjectionKey<DatePickerInjection>;
 export type IsDateDisabled = IsSingleDateDisabled | IsRangeDateDisabled;
-export type IsSingleDateDisabled = (date: number) => boolean;
-export type IsRangeDateDisabled = (date: number, position: 'start' | 'end', value: [number, number] | null) => boolean;
+export type IsSingleDateDisabledDetail = {
+    type: 'date';
+    year: number;
+    month: number;
+    date: number;
+} | {
+    type: 'month';
+    year: number;
+    month: number;
+} | {
+    type: 'year';
+    year: number;
+} | {
+    type: 'quarter';
+    year: number;
+    quarter: number;
+} | {
+    type: 'input';
+};
+export type IsSingleDateDisabled = (timestamp: number, detail: IsSingleDateDisabledDetail) => boolean;
+export type IsRangeDateDisabled = (timestamp: number, position: 'start' | 'end', value: [number, number] | null) => boolean;
 export interface TimeValidator {
     isHourDisabled?: IsHourDisabled;
     isMinuteDisabled?: IsMinuteDisabled;

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

@@ -1170,7 +1170,7 @@ declare const _default: import("vue").DefineComponent<{
     calendarYear: import("vue").ComputedRef<string>;
     calendarMonth: import("vue").ComputedRef<string>;
     weekdays: import("vue").ComputedRef<string[]>;
-    mergedIsDateDisabled: (ts: number) => boolean;
+    mergedIsDateDisabled: (ts: number, detail: import("../interface").IsSingleDateDisabledDetail) => boolean;
     nextYear: () => void;
     prevYear: () => void;
     nextMonth: () => void;

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

@@ -84,7 +84,12 @@ export default defineComponent({
         [`${mergedClsPrefix}-date-panel-date--current`]: dateItem.isCurrentDate,
         [`${mergedClsPrefix}-date-panel-date--selected`]: dateItem.selected,
         [`${mergedClsPrefix}-date-panel-date--excluded`]: !dateItem.inCurrentMonth,
-        [`${mergedClsPrefix}-date-panel-date--disabled`]: this.mergedIsDateDisabled(dateItem.ts),
+        [`${mergedClsPrefix}-date-panel-date--disabled`]: this.mergedIsDateDisabled(dateItem.ts, {
+          type: 'date',
+          year: dateItem.dateObject.year,
+          month: dateItem.dateObject.month,
+          date: dateItem.dateObject.date
+        }),
         [`${mergedClsPrefix}-date-panel-date--week-hovered`]: this.isWeekHovered(dateItem),
         [`${mergedClsPrefix}-date-panel-date--week-selected`]: dateItem.inSelectedWeek
       }],

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

@@ -1147,7 +1147,7 @@ declare const _default: import("vue").DefineComponent<{
     calendarYear: import("vue").ComputedRef<string>;
     calendarMonth: import("vue").ComputedRef<string>;
     weekdays: import("vue").ComputedRef<string[]>;
-    mergedIsDateDisabled: (ts: number) => boolean;
+    mergedIsDateDisabled: (ts: number, detail: import("../interface").IsSingleDateDisabledDetail) => boolean;
     nextYear: () => void;
     prevYear: () => void;
     nextMonth: () => void;

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

@@ -101,7 +101,12 @@ export default defineComponent({
         [`${mergedClsPrefix}-date-panel-date--current`]: dateItem.isCurrentDate,
         [`${mergedClsPrefix}-date-panel-date--selected`]: dateItem.selected,
         [`${mergedClsPrefix}-date-panel-date--excluded`]: !dateItem.inCurrentMonth,
-        [`${mergedClsPrefix}-date-panel-date--disabled`]: this.mergedIsDateDisabled(dateItem.ts)
+        [`${mergedClsPrefix}-date-panel-date--disabled`]: this.mergedIsDateDisabled(dateItem.ts, {
+          type: 'date',
+          year: dateItem.dateObject.year,
+          month: dateItem.dateObject.month,
+          date: dateItem.dateObject.date
+        })
       }],
       onClick: () => {
         this.handleDateClick(dateItem);

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

@@ -1155,7 +1155,7 @@ declare const _default: import("vue").DefineComponent<{
     calendarYear: import("vue").ComputedRef<string>;
     calendarMonth: import("vue").ComputedRef<string>;
     weekdays: import("vue").ComputedRef<string[]>;
-    mergedIsDateDisabled: (ts: number) => boolean;
+    mergedIsDateDisabled: (ts: number, detail: import("../interface").IsSingleDateDisabledDetail) => boolean;
     nextYear: () => void;
     prevYear: () => void;
     nextMonth: () => void;

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

@@ -49,7 +49,18 @@ export default defineComponent({
       return h("div", {
         "data-n-date": true,
         key: i,
-        class: [`${mergedClsPrefix}-date-panel-month-calendar__picker-col-item`, item.isCurrent && `${mergedClsPrefix}-date-panel-month-calendar__picker-col-item--current`, item.selected && `${mergedClsPrefix}-date-panel-month-calendar__picker-col-item--selected`, !useAsQuickJump && mergedIsDateDisabled(item.ts) && `${mergedClsPrefix}-date-panel-month-calendar__picker-col-item--disabled`],
+        class: [`${mergedClsPrefix}-date-panel-month-calendar__picker-col-item`, item.isCurrent && `${mergedClsPrefix}-date-panel-month-calendar__picker-col-item--current`, item.selected && `${mergedClsPrefix}-date-panel-month-calendar__picker-col-item--selected`, !useAsQuickJump && mergedIsDateDisabled(item.ts, item.type === 'year' ? {
+          type: 'year',
+          year: item.dateObject.year
+        } : item.type === 'month' ? {
+          type: 'month',
+          year: item.dateObject.year,
+          month: item.dateObject.month
+        } : item.type === 'quarter' ? {
+          type: 'month',
+          year: item.dateObject.year,
+          month: item.dateObject.quarter
+        } : null) && `${mergedClsPrefix}-date-panel-month-calendar__picker-col-item--disabled`],
         onClick: () => {
           useAsQuickJump ? handleQuickMonthClick(item, value => {
             ;

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

@@ -1175,7 +1175,7 @@ declare const _default: import("vue").DefineComponent<{
         calendarYear: import("vue").ComputedRef<string>;
         calendarMonth: import("vue").ComputedRef<string>;
         weekdays: import("vue").ComputedRef<string[]>;
-        mergedIsDateDisabled: (ts: number) => boolean;
+        mergedIsDateDisabled: (ts: number, detail: import("../interface").IsSingleDateDisabledDetail) => boolean;
         nextYear: () => void;
         prevYear: () => void;
         nextMonth: () => void;
@@ -2385,7 +2385,7 @@ declare const _default: import("vue").DefineComponent<{
         calendarYear: import("vue").ComputedRef<string>;
         calendarMonth: import("vue").ComputedRef<string>;
         weekdays: import("vue").ComputedRef<string[]>;
-        mergedIsDateDisabled: (ts: number) => boolean;
+        mergedIsDateDisabled: (ts: number, detail: import("../interface").IsSingleDateDisabledDetail) => boolean;
         nextYear: () => void;
         prevYear: () => void;
         nextMonth: () => void;

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

@@ -1,7 +1,7 @@
 import { type ExtractPropTypes, type PropType } from 'vue';
 import type { VirtualListInst } from 'vueuc';
 import type { ScrollbarInst } from '../../../_internal';
-import type { Shortcuts } from '../interface';
+import type { IsSingleDateDisabledDetail, Shortcuts } from '../interface';
 import type { DateItem, MonthItem, YearItem, QuarterItem } from '../utils';
 declare const useCalendarProps: {
     readonly actions: {
@@ -1147,7 +1147,7 @@ declare function useCalendar(props: ExtractPropTypes<typeof useCalendarProps>, t
     calendarYear: import("vue").ComputedRef<string>;
     calendarMonth: import("vue").ComputedRef<string>;
     weekdays: import("vue").ComputedRef<string[]>;
-    mergedIsDateDisabled: (ts: number) => boolean;
+    mergedIsDateDisabled: (ts: number, detail: IsSingleDateDisabledDetail) => boolean;
     nextYear: () => void;
     prevYear: () => void;
     nextMonth: () => void;

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

@@ -119,14 +119,14 @@ function useCalendar(props, type) {
     }
     return getTime(startOfDay(value));
   }
-  function mergedIsDateDisabled(ts) {
+  function mergedIsDateDisabled(ts, detail) {
     const {
       isDateDisabled: {
         value: isDateDisabled
       }
     } = validation;
     if (!isDateDisabled) return false;
-    return isDateDisabled(ts);
+    return isDateDisabled(ts, detail);
   }
   function handleDateInput(value) {
     const date = strictParse(value, mergedDateFormatRef.value, new Date(), panelCommon.dateFnsOptions.value);
@@ -191,7 +191,23 @@ function useCalendar(props, type) {
     return false;
   }
   function handleDateClick(dateItem) {
-    if (mergedIsDateDisabled(dateItem.ts)) {
+    if (mergedIsDateDisabled(dateItem.ts, dateItem.type === 'date' ? {
+      type: 'date',
+      year: dateItem.dateObject.year,
+      month: dateItem.dateObject.month,
+      date: dateItem.dateObject.date
+    } : dateItem.type === 'month' ? {
+      type: 'month',
+      year: dateItem.dateObject.year,
+      month: dateItem.dateObject.month
+    } : dateItem.type === 'year' ? {
+      type: 'year',
+      year: dateItem.dateObject.year
+    } : {
+      type: 'quarter',
+      year: dateItem.dateObject.year,
+      quarter: dateItem.dateObject.quarter
+    })) {
       return;
     }
     let newValue;

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

@@ -244,7 +244,9 @@ function useDualCalendar(props, type) {
   function mergedIsDateDisabled(ts) {
     const isDateDisabled = isDateDisabledRef.value;
     if (!isDateDisabled) return false;
-    if (!Array.isArray(props.value)) return isDateDisabled(ts, 'start', null);
+    if (!Array.isArray(props.value)) {
+      return isDateDisabled(ts, 'start', null);
+    }
     if (selectingPhaseRef.value === 'start') {
       // before you really start to select
       return isDateDisabled(ts, 'start', null);

package/es/date-picker/src/validation-utils.mjs

@@ -36,7 +36,9 @@ export function uniCalendarValidation(props, mergedValueRef) {
     if (value === null || Array.isArray(value) || !['date', 'datetime'].includes(type) || !isDateDisabled) {
       return false;
     }
-    return isDateDisabled(value);
+    return isDateDisabled(value, {
+      type: 'input'
+    });
   });
   const isTimeInvalidRef = computed(() => {
     const {

package/es/form/src/Form.mjs

@@ -87,7 +87,7 @@ export default defineComponent({
     };
     function validate(validateCallback, shouldRuleBeApplied = () => true) {
       return __awaiter(this, void 0, void 0, function* () {
-        yield new Promise((resolve, reject) => {
+        return yield new Promise((resolve, reject) => {
           const formItemValidationPromises = [];
           for (const key of keysOf(formItems)) {
             const formItemInstances = formItems[key];
@@ -99,20 +99,28 @@ export default defineComponent({
           }
           void Promise.all(formItemValidationPromises).then(results => {
             const formInvalid = results.some(result => !result.valid);
-            const errors = results.filter(result => {
-              var _a;
-              return (_a = result.errors) === null || _a === void 0 ? void 0 : _a.length;
-            }).map(result => result.errors);
-            const warnings = results.filter(result => {
-              var _a;
-              return (_a = result.warnings) === null || _a === void 0 ? void 0 : _a.length;
-            }).map(result => result.warnings);
+            const errors = [];
+            const warnings = [];
+            results.forEach(result => {
+              var _a, _b;
+              if ((_a = result.errors) === null || _a === void 0 ? void 0 : _a.length) {
+                errors.push(result.errors);
+              }
+              if ((_b = result.warnings) === null || _b === void 0 ? void 0 : _b.length) {
+                warnings.push(result.warnings);
+              }
+            });
             if (validateCallback) {
-              validateCallback((errors === null || errors === void 0 ? void 0 : errors.length) ? errors : undefined, {
-                warnings: (warnings === null || warnings === void 0 ? void 0 : warnings.length) ? warnings : undefined
+              validateCallback(errors.length ? errors : undefined, {
+                warnings: warnings.length ? warnings : undefined
               });
+            }
+            if (formInvalid) {
+              reject(errors.length ? errors : undefined);
             } else {
-              formInvalid ? reject(errors) : resolve();
+              resolve({
+                warnings: warnings.length ? warnings : undefined
+              });
             }
           });
         });

package/es/form/src/FormItem.mjs

@@ -163,7 +163,7 @@ export default defineComponent({
           shouldRuleBeApplied = options.shouldRuleBeApplied;
           asyncValidatorOptions = options.options;
         }
-        yield new Promise((resolve, reject) => {
+        return yield new Promise((resolve, reject) => {
           void internalValidate(trigger, shouldRuleBeApplied, asyncValidatorOptions).then(({
             valid,
             errors,
@@ -175,7 +175,9 @@ export default defineComponent({
                   warnings
                 });
               }
-              resolve();
+              resolve({
+                warnings
+              });
             } else {
               if (validateCallback) {
                 validateCallback(errors, {

package/es/form/src/interface.d.ts

@@ -28,7 +28,11 @@ export interface FormItemInternalValidateResult {
     warnings: ValidateError[] | undefined;
 }
 export type FormItemInternalValidate = (trigger: ValidationTrigger | string | null | undefined, shouldRuleBeApplied?: ShouldRuleBeApplied, options?: ValidateOption) => Promise<FormItemInternalValidateResult>;
-export type FormItemValidate = ((options: FormItemValidateOptions) => Promise<void>) & ((trigger?: string, callback?: ValidateCallback) => Promise<void>);
+export type FormItemValidate = ((options: FormItemValidateOptions) => Promise<{
+    warnings: ValidateError[] | undefined;
+}>) & ((trigger?: string, callback?: ValidateCallback) => Promise<{
+    warnings: ValidateError[] | undefined;
+}>);
 export interface FormItemInst {
     validate: FormItemValidate;
     restoreValidation: () => void;
@@ -53,7 +57,9 @@ export type ValidateCallback = (errors: ValidateError[] | undefined, extra: {
 export type FormValidateCallback = (errors: ValidateError[][] | undefined, extra: {
     warnings: ValidateError[][] | undefined;
 }) => void;
-export type FormValidate = (callback?: FormValidateCallback, shouldRuleBeApplied?: ShouldRuleBeApplied) => Promise<void>;
+export type FormValidate = (callback?: FormValidateCallback, shouldRuleBeApplied?: ShouldRuleBeApplied) => Promise<{
+    warnings: ValidateError[][] | undefined;
+}>;
 export type FormValidationError = ValidateError[];
 export interface FormInst {
     validate: FormValidate;

package/es/tree/src/Tree.d.ts

@@ -1224,7 +1224,7 @@ declare const _default: import("vue").DefineComponent<{
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
     handleKeydown: (e: KeyboardEvent) => {
-        enterBehavoir: import("./interface").TreeOverrideNodeClickBehaviorReturn | null;
+        enterBehavior: import("./interface").TreeOverrideNodeClickBehaviorReturn | null;
     };
     scrollTo: import("vueuc").VirtualListScrollTo;
     getCheckedData: () => {

package/es/tree/src/interface.d.ts

@@ -124,7 +124,7 @@ export interface MotionData {
 }
 export interface InternalTreeInst {
     handleKeydown: (e: KeyboardEvent) => {
-        enterBehavoir: TreeOverrideNodeClickBehaviorReturn | null;
+        enterBehavior: TreeOverrideNodeClickBehaviorReturn | null;
     };
 }
 export interface TreeInst {

package/es/tree/src/keyboard.d.ts

@@ -16,6 +16,6 @@ export declare function useKeyboard({ props, fNodesRef, mergedExpandedKeysRef, m
 }): {
     pendingNodeKeyRef: Ref<null | Key>;
     handleKeydown: (e: KeyboardEvent) => {
-        enterBehavoir: TreeOverrideNodeClickBehaviorReturn | null;
+        enterBehavior: TreeOverrideNodeClickBehaviorReturn | null;
     };
 };

package/es/tree/src/keyboard.mjs

@@ -19,12 +19,12 @@ export function useKeyboard({
   function handleKeydown(e) {
     var _a;
     if (!props.keyboard) return {
-      enterBehavoir: null
+      enterBehavior: null
     };
     const {
       value: pendingNodeKey
     } = pendingNodeKeyRef;
-    let enterBehavoir = null;
+    let enterBehavior = null;
     if (pendingNodeKey === null) {
       if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {
         e.preventDefault();
@@ -50,14 +50,14 @@ export function useKeyboard({
       } = fNodesRef;
       let fIndex = fNodes.findIndex(tmNode => tmNode.key === pendingNodeKey);
       if (!~fIndex) return {
-        enterBehavoir: null
+        enterBehavior: null
       };
       if (e.key === 'Enter') {
         const tmNode = fNodes[fIndex];
-        enterBehavoir = ((_a = props.overrideDefaultNodeClickBehavior) === null || _a === void 0 ? void 0 : _a.call(props, {
+        enterBehavior = ((_a = props.overrideDefaultNodeClickBehavior) === null || _a === void 0 ? void 0 : _a.call(props, {
           option: tmNode.rawNode
         })) || null;
-        switch (enterBehavoir) {
+        switch (enterBehavior) {
           case 'toggleCheck':
             handleCheck(tmNode, !mergedCheckedKeysRef.value.includes(tmNode.key));
             break;
@@ -71,7 +71,7 @@ export function useKeyboard({
             break;
           case 'default':
           default:
-            enterBehavoir = 'default';
+            enterBehavior = 'default';
             handleSelect(tmNode);
         }
       } else if (e.key === 'ArrowDown') {
@@ -107,7 +107,7 @@ export function useKeyboard({
       } else if (e.key === 'ArrowRight') {
         const pendingNode = fNodes[fIndex];
         if (pendingNode.isLeaf) return {
-          enterBehavoir: null
+          enterBehavior: null
         };
         if (!mergedExpandedKeysRef.value.includes(pendingNodeKey)) {
           handleSwitcherClick(pendingNode);
@@ -125,7 +125,7 @@ export function useKeyboard({
       }
     }
     return {
-      enterBehavoir
+      enterBehavior
     };
   }
   return {