vft 0.0.239 → 0.0.241

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("@vft/utils");require("../alert/index.cjs");require("../avatar/index.cjs");require("../backtop/index.cjs");require("../button/index.cjs");require("../card/index.cjs");require("../check-tag/index.cjs");require("../checkbox/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../clamp-tooltip/index.cjs");require("../col/index.cjs");require("../collapse-transition/index.cjs");require("../color-picker/index.cjs");require("../config-provider/index.cjs");require("../container/index.cjs");require("../context-menu/context-menu.vue2.cjs");require("../date-picker/index.cjs");require("../date-time-select/index.cjs");require("../descriptions/index.cjs");require("../dialog/index.cjs");const g=require("../divider/index.cjs");require("../drawer/index.cjs");require("../dropdown/index.cjs");require("../empty/index.cjs");require("../exception/index.cjs");require("../footer-layout/index.cjs");require("../form/index.cjs");require("../full-screen/index.cjs");require("../header-layout/index.cjs");require("../horizontal-menu/index.cjs");const V=require("../icon/index.cjs");require("../icon-text/index.cjs");require("../iframe-layout/index.cjs");require("../image/index.cjs");require("../image-viewer/index.cjs");require("../input/index.cjs");require("../input-number/index.cjs");require("../link/index.cjs");require("../list-cell/index.cjs");require("../logo/index.cjs");require("./index.cjs");require("../multiple-tabs/index.cjs");require("../overlay/index.cjs");require("../page-wrapper/index.cjs");require("../pagination/index.cjs");require("../popconfirm/index.cjs");require("../popover/index.cjs");require("../popper/index.cjs");require("../qrcode/index.cjs");require("../radio/index.cjs");require("../result/index.cjs");require("../router-view-content/index.cjs");require("../row/index.cjs");require("../scrollbar/index.cjs");require("../search/index.cjs");require("../select/index.cjs");require("../side-menu/index.cjs");require("../skeleton/index.cjs");require("../slider/index.cjs");require("../space/index.cjs");require("../switch/index.cjs");require("../table/index.cjs");require("../tabs/index.cjs");require("../tag/index.cjs");require("../time-picker/index.cjs");const P=require("../tooltip/index.cjs");require("../tree/index.cjs");require("../verify-code/index.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/props.cjs");require("../steps/index.cjs");require("../autocomplete/index.cjs");require("../modal/index.cjs");require("../progress/index.cjs");require("../super-form/index.cjs");require("../upload/index.cjs");require("../carousel/index.cjs");require("../timeline/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../md-comment/index.cjs");require("../md-container/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("@vueuse/core");const A=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const m=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("../message/index.cjs");require("../infinite-scroll/index.cjs");require("../progress-i/index.cjs");require("vue-router");const S=require("./use-menu.cjs"),j=["title"],x=e.defineComponent({name:"vft-menu-item",inheritAttrs:!1}),M=e.defineComponent({...x,props:{index:{},route:{},disabled:{type:Boolean},icon:{},title:{},isAloneUse:{type:Boolean},divider:{type:Boolean},className:{},reverse:{type:Boolean}},emits:["click","mouseenter","mouseleave"],setup(i,{emit:$}){const q=m.useNamespace("menu-item"),a=$,f=e.getCurrentInstance(),U=e.useAttrs(),h=m.useNamespace("menu"),c=m.useNamespace("menu-item"),r=i.isAloneUse?null:e.inject("rootMenu");!r&&!i.isAloneUse&&A.throwError(q.b(),"can not inject root menu");const{parentMenu:v,indexPath:k}=S.default(f,e.computed(()=>i.index)),n=i.isAloneUse?null:e.inject(`subMenu:${v.value.uid}`);!n&&!i.isAloneUse&&A.throwError(q.b(),"can not inject sub menu");const B=e.computed(()=>i.index===(r==null?void 0:r.activeIndex)),t=e.reactive({index:i.index,indexPath:k,active:B}),E=()=>{i.disabled||(r==null||r.handleMenuItemClick({...U,index:i.index,indexPath:k.value,route:i.route}),a("click",t))},o=e.computed(()=>d.singleAttrToObj(i.icon,"icon")),I=e.computed(()=>d.renderTNode(f,"title"));return e.onMounted(()=>{i.isAloneUse||(n==null||n.addSubMenu(t),r==null||r.addMenuItem(t))}),e.onBeforeUnmount(()=>{i.isAloneUse||(n==null||n.removeSubMenu(t),r==null||r.removeMenuItem(t))}),(u,l)=>{var p,y,C,N,b;return e.openBlock(),e.createElementBlock(e.Fragment,null,[u.reverse&&u.divider?(e.openBlock(),e.createBlock(e.unref(g.VftDivider),{key:0,"margin-y":"0"})):e.createCommentVNode("",!0),e.createElementVNode("li",{class:e.normalizeClass([u.className,e.unref(c).b(),e.unref(c).is("active",u.isAloneUse?!1:B.value),e.unref(c).is("disabled",u.disabled)]),onMouseenter:l[0]||(l[0]=s=>a("mouseenter")),onMouseleave:l[1]||(l[1]=s=>a("mouseleave")),role:"menuitem",tabindex:"-1",onClick:E},[((y=(p=e.unref(v))==null?void 0:p.type)==null?void 0:y.name)==="vft-menu"&&((C=e.unref(r))!=null&&C.props.collapse)&&u.$slots.title?(e.openBlock(),e.createBlock(e.unref(P.VftTooltip),{key:0,placement:"right","fallback-placements":["left"],persistent:""},{content:e.withCtx(()=>[e.renderSlot(u.$slots,"title")]),default:e.withCtx(()=>{var s;return[e.createElementVNode("div",{class:e.normalizeClass(e.unref(h).be("tooltip","trigger"))},[(s=o.value)!=null&&s.icon?(e.openBlock(),e.createBlock(e.unref(V.VftIcon),e.normalizeProps(e.mergeProps({key:0},o.value)),null,16)):e.createCommentVNode("",!0),e.renderSlot(u.$slots,"default")],2)]}),_:3})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[(N=u.$slots)!=null&&N.default?e.renderSlot(u.$slots,"default",{key:0}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[(b=o.value)!=null&&b.icon?(e.openBlock(),e.createBlock(e.unref(V.VftIcon),e.normalizeProps(e.mergeProps({key:0},o.value)),null,16)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(e.unref(q).e("text")),title:u.title},[e.createVNode(e.unref(d.VNode),{content:I.value},null,8,["content"])],10,j)],64))],64))],34),!u.reverse&&u.divider?(e.openBlock(),e.createBlock(e.unref(g.VftDivider),{key:1,"margin-y":"0"})):e.createCommentVNode("",!0)],64)}}});exports.default=M;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("@vft/utils");require("../alert/index.cjs");require("../avatar/index.cjs");require("../backtop/index.cjs");require("../button/index.cjs");require("../card/index.cjs");require("../check-tag/index.cjs");require("../checkbox/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../clamp-tooltip/index.cjs");require("../col/index.cjs");require("../collapse-transition/index.cjs");require("../color-picker/index.cjs");require("../config-provider/index.cjs");require("../container/index.cjs");require("../context-menu/context-menu.vue2.cjs");require("../date-picker/index.cjs");require("../date-time-select/index.cjs");require("../descriptions/index.cjs");require("../dialog/index.cjs");const B=require("../divider/index.cjs");require("../drawer/index.cjs");require("../dropdown/index.cjs");require("../empty/index.cjs");require("../exception/index.cjs");require("../footer-layout/index.cjs");require("../form/index.cjs");require("../full-screen/index.cjs");require("../header-layout/index.cjs");require("../horizontal-menu/index.cjs");const b=require("../icon/index.cjs");require("../icon-text/index.cjs");require("../iframe-layout/index.cjs");require("../image/index.cjs");require("../image-viewer/index.cjs");require("../input/index.cjs");require("../input-number/index.cjs");require("../link/index.cjs");require("../list-cell/index.cjs");require("../logo/index.cjs");require("./index.cjs");require("../multiple-tabs/index.cjs");require("../overlay/index.cjs");require("../page-wrapper/index.cjs");require("../pagination/index.cjs");require("../popconfirm/index.cjs");require("../popover/index.cjs");require("../popper/index.cjs");require("../qrcode/index.cjs");require("../radio/index.cjs");require("../result/index.cjs");require("../router-view-content/index.cjs");require("../row/index.cjs");require("../scrollbar/index.cjs");require("../search/index.cjs");require("../select/index.cjs");require("../side-menu/index.cjs");require("../skeleton/index.cjs");require("../slider/index.cjs");require("../space/index.cjs");require("../switch/index.cjs");require("../table/index.cjs");require("../tabs/index.cjs");require("../tag/index.cjs");require("../time-picker/index.cjs");const A=require("../tooltip/index.cjs");require("../tree/index.cjs");require("../verify-code/index.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/props.cjs");require("../steps/index.cjs");require("../autocomplete/index.cjs");require("../modal/index.cjs");require("../progress/index.cjs");require("../super-form/index.cjs");require("../upload/index.cjs");require("../carousel/index.cjs");require("../timeline/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../md-comment/index.cjs");require("../md-container/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("@vueuse/core");const M=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const d=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("../message/index.cjs");require("../infinite-scroll/index.cjs");require("../progress-i/index.cjs");require("vue-router");const $=require("./use-menu.cjs"),U=["title"],h=e.defineComponent({name:"vft-menu-item",inheritAttrs:!1}),E=e.defineComponent({...h,props:{index:{},route:{},disabled:{type:Boolean},icon:{},title:{},isAloneUse:{type:Boolean},divider:{type:Boolean},className:{},reverse:{type:Boolean}},emits:["click","mouseenter","mouseleave"],setup(r,{emit:p}){const l=d.useNamespace("menu-item"),s=p,m=e.getCurrentInstance(),y=e.useAttrs(),C=d.useNamespace("menu"),q=d.useNamespace("menu-item"),u=r.isAloneUse?null:e.inject("rootMenu");!u&&!r.isAloneUse&&M.throwError(l.b(),"can not inject root menu");const{parentMenu:f,indexPath:v}=$.default(m,e.computed(()=>r.index)),a=r.isAloneUse?null:e.inject(`subMenu:${f.value.uid}`);!a&&!r.isAloneUse&&M.throwError(l.b(),"can not inject sub menu");const k=e.computed(()=>r.index===u?.activeIndex),n=e.reactive({index:r.index,indexPath:v,active:k}),N=()=>{r.disabled||(u?.handleMenuItemClick({...y,index:r.index,indexPath:v.value,route:r.route}),s("click",n))},t=e.computed(()=>c.singleAttrToObj(r.icon,"icon")),g=e.computed(()=>c.renderTNode(m,"title"));return e.onMounted(()=>{r.isAloneUse||(a?.addSubMenu(n),u?.addMenuItem(n))}),e.onBeforeUnmount(()=>{r.isAloneUse||(a?.removeSubMenu(n),u?.removeMenuItem(n))}),(i,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[i.reverse&&i.divider?(e.openBlock(),e.createBlock(e.unref(B.VftDivider),{key:0,"margin-y":"0"})):e.createCommentVNode("",!0),e.createElementVNode("li",{class:e.normalizeClass([i.className,e.unref(q).b(),e.unref(q).is("active",i.isAloneUse?!1:k.value),e.unref(q).is("disabled",i.disabled)]),onMouseenter:o[0]||(o[0]=V=>s("mouseenter")),onMouseleave:o[1]||(o[1]=V=>s("mouseleave")),role:"menuitem",tabindex:"-1",onClick:N},[e.unref(f)?.type?.name==="vft-menu"&&e.unref(u)?.props.collapse&&i.$slots.title?(e.openBlock(),e.createBlock(e.unref(A.VftTooltip),{key:0,placement:"right","fallback-placements":["left"],persistent:""},{content:e.withCtx(()=>[e.renderSlot(i.$slots,"title")]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(C).be("tooltip","trigger"))},[t.value?.icon?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.normalizeProps(e.mergeProps({key:0},t.value)),null,16)):e.createCommentVNode("",!0),e.renderSlot(i.$slots,"default")],2)]),_:3})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[i.$slots?.default?e.renderSlot(i.$slots,"default",{key:0}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.value?.icon?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.normalizeProps(e.mergeProps({key:0},t.value)),null,16)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(e.unref(l).e("text")),title:i.title},[e.createVNode(e.unref(c.VNode),{content:g.value},null,8,["content"])],10,U)],64))],64))],34),!i.reverse&&i.divider?(e.openBlock(),e.createBlock(e.unref(B.VftDivider),{key:1,"margin-y":"0"})):e.createCommentVNode("",!0)],64))}});exports.default=E;

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

