naive-ui 2.19.7 → 2.19.11

package/lib/menu/src/Menu.d.ts

@@ -4,6 +4,7 @@ import type { MaybeArray } from '../../_utils';
 import { MenuInjection } from './use-menu-child';
 import { MenuOption, MenuGroupOption, OnUpdateValue, OnUpdateKeys } from './interface';
 import { FollowerPlacement } from 'vueuc';
+import { DropdownProps } from '../../dropdown';
 declare const menuProps: {
     readonly options: {
         readonly type: PropType<(MenuOption | MenuGroupOption)[]>;
@@ -64,10 +65,12 @@ declare const menuProps: {
     readonly renderIcon: PropType<(option: MenuOption) => VNodeChild>;
     readonly renderLabel: PropType<(option: MenuOption | MenuGroupOption) => VNodeChild>;
     readonly renderExtra: PropType<(option: MenuOption | MenuGroupOption) => VNodeChild>;
+    /** TODO: deprecate it */
     readonly dropdownPlacement: {
         readonly type: PropType<FollowerPlacement>;
         readonly default: "bottom";
     };
+    readonly dropdownProps: PropType<DropdownProps>;
     readonly accordion: BooleanConstructor;
     readonly items: PropType<(MenuOption | MenuGroupOption)[]>;
     readonly onOpenNamesChange: PropType<MaybeArray<OnUpdateKeys>>;
@@ -328,10 +331,12 @@ declare const _default: import("vue").DefineComponent<{
     readonly renderIcon: PropType<(option: MenuOption) => VNodeChild>;
     readonly renderLabel: PropType<(option: MenuOption | MenuGroupOption) => VNodeChild>;
     readonly renderExtra: PropType<(option: MenuOption | MenuGroupOption) => VNodeChild>;
+    /** TODO: deprecate it */
     readonly dropdownPlacement: {
         readonly type: PropType<FollowerPlacement>;
         readonly default: "bottom";
     };
+    readonly dropdownProps: PropType<DropdownProps>;
     readonly accordion: BooleanConstructor;
     readonly items: PropType<(MenuOption | MenuGroupOption)[]>;
     readonly onOpenNamesChange: PropType<MaybeArray<OnUpdateKeys>>;
@@ -555,7 +560,7 @@ declare const _default: import("vue").DefineComponent<{
             warningColor: string;
             warningColorHover: string;
             warningColorPressed: string;
-            warningColorSuppl: string;
+            warningColorSuppl: string; /** TODO: deprecate it */
             errorColor: string;
             errorColorHover: string;
             errorColorPressed: string;
@@ -752,6 +757,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly renderLabel?: unknown;
     readonly renderExtra?: unknown;
     readonly dropdownPlacement?: unknown;
+    readonly dropdownProps?: unknown;
     readonly accordion?: unknown;
     readonly items?: unknown;
     readonly onOpenNamesChange?: unknown;
@@ -986,6 +992,7 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:expandedKeys"?: MaybeArray<OnUpdateKeys> | undefined;
     onUpdateExpandedKeys?: MaybeArray<OnUpdateKeys> | undefined;
     renderExtra?: ((option: MenuOption | MenuGroupOption) => VNodeChild) | undefined;
+    dropdownProps?: DropdownProps | undefined;
     onOpenNamesChange?: MaybeArray<OnUpdateKeys> | undefined;
 }>, {
     mode: "horizontal" | "vertical";

package/lib/menu/src/Menu.js

@@ -44,10 +44,12 @@ const menuProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { o
     }, mode: {
         type: String,
         default: 'vertical'
-    }, disabled: Boolean, inverted: Boolean, 'onUpdate:expandedKeys': [Function, Array], onUpdateExpandedKeys: [Function, Array], onUpdateValue: [Function, Array], 'onUpdate:value': [Function, Array], expandIcon: Function, renderIcon: Function, renderLabel: Function, renderExtra: Function, dropdownPlacement: {
+    }, disabled: Boolean, inverted: Boolean, 'onUpdate:expandedKeys': [Function, Array], onUpdateExpandedKeys: [Function, Array], onUpdateValue: [Function, Array], 'onUpdate:value': [Function, Array], expandIcon: Function, renderIcon: Function, renderLabel: Function, renderExtra: Function, 
+    /** TODO: deprecate it */
+    dropdownPlacement: {
         type: String,
         default: 'bottom'
-    }, accordion: Boolean, 
+    }, dropdownProps: Object, accordion: Boolean, 
     // deprecated
     items: Array, onOpenNamesChange: [Function, Array], onSelect: [Function, Array], onExpandedNamesChange: [Function, Array], expandedNames: Array, defaultExpandedNames: Array });
 exports.menuInjectionKey = Symbol('menu');

package/lib/menu/src/MenuOption.d.ts

@@ -261,6 +261,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly renderLabel?: unknown;
         readonly renderExtra?: unknown;
         readonly dropdownPlacement?: unknown;
+        readonly dropdownProps?: unknown;
         readonly accordion?: unknown;
         readonly items?: unknown;
         readonly onOpenNamesChange?: unknown;
@@ -495,6 +496,7 @@ declare const _default: import("vue").DefineComponent<{
         "onUpdate:expandedKeys"?: import("../../_utils").MaybeArray<import("./interface").OnUpdateKeys> | undefined;
         onUpdateExpandedKeys?: import("../../_utils").MaybeArray<import("./interface").OnUpdateKeys> | undefined;
         renderExtra?: ((option: import("./interface").MenuOption | import("./interface").MenuGroupOption) => import("vue").VNodeChild) | undefined;
+        dropdownProps?: import("../..").DropdownProps | undefined;
         onOpenNamesChange?: import("../../_utils").MaybeArray<import("./interface").OnUpdateKeys> | undefined;
     };
     dropdownEnabled: import("vue").ComputedRef<boolean>;

package/lib/menu/src/MenuOptionContent.d.ts

@@ -60,6 +60,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly renderLabel?: unknown;
         readonly renderExtra?: unknown;
         readonly dropdownPlacement?: unknown;
+        readonly dropdownProps?: unknown;
         readonly accordion?: unknown;
         readonly items?: unknown;
         readonly onOpenNamesChange?: unknown;
@@ -294,6 +295,7 @@ declare const _default: import("vue").DefineComponent<{
         "onUpdate:expandedKeys"?: import("../../_utils").MaybeArray<import("./interface").OnUpdateKeys> | undefined;
         onUpdateExpandedKeys?: import("../../_utils").MaybeArray<import("./interface").OnUpdateKeys> | undefined;
         renderExtra?: ((option: import("./interface").MenuOption | import("./interface").MenuGroupOption) => import("vue").VNodeChild) | undefined;
+        dropdownProps?: import("../..").DropdownProps | undefined;
         onOpenNamesChange?: import("../../_utils").MaybeArray<import("./interface").OnUpdateKeys> | undefined;
     };
     style: import("vue").ComputedRef<{

package/lib/menu/src/Submenu.d.ts

@@ -95,6 +95,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly renderLabel?: unknown;
         readonly renderExtra?: unknown;
         readonly dropdownPlacement?: unknown;
+        readonly dropdownProps?: unknown;
         readonly accordion?: unknown;
         readonly items?: unknown;
         readonly onOpenNamesChange?: unknown;
@@ -329,6 +330,7 @@ declare const _default: import("vue").DefineComponent<{
         "onUpdate:expandedKeys"?: import("../../_utils").MaybeArray<import("./interface").OnUpdateKeys> | undefined;
         onUpdateExpandedKeys?: import("../../_utils").MaybeArray<import("./interface").OnUpdateKeys> | undefined;
         renderExtra?: ((option: MenuOption | MenuGroupOption) => VNodeChild) | undefined;
+        dropdownProps?: import("../../dropdown").DropdownProps | undefined;
         onOpenNamesChange?: import("../../_utils").MaybeArray<import("./interface").OnUpdateKeys> | undefined;
     };
     doSelect: import("./interface").OnUpdateValueImpl;

package/lib/menu/src/Submenu.js

@@ -94,6 +94,7 @@ exports.default = (0, vue_1.defineComponent)({
         };
     },
     render() {
+        var _a;
         const { mergedClsPrefix, menuProps: { renderIcon, renderLabel } } = this;
         const createSubmenuItem = () => {
             const { isHorizontal, paddingLeft, collapsed, mergedDisabled, maxIconSize, activeIconSize, title, childActive, icon, handleClick, dropdownShow, iconMarginRight, tmNode } = this;
@@ -107,10 +108,10 @@ exports.default = (0, vue_1.defineComponent)({
                 }
             }));
         };
-        return this.root ? ((0, vue_1.h)(dropdown_1.NDropdown, { builtinThemeOverrides: {
+        return this.root ? ((0, vue_1.h)(dropdown_1.NDropdown, Object.assign({}, (_a = this.menuProps) === null || _a === void 0 ? void 0 : _a.dropdownProps, { builtinThemeOverrides: {
                 fontSizeLarge: '14px',
                 optionIconSizeLarge: '18px'
-            }, value: this.mergedValue, size: "large", trigger: "hover", disabled: !this.dropdownEnabled, placement: this.dropdownPlacement, keyField: this.menuProps.keyField, labelField: this.menuProps.labelField, childrenField: this.menuProps.childrenField, onUpdateShow: this.handlePopoverShowChange, options: this.rawNodes, onSelect: this.doSelect, inverted: this.inverted, renderIcon: renderIcon, renderLabel: renderLabel }, {
+            }, value: this.mergedValue, size: "large", trigger: "hover", disabled: !this.dropdownEnabled, placement: this.dropdownPlacement, keyField: this.menuProps.keyField, labelField: this.menuProps.labelField, childrenField: this.menuProps.childrenField, onUpdateShow: this.handlePopoverShowChange, options: this.rawNodes, onSelect: this.doSelect, inverted: this.inverted, renderIcon: renderIcon, renderLabel: renderLabel }), {
             default: () => ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-submenu`, role: "menuitem", "aria-expanded": !this.collapsed },
                 createSubmenuItem(),
                 this.isHorizontal ? null : createSubmenuChildren()))

package/lib/rate/src/Rate.d.ts

@@ -112,8 +112,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly: boolean;
     size: number | "small" | "medium" | "large";
     defaultValue: number;
-    allowHalf: boolean;
     count: number;
+    allowHalf: boolean;
 } & {
     value?: number | undefined;
     color?: string | undefined;
@@ -144,7 +144,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly: boolean;
     size: number | "small" | "medium" | "large";
     defaultValue: number;
-    allowHalf: boolean;
     count: number;
+    allowHalf: boolean;
 }>;
 export default _default;

package/lib/scrollbar/src/ScrollBar.d.ts

@@ -1,6 +1,13 @@
 import { PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-export declare type ScrollTo = (x: number, y: number) => void;
+export interface ScrollTo {
+    (x: number, y: number): void;
+    (options: {
+        left?: number;
+        top?: number;
+        behavior?: ScrollBehavior;
+    }): void;
+}
 export interface ScrollbarInst {
     scrollTo: ScrollTo;
 }
@@ -36,9 +43,12 @@ declare const Scrollbar: import("vue").DefineComponent<{
         color: string;
         colorHover: string;
     }, any>>>;
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+}, {
+    scrollbarInstRef: import("vue").Ref<{
+        scrollTo: ScrollTo;
+    } | null>;
+    scrollTo: ScrollTo;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly xScrollable?: unknown;
     readonly onScroll?: unknown;
     readonly theme?: unknown;

package/lib/scrollbar/src/ScrollBar.js

@@ -7,8 +7,18 @@ const scrollbarProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props)
 const Scrollbar = (0, vue_1.defineComponent)({
     name: 'Scrollbar',
     props: scrollbarProps,
-    setup(props, { slots }) {
-        return () => (0, vue_1.h)(_internal_1.NScrollbar, props, slots);
+    setup() {
+        const scrollbarInstRef = (0, vue_1.ref)(null);
+        const exposedMethods = {
+            scrollTo: (...args) => {
+                var _a;
+                (_a = scrollbarInstRef.value) === null || _a === void 0 ? void 0 : _a.scrollTo(args[0], args[1]);
+            }
+        };
+        return Object.assign(Object.assign({}, exposedMethods), { scrollbarInstRef });
+    },
+    render() {
+        return ((0, vue_1.h)(_internal_1.NScrollbar, Object.assign({ ref: "scrollbarInstRef" }, this.$props), this.$slots));
     }
 });
 exports.default = Scrollbar;

package/lib/select/src/Select.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { PropType, InputHTMLAttributes } from 'vue';
 import { TreeNode } from 'treemate';
 import { FollowerPlacement } from 'vueuc';
 import { RenderLabel, RenderOption } from '../../_internal/select-menu/src/interface';
@@ -84,6 +84,7 @@ declare const selectProps: {
     readonly renderOption: PropType<RenderOption>;
     readonly renderTag: PropType<RenderTag>;
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue> | undefined>;
+    readonly inputProps: PropType<InputHTMLAttributes>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue> | undefined>;
     readonly onBlur: PropType<MaybeArray<(e: FocusEvent) => void> | undefined>;
     readonly onClear: PropType<MaybeArray<() => void> | undefined>;
@@ -558,6 +559,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly renderOption: PropType<RenderOption>;
     readonly renderTag: PropType<RenderTag>;
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue> | undefined>;
+    readonly inputProps: PropType<InputHTMLAttributes>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue> | undefined>;
     readonly onBlur: PropType<MaybeArray<(e: FocusEvent) => void> | undefined>;
     readonly onClear: PropType<MaybeArray<() => void> | undefined>;
@@ -1303,6 +1305,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly renderOption?: unknown;
     readonly renderTag?: unknown;
     readonly 'onUpdate:value'?: unknown;
+    readonly inputProps?: unknown;
     readonly onUpdateValue?: unknown;
     readonly onBlur?: unknown;
     readonly onClear?: unknown;
@@ -1725,6 +1728,7 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:show"?: MaybeArray<(value: boolean) => void> | undefined;
     onUpdateShow?: MaybeArray<(value: boolean) => void> | undefined;
     onClear?: MaybeArray<() => void> | undefined;
+    inputProps?: InputHTMLAttributes | undefined;
     renderTag?: RenderTag | undefined;
     maxTagCount?: number | "responsive" | undefined;
     "onUpdate:value"?: MaybeArray<OnUpdateValue> | undefined;

package/lib/select/src/Select.js

@@ -57,7 +57,7 @@ const selectProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
     }, virtualScroll: {
         type: Boolean,
         default: true
-    }, renderLabel: Function, renderOption: Function, renderTag: Function, 'onUpdate:value': [Function, Array], 
+    }, renderLabel: Function, renderOption: Function, renderTag: Function, 'onUpdate:value': [Function, Array], inputProps: Object, 
     // for jsx
     onUpdateValue: [Function, Array], onBlur: [Function, Array], onClear: [Function, Array], onFocus: [Function, Array], onScroll: [Function, Array], onSearch: [Function, Array], onUpdateShow: [Function, Array], 'onUpdate:show': [Function, Array], 
     /** deprecated */
@@ -588,7 +588,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)(_internal_1.NInternalSelection, { ref: "triggerRef", clsPrefix: mergedClsPrefix, showArrow: this.showArrow, maxTagCount: this.maxTagCount, bordered: this.mergedBordered, active: this.mergedShow, pattern: this.pattern, placeholder: this.localizedPlaceholder, selectedOption: this.selectedOption, selectedOptions: this.selectedOptions, multiple: this.multiple, renderTag: this.renderTag, renderLabel: this.renderLabel, filterable: this.filterable, clearable: this.clearable, disabled: this.mergedDisabled, size: this.mergedSize, theme: this.mergedTheme.peers.InternalSelection, themeOverrides: this.mergedTheme.peerOverrides.InternalSelection, loading: this.loading, focused: this.focused, onClick: this.handleTriggerClick, onDeleteOption: this.handleDeleteOption, onPatternInput: this.handlePatternInput, onClear: this.handleClear, onBlur: this.handleTriggerBlur, onFocus: this.handleTriggerFocus, onKeydown: this.handleKeyDown, onKeyup: this.handleKeyUp }))
+                        default: () => ((0, vue_1.h)(_internal_1.NInternalSelection, { ref: "triggerRef", inputProps: this.inputProps, clsPrefix: mergedClsPrefix, showArrow: this.showArrow, maxTagCount: this.maxTagCount, bordered: this.mergedBordered, active: this.mergedShow, pattern: this.pattern, placeholder: this.localizedPlaceholder, selectedOption: this.selectedOption, selectedOptions: this.selectedOptions, multiple: this.multiple, renderTag: this.renderTag, renderLabel: this.renderLabel, filterable: this.filterable, clearable: this.clearable, disabled: this.mergedDisabled, size: this.mergedSize, theme: this.mergedTheme.peers.InternalSelection, themeOverrides: this.mergedTheme.peerOverrides.InternalSelection, loading: this.loading, focused: this.focused, onClick: this.handleTriggerClick, onDeleteOption: this.handleDeleteOption, onPatternInput: this.handlePatternInput, onClear: this.handleClear, onBlur: this.handleTriggerBlur, onFocus: this.handleTriggerFocus, onKeydown: this.handleKeyDown, onKeyup: this.handleKeyUp }))
                     }),
                     (0, vue_1.h)(vueuc_1.VFollower, { ref: "followerRef", show: this.mergedShow, to: this.adjustedTo, teleportDisabled: this.adjustedTo === _utils_1.useAdjustedTo.tdkey, containerClass: this.namespace, width: this.consistentMenuWidth ? 'target' : undefined, minWidth: "target", placement: this.placement }, {
                         default: () => ((0, vue_1.h)(vue_1.Transition, { name: "fade-in-scale-up-transition", appear: this.isMounted, onLeave: this.handleMenuLeave }, {

package/lib/table/src/Table.d.ts

@@ -13,10 +13,7 @@ declare const tableProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    singleColumn: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    singleColumn: BooleanConstructor;
     size: {
         type: PropType<"small" | "medium" | "large">;
         default: string;
@@ -111,10 +108,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    singleColumn: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    singleColumn: BooleanConstructor;
     size: {
         type: PropType<"small" | "medium" | "large">;
         default: string;

package/lib/table/src/Table.js

@@ -14,10 +14,7 @@ const tableProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
     }, singleLine: {
         type: Boolean,
         default: true
-    }, singleColumn: {
-        type: Boolean,
-        default: false
-    }, size: {
+    }, singleColumn: Boolean, size: {
         type: String,
         default: 'medium'
     } });

package/lib/tabs/src/Tab.js

@@ -13,7 +13,7 @@ exports.default = (0, vue_1.defineComponent)({
         addable: Boolean
     }, TabPane_1.tabPaneProps),
     setup(props) {
-        const { mergedClsPrefixRef, valueRef, typeRef, closableRef, tabStyleRef, handleAdd, handleTabClick, handleClose
+        const { mergedClsPrefixRef, valueRef, typeRef, closableRef, tabStyleRef, nextTabNameRef, onBeforeLeaveRef, handleAdd, handleTabClick, handleClose
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = (0, vue_1.inject)(interface_1.tabsInjectionKey);
         return {
@@ -42,7 +42,23 @@ exports.default = (0, vue_1.defineComponent)({
                     handleAdd();
                     return;
                 }
-                handleTabClick(props.name);
+                const { name: nameProp } = props;
+                if (nameProp !== valueRef.value) {
+                    if (nameProp === nextTabNameRef.value)
+                        return;
+                    nextTabNameRef.value = nameProp;
+                    const { value: onBeforeLeave } = onBeforeLeaveRef;
+                    if (!onBeforeLeave) {
+                        handleTabClick(nameProp);
+                    }
+                    else {
+                        void Promise.resolve(onBeforeLeave(props.name, valueRef.value)).then((allowLeave) => {
+                            if (allowLeave) {
+                                handleTabClick(nameProp);
+                            }
+                        });
+                    }
+                }
             }
         };
     },

package/lib/tabs/src/Tabs.d.ts

@@ -2,7 +2,7 @@
 import { PropType, CSSProperties, ComponentPublicInstance, nextTick } from 'vue';
 import { VXScrollInst } from 'vueuc';
 import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
-import { Addable, OnClose, TabsType } from './interface';
+import { Addable, OnClose, OnBeforeLeave, TabsType } from './interface';
 import type { OnUpdateValue } from './interface';
 declare const tabsProps: {
     readonly value: PropType<string | number>;
@@ -24,6 +24,7 @@ declare const tabsProps: {
         readonly type: NumberConstructor;
         readonly default: 0;
     };
+    readonly onBeforeLeave: PropType<OnBeforeLeave>;
     readonly onAdd: PropType<() => void>;
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
@@ -239,6 +240,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: NumberConstructor;
         readonly default: 0;
     };
+    readonly onBeforeLeave: PropType<OnBeforeLeave>;
     readonly onAdd: PropType<() => void>;
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
@@ -521,6 +523,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly paneStyle?: unknown;
     readonly addable?: unknown;
     readonly tabsPadding?: unknown;
+    readonly onBeforeLeave?: unknown;
     readonly onAdd?: unknown;
     readonly 'onUpdate:value'?: unknown;
     readonly onUpdateValue?: unknown;
@@ -539,6 +542,7 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     value?: string | number | undefined;
     justifyContent?: "space-around" | "space-between" | "space-evenly" | undefined;
+    onBeforeLeave?: OnBeforeLeave | undefined;
     theme?: import("../../_mixins").Theme<"Tabs", {
         colorSegment: string;
         tabFontSizeCard: string;

package/lib/tabs/src/Tabs.js

@@ -19,7 +19,7 @@ const tabsProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { v
     }, tabStyle: [String, Object], paneStyle: [String, Object], addable: [Boolean, Object], tabsPadding: {
         type: Number,
         default: 0
-    }, onAdd: Function, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array], onClose: [Function, Array], 
+    }, onBeforeLeave: Function, onAdd: Function, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array], onClose: [Function, Array], 
     // deprecated
     labelSize: String, activeName: [String, Number], onActiveNameChange: [Function, Array] });
 exports.default = (0, vue_1.defineComponent)({
@@ -55,6 +55,7 @@ exports.default = (0, vue_1.defineComponent)({
             ? (0, _utils_1.flatten)(slots.default())[0].props.name
             : null));
         const mergedValueRef = (0, vooks_1.useMergedState)(compitableValueRef, uncontrolledValueRef);
+        const nextTabNameRef = { value: mergedValueRef.value };
         const tabWrapperStyleRef = (0, vue_1.computed)(() => {
             if (!props.justifyContent || props.type === 'card')
                 return undefined;
@@ -197,6 +198,8 @@ exports.default = (0, vue_1.defineComponent)({
             typeRef: (0, vue_1.toRef)(props, 'type'),
             closableRef: (0, vue_1.toRef)(props, 'closable'),
             valueRef: mergedValueRef,
+            nextTabNameRef,
+            onBeforeLeaveRef: (0, vue_1.toRef)(props, 'onBeforeLeave'),
             handleTabClick,
             handleClose,
             handleAdd

package/lib/tabs/src/interface.d.ts

@@ -4,6 +4,8 @@ export declare type OnUpdateValue = (value: string & number) => void;
 export declare type OnUpdateValueImpl = (value: string | number) => void;
 export declare type OnClose = (name: string & number) => void;
 export declare type OnCloseImpl = (name: string | number) => void;
+export declare type OnBeforeLeave = (name: string & number, oldName: string & number & null) => boolean | Promise<boolean>;
+export declare type OnBeforeLeaveImpl = (name: string | number, oldName: string | number | null) => boolean | Promise<boolean>;
 export interface TabsInjection {
     mergedClsPrefixRef: Ref<string>;
     valueRef: Ref<string | number | null>;
@@ -11,6 +13,10 @@ export interface TabsInjection {
     closableRef: Ref<boolean>;
     tabStyleRef: Ref<string | CSSProperties | undefined>;
     paneStyleRef: Ref<string | CSSProperties | undefined>;
+    nextTabNameRef: {
+        value: string | number | null;
+    };
+    onBeforeLeaveRef: Ref<OnBeforeLeave | undefined>;
     handleTabClick: (panelName: string | number) => void;
     handleClose: (panelName: string | number) => void;
     handleAdd: () => void;

package/lib/time-picker/src/Panel.d.ts

@@ -1,6 +1,5 @@
 import { PropType } from 'vue';
-import { IsHourDisabled, IsMinuteDisabled, IsSecondDisabled } from './interface';
-import { Item } from './PanelCol';
+import { IsHourDisabled, IsMinuteDisabled, IsSecondDisabled, ItemValue, Item } from './interface';
 import { MaybeArray } from '../../_utils';
 declare const _default: import("vue").DefineComponent<{
     actions: {
@@ -26,6 +25,7 @@ declare const _default: import("vue").DefineComponent<{
     isHourInvalid: BooleanConstructor;
     isMinuteInvalid: BooleanConstructor;
     isSecondInvalid: BooleanConstructor;
+    isAmPmInvalid: BooleanConstructor;
     isValueInvalid: BooleanConstructor;
     hourValue: {
         type: PropType<number | null>;
@@ -39,19 +39,27 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<number | null>;
         default: null;
     };
+    amPmValue: {
+        type: PropType<"am" | "pm" | null>;
+        default: null;
+    };
     isHourDisabled: PropType<IsHourDisabled>;
     isMinuteDisabled: PropType<IsMinuteDisabled>;
     isSecondDisabled: PropType<IsSecondDisabled>;
     onHourClick: {
-        type: PropType<(value: number) => void>;
+        type: PropType<(value: ItemValue) => void>;
         required: boolean;
     };
     onMinuteClick: {
-        type: PropType<(value: number) => void>;
+        type: PropType<(value: ItemValue) => void>;
         required: boolean;
     };
     onSecondClick: {
-        type: PropType<(value: number) => void>;
+        type: PropType<(value: ItemValue) => void>;
+        required: boolean;
+    };
+    onAmPmClick: {
+        type: PropType<(value: ItemValue) => void>;
         required: boolean;
     };
     onNowClick: PropType<() => void>;
@@ -66,6 +74,7 @@ declare const _default: import("vue").DefineComponent<{
     hours: PropType<MaybeArray<number>>;
     minutes: PropType<MaybeArray<number>>;
     seconds: PropType<MaybeArray<number>>;
+    use12Hours: BooleanConstructor;
 }, {
     mergedTheme: import("vue").Ref<{
         common: {
@@ -467,9 +476,11 @@ declare const _default: import("vue").DefineComponent<{
     hours: import("vue").ComputedRef<Item[]>;
     minutes: import("vue").ComputedRef<Item[]>;
     seconds: import("vue").ComputedRef<Item[]>;
+    amPm: import("vue").ComputedRef<Item[]>;
     hourScrollRef: import("vue").Ref<null>;
     minuteScrollRef: import("vue").Ref<null>;
     secondScrollRef: import("vue").Ref<null>;
+    amPmScrollRef: import("vue").Ref<null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     actions?: unknown;
     showHour?: unknown;
@@ -479,16 +490,19 @@ declare const _default: import("vue").DefineComponent<{
     isHourInvalid?: unknown;
     isMinuteInvalid?: unknown;
     isSecondInvalid?: unknown;
+    isAmPmInvalid?: unknown;
     isValueInvalid?: unknown;
     hourValue?: unknown;
     minuteValue?: unknown;
     secondValue?: unknown;
+    amPmValue?: unknown;
     isHourDisabled?: unknown;
     isMinuteDisabled?: unknown;
     isSecondDisabled?: unknown;
     onHourClick?: unknown;
     onMinuteClick?: unknown;
     onSecondClick?: unknown;
+    onAmPmClick?: unknown;
     onNowClick?: unknown;
     nowText?: unknown;
     confirmText?: unknown;
@@ -501,6 +515,7 @@ declare const _default: import("vue").DefineComponent<{
     hours?: unknown;
     minutes?: unknown;
     seconds?: unknown;
+    use12Hours?: unknown;
 } & {
     transitionDisabled: boolean;
     actions: ("confirm" | "now")[];
@@ -511,10 +526,13 @@ declare const _default: import("vue").DefineComponent<{
     isHourInvalid: boolean;
     isMinuteInvalid: boolean;
     isSecondInvalid: boolean;
+    isAmPmInvalid: boolean;
     isValueInvalid: boolean;
     hourValue: number | null;
     minuteValue: number | null;
     secondValue: number | null;
+    amPmValue: "am" | "pm" | null;
+    use12Hours: boolean;
 } & {
     onFocusin?: ((e: FocusEvent) => void) | undefined;
     onFocusout?: ((e: FocusEvent) => void) | undefined;
@@ -525,9 +543,10 @@ declare const _default: import("vue").DefineComponent<{
     isHourDisabled?: IsHourDisabled | undefined;
     isMinuteDisabled?: IsMinuteDisabled | undefined;
     isSecondDisabled?: IsSecondDisabled | undefined;
-    onHourClick?: ((value: number) => void) | undefined;
-    onMinuteClick?: ((value: number) => void) | undefined;
-    onSecondClick?: ((value: number) => void) | undefined;
+    onHourClick?: ((value: ItemValue) => void) | undefined;
+    onMinuteClick?: ((value: ItemValue) => void) | undefined;
+    onSecondClick?: ((value: ItemValue) => void) | undefined;
+    onAmPmClick?: ((value: ItemValue) => void) | undefined;
     onNowClick?: (() => void) | undefined;
     nowText?: string | undefined;
     confirmText?: string | undefined;
@@ -543,9 +562,12 @@ declare const _default: import("vue").DefineComponent<{
     isHourInvalid: boolean;
     isMinuteInvalid: boolean;
     isSecondInvalid: boolean;
+    isAmPmInvalid: boolean;
     isValueInvalid: boolean;
     hourValue: number | null;
     minuteValue: number | null;
     secondValue: number | null;
+    amPmValue: "am" | "pm" | null;
+    use12Hours: boolean;
 }>;
 export default _default;