vft 0.0.374 → 0.0.375

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

@@ -1 +1,314 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("@vft/utils"),ee=require("../tooltip/index.cjs"),V=require("../icon/index.cjs"),te=require("../collapse-transition/index.cjs"),N=require("@vueuse/core"),R=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const x=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const oe=require("./use-menu.cjs"),ne=require("./use-menu-css-var.cjs"),ue=e.defineComponent({name:"vft-sub-menu",inheritAttrs:!1}),le=e.defineComponent({...ue,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(o,{expose:D,emit:L}){const S=x.useNamespace("sub-menu"),w=L,d=e.getCurrentInstance(),{indexPath:f,parentMenu:y}=oe.default(d,e.computed(()=>o.index)),a=x.useNamespace("menu"),l=x.useNamespace("sub-menu"),t=e.inject("rootMenu");t||R.throwError(S.b(),"can not inject root menu");const r=e.inject(`subMenu:${y.value.uid}`);r||R.throwError(S.b(),"can not inject sub menu");const C=e.ref({});let M;const q=e.ref(!1),H=e.ref(),I=e.ref(null),k=e.computed(()=>c.value==="horizontal"&&b.value?"bottom-start":"right-start"),b=e.computed(()=>r.level===0),g=e.computed(()=>o.teleported===void 0?b.value:o.teleported),U=e.computed(()=>t.props.collapse?`${a.namespace.value}-zoom-in-left`:`${a.namespace.value}-zoom-in-top`),Z=e.computed(()=>c.value==="horizontal"&&b.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"]),i=e.computed(()=>t.openedMenus.includes(o.index)),p=e.computed(()=>{let n=!1;return Object.values(C.value).forEach(s=>{s.active&&(n=!0)}),o.index===t.activeIndex&&(n=!0),n}),z=e.computed(()=>t.props.backgroundColor||""),E=e.computed(()=>t.props.activeTextColor||""),A=e.computed(()=>t.props.textColor||""),c=e.computed(()=>t.props.mode),G=e.computed(()=>t.props.persistent),h=e.reactive({index:o.index,indexPath:f,active:p}),j=ne.useMenuCssVar(t.props,r.level+1),P=e.computed(()=>c.value!=="horizontal"?{color:A.value}:{borderBottomColor:p.value?t.props.activeTextColor?E.value:"":"transparent",color:p.value?E.value:A.value}),J=()=>I.value?.popperRef?.popperInstanceRef?.destroy(),K=n=>{n||J()},$=n=>{const s={e:n,index:o.index,indexPath:f.value,active:p.value};if(t.props.menuTrigger==="hover"&&t.props.mode==="horizontal"&&!m.isMobile()||t.props.collapse&&t.props.mode==="vertical"||o.disabled){t.handleSubMenuClick({...s,isFirstLevel:!0});return}t.handleSubMenuClick(s)},v=(n,s=o.showTimeout)=>{n.type!=="focus"&&(t.props.menuTrigger==="click"&&t.props.mode==="horizontal"||!t.props.collapse&&t.props.mode==="vertical"||o.disabled||(r.mouseInChild.value=!0,M?.(),{stop:M}=N.useTimeoutFn(()=>{t.openMenu(o.index,f.value)},s),g.value&&y.value.vnode.el?.dispatchEvent(new MouseEvent("mouseenter")),w("mouseenter",n)))},Q=()=>{t.inSubMenuMouseEnterTimer&&clearTimeout(t.inSubMenuMouseEnterTimer),t.inSubMenuMouseleaveTimer&&clearTimeout(t.inSubMenuMouseleaveTimer),t.inSubMenuMouseEnterTimer=setTimeout(()=>{t.inSubMenu=!0},o.showTimeout+10)},W=()=>{t.inSubMenuMouseEnterTimer&&clearTimeout(t.inSubMenuMouseEnterTimer),t.inSubMenuMouseleaveTimer&&clearTimeout(t.inSubMenuMouseleaveTimer),t.inSubMenuMouseleaveTimer=setTimeout(()=>{t.inSubMenu=!1},o.hideTimeout-10)},T=(n,s=!1)=>{t.props.menuTrigger==="click"&&t.props.mode==="horizontal"||!t.props.collapse&&t.props.mode==="vertical"||(M?.(),r.mouseInChild.value=!1,{stop:M}=N.useTimeoutFn(()=>{!q.value&&t.closeMenu(o.index,f.value)},o.hideTimeout),g.value&&s&&d.parent?.type.name==="vft-sub-menu"&&r.handleMouseleave?.(n,!0),w("mouseleave",n))};e.watch(()=>t.props.collapse,n=>K(!!n));{const n=u=>{C.value[u.index]=u},s=u=>{delete C.value[u.index]};e.provide(`subMenu:${d.uid}`,{addSubMenu:n,removeSubMenu:s,handleMouseleave:T,mouseInChild:q,level:r.level+1})}D({opened:i}),e.onMounted(()=>{t.addSubMenu(h),r.addSubMenu(h)}),e.onBeforeUnmount(()=>{r.removeSubMenu(h),t.removeSubMenu(h)});const B=e.useSlots(),F=e.computed(()=>m.singleAttrToObj(o.icon,"icon")),X=e.computed(()=>m.singleAttrToObj(o.expandIcon,"icon")),Y=e.computed(()=>m.singleAttrToObj(o.collapseIcon,"icon")),_=e.computed(()=>c.value==="horizontal"&&b.value||c.value==="vertical"&&!t.props.collapse?{icon:"icon-arrow-down",size:20,...X.value}:{icon:"icon-arrow-right",size:18,...Y.value}),O=e.computed(()=>m.renderTNode(d,"title"));return()=>{const n=[F.value?.icon?e.h(V.VftIcon,{...F.value}):null,e.h("span",{class:[l.e("text"),l.is("arrow",o.showArrow)],title:d.props.title},O.value),o.showArrow?e.h(V.VftIcon,{class:l.e("icon-arrow"),..._.value,style:{transform:i.value?"rotateZ(180deg)":"none"}}):!1],s=t.isMenuPopup?e.h(ee.VftTooltip,{ref:I,visible:i.value,effect:"light",pure:!0,offset:o.popperOffset,showArrow:!1,persistent:G.value,popperClass:o.popperClass,placement:k.value,teleported:g.value,fallbackPlacements:Z.value,transition:U.value,gpuAcceleration:!1,...o.toolTipCfg},{content:()=>e.h("div",{class:[a.m(c.value),a.m("popup-container"),o.popperClass],onMouseenter:u=>v(u,100),onMouseleave:u=>T(u,!0),onFocus:u=>v(u,100)},[e.h("ul",{class:[a.b(),a.m("popup"),a.m(`popup-${k.value}`)],style:j.value},[B.default?.()])]),default:()=>e.h("div",{class:l.e("title"),style:[P.value,{backgroundColor:z.value}],onMouseenter:u=>v(u),onMouseleave:u=>T(u,!0),onClick:u=>$(u)},n)}):e.h(e.Fragment,{},[O.value?e.h("div",{class:l.e("title"),style:[P.value,{backgroundColor:z.value}],ref:H,onClick:$},n):null,e.h(te.VftCollapseTransition,{},{default:()=>e.withDirectives(e.h("ul",{role:"menu",class:[a.b(),a.m("inline")],style:j.value},[B.default?.()]),[[e.vShow,i.value]])})]);return e.h("li",{class:[l.b(),l.is("active",p.value),l.e(String(r.level)),l.is("in-popup",r.level!==0),l.is("opened",i.value),l.is("arrow",!0),l.is("disabled",o.disabled)],role:"menuitem",ariaHaspopup:!0,ariaExpanded:i.value,onMouseenter:[Q,u=>v(u)],onMouseleave:[W,u=>T(u,!0)],onFocus:v},[s])}}});exports.default=le;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const utils = require("@vft/utils");
+const index$2 = require("../tooltip/index.cjs");
+const index$1 = require("../icon/index.cjs");
+const index$3 = require("../collapse-transition/index.cjs");
+const core = require("@vueuse/core");
+const error = require("../../utils/error.cjs");
+require("../config-provider/hooks/use-global-config.cjs");
+require("lodash-es");
+const index = require("../../hooks/use-namespace/index.cjs");
+require("../../hooks/use-model-toggle/index.cjs");
+require("@popperjs/core");
+require("../../hooks/use-z-index/index.cjs");
+const useMenu = require("./use-menu.cjs");
+const useMenuCssVar = require("./use-menu-css-var.cjs");
+const __default__ = vue.defineComponent({
+  name: "vft-sub-menu",
+  inheritAttrs: false
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  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: true
+    },
+    toolTipCfg: {},
+    teleported: {
+      type: Boolean,
+      default: void 0
+    }
+  },
+  emits: ["mouseenter", "mouseleave"],
+  setup(__props, {
+    expose: __expose,
+    emit: __emit
+  }) {
+    const ns = index.useNamespace("sub-menu");
+    const emit = __emit;
+    const instance = vue.getCurrentInstance();
+    const {
+      indexPath,
+      parentMenu
+    } = useMenu.default(instance, vue.computed(() => __props.index));
+    const nsMenu = index.useNamespace("menu");
+    const nsSubMenu = index.useNamespace("sub-menu");
+    const rootMenu = vue.inject("rootMenu");
+    if (!rootMenu) error.throwError(ns.b(), "can not inject root menu");
+    const subMenu = vue.inject(`subMenu:${parentMenu.value.uid}`);
+    if (!subMenu) error.throwError(ns.b(), "can not inject sub menu");
+    const subMenus = vue.ref({});
+    let timeout;
+    const mouseInChild = vue.ref(false);
+    const verticalTitleRef = vue.ref();
+    const vPopper = vue.ref(null);
+    const currentPlacement = vue.computed(() => mode.value === "horizontal" && isFirstLevel.value ? "bottom-start" : "right-start");
+    const isFirstLevel = vue.computed(() => {
+      return subMenu.level === 0;
+    });
+    const appendToBody = vue.computed(() => __props.teleported === void 0 ? isFirstLevel.value : __props.teleported);
+    const menuTransitionName = vue.computed(() => rootMenu.props.collapse ? `${nsMenu.namespace.value}-zoom-in-left` : `${nsMenu.namespace.value}-zoom-in-top`);
+    const fallbackPlacements = vue.computed(() => mode.value === "horizontal" && isFirstLevel.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"]);
+    const opened = vue.computed(() => rootMenu.openedMenus.includes(__props.index));
+    const active = vue.computed(() => {
+      let isActive = false;
+      Object.values(subMenus.value).forEach((subItem) => {
+        if (subItem.active) {
+          isActive = true;
+        }
+      });
+      if (__props.index === rootMenu.activeIndex) {
+        isActive = true;
+      }
+      return isActive;
+    });
+    const backgroundColor = vue.computed(() => rootMenu.props.backgroundColor || "");
+    const activeTextColor = vue.computed(() => rootMenu.props.activeTextColor || "");
+    const textColor = vue.computed(() => rootMenu.props.textColor || "");
+    const mode = vue.computed(() => rootMenu.props.mode);
+    const persistent = vue.computed(() => rootMenu.props.persistent);
+    const item = vue.reactive({
+      index: __props.index,
+      indexPath,
+      active
+    });
+    const ulStyle = useMenuCssVar.useMenuCssVar(rootMenu.props, subMenu.level + 1);
+    const titleStyle = vue.computed(() => {
+      if (mode.value !== "horizontal") {
+        return {
+          color: textColor.value
+        };
+      }
+      return {
+        borderBottomColor: active.value ? rootMenu.props.activeTextColor ? activeTextColor.value : "" : "transparent",
+        color: active.value ? activeTextColor.value : textColor.value
+      };
+    });
+    const doDestroy = () => vPopper.value?.popperRef?.popperInstanceRef?.destroy();
+    const handleCollapseToggle = (value) => {
+      if (!value) {
+        doDestroy();
+      }
+    };
+    const handleClick = (e) => {
+      const data = {
+        e,
+        index: __props.index,
+        indexPath: indexPath.value,
+        active: active.value
+      };
+      if (rootMenu.props.menuTrigger === "hover" && rootMenu.props.mode === "horizontal" && !utils.isMobile() || rootMenu.props.collapse && rootMenu.props.mode === "vertical" || __props.disabled) {
+        rootMenu.handleSubMenuClick({
+          ...data,
+          isFirstLevel: true
+        });
+        return;
+      }
+      rootMenu.handleSubMenuClick(data);
+    };
+    const handleMouseenter = (event, _showTimeout = __props.showTimeout) => {
+      if (event.type === "focus") {
+        return;
+      }
+      if (rootMenu.props.menuTrigger === "click" && rootMenu.props.mode === "horizontal" || !rootMenu.props.collapse && rootMenu.props.mode === "vertical" || __props.disabled) {
+        return;
+      }
+      subMenu.mouseInChild.value = true;
+      timeout?.();
+      ({
+        stop: timeout
+      } = core.useTimeoutFn(() => {
+        rootMenu.openMenu(__props.index, indexPath.value);
+      }, _showTimeout));
+      if (appendToBody.value) {
+        parentMenu.value.vnode.el?.dispatchEvent(new MouseEvent("mouseenter"));
+      }
+      emit("mouseenter", event);
+    };
+    const handleSubMenuMouseenter = () => {
+      rootMenu.inSubMenuMouseEnterTimer && clearTimeout(rootMenu.inSubMenuMouseEnterTimer);
+      rootMenu.inSubMenuMouseleaveTimer && clearTimeout(rootMenu.inSubMenuMouseleaveTimer);
+      rootMenu.inSubMenuMouseEnterTimer = setTimeout(() => {
+        rootMenu.inSubMenu = true;
+      }, __props.showTimeout + 10);
+    };
+    const handleSubMenuMouseleave = () => {
+      rootMenu.inSubMenuMouseEnterTimer && clearTimeout(rootMenu.inSubMenuMouseEnterTimer);
+      rootMenu.inSubMenuMouseleaveTimer && clearTimeout(rootMenu.inSubMenuMouseleaveTimer);
+      rootMenu.inSubMenuMouseleaveTimer = setTimeout(() => {
+        rootMenu.inSubMenu = false;
+      }, __props.hideTimeout - 10);
+    };
+    const handleMouseleave = (event, deepDispatch = false) => {
+      if (rootMenu.props.menuTrigger === "click" && rootMenu.props.mode === "horizontal" || !rootMenu.props.collapse && rootMenu.props.mode === "vertical") {
+        return;
+      }
+      timeout?.();
+      subMenu.mouseInChild.value = false;
+      ({
+        stop: timeout
+      } = core.useTimeoutFn(() => {
+        !mouseInChild.value && rootMenu.closeMenu(__props.index, indexPath.value);
+      }, __props.hideTimeout));
+      if (appendToBody.value && deepDispatch) {
+        if (instance.parent?.type.name === "vft-sub-menu") {
+          subMenu.handleMouseleave?.(event, true);
+        }
+      }
+      emit("mouseleave", event);
+    };
+    vue.watch(() => rootMenu.props.collapse, (value) => handleCollapseToggle(Boolean(value)));
+    {
+      const addSubMenu = (item2) => {
+        subMenus.value[item2.index] = item2;
+      };
+      const removeSubMenu = (item2) => {
+        delete subMenus.value[item2.index];
+      };
+      vue.provide(`subMenu:${instance.uid}`, {
+        addSubMenu,
+        removeSubMenu,
+        handleMouseleave,
+        mouseInChild,
+        level: subMenu.level + 1
+      });
+    }
+    __expose({
+      opened
+    });
+    vue.onMounted(() => {
+      rootMenu.addSubMenu(item);
+      subMenu.addSubMenu(item);
+    });
+    vue.onBeforeUnmount(() => {
+      subMenu.removeSubMenu(item);
+      rootMenu.removeSubMenu(item);
+    });
+    const slots = vue.useSlots();
+    const _icon = vue.computed(() => utils.singleAttrToObj(__props.icon, "icon"));
+    const _expandIcon = vue.computed(() => utils.singleAttrToObj(__props.expandIcon, "icon"));
+    const _collapseIcon = vue.computed(() => utils.singleAttrToObj(__props.collapseIcon, "icon"));
+    const subMenuIcon = vue.computed(() => {
+      return mode.value === "horizontal" && isFirstLevel.value || mode.value === "vertical" && !rootMenu.props.collapse ? {
+        icon: "icon-arrow-down",
+        size: 20,
+        ..._expandIcon.value
+      } : {
+        icon: "icon-arrow-right",
+        size: 18,
+        ..._collapseIcon.value
+      };
+    });
+    const titleCon = vue.computed(() => utils.renderTNode(instance, "title"));
+    return () => {
+      const titleTag = [_icon.value?.icon ? vue.h(index$1.VftIcon, {
+        ..._icon.value
+      }) : null, vue.h("span", {
+        class: [nsSubMenu.e("text"), nsSubMenu.is("arrow", __props.showArrow)],
+        title: instance.props.title
+      }, titleCon.value), __props.showArrow ? vue.h(index$1.VftIcon, {
+        class: nsSubMenu.e("icon-arrow"),
+        ...subMenuIcon.value,
+        style: {
+          transform: opened.value ? "rotateZ(180deg)" : "none"
+        }
+      }) : false];
+      const child = rootMenu.isMenuPopup ? vue.h(index$2.VftTooltip, {
+        ref: vPopper,
+        visible: opened.value,
+        effect: "light",
+        pure: true,
+        offset: __props.popperOffset,
+        showArrow: false,
+        persistent: persistent.value,
+        popperClass: __props.popperClass,
+        placement: currentPlacement.value,
+        teleported: appendToBody.value,
+        fallbackPlacements: fallbackPlacements.value,
+        transition: menuTransitionName.value,
+        gpuAcceleration: false,
+        ...__props.toolTipCfg
+      }, {
+        content: () => vue.h("div", {
+          class: [nsMenu.m(mode.value), nsMenu.m("popup-container"), __props.popperClass],
+          onMouseenter: (evt) => handleMouseenter(evt, 100),
+          onMouseleave: (evt) => handleMouseleave(evt, true),
+          onFocus: (evt) => handleMouseenter(evt, 100)
+        }, [vue.h("ul", {
+          class: [nsMenu.b(), nsMenu.m("popup"), nsMenu.m(`popup-${currentPlacement.value}`)],
+          style: ulStyle.value
+        }, [slots.default?.()])]),
+        default: () => vue.h("div", {
+          class: nsSubMenu.e("title"),
+          style: [titleStyle.value, {
+            backgroundColor: backgroundColor.value
+          }],
+          onMouseenter: (e) => handleMouseenter(e),
+          onMouseleave: (e) => handleMouseleave(e, true),
+          onClick: (e) => handleClick(e)
+        }, titleTag)
+      }) : (
+        // 以下是无需 tooltip 渲染的组件，通常是侧边栏没有折叠的时候
+        vue.h(vue.Fragment, {}, [titleCon.value ? vue.h("div", {
+          class: nsSubMenu.e("title"),
+          style: [titleStyle.value, {
+            backgroundColor: backgroundColor.value
+          }],
+          ref: verticalTitleRef,
+          onClick: handleClick
+        }, titleTag) : null, vue.h(index$3.VftCollapseTransition, {}, {
+          default: () => vue.withDirectives(vue.h("ul", {
+            role: "menu",
+            class: [nsMenu.b(), nsMenu.m("inline")],
+            style: ulStyle.value
+          }, [slots.default?.()]), [[vue.vShow, opened.value]])
+        })])
+      );
+      return vue.h("li", {
+        class: [nsSubMenu.b(), nsSubMenu.is("active", active.value), nsSubMenu.e(String(subMenu.level)), nsSubMenu.is("in-popup", subMenu.level !== 0), nsSubMenu.is("opened", opened.value), nsSubMenu.is("arrow", true), nsSubMenu.is("disabled", __props.disabled)],
+        role: "menuitem",
+        ariaHaspopup: true,
+        ariaExpanded: opened.value,
+        onMouseenter: [handleSubMenuMouseenter, (e) => handleMouseenter(e)],
+        onMouseleave: [handleSubMenuMouseleave, (e) => handleMouseleave(e, true)],
+        onFocus: handleMouseenter
+      }, [child]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/menu/use-menu-css-var.cjs

@@ -1 +1,20 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const s=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const i=(n,e)=>{const r=s.useNamespace("menu");return u.computed(()=>r.cssVarBlock({level:`${e}`}))};exports.useMenuCssVar=i;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+require("@vueuse/core");
+require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+require("lodash-es");
+const index = require("../../hooks/use-namespace/index.cjs");
+require("../../hooks/use-model-toggle/index.cjs");
+require("@popperjs/core");
+require("../../hooks/use-z-index/index.cjs");
+const useMenuCssVar = (props, level) => {
+  const ns = index.useNamespace("menu");
+  return vue.computed(() => {
+    return ns.cssVarBlock({
+      level: `${level}`
+    });
+  });
+};
+exports.useMenuCssVar = useMenuCssVar;

package/lib/components/menu/use-menu.cjs

@@ -1 +1,28 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("vue");function a(t,r){const p=u.computed(()=>{let e=t.parent;const n=[r.value];for(;e.type.name!=="vft-menu";)e.props.index&&n.unshift(e.props.index),e=e.parent;return n});return{parentMenu:u.computed(()=>{let e=t.parent;for(;e&&!["vft-menu","vft-sub-menu"].includes(e.type.name);)e=e.parent;return e}),indexPath:p}}exports.default=a;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+function useMenu(instance, currentIndex) {
+  const indexPath = vue.computed(() => {
+    let parent = instance.parent;
+    const path = [currentIndex.value];
+    while (parent.type.name !== "vft-menu") {
+      if (parent.props.index) {
+        path.unshift(parent.props.index);
+      }
+      parent = parent.parent;
+    }
+    return path;
+  });
+  const parentMenu = vue.computed(() => {
+    let parent = instance.parent;
+    while (parent && !["vft-menu", "vft-sub-menu"].includes(parent.type.name)) {
+      parent = parent.parent;
+    }
+    return parent;
+  });
+  return {
+    parentMenu,
+    indexPath
+  };
+}
+exports.default = useMenu;

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

@@ -1 +1,18 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./menu-item.cjs");class r{constructor(e,t){this.domNode=e,this.init(t)}init(e){const t=this.domNode.childNodes;Array.from(t).forEach(o=>{o.nodeType===1&&new i.default(o,e)})}}exports.default=r;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const menuItem = require("./menu-item.cjs");
+class Menu {
+  constructor(domNode, namespace) {
+    this.domNode = domNode;
+    this.init(namespace);
+  }
+  init(namespace) {
+    const menuChildren = this.domNode.childNodes;
+    Array.from(menuChildren).forEach((child) => {
+      if (child.nodeType === 1) {
+        new menuItem.default(child, namespace);
+      }
+    });
+  }
+}
+exports.default = Menu;

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

@@ -1 +1,54 @@
-"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;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const utils = require("@vft/utils");
+const constants = require("@vft/constants");
+const submenu = require("./submenu.cjs");
+class MenuItem {
+  constructor(domNode, namespace) {
+    this.domNode = domNode;
+    this.submenu = null;
+    this.init(namespace);
+  }
+  submenu = null;
+  init(namespace) {
+    this.domNode.setAttribute("tabindex", "0");
+    const menuChild = this.domNode.querySelector(`.${namespace}-menu`);
+    if (menuChild) {
+      this.submenu = new submenu.default(this, menuChild);
+    }
+    this.addListeners();
+  }
+  addListeners() {
+    this.domNode.addEventListener("keydown", (event) => {
+      let prevDef = false;
+      switch (event.code) {
+        case constants.EVENT_CODE.down: {
+          utils.triggerEvent(event.currentTarget, "mouseenter");
+          this.submenu && this.submenu.gotoSubIndex(0);
+          prevDef = true;
+          break;
+        }
+        case constants.EVENT_CODE.up: {
+          utils.triggerEvent(event.currentTarget, "mouseenter");
+          this.submenu && this.submenu.gotoSubIndex(this.submenu.subMenuItems.length - 1);
+          prevDef = true;
+          break;
+        }
+        case constants.EVENT_CODE.tab: {
+          utils.triggerEvent(event.currentTarget, "mouseleave");
+          break;
+        }
+        case constants.EVENT_CODE.enter:
+        case constants.EVENT_CODE.space: {
+          prevDef = true;
+          event.currentTarget.click();
+          break;
+        }
+      }
+      if (prevDef) {
+        event.preventDefault();
+      }
+    });
+  }
+}
+exports.default = MenuItem;

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

@@ -1 +1,63 @@
-"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;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const utils = require("@vft/utils");
+const constants = require("@vft/constants");
+class SubMenu {
+  constructor(parent, domNode) {
+    this.parent = parent;
+    this.domNode = domNode;
+    this.subIndex = 0;
+    this.init();
+  }
+  subMenuItems;
+  subIndex = 0;
+  init() {
+    this.subMenuItems = this.domNode.querySelectorAll("li");
+    this.addListeners();
+  }
+  gotoSubIndex(idx) {
+    if (idx === this.subMenuItems.length) {
+      idx = 0;
+    } else if (idx < 0) {
+      idx = this.subMenuItems.length - 1;
+    }
+    this.subMenuItems[idx].focus();
+    this.subIndex = idx;
+  }
+  addListeners() {
+    const parentNode = this.parent.domNode;
+    Array.prototype.forEach.call(this.subMenuItems, (el) => {
+      el.addEventListener("keydown", (event) => {
+        let prevDef = false;
+        switch (event.code) {
+          case constants.EVENT_CODE.down: {
+            this.gotoSubIndex(this.subIndex + 1);
+            prevDef = true;
+            break;
+          }
+          case constants.EVENT_CODE.up: {
+            this.gotoSubIndex(this.subIndex - 1);
+            prevDef = true;
+            break;
+          }
+          case constants.EVENT_CODE.tab: {
+            utils.triggerEvent(parentNode, "mouseleave");
+            break;
+          }
+          case constants.EVENT_CODE.enter:
+          case constants.EVENT_CODE.space: {
+            prevDef = true;
+            event.currentTarget.click();
+            break;
+          }
+        }
+        if (prevDef) {
+          event.preventDefault();
+          event.stopPropagation();
+        }
+        return false;
+      });
+    });
+  }
+}
+exports.default = SubMenu;

package/lib/components/menu-item/style/css.cjs

@@ -1 +1,4 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-divider.css");require("vft/theme-style/vft-menu-item.css");
+"use strict";
+require("vft/theme-style/base.css");
+require("vft/theme-style/vft-divider.css");
+require("vft/theme-style/vft-menu-item.css");

package/lib/components/menu-item/style/index.cjs

@@ -1 +1,4 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/divider.scss");require("vft/theme-style/src/menu-item.scss");
+"use strict";
+require("vft/theme-style/src/base.scss");
+require("vft/theme-style/src/divider.scss");
+require("vft/theme-style/src/menu-item.scss");

package/lib/components/menu-item-group/style/css.cjs

@@ -1 +1,3 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-menu-item-group.css");
+"use strict";
+require("vft/theme-style/base.css");
+require("vft/theme-style/vft-menu-item-group.css");

package/lib/components/menu-item-group/style/index.cjs

@@ -1 +1,3 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/menu-item-group.scss");
+"use strict";
+require("vft/theme-style/src/base.scss");
+require("vft/theme-style/src/menu-item-group.scss");

package/lib/components/message/index.cjs

@@ -1 +1,16 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");const t=require("../../utils/vue/install.cjs");require("lodash-es");const r=require("./method.cjs"),s=require("./types.cjs"),e=t.withInstallFunction(r.default,"$message");exports.messageDefaults=s.messageDefaults;exports.messageTypes=s.messageTypes;exports.Message=e;exports.VftMessage=e;exports.default=e;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+require("@vueuse/core");
+require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+require("vue");
+const install = require("../../utils/vue/install.cjs");
+require("lodash-es");
+const method = require("./method.cjs");
+const types = require("./types.cjs");
+const VftMessage = install.withInstallFunction(method.default, "$message");
+exports.messageDefaults = types.messageDefaults;
+exports.messageTypes = types.messageTypes;
+exports.Message = VftMessage;
+exports.VftMessage = VftMessage;
+exports.default = VftMessage;

package/lib/components/message/instance.cjs

@@ -1 +1,26 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),n=i.shallowReactive([]),c=t=>{const e=n.findIndex(o=>o.id===t),r=n[e];let s;return e>0&&(s=n[e-1]),{current:r,prev:s}},a=t=>{const{prev:e}=c(t);return e?e.vm.exposed.bottom.value:0},f=(t,e)=>n.findIndex(s=>s.id===t)>0?20:e;exports.getInstance=c;exports.getLastOffset=a;exports.getOffsetOrSpace=f;exports.instances=n;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const instances = vue.shallowReactive([]);
+const getInstance = (id) => {
+  const idx = instances.findIndex((instance) => instance.id === id);
+  const current = instances[idx];
+  let prev;
+  if (idx > 0) {
+    prev = instances[idx - 1];
+  }
+  return { current, prev };
+};
+const getLastOffset = (id) => {
+  const { prev } = getInstance(id);
+  if (!prev) return 0;
+  return prev.vm.exposed.bottom.value;
+};
+const getOffsetOrSpace = (id, offset) => {
+  const idx = instances.findIndex((instance) => instance.id === id);
+  return idx > 0 ? 20 : offset;
+};
+exports.getInstance = getInstance;
+exports.getLastOffset = getLastOffset;
+exports.getOffsetOrSpace = getOffsetOrSpace;
+exports.instances = instances;

package/lib/components/message/message.vue.cjs

@@ -1 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./message.vue2.cjs");exports.default=e.default;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const message_vue_vue_type_script_setup_true_lang = require("./message.vue2.cjs");
+exports.default = message_vue_vue_type_script_setup_true_lang.default;