naive-ui 2.19.7 → 2.19.11

package/es/time-picker/src/PanelCol.js

@@ -14,21 +14,19 @@ export default defineComponent({
             type: Number,
             default: null
         },
+        // It should be required but vue's type seems to have bugs
         onItemClick: Function
     },
     render() {
         const { activeValue, onItemClick, clsPrefix } = this;
         return this.data.map((item) => {
-            const { value, disabled } = item;
-            const numValue = Number(value);
-            const active = activeValue === numValue;
-            return (h("div", { key: value, "data-active": active ? '' : null, class: [
+            const { label, disabled, value } = item;
+            const active = activeValue === value;
+            return (h("div", { key: label, "data-active": active ? '' : null, class: [
                     `${clsPrefix}-time-picker-col__item`,
-                    {
-                        [`${clsPrefix}-time-picker-col__item--active`]: active,
-                        [`${clsPrefix}-time-picker-col__item--disabled`]: disabled
-                    }
-                ], onClick: onItemClick && !disabled ? () => onItemClick(numValue) : undefined }, value));
+                    active && `${clsPrefix}-time-picker-col__item--active`,
+                    disabled && `${clsPrefix}-time-picker-col__item--disabled`
+                ], onClick: onItemClick && !disabled ? () => onItemClick(value) : undefined }, label));
         });
     }
 });

