vft 0.0.482 → 0.0.485

package/lib/components/horizontal-menu/horizontal-menu.vue.d.ts

@@ -21,8 +21,16 @@ export interface HorizontalMenuProps {
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<HorizontalMenuProps>>, {
     isInSubMenu: import("vue").ComputedRef<any>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    open: () => void;
-    close: () => void;
+    close: (val: {
+        index: string;
+        indexPath: string[];
+        event?: Event;
+    }) => void;
+    open: (val: {
+        index: string;
+        indexPath: string[];
+        e?: Event;
+    }) => void;
     select: (val: {
         route: string;
         indexPath: string[];
@@ -33,8 +41,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         route: string;
         indexPath: string[];
     }) => any) | undefined;
-    onClose?: (() => any) | undefined;
-    onOpen?: (() => any) | undefined;
+    onClose?: ((val: {
+        index: string;
+        indexPath: string[];
+        event?: Event;
+    }) => any) | undefined;
+    onOpen?: ((val: {
+        index: string;
+        indexPath: string[];
+        e?: Event;
+    }) => any) | undefined;
     "onSub-menu-click"?: ((val: any) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/components/horizontal-menu/horizontal-menu.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),G=require("@vft/router"),U=require("@vft/utils"),b=require("../menu/index.cjs");require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const W=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const Y=require("./constants.cjs");function F(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!n.isVNode(t)}const K=n.defineComponent({name:"vft-horizontal-menu"}),Q=n.defineComponent({...K,props:{menus:{},attrMapping:{},openDisabled:{type:Boolean,default:!1},disabledJudgeTurnOver:{type:Boolean,default:!1},subMenuCfg:{default:()=>({})},useRouterJump:{type:Boolean,default:!1},maxRowLength:{type:[Boolean,Number],default:8},defaultActive:{},defaultOpeneds:{},menuOptions:{},enableScroll:{type:Boolean,default:!0},scrollThreshold:{default:10},scrollMaxHeight:{default:"400px"}},emits:["open","close","select","sub-menu-click"],setup(t,{expose:q,emit:k}){const g=k,v=W.useNamespace("horizontal-menu"),R=n.computed(()=>(e,u,a)=>({"grid-template-rows":`repeat(${Math.min(e?.[u]?.[o.value.children]?.length||0,Number(a||t.maxRowLength?a||t.maxRowLength:e?.[u]?.[o.value.children]?.length))}, auto)`})),o=n.computed(()=>({path:"path",children:"children",title:"title",index:"path",icon:"icon",disabled:"disabled",...t.attrMapping})),I=n.getCurrentInstance(),h=n.useSlots(),O=n.ref(),T=I.appContext.config.globalProperties.$router,M=(e,u,a)=>{const i=e[o.value.path],s=e[o.value.title],l=e?.[o.value.index],x=e?.[o.value.icon],p=!!e?.[o.value.disabled],d=t.disabledJudgeTurnOver?!p:p,m=l||i||u+s;return n.createVNode(b.VftMenuItem,n.mergeProps(e,{key:m,index:String(m),icon:x,route:i,title:s,disabled:t.openDisabled&&d,className:a?"vft-menu-popup-item":"vft-menu-no-popup-item"}),{default:a?h.menuItem?()=>h.menuItem?.({item:e}):null:h.menuTopItem?()=>h.menuTopItem?.({item:e}):null})},A=e=>{g("open",e)},L=e=>{g("close",e)},B=e=>{g("sub-menu-click",e)},P=(e,u)=>!t.enableScroll||!e?e:u>t.scrollThreshold?n.createVNode(b.VftMenuItemGroup,{style:{maxHeight:t.scrollMaxHeight,overflowY:"auto"}},F(e)?e:{default:()=>[e]}):e,w=(e,u,a)=>{const i=e[o.value.path],s=e[o.value.title],l=e?.[o.value.children],x=e?.[o.value.index],p=e?.[o.value.icon],d=e?.menuOrder,m=e?.maxRowLength,V=!!e?.[o.value.disabled],z=t.disabledJudgeTurnOver?!V:V,N=x||i||u+s,y=e.type===Y.MenuTypeEnum.TILE;let S=[];if(y)if(d){const r=d.flat();if(r?.length<l.length){const f=Math.max.apply(null,r);for(let c=f+1;c<l.length;c++)d.push([c])}S=d}else for(let r=0;r<l.length;r++)S.push([r]);return l?.length||e?.render?n.createVNode(b.VftSubMenu,n.mergeProps(t.subMenuCfg,e,{index:String(N),key:N,icon:p,showArrow:e.showArrow??t.subMenuCfg.showArrow,disabled:t.openDisabled&&z,toolTipCfg:{...t.subMenuCfg.toolTipCfg||{},...e.subMenuCfg?.toolTipCfg||{}},teleported:!1,"popper-class":[y?v.e("tile"):"",v.e("normal")]}),{default:()=>[P(e?.render?e?.render:y?S.map((r,f)=>n.createVNode("div",{class:"content-main",key:f},[r.map((c,H)=>{const C=l?.[c]?.[o.value.children],D=l?.[c]?.maxRowLength;return l?.length?n.createVNode("div",{class:"content-col",key:H},[n.createVNode("span",{class:C?.length?"title":""},[l?.[c]?.[o.value.title]]),C?.length?n.createVNode("div",{class:"content",style:R.value(l,c,D||m)},[C.map(($,E)=>M($,E,!0))]):null]):null})])):l.map((r,f)=>r[o.value.children]?.length?w(r,f,!0):M(r,f,!0)),l?.length||0)],title:()=>s}):M(e,u,a)};async function j(e){if(t.useRouterJump){const{go:u}=G.useRouterHelper(T),a=e.route;let i=e.route;e.indexPath.some(l=>U.isUrl(l))&&(i=e.indexPath.slice(-2).join("/"));const s=T.getRoutes().filter(l=>l.path===i)?.[0]?.meta?.linkTarget;u(s?{url:a,winOpenOpt:{target:s}}:a)}g("select",e)}const J=n.computed(()=>O.value?.inSubMenu);return q({isInSubMenu:J}),()=>n.createVNode(b.VftMenu,n.mergeProps(t.menuOptions,{ref:O,onSelect:j,onOpen:A,onClose:L,onSubMenuClick:B,mode:"horizontal",class:v.b(),defaultActive:t.defaultActive,defaultOpeneds:t.defaultOpeneds}),{default:()=>[t.menus?.length?t.menus.map((e,u)=>w(e,u,!1)):null,n.createTextVNode("·")]})}});exports.default=Q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),G=require("@vft/router"),U=require("@vft/utils"),b=require("../menu/index.cjs");require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const W=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const Y=require("./constants.cjs");function F(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!n.isVNode(t)}const K=n.defineComponent({name:"vft-horizontal-menu"}),Q=n.defineComponent({...K,props:{menus:{},attrMapping:{},openDisabled:{type:Boolean,default:!1},disabledJudgeTurnOver:{type:Boolean,default:!1},subMenuCfg:{default:()=>({})},useRouterJump:{type:Boolean,default:!1},maxRowLength:{type:[Boolean,Number],default:8},defaultActive:{},defaultOpeneds:{},menuOptions:{},enableScroll:{type:Boolean,default:!0},scrollThreshold:{default:10},scrollMaxHeight:{default:"400px"}},emits:["close","open","select","sub-menu-click"],setup(t,{expose:q,emit:k}){const g=k,v=W.useNamespace("horizontal-menu"),R=n.computed(()=>(e,u,a)=>({"grid-template-rows":`repeat(${Math.min(e?.[u]?.[o.value.children]?.length||0,Number(a||t.maxRowLength?a||t.maxRowLength:e?.[u]?.[o.value.children]?.length))}, auto)`})),o=n.computed(()=>({path:"path",children:"children",title:"title",index:"path",icon:"icon",disabled:"disabled",...t.attrMapping})),I=n.getCurrentInstance(),h=n.useSlots(),O=n.ref(),w=I.appContext.config.globalProperties.$router,M=(e,u,a)=>{const i=e[o.value.path],s=e[o.value.title],l=e?.[o.value.index],x=e?.[o.value.icon],p=!!e?.[o.value.disabled],d=t.disabledJudgeTurnOver?!p:p,m=l||i||u+s;return n.createVNode(b.VftMenuItem,n.mergeProps(e,{key:m,index:String(m),icon:x,route:i,title:s,disabled:t.openDisabled&&d,className:a?"vft-menu-popup-item":"vft-menu-no-popup-item"}),{default:a?h.menuItem?()=>h.menuItem?.({item:e}):null:h.menuTopItem?()=>h.menuTopItem?.({item:e}):null})},A=e=>{g("open",e)},L=e=>{g("close",e)},P=e=>{g("sub-menu-click",e)},j=(e,u)=>!t.enableScroll||!e?e:u>t.scrollThreshold?n.createVNode(b.VftMenuItemGroup,{style:{maxHeight:t.scrollMaxHeight,overflowY:"auto"}},F(e)?e:{default:()=>[e]}):e,T=(e,u,a)=>{const i=e[o.value.path],s=e[o.value.title],l=e?.[o.value.children],x=e?.[o.value.index],p=e?.[o.value.icon],d=e?.menuOrder,m=e?.maxRowLength,V=!!e?.[o.value.disabled],z=t.disabledJudgeTurnOver?!V:V,N=x||i||u+s,y=e.type===Y.MenuTypeEnum.TILE;let S=[];if(y)if(d){const r=d.flat();if(r?.length<l.length){const f=Math.max.apply(null,r);for(let c=f+1;c<l.length;c++)d.push([c])}S=d}else for(let r=0;r<l.length;r++)S.push([r]);return l?.length||e?.render?n.createVNode(b.VftSubMenu,n.mergeProps(t.subMenuCfg,e,{index:String(N),key:N,icon:p,showArrow:e.showArrow??t.subMenuCfg.showArrow,disabled:t.openDisabled&&z,toolTipCfg:{...t.subMenuCfg.toolTipCfg||{},...e.subMenuCfg?.toolTipCfg||{}},teleported:!1,"popper-class":[y?v.e("tile"):"",v.e("normal")]}),{default:()=>[j(e?.render?e?.render:y?S.map((r,f)=>n.createVNode("div",{class:"content-main",key:f},[r.map((c,H)=>{const C=l?.[c]?.[o.value.children],D=l?.[c]?.maxRowLength;return l?.length?n.createVNode("div",{class:"content-col",key:H},[n.createVNode("span",{class:C?.length?"title":""},[l?.[c]?.[o.value.title]]),C?.length?n.createVNode("div",{class:"content",style:R.value(l,c,D||m)},[C.map(($,E)=>M($,E,!0))]):null]):null})])):l.map((r,f)=>r[o.value.children]?.length?T(r,f,!0):M(r,f,!0)),l?.length||0)],title:()=>s}):M(e,u,a)};async function B(e){if(t.useRouterJump){const{go:u}=G.useRouterHelper(w),a=e.route;let i=e.route;e.indexPath.some(l=>U.isUrl(l))&&(i=e.indexPath.slice(-2).join("/"));const s=w.getRoutes().filter(l=>l.path===i)?.[0]?.meta?.linkTarget;u(s?{url:a,winOpenOpt:{target:s}}:a)}g("select",e)}const J=n.computed(()=>O.value?.inSubMenu);return q({isInSubMenu:J}),()=>n.createVNode(b.VftMenu,n.mergeProps(t.menuOptions,{ref:O,onSelect:B,onOpen:A,onClose:L,onSubMenuClick:P,mode:"horizontal",class:v.b(),defaultActive:t.defaultActive,defaultOpeneds:t.defaultOpeneds}),{default:()=>[t.menus?.length?t.menus.map((e,u)=>T(e,u,!1)):null]})}});exports.default=Q;

