vft 0.0.149 → 0.0.151

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

@@ -15,73 +15,11 @@ export interface MenuItemProps {
     reverse?: boolean;
     [key: string]: any;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    [x: string]: {
-        type: globalThis.PropType<any>;
-    };
-    index: {
-        type: globalThis.PropType<string>;
-    };
-    route: {
-        type: globalThis.PropType<RouteLocationRaw>;
-    };
-    disabled: {
-        type: globalThis.PropType<boolean>;
-    };
-    icon: {
-        type: globalThis.PropType<string | IconProps>;
-    };
-    title: {
-        type: globalThis.PropType<string | number>;
-    };
-    isAloneUse: {
-        type: globalThis.PropType<boolean>;
-    };
-    divider: {
-        type: globalThis.PropType<boolean>;
-    };
-    className: {
-        type: globalThis.PropType<string>;
-    };
-    reverse: {
-        type: globalThis.PropType<boolean>;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<MenuItemProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (...args: any[]) => void;
     mouseenter: (...args: any[]) => void;
     mouseleave: (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    [x: string]: {
-        type: globalThis.PropType<any>;
-    };
-    index: {
-        type: globalThis.PropType<string>;
-    };
-    route: {
-        type: globalThis.PropType<RouteLocationRaw>;
-    };
-    disabled: {
-        type: globalThis.PropType<boolean>;
-    };
-    icon: {
-        type: globalThis.PropType<string | IconProps>;
-    };
-    title: {
-        type: globalThis.PropType<string | number>;
-    };
-    isAloneUse: {
-        type: globalThis.PropType<boolean>;
-    };
-    divider: {
-        type: globalThis.PropType<boolean>;
-    };
-    className: {
-        type: globalThis.PropType<string>;
-    };
-    reverse: {
-        type: globalThis.PropType<boolean>;
-    };
-}>> & {
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MenuItemProps>>> & {
     onClick?: ((...args: any[]) => any) | undefined;
     onMouseenter?: ((...args: any[]) => any) | undefined;
     onMouseleave?: ((...args: any[]) => any) | undefined;
@@ -90,6 +28,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

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("../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 y=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 I=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("../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("../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");const m=require("../../hooks/use-namespace/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 P=require("./use-menu.cjs"),S=["title"],q=m.useNamespace("menu-item"),j=e.defineComponent({name:q.b(),inheritAttrs:!1}),x=e.defineComponent({...j,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:a}){const f=e.getCurrentInstance(),$=e.useAttrs(),U=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}=P.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}),h=()=>{i.disabled||(r==null||r.handleMenuItemClick({...$,index:i.index,indexPath:k.value,route:i.route}),a("click",t))},o=e.computed(()=>d.singleAttrToObj(i.icon,"icon")),E=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,b,C,N,g;return e.openBlock(),e.createElementBlock(e.Fragment,null,[u.reverse&&u.divider?(e.openBlock(),e.createBlock(e.unref(y.VftDivider),{key:0,marginY:"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:h},[((b=(p=e.unref(v))==null?void 0:p.type)==null?void 0:b.name)==="vft-menu"&&((C=e.unref(r))!=null&&C.props.collapse)&&u.$slots.title?(e.openBlock(),e.createBlock(e.unref(I.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(U).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},[(g=o.value)!=null&&g.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:E.value},null,8,["content"])],10,S)],64))],64))],34),!u.reverse&&u.divider?(e.openBlock(),e.createBlock(e.unref(y.VftDivider),{key:1,marginY:"0"})):e.createCommentVNode("",!0)],64)}}});exports.default=x;
+"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("../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("../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("../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");const m=require("../../hooks/use-namespace/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 S=require("./use-menu.cjs"),j=["title"],q=m.useNamespace("menu-item"),x=e.defineComponent({name:q.b(),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 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,b,C,N;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"&&((b=e.unref(r))!=null&&b.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},[(C=u.$slots)!=null&&C.default?e.renderSlot(u.$slots,"default",{key:0}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[(N=o.value)!=null&&N.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;

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

@@ -22,38 +22,7 @@ export interface MenuProps {
     ellipsis?: boolean;
     horizontalMenuProps?: Partial<SubMenuProps>;
 }
-declare const _default: import("vue").DefineComponent<{
-    mode: {
-        type: globalThis.PropType<"vertical" | "horizontal">;
-    };
-    defaultActive: {
-        type: globalThis.PropType<string>;
-    };
-    defaultOpeneds: {
-        type: globalThis.PropType<string[]>;
-    };
-    uniqueOpened: {
-        type: globalThis.PropType<boolean>;
-    };
-    router: {
-        type: globalThis.PropType<boolean>;
-    };
-    menuTrigger: {
-        type: globalThis.PropType<"click" | "hover">;
-    };
-    collapse: {
-        type: globalThis.PropType<boolean>;
-    };
-    collapseTransition: {
-        type: globalThis.PropType<boolean>;
-    };
-    ellipsis: {
-        type: globalThis.PropType<boolean>;
-    };
-    horizontalMenuProps: {
-        type: globalThis.PropType<Partial<SubMenuProps>>;
-    };
-}, {
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<MenuProps>, {
     open: (index: string) => void;
     close: (index: string, indexPath: string[], e?: Event | undefined) => void;
     handleResize: () => void;
@@ -73,38 +42,7 @@ declare const _default: import("vue").DefineComponent<{
         indexPath: string[];
         event?: Event | undefined;
     }) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    mode: {
-        type: globalThis.PropType<"vertical" | "horizontal">;
-    };
-    defaultActive: {
-        type: globalThis.PropType<string>;
-    };
-    defaultOpeneds: {
-        type: globalThis.PropType<string[]>;
-    };
-    uniqueOpened: {
-        type: globalThis.PropType<boolean>;
-    };
-    router: {
-        type: globalThis.PropType<boolean>;
-    };
-    menuTrigger: {
-        type: globalThis.PropType<"click" | "hover">;
-    };
-    collapse: {
-        type: globalThis.PropType<boolean>;
-    };
-    collapseTransition: {
-        type: globalThis.PropType<boolean>;
-    };
-    ellipsis: {
-        type: globalThis.PropType<boolean>;
-    };
-    horizontalMenuProps: {
-        type: globalThis.PropType<Partial<SubMenuProps>>;
-    };
-}>> & {
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MenuProps>>> & {
     onSelect?: ((menuItem: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => any) | undefined;
     onClose?: ((val: {
         index: string;
@@ -120,3 +58,12 @@ declare const _default: import("vue").DefineComponent<{
     "onSub-menu-click"?: ((val: any) => any) | undefined;
 }, {}, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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"),H=require("../icon/index.cjs"),J=require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash");const K=require("../../utils/vue/vnode.cjs"),w=require("../../hooks/use-namespace/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"),p=w.useNamespace("menu"),_=n.defineComponent({name:p.b()}),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:{}},emits:["update:collapse","sub-menu-click","select","close","open"],setup(u,{expose:B,emit:m}){const x=n.useSlots(),h=n.getCurrentInstance(),I=h.appContext.config.globalProperties.$router,i=n.ref(),O=w.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&&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})},E=({e,index:t,indexPath:l})=>{s.value.includes(t)?y(t,l,e):g(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(!(C.isNullOrUndefined(t)||C.isNullOrUndefined(l))){if(u.router&&I){const o=e.route||t,v=I.push(o).then(c=>(c||(a.value=t),c));m("select",e,v)}else a.value=t,m("select",e);C.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},$=()=>{var d;if(!i.value)return-1;const e=Array.from(((d=i.value)==null?void 0:d.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),v=i.value.clientWidth-l-o;let c=0,b=0;return e.forEach((q,G)=>{c+=q.offsetWidth||0,c<=v-t&&(b=G+1)}),b===e.length?-1:b},D=(e,t=33.34)=>{let l;return()=>{l&&clearTimeout(l),l=setTimeout(()=>{e()},t)}};let T=!0;const z=()=>{const e=()=>{f.value=-1,n.nextTick(()=>{f.value=$()})};T?e():D(e)(),T=!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 S;n.watchEffect(()=>{u.mode==="horizontal"&&u.ellipsis?S=J.useResizeObserver(i,z).stop:S==null||S()});const N=e=>{M.value[e.index]=e},P=e=>{delete M.value[e.index]},L=e=>{r.value[e.index]=e},U=e=>{delete r.value[e.index]},k=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:k,inSubMenuMouseEnterTimer:j,inSubMenuMouseleaveTimer:F,addMenuItem:L,removeMenuItem:U,addSubMenu:N,removeSubMenu:P,openMenu:g,closeMenu:y,handleMenuItemClick:W,handleSubMenuClick:E})),n.provide(`subMenu:${h.uid}`,{addSubMenu:N,removeSubMenu:P,mouseInChild:n.ref(!1),level:0}),n.onMounted(()=>{u.mode==="horizontal"&&new Z.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 v;let e=((v=x.default)==null?void 0:v.call(x))??[];const t=[];if(u.mode==="horizontal"&&i.value){const c=K.flattedChildren(e),b=f.value===-1?c:c.slice(0,f.value),d=f.value===-1?[]:c.slice(f.value);d!=null&&d.length&&u.ellipsis&&(e=b,t.push(n.h(X.default,{index:"sub-menu-more",class:O.e("hide-arrow"),...u.horizontalMenuProps},{title:()=>n.h(H.VftIcon,{icon:"icon-menu-line",class:O.e("icon-more")}),default:()=>d})))}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;
+"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");const Q=require("../../utils/vue/vnode.cjs"),w=require("../../hooks/use-namespace/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"),p=w.useNamespace("menu"),ee=n.defineComponent({name:p.b()}),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,x=n.useSlots(),h=n.getCurrentInstance(),I=h.appContext.config.globalProperties.$router,i=n.ref(),O=w.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({}),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})=>{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,v=I.push(o).then(c=>(c||(a.value=t),c));m("select",e,v)}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 d;if(!i.value)return-1;const e=Array.from(((d=i.value)==null?void 0:d.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),v=i.value.clientWidth-l-o;let c=0,b=0;return e.forEach((q,H)=>{c+=q.offsetWidth||0,c<=v-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=()=>{f.value=-1,n.nextTick(()=>{f.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 v;let e=((v=x.default)==null?void 0:v.call(x))??[];const t=[];if(u.mode==="horizontal"&&i.value){const c=Q.flattedChildren(e),b=f.value===-1?c:c.slice(0,f.value),d=f.value===-1?[]:c.slice(f.value);d!=null&&d.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:()=>d})))}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;

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

@@ -16,101 +16,22 @@ export interface SubMenuProps {
     teleported?: boolean;
     [key: string]: any;
 }
-declare const _default: import("vue").DefineComponent<{
-    [x: string]: {
-        type: globalThis.PropType<any>;
-    };
-    index: {
-        type: globalThis.PropType<string>;
-        required: true;
-    };
-    showTimeout: {
-        type: globalThis.PropType<number>;
-    };
-    hideTimeout: {
-        type: globalThis.PropType<number>;
-    };
-    popperClass: {
-        type: globalThis.PropType<ClassType>;
-    };
-    disabled: {
-        type: globalThis.PropType<boolean>;
-    };
-    popperOffset: {
-        type: globalThis.PropType<number>;
-    };
-    expandIcon: {
-        type: globalThis.PropType<string | IconProps>;
-    };
-    collapseIcon: {
-        type: globalThis.PropType<string | IconProps>;
-    };
-    title: {
-        type: globalThis.PropType<string>;
-    };
-    icon: {
-        type: globalThis.PropType<string | IconProps>;
-    };
-    showArrow: {
-        type: globalThis.PropType<boolean>;
-    };
-    toolTipCfg: {
-        type: globalThis.PropType<ToolTipProps>;
-    };
-    teleported: {
-        type: globalThis.PropType<boolean>;
-    };
-}, {
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<SubMenuProps>, {
     opened: globalThis.ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     mouseenter: (event: MouseEvent | FocusEvent) => void;
     mouseleave: (event: MouseEvent) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    [x: string]: {
-        type: globalThis.PropType<any>;
-    };
-    index: {
-        type: globalThis.PropType<string>;
-        required: true;
-    };
-    showTimeout: {
-        type: globalThis.PropType<number>;
-    };
-    hideTimeout: {
-        type: globalThis.PropType<number>;
-    };
-    popperClass: {
-        type: globalThis.PropType<ClassType>;
-    };
-    disabled: {
-        type: globalThis.PropType<boolean>;
-    };
-    popperOffset: {
-        type: globalThis.PropType<number>;
-    };
-    expandIcon: {
-        type: globalThis.PropType<string | IconProps>;
-    };
-    collapseIcon: {
-        type: globalThis.PropType<string | IconProps>;
-    };
-    title: {
-        type: globalThis.PropType<string>;
-    };
-    icon: {
-        type: globalThis.PropType<string | IconProps>;
-    };
-    showArrow: {
-        type: globalThis.PropType<boolean>;
-    };
-    toolTipCfg: {
-        type: globalThis.PropType<ToolTipProps>;
-    };
-    teleported: {
-        type: globalThis.PropType<boolean>;
-    };
-}>> & {
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SubMenuProps>>> & {
     onMouseenter?: ((event: MouseEvent | FocusEvent) => any) | undefined;
     onMouseleave?: ((event: MouseEvent) => any) | undefined;
 }, {}, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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("../col/index.cjs");const ee=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 re=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("../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("../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"),H=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash");const w=require("../../hooks/use-namespace/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 ue=require("./use-menu.cjs"),oe=require("./use-menu-css-var.cjs"),y=w.useNamespace("sub-menu"),te=e.defineComponent({name:y.b(),inheritAttrs:!1}),ne=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:L,emit:I}){const m=e.getCurrentInstance(),{indexPath:h,parentMenu:k}=ue.default(m,e.computed(()=>u.index)),s=w.useNamespace("menu"),a=w.useNamespace("sub-menu"),r=e.inject("rootMenu");r||H.throwError(y.b(),"can not inject root menu");const l=e.inject(`subMenu:${k.value.uid}`);l||H.throwError(y.b(),"can not inject sub menu");const x=e.ref({});let c;const z=e.ref(!1),U=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),Z=e.computed(()=>r.props.collapse?`${s.namespace.value}-zoom-in-left`:`${s.namespace.value}-zoom-in-top`),G=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=oe.useMenuCssVar(r.props,l.level+1),O=e.computed(()=>p.value!=="horizontal"?{color:$.value}:{borderBottomColor:q.value?r.props.activeTextColor?P.value:"":"transparent",color:q.value?P.value:$.value}),J=()=>{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()},K=o=>{o||J()},F=o=>{if(r.props.menuTrigger==="hover"&&r.props.mode==="horizontal"&&!b.isMobile()||r.props.collapse&&r.props.mode==="vertical"||u.disabled)return;const i={e:o,index:u.index,indexPath:h.value,active:q.value};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)))},Q=()=>{r.inSubMenuMouseEnterTimer&&clearTimeout(r.inSubMenuMouseEnterTimer),r.inSubMenuMouseleaveTimer&&clearTimeout(r.inSubMenuMouseleaveTimer),r.inSubMenuMouseEnterTimer=setTimeout(()=>{r.inSubMenu=!0},u.showTimeout+10)},W=()=>{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=>K(!!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})}L({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")),X=e.computed(()=>b.singleAttrToObj(u.expandIcon,"icon")),Y=e.computed(()=>b.singleAttrToObj(u.collapseIcon,"icon")),_=e.computed(()=>p.value==="horizontal"&&T.value||p.value==="vertical"&&!r.props.collapse?{icon:"icon-arrow-down",size:20,...X.value}:{icon:"icon-arrow-right",size:18,...Y.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"),..._.value,style:{transform:d.value?"rotateZ(180deg)":"none"}}):!1],i=r.isMenuPopup?e.h(re.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:G.value,transition:Z.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:[O.value,{backgroundColor:j.value}],onMouseenter:t=>f(t),onMouseleave:t=>g(t,!0),onClick:t=>F(t)},o)}):e.h(e.Fragment,{},[N.value?e.h("div",{class:a.e("title"),style:[O.value,{backgroundColor:j.value}],ref:U,onClick:F},o):null,e.h(ee.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:[Q,t=>f(t)],onMouseleave:[W,t=>g(t,!0)],onFocus:f},[i])}}});exports.default=ne;
+"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("../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("../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("../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"),H=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash");const w=require("../../hooks/use-namespace/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"),y=w.useNamespace("sub-menu"),ne=e.defineComponent({name:y.b(),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:L,emit:U}){const 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||H.throwError(y.b(),"can not inject root menu");const l=e.inject(`subMenu:${k.value.uid}`);l||H.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),O=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()},F=o=>{if(r.props.menuTrigger==="hover"&&r.props.mode==="horizontal"&&!b.isMobile()||r.props.collapse&&r.props.mode==="vertical"||u.disabled)return;const i={e:o,index:u.index,indexPath:h.value,active:q.value};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})}L({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:[O.value,{backgroundColor:j.value}],onMouseenter:t=>f(t),onMouseleave:t=>g(t,!0),onClick:t=>F(t)},o)}):e.h(e.Fragment,{},[N.value?e.h("div",{class:a.e("title"),style:[O.value,{backgroundColor:j.value}],ref:Z,onClick:F},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;

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

@@ -17,120 +17,27 @@ export interface MessageProps {
     repeatNum?: number;
 }
 declare function close(): void;
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    customClass: {
-        type: globalThis.PropType<string>;
-    };
-    center: {
-        type: globalThis.PropType<boolean>;
-    };
-    dangerouslyUseHTMLString: {
-        type: globalThis.PropType<boolean>;
-    };
-    duration: {
-        type: globalThis.PropType<number>;
-        required: true;
-    };
-    icon: {
-        type: globalThis.PropType<string>;
-    };
-    id: {
-        type: globalThis.PropType<string>;
-        required: true;
-    };
-    message: {
-        type: globalThis.PropType<string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }> | (() => VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>)>;
-    };
-    onClose: {
-        type: globalThis.PropType<Function>;
-    };
-    showClose: {
-        type: globalThis.PropType<boolean>;
-    };
-    type: {
-        type: globalThis.PropType<MessageType>;
-        required: true;
-    };
-    offset: {
-        type: globalThis.PropType<number>;
-        required: true;
-    };
-    zIndex: {
-        type: globalThis.PropType<number>;
-    };
-    grouping: {
-        type: globalThis.PropType<boolean>;
-    };
-    repeatNum: {
-        type: globalThis.PropType<number>;
-    };
-}, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<MessageProps>, {
     visible: globalThis.Ref<boolean>;
     bottom: globalThis.ComputedRef<number>;
     close: typeof close;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     destroy: (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    customClass: {
-        type: globalThis.PropType<string>;
-    };
-    center: {
-        type: globalThis.PropType<boolean>;
-    };
-    dangerouslyUseHTMLString: {
-        type: globalThis.PropType<boolean>;
-    };
-    duration: {
-        type: globalThis.PropType<number>;
-        required: true;
-    };
-    icon: {
-        type: globalThis.PropType<string>;
-    };
-    id: {
-        type: globalThis.PropType<string>;
-        required: true;
-    };
-    message: {
-        type: globalThis.PropType<string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }> | (() => VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>)>;
-    };
-    onClose: {
-        type: globalThis.PropType<Function>;
-    };
-    showClose: {
-        type: globalThis.PropType<boolean>;
-    };
-    type: {
-        type: globalThis.PropType<MessageType>;
-        required: true;
-    };
-    offset: {
-        type: globalThis.PropType<number>;
-        required: true;
-    };
-    zIndex: {
-        type: globalThis.PropType<number>;
-    };
-    grouping: {
-        type: globalThis.PropType<boolean>;
-    };
-    repeatNum: {
-        type: globalThis.PropType<number>;
-    };
-}>> & {
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MessageProps>>> & {
     onDestroy?: ((...args: any[]) => any) | undefined;
 }, {}, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

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"),T=require("@vft/use"),N=require("@vft/utils"),g=require("../icon/index.cjs"),v=require("@vueuse/core");require("../config-provider/index.cjs");const y=require("./instance.cjs"),O=require("../config-provider/hooks/use-global-config.cjs"),V=["id"],I=["innerHTML"],R=["onClick"],H=e.defineComponent({__name:"message",props:{customClass:{},center:{type:Boolean},dangerouslyUseHTMLString:{type:Boolean},duration:{},icon:{},id:{},message:{type:[String,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}=O.useGlobalComponentSettings("message"),{currentZIndex:h,nextZIndex:w}=B,c=e.ref(),s=e.ref(!1),u=e.ref(0);let r;const b=new Map([["success",{icon:"icon-success-filled"}],["error",{icon:"icon-circle-close-filled"}],["warning",{icon:"icon-warning-filled"}]]),f=e.computed(()=>(n.icon?N.isObject(n.icon)?n.icon:{icon:n.icon}:"")||b.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:h.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(),w(),s.value=!0}),e.watch(()=>n.repeatNum,()=>{m(),l()}),T.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"})],10,R)):e.createCommentVNode("",!0)],46,V),[[e.vShow,s.value]])]}),_:3},8,["name","onBeforeLeave"]))}});exports.default=H;
+"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;