@@ -21,42 +21,43 @@ export interface MenuProps {
     /** 是否省略多余的子项（仅在横向模式生效） */
     ellipsis?: boolean;
     horizontalMenuProps?: Partial<SubMenuProps>;
+    persistent?: boolean;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<MenuProps>, {
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MenuProps>>, {
     open: (index: string) => void;
-    close: (index: string, indexPath: string[], e?: Event | undefined) => void;
+    close: (index: string, indexPath: string[], e?: Event) => void;
     handleResize: () => void;
-    menu: import("vue").Ref<HTMLUListElement | undefined>;
-    inSubMenu: import("vue").Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    menu: import("vue").Ref<HTMLUListElement | undefined, HTMLUListElement | undefined>;
+    inSubMenu: import("vue").Ref<boolean, boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:collapse": (val: boolean) => void;
     "sub-menu-click": (val: any) => void;
     select: (menuItem: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => void;
     close: (val: {
         index: string;
         indexPath: string[];
-        event?: Event | undefined;
+        event?: Event;
     }) => void;
     open: (val: {
         index: string;
         indexPath: string[];
-        event?: Event | undefined;
+        event?: Event;
     }) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MenuProps>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MenuProps>>> & Readonly<{
     onSelect?: ((menuItem: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => any) | undefined;
     onClose?: ((val: {
         index: string;
         indexPath: string[];
-        event?: Event | undefined;
+        event?: Event;
     }) => any) | undefined;
     onOpen?: ((val: {
         index: string;
         indexPath: string[];
-        event?: Event | undefined;
+        event?: Event;
     }) => any) | undefined;
     "onUpdate:collapse"?: ((val: boolean) => any) | undefined;
     "onSub-menu-click"?: ((val: any) => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

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

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

@@ -16,15 +16,15 @@ export interface SubMenuProps {
     teleported?: boolean;
     [key: string]: any;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<SubMenuProps>, {
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SubMenuProps>>, {
     opened: import("vue").ComputedRef<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     mouseenter: (event: MouseEvent | FocusEvent) => void;
     mouseleave: (event: MouseEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SubMenuProps>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SubMenuProps>>> & Readonly<{
     onMouseenter?: ((event: MouseEvent | FocusEvent) => any) | undefined;
     onMouseleave?: ((event: MouseEvent) => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),b=require("@vft/utils");require("../alert/index.cjs");require("../avatar/index.cjs");require("../backtop/index.cjs");require("../button/index.cjs");require("../card/index.cjs");require("../check-tag/index.cjs");require("../checkbox/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../clamp-tooltip/index.cjs");require("../col/index.cjs");const re=require("../collapse-transition/index.cjs");require("../color-picker/index.cjs");require("../config-provider/index.cjs");require("../container/index.cjs");require("../context-menu/context-menu.vue2.cjs");require("../date-picker/index.cjs");require("../date-time-select/index.cjs");require("../descriptions/index.cjs");require("../dialog/index.cjs");require("../divider/index.cjs");require("../drawer/index.cjs");require("../dropdown/index.cjs");require("../empty/index.cjs");require("../exception/index.cjs");require("../footer-layout/index.cjs");require("../form/index.cjs");require("../full-screen/index.cjs");require("../header-layout/index.cjs");require("../horizontal-menu/index.cjs");const R=require("../icon/index.cjs");require("../icon-text/index.cjs");require("../iframe-layout/index.cjs");require("../image/index.cjs");require("../image-viewer/index.cjs");require("../input/index.cjs");require("../input-number/index.cjs");require("../link/index.cjs");require("../list-cell/index.cjs");require("../logo/index.cjs");require("./index.cjs");require("../multiple-tabs/index.cjs");require("../overlay/index.cjs");require("../page-wrapper/index.cjs");require("../pagination/index.cjs");require("../popconfirm/index.cjs");require("../popover/index.cjs");require("../popper/index.cjs");require("../qrcode/index.cjs");require("../radio/index.cjs");require("../result/index.cjs");require("../router-view-content/index.cjs");require("../row/index.cjs");require("../scrollbar/index.cjs");require("../search/index.cjs");require("../select/index.cjs");require("../side-menu/index.cjs");require("../skeleton/index.cjs");require("../slider/index.cjs");require("../space/index.cjs");require("../switch/index.cjs");require("../table/index.cjs");require("../tabs/index.cjs");require("../tag/index.cjs");require("../time-picker/index.cjs");const ue=require("../tooltip/index.cjs");require("../tree/index.cjs");require("../verify-code/index.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/props.cjs");require("../steps/index.cjs");require("../autocomplete/index.cjs");require("../modal/index.cjs");require("../progress/index.cjs");require("../super-form/index.cjs");require("../upload/index.cjs");require("../carousel/index.cjs");require("../timeline/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../md-comment/index.cjs");require("../md-container/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");const D=require("@vueuse/core"),L=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");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");require("../message/index.cjs");require("../infinite-scroll/index.cjs");require("../progress-i/index.cjs");const oe=require("./use-menu.cjs"),te=require("./use-menu-css-var.cjs"),ne=e.defineComponent({name:"vft-sub-menu",inheritAttrs:!1}),ie=e.defineComponent({...ne,props:{index:{},showTimeout:{default:300},hideTimeout:{default:300},popperClass:{},disabled:{type:Boolean},popperOffset:{default:6},expandIcon:{default:()=>({})},collapseIcon:{default:()=>({})},title:{},icon:{},showArrow:{type:Boolean,default:!0},toolTipCfg:{},teleported:{type:Boolean,default:void 0}},emits:["mouseenter","mouseleave"],setup(u,{expose:H,emit:U}){const y=w.useNamespace("sub-menu"),I=U,m=e.getCurrentInstance(),{indexPath:h,parentMenu:k}=oe.default(m,e.computed(()=>u.index)),s=w.useNamespace("menu"),a=w.useNamespace("sub-menu"),r=e.inject("rootMenu");r||L.throwError(y.b(),"can not inject root menu");const l=e.inject(`subMenu:${k.value.uid}`);l||L.throwError(y.b(),"can not inject sub menu");const x=e.ref({});let c;const z=e.ref(!1),Z=e.ref(),E=e.ref(null),A=e.computed(()=>p.value==="horizontal"&&T.value?"bottom-start":"right-start"),T=e.computed(()=>l.level===0),S=e.computed(()=>u.teleported===void 0?T.value:u.teleported),G=e.computed(()=>r.props.collapse?`${s.namespace.value}-zoom-in-left`:`${s.namespace.value}-zoom-in-top`),J=e.computed(()=>p.value==="horizontal"&&T.value?["bottom-start","bottom-end","top-start","top-end","right-start","left-start"]:["right-start","left-start","bottom-start","bottom-end","top-start","top-end"]),d=e.computed(()=>r.openedMenus.includes(u.index)),q=e.computed(()=>{let o=!1;return Object.values(x.value).forEach(i=>{i.active&&(o=!0)}),u.index===r.activeIndex&&(o=!0),o}),j=e.computed(()=>r.props.backgroundColor||""),P=e.computed(()=>r.props.activeTextColor||""),$=e.computed(()=>r.props.textColor||""),p=e.computed(()=>r.props.mode),C=e.reactive({index:u.index,indexPath:h,active:q}),B=te.useMenuCssVar(r.props,l.level+1),F=e.computed(()=>p.value!=="horizontal"?{color:$.value}:{borderBottomColor:q.value?r.props.activeTextColor?P.value:"":"transparent",color:q.value?P.value:$.value}),K=()=>{var o,i,n;return(n=(i=(o=E.value)==null?void 0:o.popperRef)==null?void 0:i.popperInstanceRef)==null?void 0:n.destroy()},Q=o=>{o||K()},O=o=>{const i={e:o,index:u.index,indexPath:h.value,active:q.value};if(r.props.menuTrigger==="hover"&&r.props.mode==="horizontal"&&!b.isMobile()||r.props.collapse&&r.props.mode==="vertical"||u.disabled){r.handleSubMenuClick({...i,isFirstLevel:!0});return}r.handleSubMenuClick(i)},f=(o,i=u.showTimeout)=>{var n;o.type!=="focus"&&(r.props.menuTrigger==="click"&&r.props.mode==="horizontal"||!r.props.collapse&&r.props.mode==="vertical"||u.disabled||(l.mouseInChild.value=!0,c==null||c(),{stop:c}=D.useTimeoutFn(()=>{r.openMenu(u.index,h.value)},i),S.value&&((n=k.value.vnode.el)==null||n.dispatchEvent(new MouseEvent("mouseenter"))),I("mouseenter",o)))},W=()=>{r.inSubMenuMouseEnterTimer&&clearTimeout(r.inSubMenuMouseEnterTimer),r.inSubMenuMouseleaveTimer&&clearTimeout(r.inSubMenuMouseleaveTimer),r.inSubMenuMouseEnterTimer=setTimeout(()=>{r.inSubMenu=!0},u.showTimeout+10)},X=()=>{r.inSubMenuMouseEnterTimer&&clearTimeout(r.inSubMenuMouseEnterTimer),r.inSubMenuMouseleaveTimer&&clearTimeout(r.inSubMenuMouseleaveTimer),r.inSubMenuMouseleaveTimer=setTimeout(()=>{r.inSubMenu=!1},u.hideTimeout-10)},g=(o,i=!1)=>{var n,t;r.props.menuTrigger==="click"&&r.props.mode==="horizontal"||!r.props.collapse&&r.props.mode==="vertical"||(c==null||c(),l.mouseInChild.value=!1,{stop:c}=D.useTimeoutFn(()=>{!z.value&&r.closeMenu(u.index,h.value)},u.hideTimeout),S.value&&i&&((n=m.parent)==null?void 0:n.type.name)==="vft-sub-menu"&&((t=l.handleMouseleave)==null||t.call(l,o,!0)),I("mouseleave",o))};e.watch(()=>r.props.collapse,o=>Q(!!o));{const o=n=>{x.value[n.index]=n},i=n=>{delete x.value[n.index]};e.provide(`subMenu:${m.uid}`,{addSubMenu:o,removeSubMenu:i,handleMouseleave:g,mouseInChild:z,level:l.level+1})}H({opened:d}),e.onMounted(()=>{r.addSubMenu(C),l.addSubMenu(C)}),e.onBeforeUnmount(()=>{l.removeSubMenu(C),r.removeSubMenu(C)});const v=e.useSlots(),V=e.computed(()=>b.singleAttrToObj(u.icon,"icon")),Y=e.computed(()=>b.singleAttrToObj(u.expandIcon,"icon")),_=e.computed(()=>b.singleAttrToObj(u.collapseIcon,"icon")),ee=e.computed(()=>p.value==="horizontal"&&T.value||p.value==="vertical"&&!r.props.collapse?{icon:"icon-arrow-down",size:20,...Y.value}:{icon:"icon-arrow-right",size:18,..._.value}),N=e.computed(()=>b.renderTNode(m,"title"));return()=>{var n;const o=[(n=V.value)!=null&&n.icon?e.h(R.VftIcon,{...V.value}):null,e.h("span",{class:[a.e("text"),a.is("arrow",u.showArrow)],title:m.props.title},N.value),u.showArrow?e.h(R.VftIcon,{class:a.e("icon-arrow"),...ee.value,style:{transform:d.value?"rotateZ(180deg)":"none"}}):!1],i=r.isMenuPopup?e.h(ue.VftTooltip,{ref:E,visible:d.value,effect:"light",pure:!0,offset:u.popperOffset,showArrow:!1,persistent:!0,popperClass:u.popperClass,placement:A.value,teleported:S.value,fallbackPlacements:J.value,transition:G.value,gpuAcceleration:!1,...u.toolTipCfg},{content:()=>{var t;return e.h("div",{class:[s.m(p.value),s.m("popup-container"),u.popperClass],onMouseenter:M=>f(M,100),onMouseleave:M=>g(M,!0),onFocus:M=>f(M,100)},[e.h("ul",{class:[s.b(),s.m("popup"),s.m(`popup-${A.value}`)],style:B.value},[(t=v.default)==null?void 0:t.call(v)])])},default:()=>e.h("div",{class:a.e("title"),style:[F.value,{backgroundColor:j.value}],onMouseenter:t=>f(t),onMouseleave:t=>g(t,!0),onClick:t=>O(t)},o)}):e.h(e.Fragment,{},[N.value?e.h("div",{class:a.e("title"),style:[F.value,{backgroundColor:j.value}],ref:Z,onClick:O},o):null,e.h(re.VftCollapseTransition,{},{default:()=>{var t;return e.withDirectives(e.h("ul",{role:"menu",class:[s.b(),s.m("inline")],style:B.value},[(t=v.default)==null?void 0:t.call(v)]),[[e.vShow,d.value]])}})]);return e.h("li",{class:[a.b(),a.is("active",q.value),a.e(String(l.level)),a.is("in-popup",l.level!==0),a.is("opened",d.value),a.is("arrow",!0),a.is("disabled",u.disabled)],role:"menuitem",ariaHaspopup:!0,ariaExpanded:d.value,onMouseenter:[W,t=>f(t)],onMouseleave:[X,t=>g(t,!0)],onFocus:f},[i])}}});exports.default=ie;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("@vft/utils");require("../alert/index.cjs");require("../avatar/index.cjs");require("../backtop/index.cjs");require("../button/index.cjs");require("../card/index.cjs");require("../check-tag/index.cjs");require("../checkbox/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../clamp-tooltip/index.cjs");require("../col/index.cjs");const _=require("../collapse-transition/index.cjs");require("../color-picker/index.cjs");require("../config-provider/index.cjs");require("../container/index.cjs");require("../context-menu/context-menu.vue2.cjs");require("../date-picker/index.cjs");require("../date-time-select/index.cjs");require("../descriptions/index.cjs");require("../dialog/index.cjs");require("../divider/index.cjs");require("../drawer/index.cjs");require("../dropdown/index.cjs");require("../empty/index.cjs");require("../exception/index.cjs");require("../footer-layout/index.cjs");require("../form/index.cjs");require("../full-screen/index.cjs");require("../header-layout/index.cjs");require("../horizontal-menu/index.cjs");const V=require("../icon/index.cjs");require("../icon-text/index.cjs");require("../iframe-layout/index.cjs");require("../image/index.cjs");require("../image-viewer/index.cjs");require("../input/index.cjs");require("../input-number/index.cjs");require("../link/index.cjs");require("../list-cell/index.cjs");require("../logo/index.cjs");require("./index.cjs");require("../multiple-tabs/index.cjs");require("../overlay/index.cjs");require("../page-wrapper/index.cjs");require("../pagination/index.cjs");require("../popconfirm/index.cjs");require("../popover/index.cjs");require("../popper/index.cjs");require("../qrcode/index.cjs");require("../radio/index.cjs");require("../result/index.cjs");require("../router-view-content/index.cjs");require("../row/index.cjs");require("../scrollbar/index.cjs");require("../search/index.cjs");require("../select/index.cjs");require("../side-menu/index.cjs");require("../skeleton/index.cjs");require("../slider/index.cjs");require("../space/index.cjs");require("../switch/index.cjs");require("../table/index.cjs");require("../tabs/index.cjs");require("../tag/index.cjs");require("../time-picker/index.cjs");const ee=require("../tooltip/index.cjs");require("../tree/index.cjs");require("../verify-code/index.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/props.cjs");require("../steps/index.cjs");require("../autocomplete/index.cjs");require("../modal/index.cjs");require("../progress/index.cjs");require("../super-form/index.cjs");require("../upload/index.cjs");require("../carousel/index.cjs");require("../timeline/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../md-comment/index.cjs");require("../md-container/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");const N=require("@vueuse/core"),R=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const g=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("../message/index.cjs");require("../infinite-scroll/index.cjs");require("../progress-i/index.cjs");const re=require("./use-menu.cjs"),ue=require("./use-menu-css-var.cjs"),te=e.defineComponent({name:"vft-sub-menu",inheritAttrs:!1}),oe=e.defineComponent({...te,props:{index:{},showTimeout:{default:300},hideTimeout:{default:300},popperClass:{},disabled:{type:Boolean},popperOffset:{default:6},expandIcon:{default:()=>({})},collapseIcon:{default:()=>({})},title:{},icon:{},showArrow:{type:Boolean,default:!0},toolTipCfg:{},teleported:{type:Boolean,default:void 0}},emits:["mouseenter","mouseleave"],setup(u,{expose:D,emit:L}){const x=g.useNamespace("sub-menu"),S=L,d=e.getCurrentInstance(),{indexPath:q,parentMenu:w}=re.default(d,e.computed(()=>u.index)),s=g.useNamespace("menu"),n=g.useNamespace("sub-menu"),r=e.inject("rootMenu");r||R.throwError(x.b(),"can not inject root menu");const l=e.inject(`subMenu:${w.value.uid}`);l||R.throwError(x.b(),"can not inject sub menu");const T=e.ref({});let f;const y=e.ref(!1),H=e.ref(),I=e.ref(null),k=e.computed(()=>c.value==="horizontal"&&M.value?"bottom-start":"right-start"),M=e.computed(()=>l.level===0),C=e.computed(()=>u.teleported===void 0?M.value:u.teleported),U=e.computed(()=>r.props.collapse?`${s.namespace.value}-zoom-in-left`:`${s.namespace.value}-zoom-in-top`),Z=e.computed(()=>c.value==="horizontal"&&M.value?["bottom-start","bottom-end","top-start","top-end","right-start","left-start"]:["right-start","left-start","bottom-start","bottom-end","top-start","top-end"]),a=e.computed(()=>r.openedMenus.includes(u.index)),p=e.computed(()=>{let t=!1;return Object.values(T.value).forEach(i=>{i.active&&(t=!0)}),u.index===r.activeIndex&&(t=!0),t}),z=e.computed(()=>r.props.backgroundColor||""),E=e.computed(()=>r.props.activeTextColor||""),A=e.computed(()=>r.props.textColor||""),c=e.computed(()=>r.props.mode),b=e.reactive({index:u.index,indexPath:q,active:p}),j=ue.useMenuCssVar(r.props,l.level+1),P=e.computed(()=>c.value!=="horizontal"?{color:A.value}:{borderBottomColor:p.value?r.props.activeTextColor?E.value:"":"transparent",color:p.value?E.value:A.value}),G=()=>I.value?.popperRef?.popperInstanceRef?.destroy(),J=t=>{t||G()},$=t=>{const i={e:t,index:u.index,indexPath:q.value,active:p.value};if(r.props.menuTrigger==="hover"&&r.props.mode==="horizontal"&&!m.isMobile()||r.props.collapse&&r.props.mode==="vertical"||u.disabled){r.handleSubMenuClick({...i,isFirstLevel:!0});return}r.handleSubMenuClick(i)},v=(t,i=u.showTimeout)=>{t.type!=="focus"&&(r.props.menuTrigger==="click"&&r.props.mode==="horizontal"||!r.props.collapse&&r.props.mode==="vertical"||u.disabled||(l.mouseInChild.value=!0,f?.(),{stop:f}=N.useTimeoutFn(()=>{r.openMenu(u.index,q.value)},i),C.value&&w.value.vnode.el?.dispatchEvent(new MouseEvent("mouseenter")),S("mouseenter",t)))},K=()=>{r.inSubMenuMouseEnterTimer&&clearTimeout(r.inSubMenuMouseEnterTimer),r.inSubMenuMouseleaveTimer&&clearTimeout(r.inSubMenuMouseleaveTimer),r.inSubMenuMouseEnterTimer=setTimeout(()=>{r.inSubMenu=!0},u.showTimeout+10)},Q=()=>{r.inSubMenuMouseEnterTimer&&clearTimeout(r.inSubMenuMouseEnterTimer),r.inSubMenuMouseleaveTimer&&clearTimeout(r.inSubMenuMouseleaveTimer),r.inSubMenuMouseleaveTimer=setTimeout(()=>{r.inSubMenu=!1},u.hideTimeout-10)},h=(t,i=!1)=>{r.props.menuTrigger==="click"&&r.props.mode==="horizontal"||!r.props.collapse&&r.props.mode==="vertical"||(f?.(),l.mouseInChild.value=!1,{stop:f}=N.useTimeoutFn(()=>{!y.value&&r.closeMenu(u.index,q.value)},u.hideTimeout),C.value&&i&&d.parent?.type.name==="vft-sub-menu"&&l.handleMouseleave?.(t,!0),S("mouseleave",t))};e.watch(()=>r.props.collapse,t=>J(!!t));{const t=o=>{T.value[o.index]=o},i=o=>{delete T.value[o.index]};e.provide(`subMenu:${d.uid}`,{addSubMenu:t,removeSubMenu:i,handleMouseleave:h,mouseInChild:y,level:l.level+1})}D({opened:a}),e.onMounted(()=>{r.addSubMenu(b),l.addSubMenu(b)}),e.onBeforeUnmount(()=>{l.removeSubMenu(b),r.removeSubMenu(b)});const B=e.useSlots(),F=e.computed(()=>m.singleAttrToObj(u.icon,"icon")),W=e.computed(()=>m.singleAttrToObj(u.expandIcon,"icon")),X=e.computed(()=>m.singleAttrToObj(u.collapseIcon,"icon")),Y=e.computed(()=>c.value==="horizontal"&&M.value||c.value==="vertical"&&!r.props.collapse?{icon:"icon-arrow-down",size:20,...W.value}:{icon:"icon-arrow-right",size:18,...X.value}),O=e.computed(()=>m.renderTNode(d,"title"));return()=>{const t=[F.value?.icon?e.h(V.VftIcon,{...F.value}):null,e.h("span",{class:[n.e("text"),n.is("arrow",u.showArrow)],title:d.props.title},O.value),u.showArrow?e.h(V.VftIcon,{class:n.e("icon-arrow"),...Y.value,style:{transform:a.value?"rotateZ(180deg)":"none"}}):!1],i=r.isMenuPopup?e.h(ee.VftTooltip,{ref:I,visible:a.value,effect:"light",pure:!0,offset:u.popperOffset,showArrow:!1,persistent:!1,popperClass:u.popperClass,placement:k.value,teleported:C.value,fallbackPlacements:Z.value,transition:U.value,gpuAcceleration:!1,...u.toolTipCfg},{content:()=>e.h("div",{class:[s.m(c.value),s.m("popup-container"),u.popperClass],onMouseenter:o=>v(o,100),onMouseleave:o=>h(o,!0),onFocus:o=>v(o,100)},[e.h("ul",{class:[s.b(),s.m("popup"),s.m(`popup-${k.value}`)],style:j.value},[B.default?.()])]),default:()=>e.h("div",{class:n.e("title"),style:[P.value,{backgroundColor:z.value}],onMouseenter:o=>v(o),onMouseleave:o=>h(o,!0),onClick:o=>$(o)},t)}):e.h(e.Fragment,{},[O.value?e.h("div",{class:n.e("title"),style:[P.value,{backgroundColor:z.value}],ref:H,onClick:$},t):null,e.h(_.VftCollapseTransition,{},{default:()=>e.withDirectives(e.h("ul",{role:"menu",class:[s.b(),s.m("inline")],style:j.value},[B.default?.()]),[[e.vShow,a.value]])})]);return e.h("li",{class:[n.b(),n.is("active",p.value),n.e(String(l.level)),n.is("in-popup",l.level!==0),n.is("opened",a.value),n.is("arrow",!0),n.is("disabled",u.disabled)],role:"menuitem",ariaHaspopup:!0,ariaExpanded:a.value,onMouseenter:[K,o=>v(o)],onMouseleave:[Q,o=>h(o,!0)],onFocus:v},[i])}}});exports.default=oe;

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

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import type { Ref } from 'vue';
 import type { RouteLocationRaw } from 'vue-router';
 export interface MenuItemRegistered {

package/lib/components/menu/utils/menu-item.cjs

@@ -1 +1 @@
-"use strict";var i=Object.defineProperty;var o=(s,e,t)=>e in s?i(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var n=(s,e,t)=>o(s,typeof e!="symbol"?e+"":e,t);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("@vft/utils"),u=require("@vft/constants"),a=require("./submenu.cjs");class d{constructor(e,t){n(this,"submenu",null);this.domNode=e,this.submenu=null,this.init(t)}init(e){this.domNode.setAttribute("tabindex","0");const t=this.domNode.querySelector(`.${e}-menu`);t&&(this.submenu=new a.default(this,t)),this.addListeners()}addListeners(){this.domNode.addEventListener("keydown",e=>{let t=!1;switch(e.code){case u.EVENT_CODE.down:{r.triggerEvent(e.currentTarget,"mouseenter"),this.submenu&&this.submenu.gotoSubIndex(0),t=!0;break}case u.EVENT_CODE.up:{r.triggerEvent(e.currentTarget,"mouseenter"),this.submenu&&this.submenu.gotoSubIndex(this.submenu.subMenuItems.length-1),t=!0;break}case u.EVENT_CODE.tab:{r.triggerEvent(e.currentTarget,"mouseleave");break}case u.EVENT_CODE.enter:case u.EVENT_CODE.space:{t=!0,e.currentTarget.click();break}}t&&e.preventDefault()})}}exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("@vft/utils"),s=require("@vft/constants"),r=require("./submenu.cjs");class n{constructor(e,t){this.domNode=e,this.submenu=null,this.init(t)}submenu=null;init(e){this.domNode.setAttribute("tabindex","0");const t=this.domNode.querySelector(`.${e}-menu`);t&&(this.submenu=new r.default(this,t)),this.addListeners()}addListeners(){this.domNode.addEventListener("keydown",e=>{let t=!1;switch(e.code){case s.EVENT_CODE.down:{u.triggerEvent(e.currentTarget,"mouseenter"),this.submenu&&this.submenu.gotoSubIndex(0),t=!0;break}case s.EVENT_CODE.up:{u.triggerEvent(e.currentTarget,"mouseenter"),this.submenu&&this.submenu.gotoSubIndex(this.submenu.subMenuItems.length-1),t=!0;break}case s.EVENT_CODE.tab:{u.triggerEvent(e.currentTarget,"mouseleave");break}case s.EVENT_CODE.enter:case s.EVENT_CODE.space:{t=!0,e.currentTarget.click();break}}t&&e.preventDefault()})}}exports.default=n;

package/lib/components/menu/utils/submenu.cjs

@@ -1 +1 @@
-"use strict";var i=Object.defineProperty;var a=(s,e,t)=>e in s?i(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var o=(s,e,t)=>a(s,typeof e!="symbol"?e+"":e,t);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("@vft/utils"),u=require("@vft/constants");class d{constructor(e,t){o(this,"subMenuItems");o(this,"subIndex",0);this.parent=e,this.domNode=t,this.subIndex=0,this.init()}init(){this.subMenuItems=this.domNode.querySelectorAll("li"),this.addListeners()}gotoSubIndex(e){e===this.subMenuItems.length?e=0:e<0&&(e=this.subMenuItems.length-1),this.subMenuItems[e].focus(),this.subIndex=e}addListeners(){const e=this.parent.domNode;Array.prototype.forEach.call(this.subMenuItems,t=>{t.addEventListener("keydown",r=>{let n=!1;switch(r.code){case u.EVENT_CODE.down:{this.gotoSubIndex(this.subIndex+1),n=!0;break}case u.EVENT_CODE.up:{this.gotoSubIndex(this.subIndex-1),n=!0;break}case u.EVENT_CODE.tab:{c.triggerEvent(e,"mouseleave");break}case u.EVENT_CODE.enter:case u.EVENT_CODE.space:{n=!0,r.currentTarget.click();break}}return n&&(r.preventDefault(),r.stopPropagation()),!1})})}}exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("@vft/utils"),t=require("@vft/constants");class o{constructor(e,r){this.parent=e,this.domNode=r,this.subIndex=0,this.init()}subMenuItems;subIndex=0;init(){this.subMenuItems=this.domNode.querySelectorAll("li"),this.addListeners()}gotoSubIndex(e){e===this.subMenuItems.length?e=0:e<0&&(e=this.subMenuItems.length-1),this.subMenuItems[e].focus(),this.subIndex=e}addListeners(){const e=this.parent.domNode;Array.prototype.forEach.call(this.subMenuItems,r=>{r.addEventListener("keydown",s=>{let u=!1;switch(s.code){case t.EVENT_CODE.down:{this.gotoSubIndex(this.subIndex+1),u=!0;break}case t.EVENT_CODE.up:{this.gotoSubIndex(this.subIndex-1),u=!0;break}case t.EVENT_CODE.tab:{n.triggerEvent(e,"mouseleave");break}case t.EVENT_CODE.enter:case t.EVENT_CODE.space:{u=!0,s.currentTarget.click();break}}return u&&(s.preventDefault(),s.stopPropagation()),!1})})}}exports.default=o;

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

@@ -17,17 +17,19 @@ export interface MessageProps {
     repeatNum?: number;
 }
 declare function close(): void;
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<MessageProps>, {
-    visible: import("vue").Ref<boolean>;
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MessageProps>>, {
+    visible: import("vue").Ref<boolean, boolean>;
     bottom: import("vue").ComputedRef<number>;
     close: typeof close;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     destroy: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MessageProps>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MessageProps>>> & Readonly<{
     onDestroy?: ((...args: any[]) => any) | undefined;
-}, {}, {}>, {
-    default?(_: {}): any;
-}>;
+}>, {}, {}, {}, {}, 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;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/message/message.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),L=require("@vft/constants"),O=require("@vft/use"),T=require("@vft/utils"),g=require("../icon/index.cjs"),v=require("@vueuse/core");require("../config-provider/index.cjs");const y=require("./instance.cjs"),N=require("../config-provider/hooks/use-global-config.cjs"),V=["id"],I=["innerHTML"],R=e.defineComponent({__name:"message",props:{customClass:{},center:{type:Boolean},dangerouslyUseHTMLString:{type:Boolean},duration:{},icon:{},id:{},message:{type:[String,Object,Function]},onClose:{type:Function},showClose:{type:Boolean},type:{},offset:{},zIndex:{},grouping:{type:Boolean},repeatNum:{}},emits:["destroy"],setup(C,{expose:k}){const n=C,{ns:t,zIndex:B}=N.useGlobalComponentSettings("message"),{currentZIndex:b,nextZIndex:h}=B,c=e.ref(),s=e.ref(!1),u=e.ref(0);let r;const w=new Map([["success",{icon:"icon-success-filled"}],["error",{icon:"icon-circle-close-filled"}],["warning",{icon:"icon-warning-filled"}]]),f=e.computed(()=>(n.icon?T.isObject(n.icon)?n.icon:{icon:n.icon}:"")||w.get(n.type)||""),M=e.computed(()=>{const o=n.type;return{[t.bm("icon",o)]:o}}),S=e.computed(()=>y.getLastOffset(n.id)),d=e.computed(()=>y.getOffsetOrSpace(n.id,n.offset)+S.value),z=e.computed(()=>u.value+d.value),q=e.computed(()=>({top:`${d.value}px`,zIndex:b.value}));function l(){n.duration!==0&&({stop:r}=v.useTimeoutFn(()=>{i()},n.duration))}function m(){r==null||r()}function i(){s.value=!1}function E({code:o}){o===L.EVENT_CODE.esc&&i()}return e.onMounted(()=>{l(),h(),s.value=!0}),e.watch(()=>n.repeatNum,()=>{m(),l()}),O.useEventListener(document,"keydown",E),v.useResizeObserver(c,()=>{u.value=c.value.getBoundingClientRect().height}),k({visible:s,bottom:z,close:i}),(o,p)=>(e.openBlock(),e.createBlock(e.Transition,{name:e.unref(t).b("fade"),onBeforeLeave:o.onClose,onAfterLeave:p[0]||(p[0]=a=>o.$emit("destroy"))},{default:e.withCtx(()=>{var a;return[e.withDirectives(e.createElementVNode("div",{id:o.id,ref_key:"messageRef",ref:c,class:e.normalizeClass([e.unref(t).b(),{[e.unref(t).m(o.type)]:o.type&&!o.icon},e.unref(t).is("center",o.center),e.unref(t).is("closable",o.showClose),o.customClass]),style:e.normalizeStyle(q.value),role:"alert",onMouseenter:m,onMouseleave:l},[(a=f.value)!=null&&a.icon?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(t).e("icon"),M.value])},[e.createVNode(e.unref(g.VftIcon),e.normalizeProps(e.guardReactiveProps(f.value)),null,16)],2)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default",{},()=>[o.dangerouslyUseHTMLString?(e.openBlock(),e.createElementBlock("p",{key:1,class:e.normalizeClass(e.unref(t).e("content")),innerHTML:o.message},null,10,I)):(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(e.unref(t).e("content"))},e.toDisplayString(o.message),3))]),o.showClose?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(t).e("closeBtn")),onClick:e.withModifiers(i,["stop"])},[e.createVNode(e.unref(g.VftIcon),{icon:"icon-circle-close"})],2)):e.createCommentVNode("",!0)],46,V),[[e.vShow,s.value]])]}),_:3},8,["name","onBeforeLeave"]))}});exports.default=R;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),q=require("@vft/constants"),E=require("@vft/use"),L=require("@vft/utils"),p=require("../icon/index.cjs"),g=require("@vueuse/core");require("../config-provider/index.cjs");const v=require("./instance.cjs"),O=require("../config-provider/hooks/use-global-config.cjs"),N=["id"],V=["innerHTML"],I=e.defineComponent({__name:"message",props:{customClass:{},center:{type:Boolean},dangerouslyUseHTMLString:{type:Boolean},duration:{},icon:{},id:{},message:{type:[String,Object,Function]},onClose:{type:Function},showClose:{type:Boolean},type:{},offset:{},zIndex:{},grouping:{type:Boolean},repeatNum:{}},emits:["destroy"],setup(y,{expose:C}){const n=y,{ns:t,zIndex:k}=O.useGlobalComponentSettings("message"),{currentZIndex:B,nextZIndex:b}=k,i=e.ref(),s=e.ref(!1),l=e.ref(0);let a;const h=new Map([["success",{icon:"icon-success-filled"}],["error",{icon:"icon-circle-close-filled"}],["warning",{icon:"icon-warning-filled"}]]),u=e.computed(()=>(n.icon?L.isObject(n.icon)?n.icon:{icon:n.icon}:"")||h.get(n.type)||""),w=e.computed(()=>{const o=n.type;return{[t.bm("icon",o)]:o}}),M=e.computed(()=>v.getLastOffset(n.id)),f=e.computed(()=>v.getOffsetOrSpace(n.id,n.offset)+M.value),S=e.computed(()=>l.value+f.value),z=e.computed(()=>({top:`${f.value}px`,zIndex:B.value}));function c(){n.duration!==0&&({stop:a}=g.useTimeoutFn(()=>{r()},n.duration))}function d(){a?.()}function r(){s.value=!1}function T({code:o}){o===q.EVENT_CODE.esc&&r()}return e.onMounted(()=>{c(),b(),s.value=!0}),e.watch(()=>n.repeatNum,()=>{d(),c()}),E.useEventListener(document,"keydown",T),g.useResizeObserver(i,()=>{l.value=i.value.getBoundingClientRect().height}),C({visible:s,bottom:S,close:r}),(o,m)=>(e.openBlock(),e.createBlock(e.Transition,{name:e.unref(t).b("fade"),onBeforeLeave:o.onClose,onAfterLeave:m[0]||(m[0]=R=>o.$emit("destroy"))},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{id:o.id,ref_key:"messageRef",ref:i,class:e.normalizeClass([e.unref(t).b(),{[e.unref(t).m(o.type)]:o.type&&!o.icon},e.unref(t).is("center",o.center),e.unref(t).is("closable",o.showClose),o.customClass]),style:e.normalizeStyle(z.value),role:"alert",onMouseenter:d,onMouseleave:c},[u.value?.icon?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(t).e("icon"),w.value])},[e.createVNode(e.unref(p.VftIcon),e.normalizeProps(e.guardReactiveProps(u.value)),null,16)],2)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default",{},()=>[o.dangerouslyUseHTMLString?(e.openBlock(),e.createElementBlock("p",{key:1,class:e.normalizeClass(e.unref(t).e("content")),innerHTML:o.message},null,10,V)):(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(e.unref(t).e("content"))},e.toDisplayString(o.message),3))]),o.showClose?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(t).e("closeBtn")),onClick:e.withModifiers(r,["stop"])},[e.createVNode(e.unref(p.VftIcon),{icon:"icon-circle-close"})],2)):e.createCommentVNode("",!0)],46,N),[[e.vShow,s.value]])]),_:3},8,["name","onBeforeLeave"]))}});exports.default=I;

package/lib/components/message/method.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("@vft/utils"),d=require("vue");require("../config-provider/index.cjs");const q=require("@vueuse/core"),_=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const c=require("./instance.cjs"),y=require("./message.vue2.cjs"),f=require("./types.cjs"),m=require("../config-provider/constants.cjs");let T=1;const h=e=>{const s=!e||i.isString(e)||d.isVNode(e)||i.isFunction(e)?{message:e}:e,n={...f.messageDefaults,...s};if(!n.appendTo)n.appendTo=document.body;else if(i.isString(n.appendTo)){let t=document.querySelector(n.appendTo);i.isElement(t)||(_.debugWarn("VftMessage","the appendTo option is not an HTMLElement. Falling back to document.body."),t=document.body),n.appendTo=t}return n},b=e=>{const s=c.instances.indexOf(e);if(s===-1)return;c.instances.splice(s,1);const{handler:n}=e;n.close()},x=({appendTo:e,...s},n)=>{const t=`message_${T++}`,r=s.onClose,a=document.createElement("div"),o={...s,id:t,onClose:()=>{r==null||r(),b(g)},onDestroy:()=>{d.render(null,a)}},u=d.createVNode(y.default,o,i.isFunction(o.message)||d.isVNode(o.message)?{default:i.isFunction(o.message)?o.message:()=>o.message}:null);u.appContext=n||l._context,d.render(u,a),e.appendChild(a.firstElementChild);const p=u.component,g={id:t,vnode:u,vm:p,handler:{close:()=>{p.exposed.visible.value=!1}},props:u.component.props};return g},l=(e={},s)=>{if(!q.isClient)return{close:()=>{}};if(i.isNumber(m.messageConfig.max)&&c.instances.length>=m.messageConfig.max)return{close:()=>{}};const n=h(e);if(n.grouping&&c.instances.length){const r=c.instances.find(({vnode:a})=>{var o;return((o=a.props)==null?void 0:o.message)===n.message});if(r)return r.props.repeatNum+=1,r.props.type=n.type,r.handler}const t=x(n,s);return c.instances.push(t),t.handler};f.messageTypes.forEach(e=>{l[e]=(s={},n)=>{const t=h(s);return l({...t,type:e},n)}});function v(e){for(const s of c.instances)(!e||e===s.props.type)&&s.handler.close()}l.closeAll=v;l._context=null;exports.closeAll=v;exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("@vft/utils"),d=require("vue");require("../config-provider/index.cjs");const q=require("@vueuse/core"),_=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const r=require("./instance.cjs"),y=require("./message.vue2.cjs"),f=require("./types.cjs"),m=require("../config-provider/constants.cjs");let T=1;const h=e=>{const s=!e||t.isString(e)||d.isVNode(e)||t.isFunction(e)?{message:e}:e,n={...f.messageDefaults,...s};if(!n.appendTo)n.appendTo=document.body;else if(t.isString(n.appendTo)){let o=document.querySelector(n.appendTo);t.isElement(o)||(_.debugWarn("VftMessage","the appendTo option is not an HTMLElement. Falling back to document.body."),o=document.body),n.appendTo=o}return n},b=e=>{const s=r.instances.indexOf(e);if(s===-1)return;r.instances.splice(s,1);const{handler:n}=e;n.close()},C=({appendTo:e,...s},n)=>{const o=`message_${T++}`,i=s.onClose,a=document.createElement("div"),c={...s,id:o,onClose:()=>{i?.(),b(g)},onDestroy:()=>{d.render(null,a)}},u=d.createVNode(y.default,c,t.isFunction(c.message)||d.isVNode(c.message)?{default:t.isFunction(c.message)?c.message:()=>c.message}:null);u.appContext=n||l._context,d.render(u,a),e.appendChild(a.firstElementChild);const p=u.component,g={id:o,vnode:u,vm:p,handler:{close:()=>{p.exposed.visible.value=!1}},props:u.component.props};return g},l=(e={},s)=>{if(!q.isClient)return{close:()=>{}};if(t.isNumber(m.messageConfig.max)&&r.instances.length>=m.messageConfig.max)return{close:()=>{}};const n=h(e);if(n.grouping&&r.instances.length){const i=r.instances.find(({vnode:a})=>a.props?.message===n.message);if(i)return i.props.repeatNum+=1,i.props.type=n.type,i.handler}const o=C(n,s);return r.instances.push(o),o.handler};f.messageTypes.forEach(e=>{l[e]=(s={},n)=>{const o=h(s);return l({...o,type:e},n)}});function v(e){for(const s of r.instances)(!e||e===s.props.type)&&s.handler.close()}l.closeAll=v;l._context=null;exports.closeAll=v;exports.default=l;