package/lib/components/horizontal-menu/index.d.ts

@@ -44,8 +44,16 @@ export declare const VftHorizontalMenu: import("vft/es/utils").SFCWithInstall<im
 }>, {
     isInSubMenu: import("vue").ComputedRef<any>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    open: () => void;
-    close: () => void;
+    close: (val: {
+        index: string;
+        indexPath: string[];
+        event?: Event;
+    }) => void;
+    open: (val: {
+        index: string;
+        indexPath: string[];
+        e?: Event;
+    }) => void;
     select: (val: {
         route: string;
         indexPath: string[];
@@ -99,8 +107,16 @@ export declare const VftHorizontalMenu: import("vft/es/utils").SFCWithInstall<im
         route: string;
         indexPath: string[];
     }) => any) | undefined;
-    onClose?: (() => any) | undefined;
-    onOpen?: (() => any) | undefined;
+    onClose?: ((val: {
+        index: string;
+        indexPath: string[];
+        event?: Event;
+    }) => any) | undefined;
+    onOpen?: ((val: {
+        index: string;
+        indexPath: string[];
+        e?: Event;
+    }) => any) | undefined;
     "onSub-menu-click"?: ((val: any) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export * from './constants';

package/lib/components/input/input.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");const b=require("../icon/index.cjs"),Y=require("@vueuse/core"),s=require("@vft/utils"),T=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");const Be=require("lodash-es"),Z=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const q=require("@vft/constants"),_=require("@vft/use"),ee=require("./utils.cjs"),te=require("../form/hooks/use-form-item.cjs"),ne=require("../form/hooks/use-form-common-props.cjs"),Ve=["role"],Ie=["id","type","disabled","formatter","parser","readonly","autocomplete","tabindex","aria-label","placeholder","form"],Se=["id","tabindex","disabled","readonly","autocomplete","aria-label","placeholder","form"],ze=e.defineComponent({__name:"input",props:{id:{},size:{default:""},disabled:{type:Boolean},modelValue:{},type:{default:"text"},resize:{},autosize:{type:[Object,Boolean],default:!1},autocomplete:{default:"off"},formatter:{},parser:{},placeholder:{},form:{},readonly:{type:Boolean},clearable:{type:Boolean},showPassword:{type:Boolean},showWordLimit:{type:Boolean},suffixIcon:{},prefixIcon:{},clearIcon:{},containerRole:{},label:{},tabindex:{default:0},validateEvent:{type:Boolean,default:!0},inputStyle:{type:[Boolean,null,String,Object,Array]}},emits:{[q.UPDATE_MODEL_EVENT]:t=>s.isString(t),input:t=>s.isString(t),change:t=>s.isString(t),suffixClick:t=>s.isString(t),prefixClick:t=>s.isString(t),focus:t=>t instanceof FocusEvent,blur:t=>t instanceof FocusEvent,clear:()=>!0,enter:()=>!0,mouseleave:t=>t instanceof MouseEvent,mouseenter:t=>t instanceof MouseEvent,keydown:t=>t instanceof Event,compositionstart:t=>t instanceof CompositionEvent,compositionupdate:t=>t instanceof CompositionEvent,compositionend:t=>t instanceof CompositionEvent},setup(t,{expose:oe,emit:ae}){const l=ae,p=e.useAttrs(),i=e.useSlots(),M=e.computed(()=>{const n={};return t.containerRole==="combobox"&&(n["aria-haspopup"]=p["aria-haspopup"],n["aria-owns"]=p["aria-owns"],n["aria-expanded"]=p["aria-expanded"]),n}),le=e.computed(()=>[t.type==="textarea"?A.b():o.b(),o.m(ie.value),o.is("disabled",m.value),o.is("exceed",fe.value),o.is("focus",c.value),{[o.b("group")]:i.prepend||i.append,[o.bm("group","append")]:i.append,[o.bm("group","prepend")]:i.prepend,[o.m("prefix")]:i.prefix||t.prefixIcon,[o.m("suffix")]:i.suffix||t.suffixIcon||t.clearable||t.showPassword,[o.bm("suffix","password-clear")]:E.value&&z.value},p.class]),se=e.getCurrentInstance(),re=e.computed(()=>[o.e("wrapper"),o.is("focus",c.value)]),r=_.useAttrs({excludeKeys:e.computed(()=>Object.keys(M.value))}),{form:ue,formItem:k}=te.useFormItem(),{inputId:F}=te.useFormItemInputId(se.props,{formItemContext:k}),ie=ne.useFormSize(),m=ne.useFormDisabled(),o=Z.useNamespace("input"),A=Z.useNamespace("textarea"),C=e.shallowRef(),f=e.shallowRef(),c=e.ref(!1),V=e.ref(!1),y=e.ref(!1),w=e.ref(!1),D=e.ref(),I=e.shallowRef(t.inputStyle),h=e.computed(()=>C.value||f.value),S=e.computed(()=>s.singleAttrToObj(t.prefixIcon,"icon",{size:16})),O=e.computed(()=>s.singleAttrToObj(t.suffixIcon,"icon",{size:16})),ce=e.computed(()=>s.singleAttrToObj(t.clearIcon,"icon",{icon:"icon-circle-close",size:16})),R=e.computed(()=>ue?.statusIcon??!1),x=e.computed(()=>k?.validateState||""),K=e.computed(()=>x.value&&{validating:"icon-loading",success:"icon-circle-check",error:"icon-circle-close"}[x.value]),de=e.computed(()=>w.value?{icon:"icon-view",size:16}:{icon:"icon-hide",size:16}),me=e.computed(()=>[p.style,t.inputStyle]),$=e.computed(()=>[t.inputStyle,I.value,{resize:t.resize}]),u=e.computed(()=>Be.isNil(t.modelValue)?"":String(t.modelValue)),E=e.computed(()=>t.clearable&&!m.value&&!t.readonly&&!!u.value&&(c.value||V.value)),z=e.computed(()=>t.showPassword&&!m.value&&!t.readonly&&!!u.value&&(!!u.value||c.value)),v=e.computed(()=>t.showWordLimit&&!!r.value.maxlength&&(t.type==="text"||t.type==="textarea")&&!m.value&&!t.readonly&&!t.showPassword),N=e.computed(()=>Array.from(u.value).length),fe=e.computed(()=>!!v.value&&N.value>Number(r.value.maxlength)),ve=e.computed(()=>!!i.suffix||!!t.suffixIcon||E.value||t.showPassword||v.value||!!x.value&&R.value),[pe,ye]=_.useCursor(C);Y.useResizeObserver(f,n=>{if(!v.value||t.resize!=="both")return;const a=n[0],{width:d}=a.contentRect;D.value={right:`calc(100% - ${d+15+6}px)`}});const B=()=>{if(!(!Y.isClient||t.type!=="textarea"))if(t.autosize){const n=s.isObject(t.autosize)?t.autosize.minRows:void 0,a=s.isObject(t.autosize)?t.autosize.maxRows:void 0;I.value={...ee.calcTextareaHeight(f.value,n,a)}}else I.value={minHeight:ee.calcTextareaHeight(f.value).minHeight}},g=()=>{const n=h.value;!n||n.value===u.value||(n.value=u.value)},P=async n=>{pe();let{value:a}=n.target;if(r.value.maxlength&&a.length>=r.value.maxlength&&(a=a.slice(0,Number(r.value.maxlength))),t.formatter&&(a=t.parser?t.parser(a):a,a=t.formatter(a)),!y.value){if(a===u.value){g();return}l(q.UPDATE_MODEL_EVENT,a),l("input",a),await e.nextTick(),g(),ye()}},j=n=>{l("change",n.target.value)},he=()=>{l("suffixClick",t.modelValue)},xe=()=>{l("prefixClick",t.modelValue)},L=n=>{l("compositionstart",n),y.value=!0},ge=n=>/([(\uAC00-\uD7AF)|\u3130-\u318F])+/.test(n),W=n=>{l("compositionupdate",n);const a=n.target?.value,d=a[a.length-1]||"";y.value=!ge(d)},H=n=>{l("compositionend",n),y.value&&(y.value=!1,P(n))},be=()=>{w.value=!w.value,U()},U=async()=>{await e.nextTick(),h.value?.focus()},ke=()=>h.value?.blur(),G=n=>{c.value=!0,l("focus",n)},J=n=>{c.value=!1,l("blur",n),t.validateEvent&&k?.validate?.("blur").catch(a=>T.debugWarn(a))},Ce=n=>{V.value=!1,l("mouseleave",n)},we=n=>{V.value=!0,l("mouseenter",n)},Q=n=>{const a=n.key;if(n.target.type==="number"&&["e","+","-0","E"].includes(a))return n.returnValue=!1,!1;l("keydown",n)},Ee=()=>{h.value?.select()},X=()=>{l(q.UPDATE_MODEL_EVENT,""),l("change",""),l("clear"),l("input","")};return e.watch(()=>t.modelValue,()=>{e.nextTick(()=>B()),t.validateEvent&&k?.validate?.("change").catch(n=>T.debugWarn(n))}),e.watch(u,()=>g()),e.watch(()=>t.type,async()=>{await e.nextTick(),g(),B()}),e.onMounted(()=>{!t.formatter&&t.parser&&T.debugWarn("VftInput","If you set the parser, you also need to set the formatter."),g(),e.nextTick(B)}),oe({input:C,textarea:f,ref:h,textareaStyle:$,autosize:t.autosize,focus:U,blur:ke,select:Ee,clear:X,resizeTextarea:B}),(n,a)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps(M.value,{class:le.value,style:me.value,role:t.containerRole,onMouseenter:we,onMouseleave:Ce,onMousewheel:a[1]||(a[1]=d=>t.type==="number"&&c.value?d.preventDefault():null)}),[t.type!=="textarea"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.$slots.prepend?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(o).be("group","prepend"))},[e.renderSlot(n.$slots,"prepend")],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(re.value)},[n.$slots.prefix||S.value?.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(o).e("prefix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("prefix-inner")),onClick:xe},[e.renderSlot(n.$slots,"prefix"),S.value?.icon?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:0,pointer:""},S.value,{class:e.unref(o).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:e.unref(F),ref_key:"input",ref:C,class:e.unref(o).e("inner")},e.unref(r),{type:t.showPassword?w.value?"text":"password":t.type,disabled:e.unref(m),formatter:t.formatter,parser:t.parser,readonly:t.readonly,autocomplete:t.autocomplete,tabindex:t.tabindex,"aria-label":t.label,placeholder:t.placeholder,style:t.inputStyle,form:t.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q,onKeyup:a[0]||(a[0]=e.withKeys(d=>l("enter"),["enter"]))}),null,16,Ie),ve.value?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(o).e("suffix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("suffix-inner")),onClick:he},[!E.value||!z.value||!v.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(n.$slots,"suffix"),O.value?.icon?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:0},O.value,{class:e.unref(o).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),E.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:1,pointer:"",class:[e.unref(o).e("icon"),e.unref(o).e("clear")]},ce.value,{onMousedown:e.withModifiers(e.unref(s.noop),["prevent"]),onClick:e.withModifiers(X,["stop"])}),null,16,["class","onMousedown"])):e.createCommentVNode("",!0),z.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:2},de.value,{class:[e.unref(o).e("icon"),e.unref(o).e("password")],onClick:be}),null,16,["class"])):e.createCommentVNode("",!0),v.value?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(e.unref(o).e("count"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("count-inner"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),3)],2)):e.createCommentVNode("",!0),x.value&&K.value&&R.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),{key:4,icon:K.value,class:e.normalizeClass([e.unref(o).e("icon"),e.unref(o).e("validateIcon"),e.unref(o).is("loading",x.value==="validating")])},null,8,["icon","class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0)],2),n.$slots.append?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(o).be("group","append"))},[e.renderSlot(n.$slots,"append")],2)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("textarea",e.mergeProps({id:e.unref(F),ref_key:"textarea",ref:f,class:e.unref(A).e("inner")},e.unref(r),{tabindex:t.tabindex,disabled:e.unref(m),readonly:t.readonly,autocomplete:t.autocomplete,style:$.value,"aria-label":t.label,placeholder:t.placeholder,form:t.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q}),null,16,Se),v.value?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(D.value),class:e.normalizeClass(e.unref(o).e("count"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),7)):e.createCommentVNode("",!0)],64))],16,Ve)),[[e.vShow,t.type!=="hidden"]])}});exports.default=ze;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");const b=require("../icon/index.cjs"),Y=require("@vueuse/core"),s=require("@vft/utils"),T=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");const Be=require("lodash-es"),Z=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const q=require("@vft/constants"),_=require("@vft/use"),ee=require("./utils.cjs"),te=require("../form/hooks/use-form-common-props.cjs"),ne=require("../form/hooks/use-form-item.cjs"),Ve=["role"],Ie=["id","type","disabled","formatter","parser","readonly","autocomplete","tabindex","aria-label","placeholder","form"],Se=["id","tabindex","disabled","readonly","autocomplete","aria-label","placeholder","form"],ze=e.defineComponent({__name:"input",props:{id:{},size:{default:""},disabled:{type:Boolean},modelValue:{},type:{default:"text"},resize:{},autosize:{type:[Object,Boolean],default:!1},autocomplete:{default:"off"},formatter:{},parser:{},placeholder:{},form:{},readonly:{type:Boolean},clearable:{type:Boolean},showPassword:{type:Boolean},showWordLimit:{type:Boolean},suffixIcon:{},prefixIcon:{},clearIcon:{},containerRole:{},label:{},tabindex:{default:0},validateEvent:{type:Boolean,default:!0},inputStyle:{type:[Boolean,null,String,Object,Array]}},emits:{[q.UPDATE_MODEL_EVENT]:t=>s.isString(t),input:t=>s.isString(t),change:t=>s.isString(t),suffixClick:t=>s.isString(t),prefixClick:t=>s.isString(t),focus:t=>t instanceof FocusEvent,blur:t=>t instanceof FocusEvent,clear:()=>!0,enter:()=>!0,mouseleave:t=>t instanceof MouseEvent,mouseenter:t=>t instanceof MouseEvent,keydown:t=>t instanceof Event,compositionstart:t=>t instanceof CompositionEvent,compositionupdate:t=>t instanceof CompositionEvent,compositionend:t=>t instanceof CompositionEvent},setup(t,{expose:oe,emit:ae}){const l=ae,p=e.useAttrs(),i=e.useSlots(),M=e.computed(()=>{const n={};return t.containerRole==="combobox"&&(n["aria-haspopup"]=p["aria-haspopup"],n["aria-owns"]=p["aria-owns"],n["aria-expanded"]=p["aria-expanded"]),n}),le=e.computed(()=>[t.type==="textarea"?A.b():o.b(),o.m(ie.value),o.is("disabled",m.value),o.is("exceed",fe.value),o.is("focus",c.value),{[o.b("group")]:i.prepend||i.append,[o.bm("group","append")]:i.append,[o.bm("group","prepend")]:i.prepend,[o.m("prefix")]:i.prefix||t.prefixIcon,[o.m("suffix")]:i.suffix||t.suffixIcon||t.clearable||t.showPassword,[o.bm("suffix","password-clear")]:E.value&&z.value},p.class]),se=e.getCurrentInstance(),re=e.computed(()=>[o.e("wrapper"),o.is("focus",c.value)]),r=_.useAttrs({excludeKeys:e.computed(()=>Object.keys(M.value))}),{form:ue,formItem:k}=ne.useFormItem(),{inputId:F}=ne.useFormItemInputId(se.props,{formItemContext:k}),ie=te.useFormSize(),m=te.useFormDisabled(),o=Z.useNamespace("input"),A=Z.useNamespace("textarea"),C=e.shallowRef(),f=e.shallowRef(),c=e.ref(!1),V=e.ref(!1),y=e.ref(!1),w=e.ref(!1),D=e.ref(),I=e.shallowRef(t.inputStyle),h=e.computed(()=>C.value||f.value),S=e.computed(()=>s.singleAttrToObj(t.prefixIcon,"icon",{size:16})),O=e.computed(()=>s.singleAttrToObj(t.suffixIcon,"icon",{size:16})),ce=e.computed(()=>s.singleAttrToObj(t.clearIcon,"icon",{icon:"icon-circle-close",size:16})),R=e.computed(()=>ue?.statusIcon??!1),x=e.computed(()=>k?.validateState||""),K=e.computed(()=>x.value&&{validating:"icon-loading",success:"icon-circle-check",error:"icon-circle-close"}[x.value]),de=e.computed(()=>w.value?{icon:"icon-view",size:16}:{icon:"icon-hide",size:16}),me=e.computed(()=>[p.style,t.inputStyle]),$=e.computed(()=>[t.inputStyle,I.value,{resize:t.resize}]),u=e.computed(()=>Be.isNil(t.modelValue)?"":String(t.modelValue)),E=e.computed(()=>t.clearable&&!m.value&&!t.readonly&&!!u.value&&(c.value||V.value)),z=e.computed(()=>t.showPassword&&!m.value&&!t.readonly&&!!u.value&&(!!u.value||c.value)),v=e.computed(()=>t.showWordLimit&&!!r.value.maxlength&&(t.type==="text"||t.type==="textarea")&&!m.value&&!t.readonly&&!t.showPassword),N=e.computed(()=>Array.from(u.value).length),fe=e.computed(()=>!!v.value&&N.value>Number(r.value.maxlength)),ve=e.computed(()=>!!i.suffix||!!t.suffixIcon||E.value||t.showPassword||v.value||!!x.value&&R.value),[pe,ye]=_.useCursor(C);Y.useResizeObserver(f,n=>{if(!v.value||t.resize!=="both")return;const a=n[0],{width:d}=a.contentRect;D.value={right:`calc(100% - ${d+15+6}px)`}});const B=()=>{if(!(!Y.isClient||t.type!=="textarea"))if(t.autosize){const n=s.isObject(t.autosize)?t.autosize.minRows:void 0,a=s.isObject(t.autosize)?t.autosize.maxRows:void 0;I.value={...ee.calcTextareaHeight(f.value,n,a)}}else I.value={minHeight:ee.calcTextareaHeight(f.value).minHeight}},g=()=>{const n=h.value;!n||n.value===u.value||(n.value=u.value)},P=async n=>{pe();let{value:a}=n.target;if(r.value.maxlength&&a.length>=r.value.maxlength&&(a=a.slice(0,Number(r.value.maxlength))),t.formatter&&(a=t.parser?t.parser(a):a,a=t.formatter(a)),!y.value){if(a===u.value){g();return}l(q.UPDATE_MODEL_EVENT,a),l("input",a),await e.nextTick(),g(),ye()}},j=n=>{l("change",n.target.value)},he=()=>{l("suffixClick",t.modelValue)},xe=()=>{l("prefixClick",t.modelValue)},L=n=>{l("compositionstart",n),y.value=!0},ge=n=>/([(\uAC00-\uD7AF)|\u3130-\u318F])+/.test(n),W=n=>{l("compositionupdate",n);const a=n.target?.value,d=a[a.length-1]||"";y.value=!ge(d)},H=n=>{l("compositionend",n),y.value&&(y.value=!1,P(n))},be=()=>{w.value=!w.value,U()},U=async()=>{await e.nextTick(),h.value?.focus()},ke=()=>h.value?.blur(),G=n=>{c.value=!0,l("focus",n)},J=n=>{c.value=!1,l("blur",n),t.validateEvent&&k?.validate?.("blur").catch(a=>T.debugWarn(a))},Ce=n=>{V.value=!1,l("mouseleave",n)},we=n=>{V.value=!0,l("mouseenter",n)},Q=n=>{const a=n.key;if(n.target.type==="number"&&["e","+","-0","E"].includes(a))return n.returnValue=!1,!1;l("keydown",n)},Ee=()=>{h.value?.select()},X=()=>{l(q.UPDATE_MODEL_EVENT,""),l("change",""),l("clear"),l("input","")};return e.watch(()=>t.modelValue,()=>{e.nextTick(()=>B()),t.validateEvent&&k?.validate?.("change").catch(n=>T.debugWarn(n))}),e.watch(u,()=>g()),e.watch(()=>t.type,async()=>{await e.nextTick(),g(),B()}),e.onMounted(()=>{!t.formatter&&t.parser&&T.debugWarn("VftInput","If you set the parser, you also need to set the formatter."),g(),e.nextTick(B)}),oe({input:C,textarea:f,ref:h,textareaStyle:$,autosize:t.autosize,focus:U,blur:ke,select:Ee,clear:X,resizeTextarea:B}),(n,a)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps(M.value,{class:le.value,style:me.value,role:t.containerRole,onMouseenter:we,onMouseleave:Ce,onMousewheel:a[1]||(a[1]=d=>t.type==="number"&&c.value?d.preventDefault():null)}),[t.type!=="textarea"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.$slots.prepend?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(o).be("group","prepend"))},[e.renderSlot(n.$slots,"prepend")],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(re.value)},[n.$slots.prefix||S.value?.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(o).e("prefix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("prefix-inner")),onClick:xe},[e.renderSlot(n.$slots,"prefix"),S.value?.icon?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:0,pointer:""},S.value,{class:e.unref(o).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:e.unref(F),ref_key:"input",ref:C,class:e.unref(o).e("inner")},e.unref(r),{type:t.showPassword?w.value?"text":"password":t.type,disabled:e.unref(m),formatter:t.formatter,parser:t.parser,readonly:t.readonly,autocomplete:t.autocomplete,tabindex:t.tabindex,"aria-label":t.label,placeholder:t.placeholder,style:t.inputStyle,form:t.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q,onKeyup:a[0]||(a[0]=e.withKeys(d=>l("enter"),["enter"]))}),null,16,Ie),ve.value?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(o).e("suffix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("suffix-inner")),onClick:he},[!E.value||!z.value||!v.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(n.$slots,"suffix"),O.value?.icon?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:0},O.value,{class:e.unref(o).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),E.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:1,pointer:"",class:[e.unref(o).e("icon"),e.unref(o).e("clear")]},ce.value,{onMousedown:e.withModifiers(e.unref(s.noop),["prevent"]),onClick:e.withModifiers(X,["stop"])}),null,16,["class","onMousedown"])):e.createCommentVNode("",!0),z.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:2},de.value,{class:[e.unref(o).e("icon"),e.unref(o).e("password")],onClick:be}),null,16,["class"])):e.createCommentVNode("",!0),v.value?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(e.unref(o).e("count"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("count-inner"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),3)],2)):e.createCommentVNode("",!0),x.value&&K.value&&R.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),{key:4,icon:K.value,class:e.normalizeClass([e.unref(o).e("icon"),e.unref(o).e("validateIcon"),e.unref(o).is("loading",x.value==="validating")])},null,8,["icon","class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0)],2),n.$slots.append?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(o).be("group","append"))},[e.renderSlot(n.$slots,"append")],2)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("textarea",e.mergeProps({id:e.unref(F),ref_key:"textarea",ref:f,class:e.unref(A).e("inner")},e.unref(r),{tabindex:t.tabindex,disabled:e.unref(m),readonly:t.readonly,autocomplete:t.autocomplete,style:$.value,"aria-label":t.label,placeholder:t.placeholder,form:t.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q}),null,16,Se),v.value?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(D.value),class:e.normalizeClass(e.unref(o).e("count"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),7)):e.createCommentVNode("",!0)],64))],16,Ve)),[[e.vShow,t.type!=="hidden"]])}});exports.default=ze;

