vft 0.0.375 → 0.0.376

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

@@ -1,314 +1 @@
-"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;
+"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;

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

@@ -1,20 +1 @@
-"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;
+"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;

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

@@ -1,28 +1 @@
-"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;
+"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;

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

@@ -1,18 +1 @@
-"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;
+"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;

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

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

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

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

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

@@ -1,4 +1 @@
-"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,4 +1 @@
-"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,3 +1 @@
-"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,3 +1 @@
-"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,16 +1 @@
-"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;
+"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;

package/lib/components/message/instance.cjs

@@ -1,26 +1 @@
-"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;
+"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;

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

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