package/es/time-picker/src/TimePicker.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
-import { IsHourDisabled, IsMinuteDisabled, IsSecondDisabled, OnUpdateValue, Size } from './interface';
+import { IsHourDisabled, IsMinuteDisabled, IsSecondDisabled, ItemValue, OnUpdateValue, Size } from './interface';
 declare const timePickerProps: {
     to: {
         type: PropType<string | boolean | HTMLElement>;
@@ -51,11 +51,6 @@ declare const timePickerProps: {
         type: PropType<boolean | undefined>;
         default: undefined;
     };
-    onChange: {
-        type: PropType<MaybeArray<OnUpdateValue> | undefined>;
-        validator: () => boolean;
-        default: undefined;
-    };
     hours: {
         type: PropType<MaybeArray<number>>;
         validator: (value: MaybeArray<number>) => boolean;
@@ -68,6 +63,8 @@ declare const timePickerProps: {
         type: PropType<MaybeArray<number>>;
         validator: (value: MaybeArray<number>) => boolean;
     };
+    use12Hours: BooleanConstructor;
+    onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
     theme: PropType<import("../../_mixins").Theme<"TimePicker", {
         panelColor: string;
         panelBoxShadow: string;
@@ -951,11 +948,6 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean | undefined>;
         default: undefined;
     };
-    onChange: {
-        type: PropType<MaybeArray<OnUpdateValue> | undefined>;
-        validator: () => boolean;
-        default: undefined;
-    };
     hours: {
         type: PropType<MaybeArray<number>>;
         validator: (value: MaybeArray<number>) => boolean;
@@ -968,6 +960,8 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<MaybeArray<number>>;
         validator: (value: MaybeArray<number>) => boolean;
     };
+    use12Hours: BooleanConstructor;
+    onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
     theme: PropType<import("../../_mixins").Theme<"TimePicker", {
         panelColor: string;
         panelBoxShadow: string;
@@ -1839,6 +1833,13 @@ declare const _default: import("vue").DefineComponent<{
             contentRef: HTMLElement | null;
             containerScrollTop: number;
         } | undefined;
+        amPmScrollRef?: {
+            scrollTo: import("../../_internal/scrollbar/src/ScrollBar").ScrollTo;
+            sync: () => void;
+            containerRef: HTMLElement | null;
+            contentRef: HTMLElement | null;
+            containerScrollTop: number;
+        } | undefined;
     } | null>;
     adjustedTo: import("vue").ComputedRef<string | HTMLElement>;
     mergedShow: import("vue").ComputedRef<boolean>;
@@ -1861,6 +1862,7 @@ declare const _default: import("vue").DefineComponent<{
     hourValue: import("vue").ComputedRef<number | null>;
     minuteValue: import("vue").ComputedRef<number | null>;
     secondValue: import("vue").ComputedRef<number | null>;
+    amPmValue: import("vue").ComputedRef<"am" | "pm" | null>;
     handleTimeInputFocus: (e: FocusEvent) => void;
     handleTimeInputBlur: (e: FocusEvent) => void;
     handleNowClick: () => void;
@@ -1871,9 +1873,10 @@ declare const _default: import("vue").DefineComponent<{
     handleClickOutside: (e: MouseEvent) => void;
     handleTimeInputActivate: () => void;
     handleTimeInputDeactivate: () => void;
-    handleHourClick: (hour: number) => void;
-    handleMinuteClick: (minute: number) => void;
-    handleSecondClick: (second: number) => void;
+    handleHourClick: (hour: ItemValue) => void;
+    handleMinuteClick: (minute: ItemValue) => void;
+    handleSecondClick: (second: ItemValue) => void;
+    handleAmPmClick: (amPm: ItemValue) => void;
     handleTimeInputClear: (e: MouseEvent) => void;
     handleFocusDetectorFocus: () => void;
     handleMenuKeyDown: (e: KeyboardEvent) => void;
@@ -2318,10 +2321,11 @@ declare const _default: import("vue").DefineComponent<{
     showIcon?: unknown;
     disabled?: unknown;
     show?: unknown;
-    onChange?: unknown;
     hours?: unknown;
     minutes?: unknown;
     seconds?: unknown;
+    use12Hours?: unknown;
+    onChange?: unknown;
     theme?: unknown;
     themeOverrides?: unknown;
     builtinThemeOverrides?: unknown;
@@ -2333,6 +2337,7 @@ declare const _default: import("vue").DefineComponent<{
     stateful: boolean;
     showIcon: boolean;
     inputReadonly: boolean;
+    use12Hours: boolean;
 } & {
     value?: number | null | undefined;
     size?: Size | undefined;
@@ -3187,7 +3192,6 @@ declare const _default: import("vue").DefineComponent<{
 }>, {
     show: boolean | undefined;
     disabled: boolean | undefined;
-    onChange: MaybeArray<OnUpdateValue> | undefined;
     format: string;
     to: string | boolean | HTMLElement;
     placement: string;
@@ -3197,5 +3201,6 @@ declare const _default: import("vue").DefineComponent<{
     stateful: boolean;
     showIcon: boolean;
     inputReadonly: boolean;
+    use12Hours: boolean;
 }>;
 export default _default;

package/es/time-picker/src/TimePicker.js

@@ -1,20 +1,20 @@
-import { h, ref, toRef, defineComponent, computed, withDirectives, Transition, provide, nextTick, watch } from 'vue';
+import { h, ref, toRef, defineComponent, computed, withDirectives, Transition, provide, nextTick, watch, watchEffect } from 'vue';
 import { useIsMounted, useKeyboard, useMergedState } from 'vooks';
 import { VBinder, VTarget, VFollower } from 'vueuc';
 import { clickoutside } from 'vdirs';
+import { happensIn } from 'seemly';
 import { isValid, startOfSecond, startOfMinute, startOfHour, format, set, setHours, setMinutes, setSeconds, getTime, getMinutes, getHours, getSeconds } from 'date-fns';
 import { strictParse } from '../../date-picker/src/utils';
 import { TimeIcon } from '../../_internal/icons';
 import { NInput } from '../../input';
 import { NBaseIcon } from '../../_internal';
 import { useConfig, useTheme, useLocale, useFormItem } from '../../_mixins';
-import { warn, call, useAdjustedTo } from '../../_utils';
+import { call, useAdjustedTo, warnOnce } from '../../_utils';
 import { timePickerLight } from '../styles';
 import Panel from './Panel';
-import style from './styles/index.cssr';
 import { timePickerInjectionKey } from './interface';
-import { happensIn } from 'seemly';
 import { findSimilarTime, isTimeInStep } from './utils';
+import style from './styles/index.cssr';
 // validate hours, minutes, seconds prop
 function validateUnits(value, max) {
     if (value === undefined) {
@@ -53,17 +53,6 @@ const timePickerProps = Object.assign(Object.assign({}, useTheme.props), { to: u
     }, show: {
         type: Boolean,
         default: undefined
-    }, 
-    // deprecated
-    onChange: {
-        type: [Function, Array],
-        validator: () => {
-            if (process.env.NODE_ENV !== 'production') {
-                warn('time-picker', '`on-change` is deprecated, please use `on-update:value` instead.');
-            }
-            return true;
-        },
-        default: undefined
     }, hours: {
         type: [Number, Array],
         validator: (value) => validateUnits(value, 23)
@@ -73,11 +62,20 @@ const timePickerProps = Object.assign(Object.assign({}, useTheme.props), { to: u
     }, seconds: {
         type: [Number, Array],
         validator: (value) => validateUnits(value, 59)
-    } });
+    }, use12Hours: Boolean, 
+    // deprecated
+    onChange: [Function, Array] });
 export default defineComponent({
     name: 'TimePicker',
     props: timePickerProps,
     setup(props) {
+        if (process.env.NODE_ENV !== 'production') {
+            watchEffect(() => {
+                if (props.onChange !== undefined) {
+                    warnOnce('time-picker', '`on-change` is deprecated, please use `on-update:value` instead.');
+                }
+            });
+        }
         const { mergedBorderedRef, mergedClsPrefixRef, namespaceRef } = useConfig(props);
         const { localeRef, dateLocaleRef } = useLocale('TimePicker');
         const formItem = useFormItem(props);
@@ -170,6 +168,12 @@ export default defineComponent({
         const mergedAttrSizeRef = computed(() => {
             return props.format.length + 4;
         });
+        const amPmValueRef = computed(() => {
+            const { value } = mergedValueRef;
+            if (value === null)
+                return null;
+            return getHours(value) < 12 ? 'am' : 'pm';
+        });
         const hourValueRef = computed(() => {
             const { value } = mergedValueRef;
             if (value === null)
@@ -257,6 +261,8 @@ export default defineComponent({
             }
         }
         function handleHourClick(hour) {
+            if (typeof hour === 'string')
+                return;
             if (mergedValueRef.value === null) {
                 doChange(getTime(setHours(startOfHour(new Date()), hour)));
             }
@@ -265,6 +271,8 @@ export default defineComponent({
             }
         }
         function handleMinuteClick(minute) {
+            if (typeof minute === 'string')
+                return;
             if (mergedValueRef.value === null) {
                 doChange(getTime(setMinutes(startOfMinute(new Date()), minute)));
             }
@@ -273,6 +281,8 @@ export default defineComponent({
             }
         }
         function handleSecondClick(second) {
+            if (typeof second === 'string')
+                return;
             if (mergedValueRef.value === null) {
                 doChange(getTime(setSeconds(startOfSecond(new Date()), second)));
             }
@@ -280,6 +290,29 @@ export default defineComponent({
                 doChange(getTime(setSeconds(mergedValueRef.value, second)));
             }
         }
+        function handleAmPmClick(amPm) {
+            const { value: mergedValue } = mergedValueRef;
+            if (mergedValue === null) {
+                const now = new Date();
+                const hours = getHours(now);
+                if (amPm === 'pm' && hours < 12) {
+                    doChange(getTime(setHours(now, hours + 12)));
+                }
+                else if (amPm === 'am' && hours >= 12) {
+                    doChange(getTime(setHours(now, hours - 12)));
+                }
+                doChange(getTime(now));
+            }
+            else {
+                const hours = getHours(mergedValue);
+                if (amPm === 'pm' && hours < 12) {
+                    doChange(getTime(setHours(mergedValue, hours + 12)));
+                }
+                else if (amPm === 'am' && hours >= 12) {
+                    doChange(getTime(setHours(mergedValue, hours - 12)));
+                }
+            }
+        }
         function deriveInputValue(time) {
             if (time === undefined)
                 time = mergedValueRef.value;
@@ -324,28 +357,20 @@ export default defineComponent({
             });
         }
         function scrollTimer() {
-            var _a, _b, _c;
             if (!panelInstRef.value)
                 return;
-            const { hourScrollRef, minuteScrollRef, secondScrollRef } = panelInstRef.value;
-            if (hourScrollRef) {
-                const hour = (_a = hourScrollRef.contentRef) === null || _a === void 0 ? void 0 : _a.querySelector('[data-active]');
-                if (hour) {
-                    hourScrollRef.scrollTo({ top: hour.offsetTop });
-                }
-            }
-            if (minuteScrollRef) {
-                const minute = (_b = minuteScrollRef.contentRef) === null || _b === void 0 ? void 0 : _b.querySelector('[data-active]');
-                if (minute) {
-                    minuteScrollRef.scrollTo({ top: minute.offsetTop });
-                }
-            }
-            if (secondScrollRef) {
-                const second = (_c = secondScrollRef.contentRef) === null || _c === void 0 ? void 0 : _c.querySelector('[data-active]');
-                if (second) {
-                    secondScrollRef.scrollTo({ top: second.offsetTop });
+            const { hourScrollRef, minuteScrollRef, secondScrollRef, amPmScrollRef } = panelInstRef.value;
+            [hourScrollRef, minuteScrollRef, secondScrollRef, amPmScrollRef].forEach((itemScrollRef) => {
+                var _a;
+                if (!itemScrollRef)
+                    return;
+                const activeItemEl = (_a = itemScrollRef.contentRef) === null || _a === void 0 ? void 0 : _a.querySelector('[data-active]');
+                if (activeItemEl) {
+                    itemScrollRef.scrollTo({
+                        top: activeItemEl.offsetTop
+                    });
                 }
-            }
+            });
         }
         function doUpdateShow(value) {
             uncontrolledShowRef.value = value;
@@ -475,6 +500,7 @@ export default defineComponent({
             hourValue: hourValueRef,
             minuteValue: minuteValueRef,
             secondValue: secondValueRef,
+            amPmValue: amPmValueRef,
             handleTimeInputFocus,
             handleTimeInputBlur,
             handleNowClick,
@@ -488,6 +514,7 @@ export default defineComponent({
             handleHourClick,
             handleMinuteClick,
             handleSecondClick,
+            handleAmPmClick,
             handleTimeInputClear,
             handleFocusDetectorFocus,
             handleMenuKeyDown,
@@ -539,7 +566,7 @@ export default defineComponent({
                     h(VFollower, { teleportDisabled: this.adjustedTo === useAdjustedTo.tdkey, show: this.mergedShow, to: this.adjustedTo, containerClass: this.namespace, placement: "bottom-start" }, {
                         default: () => (h(Transition, { name: "fade-in-scale-up-transition", appear: this.isMounted }, {
                             default: () => this.mergedShow
-                                ? withDirectives(h(Panel, { ref: "panelInstRef", actions: this.actions, style: this.cssVars, seconds: this.seconds, minutes: this.minutes, hours: this.hours, transitionDisabled: this.transitionDisabled, hourValue: this.hourValue, showHour: this.hourInFormat, isHourInvalid: this.isHourInvalid, isHourDisabled: this.isHourDisabled, minuteValue: this.minuteValue, showMinute: this.minuteInFormat, isMinuteInvalid: this.isMinuteInvalid, isMinuteDisabled: this.isMinuteDisabled, secondValue: this.secondValue, showSecond: this.secondInFormat, isSecondInvalid: this.isSecondInvalid, isSecondDisabled: this.isSecondDisabled, isValueInvalid: this.isValueInvalid, nowText: this.localizedNow, confirmText: this.localizedPositiveText, onFocusout: this.handleMenuFocusOut, onKeydown: this.handleMenuKeyDown, onHourClick: this.handleHourClick, onMinuteClick: this.handleMinuteClick, onSecondClick: this.handleSecondClick, onNowClick: this.handleNowClick, onConfirmClick: this.handleConfirmClick, onFocusDetectorFocus: this.handleFocusDetectorFocus }), [[clickoutside, this.handleClickOutside]])
+                                ? withDirectives(h(Panel, { ref: "panelInstRef", actions: this.actions, style: this.cssVars, seconds: this.seconds, minutes: this.minutes, hours: this.hours, transitionDisabled: this.transitionDisabled, hourValue: this.hourValue, showHour: this.hourInFormat, isHourInvalid: this.isHourInvalid, isHourDisabled: this.isHourDisabled, minuteValue: this.minuteValue, showMinute: this.minuteInFormat, isMinuteInvalid: this.isMinuteInvalid, isMinuteDisabled: this.isMinuteDisabled, secondValue: this.secondValue, amPmValue: this.amPmValue, showSecond: this.secondInFormat, isSecondInvalid: this.isSecondInvalid, isSecondDisabled: this.isSecondDisabled, isValueInvalid: this.isValueInvalid, nowText: this.localizedNow, confirmText: this.localizedPositiveText, use12Hours: this.use12Hours, onFocusout: this.handleMenuFocusOut, onKeydown: this.handleMenuKeyDown, onHourClick: this.handleHourClick, onMinuteClick: this.handleMinuteClick, onSecondClick: this.handleSecondClick, onAmPmClick: this.handleAmPmClick, onNowClick: this.handleNowClick, onConfirmClick: this.handleConfirmClick, onFocusDetectorFocus: this.handleFocusDetectorFocus }), [[clickoutside, this.handleClickOutside]])
                                 : null
                         }))
                     })

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

@@ -2,6 +2,12 @@ import { InjectionKey, Ref } from 'vue';
 import { ScrollbarInst } from '../../_internal';
 import type { MergedTheme } from '../../_mixins';
 import type { TimePickerTheme } from '../styles';
+export declare type ItemValue = number | 'am' | 'pm';
+export interface Item {
+    label: string;
+    value: ItemValue;
+    disabled: boolean;
+}
 export interface TimePickerInjection {
     mergedThemeRef: Ref<MergedTheme<TimePickerTheme>>;
     mergedClsPrefixRef: Ref<string>;
@@ -12,6 +18,7 @@ export interface PanelRef {
     hourScrollRef?: ScrollbarInst;
     minuteScrollRef?: ScrollbarInst;
     secondScrollRef?: ScrollbarInst;
+    amPmScrollRef?: ScrollbarInst;
 }
 export declare type OnUpdateValue = <T extends number & (number | null)>(value: T) => void;
 export declare type OnUpdateValueImpl = (value: number | null) => void;

package/es/time-picker/src/utils.d.ts

@@ -1,11 +1,14 @@
 import { MaybeArray } from '../../_utils';
 export declare const time: {
+    amHours: string[];
+    pmHours: string[];
     hours: string[];
     minutes: string[];
     seconds: string[];
     period: string[];
 };
 export declare function getFixValue(value: number): string;
-export declare function getTimeUnits(defaultValue: string[], stepOrList: MaybeArray<number> | undefined): string[];
+export declare function getTimeUnits(defaultValue: string[], stepOrList: MaybeArray<number> | undefined, isHourWithAmPm?: 'am' | 'pm'): string[];
 export declare function isTimeInStep(value: number, type: 'hours' | 'minutes' | 'seconds', stepOrList: MaybeArray<number> | undefined): boolean;
 export declare function findSimilarTime(value: number, type: 'hours' | 'minutes' | 'seconds', stepOrList: MaybeArray<number> | undefined): number;
+export declare function getAmPm(value: number): 'am' | 'pm';

package/es/time-picker/src/utils.js

@@ -1,5 +1,34 @@
+import { getHours } from 'date-fns';
 import { throwError } from '../../_utils';
 export const time = {
+    amHours: [
+        '00',
+        '01',
+        '02',
+        '03',
+        '04',
+        '05',
+        '06',
+        '07',
+        '08',
+        '09',
+        '10',
+        '11'
+    ],
+    pmHours: [
+        '12',
+        '01',
+        '02',
+        '03',
+        '04',
+        '05',
+        '06',
+        '07',
+        '08',
+        '09',
+        '10',
+        '11'
+    ],
     hours: [
         '00',
         '01',
@@ -155,15 +184,46 @@ export const time = {
 export function getFixValue(value) {
     return `00${value}`.slice(-2);
 }
-export function getTimeUnits(defaultValue, stepOrList) {
+// TODO: refactor the logic, it's somehow a patch logic
+export function getTimeUnits(defaultValue, stepOrList, isHourWithAmPm) {
     if (Array.isArray(stepOrList)) {
-        return stepOrList.map((v) => Math.floor(v)).map((v) => getFixValue(v));
+        return (isHourWithAmPm === 'am'
+            ? stepOrList.filter((v) => v < 12)
+            : isHourWithAmPm === 'pm'
+                ? stepOrList.filter((v) => v >= 12).map((v) => (v === 12 ? 12 : v - 12))
+                : stepOrList).map((v) => getFixValue(v));
     }
     else if (typeof stepOrList === 'number') {
-        return defaultValue.filter((hour) => Number(hour) % stepOrList === 0);
+        if (isHourWithAmPm === 'am') {
+            return defaultValue.filter((hour) => {
+                const hourAsNumber = Number(hour);
+                return hourAsNumber < 12 && hourAsNumber % stepOrList === 0;
+            });
+        }
+        else if (isHourWithAmPm === 'pm') {
+            return defaultValue
+                .filter((hour) => {
+                const hourAsNumber = Number(hour);
+                return hourAsNumber >= 12 && hourAsNumber % stepOrList === 0;
+            })
+                .map((hour) => {
+                const hourAsNumber = Number(hour);
+                return getFixValue(hourAsNumber === 12 ? 12 : hourAsNumber - 12);
+            });
+        }
+        return defaultValue.filter((hour) => {
+            return Number(hour) % stepOrList === 0;
+        });
     }
     else {
-        return defaultValue;
+        return isHourWithAmPm === 'am'
+            ? defaultValue.filter((hour) => Number(hour) < 12)
+            : isHourWithAmPm === 'pm'
+                ? defaultValue
+                    .map((hour) => Number(hour))
+                    .filter((hour) => Number(hour) >= 12)
+                    .map((v) => getFixValue(v === 12 ? 12 : v - 12))
+                : defaultValue;
     }
 }
 export function isTimeInStep(value, type, stepOrList) {
@@ -201,3 +261,6 @@ export function findSimilarTime(value, type, stepOrList) {
     }
     return upperBound - value > value - lowerBound ? lowerBound : upperBound;
 }
+export function getAmPm(value) {
+    return getHours(value) < 12 ? 'am' : 'pm';
+}

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

@@ -1043,12 +1043,12 @@ declare const _default: import("vue").DefineComponent<{
     indent: number;
     labelField: string;
     childrenField: string;
+    internalScrollable: boolean;
     checkStrategy: CheckStrategy;
     leafOnly: boolean;
     defaultExpandAll: boolean;
     defaultExpandedKeys: Key[];
     cancelable: boolean;
-    internalScrollable: boolean;
     blockLine: boolean;
     selectable: boolean;
     internalUnifySelectCheck: boolean;
@@ -1238,12 +1238,12 @@ declare const _default: import("vue").DefineComponent<{
     indent: number;
     labelField: string;
     childrenField: string;
+    internalScrollable: boolean;
     checkStrategy: CheckStrategy;
     leafOnly: boolean;
     defaultExpandAll: boolean;
     defaultExpandedKeys: Key[];
     cancelable: boolean;
-    internalScrollable: boolean;
     blockLine: boolean;
     selectable: boolean;
     internalUnifySelectCheck: boolean;

package/es/upload/src/Upload.d.ts

@@ -69,6 +69,7 @@ declare const uploadProps: {
     readonly onPreview: PropType<OnPreview>;
     readonly createThumbnailUrl: PropType<CreateThumbnailUrl>;
     readonly abstract: BooleanConstructor;
+    readonly max: NumberConstructor;
     readonly theme: PropType<import("../../_mixins").Theme<"Upload", {
         fontSize: string;
         lineHeight: string;
@@ -192,7 +193,7 @@ declare const uploadProps: {
             textColorFocusSuccess: string;
             textColorDisabledSuccess: string;
             textColorTextSuccess: string;
-            textColorTextHoverSuccess: string; /** currently of no usage */
+            textColorTextHoverSuccess: string;
             textColorTextPressedSuccess: string;
             textColorTextFocusSuccess: string;
             textColorTextDisabledSuccess: string;
@@ -428,7 +429,7 @@ declare const uploadProps: {
             textColorFocusSuccess: string;
             textColorDisabledSuccess: string;
             textColorTextSuccess: string;
-            textColorTextHoverSuccess: string; /** currently of no usage */
+            textColorTextHoverSuccess: string;
             textColorTextPressedSuccess: string;
             textColorTextFocusSuccess: string;
             textColorTextDisabledSuccess: string;
@@ -664,7 +665,7 @@ declare const uploadProps: {
             textColorFocusSuccess: string;
             textColorDisabledSuccess: string;
             textColorTextSuccess: string;
-            textColorTextHoverSuccess: string; /** currently of no usage */
+            textColorTextHoverSuccess: string;
             textColorTextPressedSuccess: string;
             textColorTextFocusSuccess: string;
             textColorTextDisabledSuccess: string;
@@ -847,6 +848,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly onPreview: PropType<OnPreview>;
     readonly createThumbnailUrl: PropType<CreateThumbnailUrl>;
     readonly abstract: BooleanConstructor;
+    readonly max: NumberConstructor;
     readonly theme: PropType<import("../../_mixins").Theme<"Upload", {
         fontSize: string;
         lineHeight: string;
@@ -970,7 +972,7 @@ declare const _default: import("vue").DefineComponent<{
             textColorFocusSuccess: string;
             textColorDisabledSuccess: string;
             textColorTextSuccess: string;
-            textColorTextHoverSuccess: string; /** currently of no usage */
+            textColorTextHoverSuccess: string;
             textColorTextPressedSuccess: string;
             textColorTextFocusSuccess: string;
             textColorTextDisabledSuccess: string;
@@ -1206,7 +1208,7 @@ declare const _default: import("vue").DefineComponent<{
             textColorFocusSuccess: string;
             textColorDisabledSuccess: string;
             textColorTextSuccess: string;
-            textColorTextHoverSuccess: string; /** currently of no usage */
+            textColorTextHoverSuccess: string;
             textColorTextPressedSuccess: string;
             textColorTextFocusSuccess: string;
             textColorTextDisabledSuccess: string;
@@ -1442,7 +1444,7 @@ declare const _default: import("vue").DefineComponent<{
             textColorFocusSuccess: string;
             textColorDisabledSuccess: string;
             textColorTextSuccess: string;
-            textColorTextHoverSuccess: string; /** currently of no usage */
+            textColorTextHoverSuccess: string;
             textColorTextPressedSuccess: string;
             textColorTextFocusSuccess: string;
             textColorTextDisabledSuccess: string;
@@ -1631,7 +1633,7 @@ declare const _default: import("vue").DefineComponent<{
             tableHeaderColor: string;
             hoverColor: string;
             tableColorHover: string;
-            pressedColor: string;
+            pressedColor: string; /** currently of no usage */
             opacityDisabled: string;
             inputColorDisabled: string;
             boxShadow1: string;
@@ -1785,7 +1787,7 @@ declare const _default: import("vue").DefineComponent<{
                 textColorFocusSuccess: string;
                 textColorDisabledSuccess: string;
                 textColorTextSuccess: string;
-                textColorTextHoverSuccess: string; /** currently of no usage */
+                textColorTextHoverSuccess: string;
                 textColorTextPressedSuccess: string;
                 textColorTextFocusSuccess: string;
                 textColorTextDisabledSuccess: string;
@@ -1946,6 +1948,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly onPreview?: unknown;
     readonly createThumbnailUrl?: unknown;
     readonly abstract?: unknown;
+    readonly max?: unknown;
     readonly theme?: unknown;
     readonly themeOverrides?: unknown;
     readonly builtinThemeOverrides?: unknown;
@@ -1970,6 +1973,7 @@ declare const _default: import("vue").DefineComponent<{
     onChange?: OnChange | undefined;
     action?: string | undefined;
     accept?: string | undefined;
+    max?: number | undefined;
     headers?: FuncOrRecordOrUndef;
     theme?: import("../../_mixins").Theme<"Upload", {
         fontSize: string;
@@ -2094,7 +2098,7 @@ declare const _default: import("vue").DefineComponent<{
             textColorFocusSuccess: string;
             textColorDisabledSuccess: string;
             textColorTextSuccess: string;
-            textColorTextHoverSuccess: string; /** currently of no usage */
+            textColorTextHoverSuccess: string;
             textColorTextPressedSuccess: string;
             textColorTextFocusSuccess: string;
             textColorTextDisabledSuccess: string;
@@ -2330,7 +2334,7 @@ declare const _default: import("vue").DefineComponent<{
             textColorFocusSuccess: string;
             textColorDisabledSuccess: string;
             textColorTextSuccess: string;
-            textColorTextHoverSuccess: string; /** currently of no usage */
+            textColorTextHoverSuccess: string;
             textColorTextPressedSuccess: string;
             textColorTextFocusSuccess: string;
             textColorTextDisabledSuccess: string;
@@ -2566,7 +2570,7 @@ declare const _default: import("vue").DefineComponent<{
             textColorFocusSuccess: string;
             textColorDisabledSuccess: string;
             textColorTextSuccess: string;
-            textColorTextHoverSuccess: string; /** currently of no usage */
+            textColorTextHoverSuccess: string;
             textColorTextPressedSuccess: string;
             textColorTextFocusSuccess: string;
             textColorTextDisabledSuccess: string;