package/lib/components/menu/index.d.ts

@@ -27,7 +27,7 @@ export declare const VftMenu: import("vft/es/utils").SFCWithInstall<import("vue"
         type: import("vue").PropType<boolean>;
     };
     horizontalMenuProps: {
-        type: import("vue").PropType<Partial<import("./sub-menu.vue").SubMenuProps>>;
+        type: import("vue").PropType<Partial<import("./types").SubMenuProps>>;
     };
     persistent: {
         type: import("vue").PropType<boolean>;
@@ -35,6 +35,18 @@ export declare const VftMenu: import("vft/es/utils").SFCWithInstall<import("vue"
     disableSubMenuAction: {
         type: import("vue").PropType<boolean>;
     };
+    backgroundColor: {
+        type: import("vue").PropType<string>;
+    };
+    textColor: {
+        type: import("vue").PropType<string>;
+    };
+    activeTextColor: {
+        type: import("vue").PropType<string>;
+    };
+    collapseType: {
+        type: import("vue").PropType<"menu-title">;
+    };
 }>, {
     open: (index: string) => void;
     close: (index: string, indexPath: string[], e?: Event) => void;
@@ -55,7 +67,7 @@ export declare const VftMenu: import("vft/es/utils").SFCWithInstall<import("vue"
     open: (val: {
         index: string;
         indexPath: string[];
-        event?: Event;
+        e?: Event;
     }) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     mode: {
@@ -86,7 +98,7 @@ export declare const VftMenu: import("vft/es/utils").SFCWithInstall<import("vue"
         type: import("vue").PropType<boolean>;
     };
     horizontalMenuProps: {
-        type: import("vue").PropType<Partial<import("./sub-menu.vue").SubMenuProps>>;
+        type: import("vue").PropType<Partial<import("./types").SubMenuProps>>;
     };
     persistent: {
         type: import("vue").PropType<boolean>;
@@ -94,6 +106,18 @@ export declare const VftMenu: import("vft/es/utils").SFCWithInstall<import("vue"
     disableSubMenuAction: {
         type: import("vue").PropType<boolean>;
     };
+    backgroundColor: {
+        type: import("vue").PropType<string>;
+    };
+    textColor: {
+        type: import("vue").PropType<string>;
+    };
+    activeTextColor: {
+        type: import("vue").PropType<string>;
+    };
+    collapseType: {
+        type: import("vue").PropType<"menu-title">;
+    };
 }>> & Readonly<{
     onSelect?: ((menuItem: import("./types").MenuItemClicked, routerResult?: Promise<void | import("vue-router").NavigationFailure> | undefined) => any) | undefined;
     onClose?: ((val: {
@@ -104,7 +128,7 @@ export declare const VftMenu: import("vft/es/utils").SFCWithInstall<import("vue"
     onOpen?: ((val: {
         index: string;
         indexPath: string[];
-        event?: Event;
+        e?: Event;
     }) => any) | undefined;
     "onUpdate:collapse"?: ((val: boolean) => any) | undefined;
     "onSub-menu-click"?: ((val: any) => any) | undefined;
@@ -368,9 +392,6 @@ export declare const VftMenu: import("vft/es/utils").SFCWithInstall<import("vue"
         onMouseleave?: ((event: MouseEvent) => any) | undefined;
     }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 };
-export { type MenuProps } from './menu.vue';
-export { type MenuItemProps } from './menu-item.vue';
-export { type SubMenuProps } from './sub-menu.vue';
 export * from './types';
 export declare const VftMenuItem: import("vft/es/utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{

package/lib/components/menu/menu-item-group.vue.d.ts

@@ -1,11 +1,9 @@
-interface Props {
-    title?: string;
-}
+import type { MenuItemGroupProps } from './types';
 declare function __VLS_template(): {
     title?(_: {}): any;
     default?(_: {}): any;
 };
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MenuItemGroupProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MenuItemGroupProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/lib/components/menu/menu-item.vue.d.ts

@@ -1,20 +1,4 @@
-import type { IconProps } from 'vft/es/components/icon';
-import type { RouteLocationRaw } from 'vue-router';
-export interface MenuItemProps {
-    /** 唯一标志 */
-    index?: string;
-    /** Vue Router 路径对象 */
-    route?: RouteLocationRaw;
-    /** 是否禁用 */
-    disabled?: boolean;
-    icon?: IconProps | string;
-    title?: string | number;
-    isAloneUse?: boolean;
-    divider?: boolean;
-    className?: string;
-    reverse?: boolean;
-    [key: string]: any;
-}
+import type { MenuItemProps } from './types';
 declare function __VLS_template(): {
     title?(_: {}): any;
     default?(_: {}): any;

package/lib/components/menu/menu.vue.d.ts

@@ -1,30 +1,5 @@
 import type { NavigationFailure } from 'vue-router';
-import type { SubMenuProps } from './sub-menu.vue';
-import type { MenuItemClicked } from './types';
-export interface MenuProps {
-    /** 菜单展示模式 */
-    mode?: 'horizontal' | 'vertical';
-    /** 页面加载时默认激活菜单的 index（menu-item 的index） */
-    defaultActive?: string;
-    /** 默认打开的 sub-menu 的 index 的数组 */
-    defaultOpeneds?: string[];
-    /** 是否只保持一个子菜单的展开 */
-    uniqueOpened?: boolean;
-    /** 是否启用 vue-router 模式。 启用该模式会在激活导航时以 index 作为 path 进行路由跳转 使用 default-active 来设置加载时的激活项 */
-    router?: boolean;
-    /** 子菜单打开的触发方式，只在 mode 为 horizontal 时有效 */
-    menuTrigger?: 'hover' | 'click';
-    /** 是否水平折叠收起菜单（仅在 mode 为 vertical 时可用) */
-    collapse?: boolean;
-    /** 是否开启折叠动画 */
-    collapseTransition?: boolean;
-    /** 是否省略多余的子项（仅在横向模式生效） */
-    ellipsis?: boolean;
-    horizontalMenuProps?: Partial<SubMenuProps>;
-    persistent?: boolean;
-    /** 禁用子菜单的展开收缩行为 */
-    disableSubMenuAction?: boolean;
-}
+import type { MenuItemClicked, MenuProps } from './types';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MenuProps>>, {
     open: (index: string) => void;
     close: (index: string, indexPath: string[], e?: Event) => void;
@@ -45,7 +20,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     open: (val: {
         index: string;
         indexPath: string[];
-        event?: Event;
+        e?: Event;
     }) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MenuProps>>> & Readonly<{
     onSelect?: ((menuItem: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => any) | undefined;
@@ -57,7 +32,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onOpen?: ((val: {
         index: string;
         indexPath: string[];
-        event?: Event;
+        e?: Event;
     }) => any) | undefined;
     "onUpdate:collapse"?: ((val: boolean) => any) | undefined;
     "onSub-menu-click"?: ((val: any) => any) | undefined;

package/lib/components/menu/menu.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("vue"),q=require("@vft/utils"),H=require("../icon/index.cjs"),J=require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const K=require("../../utils/vue/vnode.cjs");require("../form/index.cjs");const P=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const Q=require("./menu-collapse-transition.vue.cjs"),X=require("./sub-menu.vue2.cjs"),Y=require("./use-menu-css-var.cjs"),Z=require("./utils/menu-bar.cjs"),_=u.defineComponent({name:"vft-menu"}),ee=u.defineComponent({..._,props:{mode:{default:"vertical"},defaultActive:{default:""},defaultOpeneds:{default:()=>[]},uniqueOpened:{type:Boolean},router:{type:Boolean},menuTrigger:{default:"hover"},collapse:{type:Boolean},collapseTransition:{type:Boolean,default:!0},ellipsis:{type:Boolean,default:!0},horizontalMenuProps:{},persistent:{type:Boolean,default:!0},disableSubMenuAction:{type:Boolean,default:!1}},emits:["update:collapse","sub-menu-click","select","close","open"],setup(n,{expose:k,emit:w}){const m=w,b=P.useNamespace("menu"),A=u.useSlots(),h=u.getCurrentInstance(),y=h.appContext.config.globalProperties.$router,i=u.ref(),x=P.useNamespace("sub-menu"),f=u.ref(-1),a=u.ref(n.defaultOpeneds&&!n.collapse?n.defaultOpeneds.slice(0):[]),s=u.ref(n.defaultActive),r=u.ref({}),M=u.ref({}),R=u.computed(()=>n.mode==="horizontal"||n.mode==="vertical"&&n.collapse),E=()=>{const e=s.value&&r.value[s.value];if(!e||n.mode==="horizontal"||n.collapse)return;e.indexPath.forEach(l=>{const o=M.value[l];o&&p(l,o.indexPath)})},p=(e,t,l)=>{a.value.includes(e)||(n.uniqueOpened&&(a.value=a.value.filter(o=>t.includes(o))),a.value.push(e),m("open",{index:e,indexPath:t,e:l}))},g=(e,t,l)=>{const o=a.value.indexOf(e);o!==-1&&a.value.splice(o,1),m("close",{index:e,indexPath:t,event:l})},W=({e,index:t,indexPath:l,isFirstLevel:o=!1})=>{if(!o){const c=a.value.includes(t);s.value=t,n.disableSubMenuAction||(c?g(t,l,e):p(t,l,e))}m("sub-menu-click",{e,index:t,indexPath:l})},V=e=>{(n.mode==="horizontal"||n.collapse)&&(a.value=[]);const{index:t,indexPath:l}=e;if(!(q.isNullOrUndefined(t)||q.isNullOrUndefined(l))){if(n.router&&y){const o=e.route||t,c=y.push(o).then(d=>(d||(s.value=t),d));m("select",e,c)}else s.value=t,m("select",e);q.isMobile()&&setTimeout(()=>{a.value=[]},100)}},C=e=>{const t=r.value,l=t[e]||s.value&&t[s.value]||t[n.defaultActive];l?s.value=l.index:s.value=e},$=()=>{if(!i.value)return-1;const e=Array.from(i.value?.childNodes??[]).filter(S=>S.nodeName!=="#text"||S.nodeValue),t=64,l=Number.parseInt(getComputedStyle(i.value).paddingLeft,10),o=Number.parseInt(getComputedStyle(i.value).paddingRight,10),c=i.value.clientWidth-l-o;let d=0,v=0;return e.forEach((S,G)=>{d+=S.offsetWidth||0,d<=c-t&&(v=G+1)}),v===e.length?-1:v},D=(e,t=33.34)=>{let l;return()=>{l&&clearTimeout(l),l=setTimeout(()=>{e()},t)}};let I=!0;const T=()=>{const e=()=>{f.value=-1,u.nextTick(()=>{f.value=$()})};I?e():D(e)(),I=!1};u.watch(()=>n.defaultActive,e=>{r.value[e]||(s.value=""),C(e)}),u.watch(()=>n.collapse,e=>{e&&(a.value=[])}),u.watch(r.value,E);let z;u.watchEffect(()=>{n.mode==="horizontal"&&n.ellipsis?z=J.useResizeObserver(i,T).stop:z?.()});const O=e=>{M.value[e.index]=e},B=e=>{delete M.value[e.index]},L=e=>{r.value[e.index]=e},U=e=>{delete r.value[e.index]},N=u.ref(!1),j=u.ref(),F=u.ref();return u.provide("rootMenu",u.reactive({props:h.props,openedMenus:a,items:r,subMenus:M,activeIndex:s,isMenuPopup:R,inSubMenu:N,inSubMenuMouseEnterTimer:j,inSubMenuMouseleaveTimer:F,addMenuItem:L,removeMenuItem:U,addSubMenu:O,removeSubMenu:B,openMenu:p,closeMenu:g,handleMenuItemClick:V,handleSubMenuClick:W})),u.provide(`subMenu:${h.uid}`,{addSubMenu:O,removeSubMenu:B,mouseInChild:u.ref(!1),level:0}),u.onMounted(()=>{n.mode==="horizontal"&&new Z.default(h.vnode.el,b.namespace.value)}),k({open:e=>{const{indexPath:t}=M.value[e];t.forEach(l=>p(l,t))},close:g,handleResize:T,menu:i,inSubMenu:N,updateActiveIndex:C,activeIndex:s}),()=>{let e=A.default?.()??[];const t=[];if(n.mode==="horizontal"&&i.value){const c=K.flattedChildren(e),d=f.value===-1?c:c.slice(0,f.value),v=f.value===-1?[]:c.slice(f.value);v?.length&&n.ellipsis&&(e=d,t.push(u.h(X.default,{index:"sub-menu-more",class:x.e("hide-arrow"),...n.horizontalMenuProps},{title:()=>u.h(H.VftIcon,{icon:"icon-menu-line",class:x.e("icon-more")}),default:()=>v})))}const l=Y.useMenuCssVar(h.props,0),o=u.h("ul",{key:String(n.collapse),role:"menubar",ref:i,style:l.value,class:{[b.b()]:!0,[b.m(n.mode)]:!0,[b.m("collapse")]:n.collapse}},[...e,...t]);return n.collapseTransition&&n.mode==="vertical"?u.h(Q.default,()=>o):o}}});exports.default=ee;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),H=require("../icon/index.cjs"),J=require("@vueuse/core"),y=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const K=require("../../utils/vue/vnode.cjs");require("../form/index.cjs");const N=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const Q=require("./menu-collapse-transition.vue.cjs"),X=require("./sub-menu.vue2.cjs"),Y=require("./use-menu-css-var.cjs"),Z=require("./utils/menu-bar.cjs"),_=l.defineComponent({name:"vft-menu"}),ee=l.defineComponent({..._,props:{mode:{default:"vertical"},defaultActive:{default:""},defaultOpeneds:{default:()=>[]},uniqueOpened:{type:Boolean},router:{type:Boolean},menuTrigger:{default:"hover"},collapse:{type:Boolean},collapseTransition:{type:Boolean,default:!0},ellipsis:{type:Boolean,default:!0},horizontalMenuProps:{},persistent:{type:Boolean,default:!0},disableSubMenuAction:{type:Boolean,default:!1},backgroundColor:{},textColor:{},activeTextColor:{},collapseType:{}},emits:["update:collapse","sub-menu-click","select","close","open"],setup(t,{expose:P,emit:w}){const m=w,h=N.useNamespace("menu"),A=l.useSlots(),M=l.getCurrentInstance(),q=M.appContext.config.globalProperties.$router,i=l.ref(),x=N.useNamespace("sub-menu"),f=l.ref(-1),a=l.ref(t.defaultOpeneds&&!t.collapse?t.defaultOpeneds.slice(0):[]),s=l.ref(t.defaultActive),r=l.ref({}),b=l.ref({}),R=l.computed(()=>t.mode==="horizontal"||t.mode==="vertical"&&t.collapse),E=()=>{const e=s.value&&r.value[s.value];if(!e||t.mode==="horizontal"||t.collapse)return;e.indexPath.forEach(u=>{const o=b.value[u];o&&p(u,o.indexPath)})},p=(e,n,u)=>{a.value.includes(e)||(t.uniqueOpened&&(a.value=a.value.filter(o=>n.includes(o))),a.value.push(e),m("open",{index:e,indexPath:n,e:u}))},g=(e,n,u)=>{const o=a.value.indexOf(e);o!==-1&&a.value.splice(o,1),m("close",{index:e,indexPath:n,event:u})},W=({e,index:n,indexPath:u,isFirstLevel:o=!1})=>{if(!o){const c=a.value.includes(n);s.value=n,t.disableSubMenuAction||(c?g(n,u,e):p(n,u,e))}m("sub-menu-click",{e,index:n,indexPath:u})},V=e=>{(t.mode==="horizontal"||t.collapse)&&(a.value=[]);const{index:n,indexPath:u}=e;if(!(y.isNullOrUndefined(n)||y.isNullOrUndefined(u))){if(t.router&&q){const o=e.route||n,c=q.push(o).then(d=>(d||(s.value=n),d));m("select",e,c)}else s.value=n,m("select",e);y.isMobile()&&setTimeout(()=>{a.value=[]},100)}},C=e=>{const n=r.value,u=n[e]||s.value&&n[s.value]||n[t.defaultActive];u?s.value=u.index:s.value=e},$=()=>{if(!i.value)return-1;const e=Array.from(i.value?.childNodes??[]).filter(S=>S.nodeName!=="#text"||S.nodeValue),n=64,u=Number.parseInt(getComputedStyle(i.value).paddingLeft,10),o=Number.parseInt(getComputedStyle(i.value).paddingRight,10),c=i.value.clientWidth-u-o;let d=0,v=0;return e.forEach((S,G)=>{d+=S.offsetWidth||0,d<=c-n&&(v=G+1)}),v===e.length?-1:v},D=(e,n=33.34)=>{let u;return()=>{u&&clearTimeout(u),u=setTimeout(()=>{e()},n)}};let T=!0;const I=()=>{const e=()=>{f.value=-1,l.nextTick(()=>{f.value=$()})};T?e():D(e)(),T=!1};l.watch(()=>t.defaultActive,e=>{r.value[e]||(s.value=""),C(e)}),l.watch(()=>t.collapse,e=>{e&&(a.value=[])}),l.watch(r.value,E);let z;l.watchEffect(()=>{t.mode==="horizontal"&&t.ellipsis?z=J.useResizeObserver(i,I).stop:z?.()});const O=e=>{b.value[e.index]=e},k=e=>{delete b.value[e.index]},L=e=>{r.value[e.index]=e},U=e=>{delete r.value[e.index]},B=l.ref(!1),j=l.ref(),F=l.ref();return l.provide("rootMenu",l.reactive({props:M.props,openedMenus:a,items:r,subMenus:b,activeIndex:s,isMenuPopup:R,inSubMenu:B,inSubMenuMouseEnterTimer:j,inSubMenuMouseleaveTimer:F,addMenuItem:L,removeMenuItem:U,addSubMenu:O,removeSubMenu:k,openMenu:p,closeMenu:g,handleMenuItemClick:V,handleSubMenuClick:W})),l.provide(`subMenu:${M.uid}`,{addSubMenu:O,removeSubMenu:k,mouseInChild:l.ref(!1),level:0}),l.onMounted(()=>{t.mode==="horizontal"&&new Z.default(M.vnode.el,h.namespace.value)}),P({open:e=>{const{indexPath:n}=b.value[e];n.forEach(u=>p(u,n))},close:g,handleResize:I,menu:i,inSubMenu:B,updateActiveIndex:C,activeIndex:s}),()=>{let e=A.default?.()??[];const n=[];if(t.mode==="horizontal"&&i.value){const c=K.flattedChildren(e),d=f.value===-1?c:c.slice(0,f.value),v=f.value===-1?[]:c.slice(f.value);v?.length&&t.ellipsis&&(e=d,n.push(l.h(X.default,{index:"sub-menu-more",class:x.e("hide-arrow"),...t.horizontalMenuProps},{title:()=>l.h(H.VftIcon,{icon:"icon-menu-line",class:x.e("icon-more")}),default:()=>v})))}const u=Y.useMenuCssVar(M.props,0),o=l.h("ul",{key:String(t.collapse),role:"menubar",ref:i,style:u.value,class:{[h.b()]:!0,[h.m(t.mode)]:!0,[h.m("collapse")]:t.collapse,[h.m(`collapse-type-${t.collapseType}`)]:t.collapseType}},[...e,...n]);return t.collapseTransition&&t.mode==="vertical"?l.h(Q.default,()=>o):o}}});exports.default=ee;

package/lib/components/menu/sub-menu.vue.d.ts

@@ -1,22 +1,4 @@
-import type { ToolTipProps } from 'vft/es/components/tooltip';
-import type { IconProps } from 'vft/es/components/icon';
-import type { ClassType } from '../types';
-export interface SubMenuProps {
-    index: string;
-    showTimeout?: number;
-    hideTimeout?: number;
-    popperClass?: ClassType;
-    disabled?: boolean;
-    popperOffset?: number;
-    expandIcon?: string | IconProps;
-    collapseIcon?: string | IconProps;
-    title?: string;
-    icon?: IconProps | string;
-    showArrow?: boolean;
-    toolTipCfg?: ToolTipProps;
-    teleported?: boolean;
-    [key: string]: any;
-}
+import type { SubMenuProps } from './types';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SubMenuProps>>, {
     opened: import("vue").ComputedRef<boolean>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {

package/lib/components/menu/types.d.ts

@@ -1,5 +1,66 @@
+import type { IconProps } from 'vft/es/components';
 import type { Ref } from 'vue';
 import type { RouteLocationRaw } from 'vue-router';
+import type { ToolTipProps } from 'vft/es/components/tooltip';
+import type { ClassType } from '../types';
+export interface MenuProps {
+    /** 菜单展示模式 */
+    mode?: 'horizontal' | 'vertical';
+    /** 页面加载时默认激活菜单的 index（menu-item 的index） */
+    defaultActive?: string;
+    /** 默认打开的 sub-menu 的 index 的数组 */
+    defaultOpeneds?: string[];
+    /** 是否只保持一个子菜单的展开 */
+    uniqueOpened?: boolean;
+    /** 是否启用 vue-router 模式。 启用该模式会在激活导航时以 index 作为 path 进行路由跳转 使用 default-active 来设置加载时的激活项 */
+    router?: boolean;
+    /** 子菜单打开的触发方式，只在 mode 为 horizontal 时有效 */
+    menuTrigger?: 'hover' | 'click';
+    /** 是否水平折叠收起菜单（仅在 mode 为 vertical 时可用) */
+    collapse?: boolean;
+    /** 是否开启折叠动画 */
+    collapseTransition?: boolean;
+    /** 是否省略多余的子项（仅在横向模式生效） */
+    ellipsis?: boolean;
+    horizontalMenuProps?: Partial<SubMenuProps>;
+    persistent?: boolean;
+    /** 禁用子菜单的展开收缩行为 */
+    disableSubMenuAction?: boolean;
+}
+export interface SubMenuProps {
+    index: string;
+    showTimeout?: number;
+    hideTimeout?: number;
+    popperClass?: ClassType;
+    disabled?: boolean;
+    popperOffset?: number;
+    expandIcon?: string | IconProps;
+    collapseIcon?: string | IconProps;
+    title?: string;
+    icon?: IconProps | string;
+    showArrow?: boolean;
+    toolTipCfg?: ToolTipProps;
+    teleported?: boolean;
+    [key: string]: any;
+}
+export interface MenuItemGroupProps {
+    title?: string;
+}
+export interface MenuItemProps {
+    /** 唯一标志 */
+    index?: string;
+    /** Vue Router 路径对象 */
+    route?: RouteLocationRaw;
+    /** 是否禁用 */
+    disabled?: boolean;
+    icon?: IconProps | string;
+    title?: string | number;
+    isAloneUse?: boolean;
+    divider?: boolean;
+    className?: string;
+    reverse?: boolean;
+    [key: string]: any;
+}
 export interface MenuItemRegistered {
     index: string;
     indexPath: string[];
@@ -24,6 +85,7 @@ export interface MenuProps {
     router?: boolean;
     /** 子菜单打开的触发方式，只在 mode 为 horizontal 时有效 */
     menuTrigger?: 'hover' | 'click';
+    /** 是否收缩 */
     collapse?: boolean;
     /** 是否水平折叠收起菜单（仅在 mode 为 vertical 时可用) */
     backgroundColor?: string;
@@ -31,6 +93,8 @@ export interface MenuProps {
     activeTextColor?: string;
     /** 是否开启折叠动画 */
     collapseTransition?: boolean;
+    /** 收缩类型 */
+    collapseType?: 'menu-title';
     /** 是否省略多余的子项（仅在横向模式生效） */
     ellipsis?: boolean;
     persistent?: boolean;

package/lib/components/side-menu/index.d.ts

@@ -15,20 +15,31 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
         type: import("vue").PropType<import("./types").MenuType[]>;
         required: true;
     };
+    tooltipCfg: {
+        type: import("vue").PropType<Partial<import("vft/es/vft").ToolTipProps>>;
+    };
     defaultActive: {
         type: import("vue").PropType<string>;
     };
     defaultOpeneds: {
-        type: import("vue").PropType<(string | number)[]>;
+        type: import("vue").PropType<string[]>;
     };
     uniqueOpened: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    collapseTransition: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     disableSubMenuAction: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    collapseType: {
+        type: import("vue").PropType<"menu-title">;
+        default: undefined;
+    };
     isFixedLeft: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -83,6 +94,18 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
         type: import("vue").PropType<number | boolean>;
         default: boolean;
     };
+    enableScroll: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    scrollThreshold: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    scrollMaxHeight: {
+        type: import("vue").PropType<string | number>;
+        default: number;
+    };
 }>, {
     sideRef: import("vue").Ref<any, any>;
     jumpActiveDom: ({ activeDom, offset, delay }?: {
@@ -96,7 +119,7 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
     "update:width": (val: string | number) => void;
     dragEnd: (oldIndex: import("sortablejs").SortableEvent, newIndex: import("sortablejs").SortableEvent) => void;
     dragWidthEnd: () => void;
-    select: (val: import("./types").MenuSelectEventData) => void;
+    select: (menuItem: import("vft/es/vft").MenuItemClicked, routerResult?: Promise<void | import("vue-router").NavigationFailure> | undefined) => void;
     subMenuClick: (val: any) => void;
     subMenuOpenClick: (val: any) => void;
     menuItemMouseenter: (val: any) => void;
@@ -118,20 +141,31 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
         type: import("vue").PropType<import("./types").MenuType[]>;
         required: true;
     };
+    tooltipCfg: {
+        type: import("vue").PropType<Partial<import("vft/es/vft").ToolTipProps>>;
+    };
     defaultActive: {
         type: import("vue").PropType<string>;
     };
     defaultOpeneds: {
-        type: import("vue").PropType<(string | number)[]>;
+        type: import("vue").PropType<string[]>;
     };
     uniqueOpened: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    collapseTransition: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     disableSubMenuAction: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    collapseType: {
+        type: import("vue").PropType<"menu-title">;
+        default: undefined;
+    };
     isFixedLeft: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -186,8 +220,20 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
         type: import("vue").PropType<number | boolean>;
         default: boolean;
     };
+    enableScroll: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    scrollThreshold: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    scrollMaxHeight: {
+        type: import("vue").PropType<string | number>;
+        default: number;
+    };
 }>> & Readonly<{
-    onSelect?: ((val: import("./types").MenuSelectEventData) => any) | undefined;
+    onSelect?: ((menuItem: import("vft/es/vft").MenuItemClicked, routerResult?: Promise<void | import("vue-router").NavigationFailure> | undefined) => any) | undefined;
     "onUpdate:collapse"?: ((val: boolean) => any) | undefined;
     "onUpdate:width"?: ((val: string | number) => any) | undefined;
     onDragEnd?: ((oldIndex: import("sortablejs").SortableEvent, newIndex: import("sortablejs").SortableEvent) => any) | undefined;
@@ -201,7 +247,9 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
     width: string | number;
     collapse: boolean;
     uniqueOpened: boolean;
+    collapseTransition: boolean;
     disableSubMenuAction: boolean;
+    collapseType: "menu-title";
     isFixedLeft: boolean;
     collapseWidth: string | number;
     menuTopBottomHeight: number;
@@ -215,6 +263,9 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
     openMenuCollapse: boolean;
     disabledJudgeTurnOver: boolean;
     defaultOpenedsLevel: number | boolean;
+    enableScroll: boolean;
+    scrollThreshold: number;
+    scrollMaxHeight: string | number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default VftSideMenu;
 export * from './types';