naive-ui 2.35.0 → 2.36.0

package/es/input/src/Input.d.ts

@@ -40,7 +40,7 @@ export declare const inputProps: {
     pair: BooleanConstructor;
     separator: StringConstructor;
     readonly: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor)[];
         default: boolean;
     };
     passivelyActivated: BooleanConstructor;
@@ -320,7 +320,7 @@ declare const _default: import("vue").DefineComponent<{
     pair: BooleanConstructor;
     separator: StringConstructor;
     readonly: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor)[];
         default: boolean;
     };
     passivelyActivated: BooleanConstructor;
@@ -892,7 +892,7 @@ declare const _default: import("vue").DefineComponent<{
     pair: BooleanConstructor;
     separator: StringConstructor;
     readonly: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor)[];
         default: boolean;
     };
     passivelyActivated: BooleanConstructor;
@@ -1138,11 +1138,11 @@ declare const _default: import("vue").DefineComponent<{
     round: boolean;
     disabled: boolean | undefined;
     autofocus: boolean;
+    loading: boolean;
     autosize: boolean | {
         minRows?: number | undefined;
         maxRows?: number | undefined;
     };
-    loading: boolean;
     bordered: boolean | undefined;
     clearable: boolean;
     defaultValue: string | [string, string] | null;

package/es/input/src/styles/input.cssr.js

@@ -123,7 +123,7 @@ cB('input-wrapper', `
  padding: 0;
  height: var(--n-height);
  line-height: var(--n-height);
- `, [c('+', [cE('placeholder', `
+ `, [c('&[type=password]::-ms-reveal', 'display: none;'), c('+', [cE('placeholder', `
  display: flex;
  align-items: center; 
  `)])]), cNotM('textarea', [cE('placeholder', 'white-space: nowrap;')]), cE('eye', `

package/es/layout/src/Layout.d.ts

@@ -13,6 +13,7 @@ export declare const layoutProps: {
     };
     readonly scrollbarProps: PropType<Partial<ScrollbarProps>>;
     readonly onScroll: PropType<(e: Event) => void>;
+    readonly contentClass: StringConstructor;
     readonly contentStyle: {
         readonly type: PropType<string | CSSProperties>;
         readonly default: "";
@@ -36,6 +37,7 @@ export declare const layoutInjectionKey: import("vue").InjectionKey<ExtractPropT
     };
     readonly scrollbarProps: PropType<Partial<ScrollbarProps>>;
     readonly onScroll: PropType<(e: Event) => void>;
+    readonly contentClass: StringConstructor;
     readonly contentStyle: {
         readonly type: PropType<string | CSSProperties>;
         readonly default: "";
@@ -58,6 +60,7 @@ export declare function createLayoutComponent(isContent: boolean): import("vue")
     };
     scrollbarProps: PropType<Partial<ScrollbarProps>>;
     onScroll: PropType<(e: Event) => void>;
+    contentClass: StringConstructor;
     contentStyle: {
         readonly type: PropType<string | CSSProperties>;
         readonly default: "";
@@ -339,6 +342,7 @@ export declare function createLayoutComponent(isContent: boolean): import("vue")
     };
     scrollbarProps: PropType<Partial<ScrollbarProps>>;
     onScroll: PropType<(e: Event) => void>;
+    contentClass: StringConstructor;
     contentStyle: {
         readonly type: PropType<string | CSSProperties>;
         readonly default: "";
@@ -458,6 +462,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     scrollbarProps: PropType<Partial<ScrollbarProps>>;
     onScroll: PropType<(e: Event) => void>;
+    contentClass: StringConstructor;
     contentStyle: {
         readonly type: PropType<string | CSSProperties>;
         readonly default: "";
@@ -739,6 +744,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     scrollbarProps: PropType<Partial<ScrollbarProps>>;
     onScroll: PropType<(e: Event) => void>;
+    contentClass: StringConstructor;
     contentStyle: {
         readonly type: PropType<string | CSSProperties>;
         readonly default: "";

package/es/layout/src/Layout.js

@@ -14,6 +14,7 @@ export const layoutProps = {
     },
     scrollbarProps: Object,
     onScroll: Function,
+    contentClass: String,
     contentStyle: {
         type: [String, Object],
         default: ''
@@ -40,9 +41,11 @@ export function createLayoutComponent(isContent) {
                     const { value: scrollableEl } = scrollableElRef;
                     if (scrollableEl) {
                         if (y === undefined) {
+                            // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
                             scrollableEl.scrollTo(options);
                         }
                         else {
+                            // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
                             scrollableEl.scrollTo(options, y);
                         }
                     }
@@ -50,6 +53,7 @@ export function createLayoutComponent(isContent) {
                 else {
                     const { value: scrollbarInst } = scrollbarInstRef;
                     if (scrollbarInst) {
+                        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
                         scrollbarInst.scrollTo(options, y);
                     }
                 }
@@ -110,7 +114,10 @@ export function createLayoutComponent(isContent) {
                 `${mergedClsPrefix}-layout`,
                 `${mergedClsPrefix}-layout--${this.position}-positioned`
             ];
-            return (h("div", { class: layoutClass, style: this.cssVars }, this.nativeScrollbar ? (h("div", { ref: "scrollableElRef", class: `${mergedClsPrefix}-layout-scroll-container`, style: [this.contentStyle, hasSiderStyle], onScroll: this.handleNativeElScroll }, this.$slots)) : (h(NScrollbar, Object.assign({}, this.scrollbarProps, { onScroll: this.onScroll, ref: "scrollbarInstRef", theme: this.mergedTheme.peers.Scrollbar, themeOverrides: this.mergedTheme.peerOverrides.Scrollbar, contentStyle: [this.contentStyle, hasSiderStyle] }), this.$slots))));
+            return (h("div", { class: layoutClass, style: this.cssVars }, this.nativeScrollbar ? (h("div", { ref: "scrollableElRef", class: [
+                    `${mergedClsPrefix}-layout-scroll-container`,
+                    this.contentClass
+                ], style: [this.contentStyle, hasSiderStyle], onScroll: this.handleNativeElScroll }, this.$slots)) : (h(NScrollbar, Object.assign({}, this.scrollbarProps, { onScroll: this.onScroll, ref: "scrollbarInstRef", theme: this.mergedTheme.peers.Scrollbar, themeOverrides: this.mergedTheme.peerOverrides.Scrollbar, contentClass: this.contentClass, contentStyle: [this.contentStyle, hasSiderStyle] }), this.$slots))));
         }
     });
 }

package/es/layout/src/LayoutContent.d.ts

@@ -10,6 +10,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     scrollbarProps: import("vue").PropType<Partial<import("../../_internal").ScrollbarProps>>;
     onScroll: import("vue").PropType<(e: Event) => void>;
+    contentClass: StringConstructor;
     contentStyle: {
         readonly type: import("vue").PropType<string | import("vue").CSSProperties>;
         readonly default: "";
@@ -291,6 +292,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     scrollbarProps: import("vue").PropType<Partial<import("../../_internal").ScrollbarProps>>;
     onScroll: import("vue").PropType<(e: Event) => void>;
+    contentClass: StringConstructor;
     contentStyle: {
         readonly type: import("vue").PropType<string | import("vue").CSSProperties>;
         readonly default: "";

package/es/layout/src/LayoutSider.d.ts

@@ -15,6 +15,7 @@ export declare const layoutSiderProps: {
         readonly type: PropType<string | number>;
         readonly default: 272;
     };
+    readonly contentClass: StringConstructor;
     readonly contentStyle: {
         readonly type: PropType<string | CSSProperties>;
         readonly default: "";
@@ -44,7 +45,9 @@ export declare const layoutSiderProps: {
     readonly scrollbarProps: PropType<Partial<ScrollbarProps> & {
         style: CSSProperties;
     }>;
+    readonly triggerClass: StringConstructor;
     readonly triggerStyle: PropType<string | CSSProperties>;
+    readonly collapsedTriggerClass: StringConstructor;
     readonly collapsedTriggerStyle: PropType<string | CSSProperties>;
     readonly 'onUpdate:collapsed': PropType<MaybeArray<(value: boolean) => void>>;
     readonly onUpdateCollapsed: PropType<MaybeArray<(value: boolean) => void>>;
@@ -69,6 +72,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<string | number>;
         readonly default: 272;
     };
+    contentClass: StringConstructor;
     contentStyle: {
         readonly type: PropType<string | CSSProperties>;
         readonly default: "";
@@ -98,7 +102,9 @@ declare const _default: import("vue").DefineComponent<{
     scrollbarProps: PropType<Partial<ScrollbarProps> & {
         style: CSSProperties;
     }>;
+    triggerClass: StringConstructor;
     triggerStyle: PropType<string | CSSProperties>;
+    collapsedTriggerClass: StringConstructor;
     collapsedTriggerStyle: PropType<string | CSSProperties>;
     'onUpdate:collapsed': PropType<MaybeArray<(value: boolean) => void>>;
     onUpdateCollapsed: PropType<MaybeArray<(value: boolean) => void>>;
@@ -383,6 +389,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<string | number>;
         readonly default: 272;
     };
+    contentClass: StringConstructor;
     contentStyle: {
         readonly type: PropType<string | CSSProperties>;
         readonly default: "";
@@ -412,7 +419,9 @@ declare const _default: import("vue").DefineComponent<{
     scrollbarProps: PropType<Partial<ScrollbarProps> & {
         style: CSSProperties;
     }>;
+    triggerClass: StringConstructor;
     triggerStyle: PropType<string | CSSProperties>;
+    collapsedTriggerClass: StringConstructor;
     collapsedTriggerStyle: PropType<string | CSSProperties>;
     'onUpdate:collapsed': PropType<MaybeArray<(value: boolean) => void>>;
     onUpdateCollapsed: PropType<MaybeArray<(value: boolean) => void>>;

package/es/layout/src/LayoutSider.js

@@ -20,6 +20,7 @@ export const layoutSiderProps = {
         type: [Number, String],
         default: 272
     },
+    contentClass: String,
     contentStyle: {
         type: [String, Object],
         default: ''
@@ -47,7 +48,9 @@ export const layoutSiderProps = {
     },
     inverted: Boolean,
     scrollbarProps: Object,
+    triggerClass: String,
     triggerStyle: [String, Object],
+    collapsedTriggerClass: String,
     collapsedTriggerStyle: [String, Object],
     'onUpdate:collapsed': [Function, Array],
     onUpdateCollapsed: [Function, Array],
@@ -95,9 +98,11 @@ export default defineComponent({
                 const { value: scrollableEl } = scrollableElRef;
                 if (scrollableEl) {
                     if (y === undefined) {
+                        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
                         scrollableEl.scrollTo(options);
                     }
                     else {
+                        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
                         scrollableEl.scrollTo(options, y);
                     }
                 }
@@ -105,6 +110,7 @@ export default defineComponent({
             else {
                 const { value: scrollbarInst } = scrollbarInstRef;
                 if (scrollbarInst) {
+                    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
                     scrollbarInst.scrollTo(options, y);
                 }
             }
@@ -223,7 +229,7 @@ export default defineComponent({
                     width: formatLength(this.width)
                 }
             ] },
-            !this.nativeScrollbar ? (h(NScrollbar, Object.assign({}, this.scrollbarProps, { onScroll: this.onScroll, ref: "scrollbarInstRef", style: this.scrollContainerStyle, contentStyle: this.contentStyle, theme: this.mergedTheme.peers.Scrollbar, themeOverrides: this.mergedTheme.peerOverrides.Scrollbar, 
+            !this.nativeScrollbar ? (h(NScrollbar, Object.assign({}, this.scrollbarProps, { onScroll: this.onScroll, ref: "scrollbarInstRef", style: this.scrollContainerStyle, contentStyle: this.contentStyle, contentClass: this.contentClass, theme: this.mergedTheme.peers.Scrollbar, themeOverrides: this.mergedTheme.peerOverrides.Scrollbar, 
                 // here is a hack, since in light theme the scrollbar color is dark,
                 // we need to invert it in light color...
                 builtinThemeOverrides: this.inverted && this.cssVars.__invertScrollbar === 'true'
@@ -231,14 +237,17 @@ export default defineComponent({
                         colorHover: 'rgba(255, 255, 255, .4)',
                         color: 'rgba(255, 255, 255, .3)'
                     }
-                    : undefined }), this.$slots)) : (h("div", { class: `${mergedClsPrefix}-layout-sider-scroll-container`, onScroll: this.handleNativeElScroll, style: [
+                    : undefined }), this.$slots)) : (h("div", { class: [
+                    `${mergedClsPrefix}-layout-sider-scroll-container`,
+                    this.contentClass
+                ], onScroll: this.handleNativeElScroll, style: [
                     this.scrollContainerStyle,
                     {
                         overflow: 'auto'
                     },
                     this.contentStyle
                 ], ref: "scrollableElRef" }, this.$slots)),
-            showTrigger ? (showTrigger === 'bar' ? (h(ToggleBar, { clsPrefix: mergedClsPrefix, style: mergedCollapsed ? this.collapsedTriggerStyle : this.triggerStyle, onClick: this.handleTriggerClick })) : (h(ToggleButton, { clsPrefix: mergedClsPrefix, style: mergedCollapsed ? this.collapsedTriggerStyle : this.triggerStyle, onClick: this.handleTriggerClick }))) : null,
+            showTrigger ? (showTrigger === 'bar' ? (h(ToggleBar, { clsPrefix: mergedClsPrefix, class: mergedCollapsed ? this.collapsedTriggerClass : this.triggerClass, style: mergedCollapsed ? this.collapsedTriggerStyle : this.triggerStyle, onClick: this.handleTriggerClick })) : (h(ToggleButton, { clsPrefix: mergedClsPrefix, class: mergedCollapsed ? this.collapsedTriggerClass : this.triggerClass, style: mergedCollapsed ? this.collapsedTriggerStyle : this.triggerStyle, onClick: this.handleTriggerClick }))) : null,
             this.bordered ? (h("div", { class: `${mergedClsPrefix}-layout-sider__border` })) : null));
     }
 });

package/es/legacy-grid/src/styles/index.cssr.js

@@ -1,7 +1,6 @@
+import { repeat } from 'seemly';
 import { c, cB, cM, cE } from '../../../_utils/cssr';
-const positionStyles = Array.apply(null, {
-  length: 24
-}).map((_, index) => {
+const positionStyles = repeat(24, null).map((_, index) => {
   const prefixIndex = index + 1;
   const percent = `calc(100% / 24 * ${prefixIndex})`;
   return [cM(`${prefixIndex}-span`, {

package/es/legacy-grid/src/styles/rtl.cssr.js

@@ -1,7 +1,6 @@
+import { repeat } from 'seemly';
 import { cB, cM } from '../../../_utils/cssr';
-const positionStyles = Array.apply(null, {
-  length: 24
-}).map((_, index) => {
+const positionStyles = repeat(24, null).map((_, index) => {
   const prefixIndex = index + 1;
   const percent = `calc(100% / 24 * ${prefixIndex})`;
   return [cM(`${prefixIndex}-span`, {

package/es/loading-bar/src/LoadingBar.d.ts

@@ -1,5 +1,6 @@
 import { type PropType, type CSSProperties } from 'vue';
 declare const _default: import("vue").DefineComponent<{
+    containerClass: StringConstructor;
     containerStyle: PropType<string | CSSProperties>;
 }, {
     mergedClsPrefix: import("vue").Ref<string>;
@@ -23,6 +24,7 @@ declare const _default: import("vue").DefineComponent<{
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    containerClass: StringConstructor;
     containerStyle: PropType<string | CSSProperties>;
 }>>, {}, {}>;
 export default _default;

package/es/loading-bar/src/LoadingBar.js

@@ -18,6 +18,7 @@ function createClassName(status, clsPrefix) {
 export default defineComponent({
     name: 'LoadingBar',
     props: {
+        containerClass: String,
         containerStyle: [String, Object]
     },
     setup() {
@@ -164,7 +165,8 @@ export default defineComponent({
                 (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
                 return withDirectives(h("div", { class: [
                         `${mergedClsPrefix}-loading-bar-container`,
-                        this.themeClass
+                        this.themeClass,
+                        this.containerClass
                     ], style: this.containerStyle },
                     h("div", { ref: "loadingBarRef", class: [`${mergedClsPrefix}-loading-bar`], style: [
                             this.cssVars,

package/es/loading-bar/src/LoadingBarProvider.d.ts

@@ -12,6 +12,7 @@ export declare const loadingBarProviderProps: {
         type: PropType<string | false | HTMLElement>;
         default: undefined;
     };
+    containerClass: StringConstructor;
     containerStyle: PropType<string | CSSProperties>;
     loadingBarStyle: {
         type: PropType<{
@@ -42,6 +43,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string | false | HTMLElement>;
         default: undefined;
     };
+    containerClass: StringConstructor;
     containerStyle: PropType<string | CSSProperties>;
     loadingBarStyle: {
         type: PropType<{
@@ -75,6 +77,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string | false | HTMLElement>;
         default: undefined;
     };
+    containerClass: StringConstructor;
     containerStyle: PropType<string | CSSProperties>;
     loadingBarStyle: {
         type: PropType<{

package/es/loading-bar/src/LoadingBarProvider.js

@@ -6,7 +6,7 @@ import { loadingBarApiInjectionKey, loadingBarProviderInjectionKey } from './con
 export const loadingBarProviderProps = Object.assign(Object.assign({}, useTheme.props), { to: {
         type: [String, Object, Boolean],
         default: undefined
-    }, containerStyle: [String, Object], loadingBarStyle: {
+    }, containerClass: String, containerStyle: [String, Object], loadingBarStyle: {
         type: Object
     } });
 export default defineComponent({
@@ -67,7 +67,7 @@ export default defineComponent({
         var _a, _b;
         return (h(Fragment, null,
             h(Teleport, { disabled: this.to === false, to: this.to || 'body' },
-                h(NLoadingBar, { ref: "loadingBarRef", containerStyle: this.containerStyle })), (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 :
+                h(NLoadingBar, { ref: "loadingBarRef", containerStyle: this.containerStyle, containerClass: this.containerClass })), (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 :
             _b.call(_a)));
     }
 });

package/es/locales/common/frFR.js

@@ -45,7 +45,7 @@ const frFR = {
         startMonthPlaceholder: 'Mois de début',
         endMonthPlaceholder: 'Mois de fin',
         monthBeforeYear: true,
-        firstDayOfWeek: 1,
+        firstDayOfWeek: 0,
         today: "Aujourd'hui"
     },
     DataTable: {

package/es/log/src/Log.d.ts

@@ -165,7 +165,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly hljs: ObjectConstructor;
     readonly onReachTop: PropType<() => void>;
     readonly onReachBottom: PropType<() => void>;
-    readonly onRequireMore: PropType<(from: "bottom" | "top") => void>;
+    readonly onRequireMore: PropType<(from: "top" | "bottom") => void>;
     readonly theme: PropType<import("../../_mixins").Theme<"Log", {
         loaderFontSize: string;
         loaderTextColor: string;
@@ -426,7 +426,7 @@ declare const _default: import("vue").DefineComponent<{
     onRender: (() => void) | undefined;
     scrollTo: ((options: {
         silent?: boolean | undefined;
-        position: "bottom" | "top";
+        position: "top" | "bottom";
     }) => void) & ((options: {
         silent?: boolean | undefined;
         top: number;
@@ -463,7 +463,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly hljs: ObjectConstructor;
     readonly onReachTop: PropType<() => void>;
     readonly onReachBottom: PropType<() => void>;
-    readonly onRequireMore: PropType<(from: "bottom" | "top") => void>;
+    readonly onRequireMore: PropType<(from: "top" | "bottom") => void>;
     readonly theme: PropType<import("../../_mixins").Theme<"Log", {
         loaderFontSize: string;
         loaderTextColor: string;

package/es/mention/src/Mention.d.ts

@@ -1549,8 +1549,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly separator: string;
     readonly disabled: boolean;
     readonly placeholder: string;
-    readonly to: string | boolean | HTMLElement;
     readonly loading: boolean;
+    readonly to: string | boolean | HTMLElement;
     readonly bordered: boolean | undefined;
     readonly placement: FollowerPlacement;
     readonly defaultValue: string;

package/es/mention/src/utils.js

@@ -35,12 +35,12 @@ export function getRelativePosition(element, options = {
     // into their shorthand (e.g. padding-top, padding-bottom etc. -> padding),
     // so we have to list every single property explicitly.
     const properties = [
-        'direction',
+        'direction', // RTL support
         'boxSizing',
-        'width',
+        'width', // on Chrome and IE, exclude the scrollbar, so the mirror div wraps exactly as the textarea does
         'height',
         'overflowX',
-        'overflowY',
+        'overflowY', // copy the scrollbar for IE
         'borderTopWidth',
         'borderRightWidth',
         'borderBottomWidth',
@@ -62,7 +62,7 @@ export function getRelativePosition(element, options = {
         'textAlign',
         'textTransform',
         'textIndent',
-        'textDecoration',
+        'textDecoration', // might not make a difference, but better be safe
         'letterSpacing',
         'wordSpacing',
         'tabSize',

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

@@ -1,6 +1,6 @@
 import { type PropType, type ExtractPropTypes, type VNodeChild } from 'vue';
 import { type Key } from 'treemate';
-import type { FollowerPlacement } from 'vueuc';
+import { type FollowerPlacement } from 'vueuc';
 import type { DropdownProps } from '../../dropdown';
 import type { MaybeArray } from '../../_utils';
 import type { MenuOption, MenuGroupOption, MenuIgnoredOption, MenuMixedOption, OnUpdateValue, OnUpdateKeys, MenuNodeProps } from './interface';
@@ -79,16 +79,17 @@ export declare const menuProps: {
     readonly dropdownProps: PropType<DropdownProps>;
     readonly accordion: BooleanConstructor;
     readonly nodeProps: PropType<MenuNodeProps>;
+    readonly dropdownPlacement: {
+        readonly type: PropType<FollowerPlacement>;
+        readonly default: "bottom";
+    };
+    readonly responsive: BooleanConstructor;
     readonly items: PropType<(MenuOption | MenuGroupOption)[]>;
     readonly onOpenNamesChange: PropType<MaybeArray<OnUpdateKeys>>;
     readonly onSelect: PropType<MaybeArray<OnUpdateValue>>;
     readonly onExpandedNamesChange: PropType<MaybeArray<OnUpdateKeys>>;
     readonly expandedNames: PropType<Key[]>;
     readonly defaultExpandedNames: PropType<Key[]>;
-    readonly dropdownPlacement: {
-        readonly type: PropType<FollowerPlacement>;
-        readonly default: "bottom";
-    };
     readonly theme: PropType<import("../../_mixins").Theme<"Menu", {
         itemColorHoverInverted: string;
         itemColorActiveInverted: string;
@@ -689,16 +690,17 @@ declare const _default: import("vue").DefineComponent<{
     readonly dropdownProps: PropType<DropdownProps>;
     readonly accordion: BooleanConstructor;
     readonly nodeProps: PropType<MenuNodeProps>;
+    readonly dropdownPlacement: {
+        readonly type: PropType<FollowerPlacement>;
+        readonly default: "bottom";
+    };
+    readonly responsive: BooleanConstructor;
     readonly items: PropType<(MenuOption | MenuGroupOption)[]>;
     readonly onOpenNamesChange: PropType<MaybeArray<OnUpdateKeys>>;
     readonly onSelect: PropType<MaybeArray<OnUpdateValue>>;
     readonly onExpandedNamesChange: PropType<MaybeArray<OnUpdateKeys>>;
     readonly expandedNames: PropType<Key[]>;
     readonly defaultExpandedNames: PropType<Key[]>;
-    readonly dropdownPlacement: {
-        readonly type: PropType<FollowerPlacement>;
-        readonly default: "bottom";
-    };
     readonly theme: PropType<import("../../_mixins").Theme<"Menu", {
         itemColorHoverInverted: string;
         itemColorActiveInverted: string;
@@ -1553,8 +1555,21 @@ declare const _default: import("vue").DefineComponent<{
     mergedCollapsed: import("vue").ComputedRef<boolean>;
     cssVars: import("vue").ComputedRef<any> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
+    overflowRef: import("vue").Ref<{
+        sync: (options: {
+            showAllItemsBeforeCalculate: boolean;
+        }) => void;
+    } | null>;
+    counterRef: import("vue").Ref<HTMLElement | null>;
+    updateCounter: () => void;
+    onResize: () => void;
+    onUpdateOverflow: (overflow: boolean) => void;
+    onUpdateCount: (count: number) => void;
+    renderCounter: () => VNodeChild;
+    getCounter: () => HTMLElement | null;
     onRender: (() => void) | undefined;
     showOption: (key?: import("./interface").Key | undefined) => void;
+    deriveResponsiveState: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     readonly options: {
         readonly type: PropType<MenuMixedOption[]>;
@@ -1630,16 +1645,17 @@ declare const _default: import("vue").DefineComponent<{
     readonly dropdownProps: PropType<DropdownProps>;
     readonly accordion: BooleanConstructor;
     readonly nodeProps: PropType<MenuNodeProps>;
+    readonly dropdownPlacement: {
+        readonly type: PropType<FollowerPlacement>;
+        readonly default: "bottom";
+    };
+    readonly responsive: BooleanConstructor;
     readonly items: PropType<(MenuOption | MenuGroupOption)[]>;
     readonly onOpenNamesChange: PropType<MaybeArray<OnUpdateKeys>>;
     readonly onSelect: PropType<MaybeArray<OnUpdateValue>>;
     readonly onExpandedNamesChange: PropType<MaybeArray<OnUpdateKeys>>;
     readonly expandedNames: PropType<Key[]>;
     readonly defaultExpandedNames: PropType<Key[]>;
-    readonly dropdownPlacement: {
-        readonly type: PropType<FollowerPlacement>;
-        readonly default: "bottom";
-    };
     readonly theme: PropType<import("../../_mixins").Theme<"Menu", {
         itemColorHoverInverted: string;
         itemColorActiveInverted: string;
@@ -2170,6 +2186,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly iconSize: number;
     readonly keyField: string;
     readonly labelField: string;
+    readonly responsive: boolean;
     readonly defaultValue: Key | null;
     readonly childrenField: string;
     readonly defaultExpandAll: boolean;