vft 0.0.19 → 0.0.21

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../divider/index.js");const N=require("../icon/index.js");require("../avatar/index.js");require("../empty/index.js");require("../result/index.js");require("../exception/index.js");require("../tabs/index.js");require("../popper/index.js");const Q=require("../collapse-transition/index.js"),W=require("../tooltip/index.js");require("../popover/index.js");require("./index.js");const O=require("@vft/utils");require("@vft/use");require("../multiple-tabs/index.js");require("../header-layout/index.js");require("../footer-layout/index.js");require("../iframe-layout/index.js");require("../router-view-content/index.js");require("../logo/index.js");require("../back-top/index.js");require("../config-provider/index.js");require("../descriptions/index.js");require("../full-screen/index.js");require("../icon-text/index.js");require("../image/index.js");require("../input/index.js");require("../link/index.js");require("../pagination/index.js");require("../tag/index.js");require("../side-menu/index.js");require("../qrcode/index.js");require("../overlay/index.js");require("../clamp/index.js");require("../clamp-toggle/index.js");require("../page-wrapper/index.js");require("../message/index.js");const w=require("../../hooks/use-namespace/index.js");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.js");const R=require("@vueuse/core");require("@vue/shared");const D=require("../../utils/error.js"),X=require("./use-menu.js"),Y=require("./use-menu-css-var.js"),y=w.useNamespace("sub-menu"),_=e.defineComponent({name:y.b()}),ee=e.defineComponent({..._,props:{index:null,showTimeout:{default:300},hideTimeout:{default:300},popperClass:null,disabled:{type:Boolean},popperAppendToBody:{type:Boolean,default:void 0},popperOffset:{default:6},expandIcon:{default:{}},collapseIcon:{default:{}},title:null,icon:null,showArrow:{type:Boolean,default:!0},toolTipCfg:null},setup(t,{expose:H}){const v=e.getCurrentInstance(),{indexPath:h,parentMenu:S}=X.default(v,e.computed(()=>t.index)),a=w.useNamespace("menu"),i=w.useNamespace("sub-menu"),o=e.inject("rootMenu");o||D.throwError(y.b(),"can not inject root menu");const l=e.inject(`subMenu:${S.value.uid}`);l||D.throwError(y.b(),"can not inject sub menu");const C=e.ref({});let s;const I=e.ref(!1),L=e.ref(),k=e.ref(null),z=e.computed(()=>d.value==="horizontal"&&q.value?"bottom-start":"right-start"),q=e.computed(()=>l.level===0),x=e.computed(()=>t.popperAppendToBody===void 0?q.value:Boolean(t.popperAppendToBody)),U=e.computed(()=>o.props.collapse?`${a.namespace.value}-zoom-in-left`:`${a.namespace.value}-zoom-in-top`),Z=e.computed(()=>d.value==="horizontal"&&q.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"]),c=e.computed(()=>o.openedMenus.includes(t.index)),m=e.computed(()=>{let r=!1;return Object.values(C.value).forEach(u=>{u.active&&(r=!0)}),t.index===o.activeIndex&&(r=!0),r}),B=e.computed(()=>o.props.backgroundColor||""),A=e.computed(()=>o.props.activeTextColor||""),P=e.computed(()=>o.props.textColor||""),d=e.computed(()=>o.props.mode),b=e.reactive({index:t.index,indexPath:h,active:m}),$=e.computed(()=>d.value!=="horizontal"?{color:P.value}:{borderBottomColor:m.value?o.props.activeTextColor?A.value:"":"transparent",color:m.value?A.value:P.value}),G=()=>{var r,u,n;return(n=(u=(r=k.value)==null?void 0:r.popperRef)==null?void 0:u.popperInstanceRef)==null?void 0:n.destroy()},J=r=>{r||G()},j=()=>{o.props.menuTrigger==="hover"&&o.props.mode==="horizontal"||o.props.collapse&&o.props.mode==="vertical"||t.disabled||o.handleSubMenuClick({index:t.index,indexPath:h.value,active:m.value})},M=(r,u=t.showTimeout)=>{var n;r.type!=="focus"&&(o.props.menuTrigger==="click"&&o.props.mode==="horizontal"||!o.props.collapse&&o.props.mode==="vertical"||t.disabled||(l.mouseInChild.value=!0,s==null||s(),{stop:s}=R.useTimeoutFn(()=>{o.openMenu(t.index,h.value)},u),x.value&&((n=S.value.vnode.el)==null||n.dispatchEvent(new MouseEvent("mouseenter")))))},g=(r=!1)=>{var u,n;o.props.menuTrigger==="click"&&o.props.mode==="horizontal"||!o.props.collapse&&o.props.mode==="vertical"||(s==null||s(),l.mouseInChild.value=!1,{stop:s}=R.useTimeoutFn(()=>!I.value&&o.closeMenu(t.index,h.value),t.hideTimeout),x.value&&r&&((u=v.parent)==null?void 0:u.type.name)==="vft-sub-menu"&&((n=l.handleMouseleave)==null||n.call(l,!0)))};e.watch(()=>o.props.collapse,r=>J(Boolean(r)));{const r=n=>{C.value[n.index]=n},u=n=>{delete C.value[n.index]};e.provide(`subMenu:${v.uid}`,{addSubMenu:r,removeSubMenu:u,handleMouseleave:g,mouseInChild:I,level:l.level+1})}H({opened:c}),e.onMounted(()=>{o.addSubMenu(b),l.addSubMenu(b)}),e.onBeforeUnmount(()=>{l.removeSubMenu(b),o.removeSubMenu(b)});const p=e.useSlots(),K=e.computed(()=>d.value==="horizontal"&&q.value||d.value==="vertical"&&!o.props.collapse?{icon:"vi-arrow-down",size:20,...t.expandIcon}:{icon:"vi-arrow-right",size:18,...t.collapseIcon}),E=e.computed(()=>O.singleAttrToObj(t.icon,"icon")),F=e.computed(()=>O.renderTNode(v,"title"));return()=>{var V;const r=[(V=E.value)!=null&&V.icon?e.h(N.VftIcon,{...E.value}):null,e.h("span",{class:t.showArrow?i.e("text"):"",title:v.props.title},F.value),t.showArrow?e.h(N.VftIcon,{class:i.e("icon-arrow"),...K.value,style:{transform:c.value?"rotateZ(180deg)":"none"}}):!1],u=Y.useMenuCssVar(o.props,l.level+1),n=o.isMenuPopup?e.h(W.VftTooltip,{ref:k,visible:c.value,effect:"light",pure:!0,offset:t.popperOffset,showArrow:!1,persistent:!0,popperClass:t.popperClass,placement:z.value,teleported:x.value,fallbackPlacements:Z.value,transition:U.value,gpuAcceleration:!1,...t.toolTipCfg},{content:()=>{var f;return e.h("div",{class:[a.m(d.value),a.m("popup-container"),t.popperClass],onMouseenter:T=>M(T,100),onMouseleave:()=>g(!0),onFocus:T=>M(T,100)},[e.h("ul",{class:[a.b(),a.m("popup"),a.m(`popup-${z.value}`)],style:u.value},[(f=p.default)==null?void 0:f.call(p)])])},default:()=>e.h("div",{class:i.e("title"),style:[$.value,{backgroundColor:B.value}],onClick:j},r)}):e.h(e.Fragment,{},[F.value?e.h("div",{class:i.e("title"),style:[$.value,{backgroundColor:B.value}],ref:L,onClick:j},r):null,e.h(Q.VftCollapseTransition,{},{default:()=>{var f;return e.withDirectives(e.h("ul",{role:"menu",class:[a.b(),a.m("inline")],style:u.value},[(f=p.default)==null?void 0:f.call(p)]),[[e.vShow,c.value]])}})]);return e.h("li",{class:[i.b(),i.is("active",m.value),i.is("opened",c.value),i.is("disabled",t.disabled)],role:"menuitem",ariaHaspopup:!0,ariaExpanded:c.value,onMouseenter:M,onMouseleave:()=>g(!0),onFocus:M},[n])}}});exports.default=ee;
+//# sourceMappingURL=sub-menu.vue2.js.map

package/lib/components/menu/sub-menu.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sub-menu.vue2.js","sources":["../../../../../packages/components/menu/sub-menu.vue"],"sourcesContent":["<script lang=\"tsx\">\nconst ns = /* hoist-static*/ useNamespace('sub-menu')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script lang=\"tsx\" setup>\nimport { type IconProps, type Placement, type ToolTipProps, VftCollapseTransition as CollapseTransition, VftIcon as Icon, VftTooltip as Tooltip } from '@vft-ui/components';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { throwError } from '@vft-ui/utils';\nimport { renderTNode, singleAttrToObj } from '@vft/utils';\nimport { useTimeoutFn } from '@vueuse/core';\nimport type { CSSProperties, VNodeArrayChildren } from 'vue';\nimport { computed, Fragment, getCurrentInstance, h, inject, onBeforeUnmount, onMounted, provide, reactive, ref, useSlots, vShow, watch, withDirectives } from 'vue';\nimport type { MenuProvider, SubMenuProvider } from './types';\nimport useMenu from './use-menu';\nimport { useMenuCssVar } from './use-menu-css-var';\n\ninterface Props {\n  /** 唯一标志 */\n  index: string;\n  /** 展开 sub-menu 的延时 */\n  showTimeout?: number;\n  /** 收起 sub-menu 的延时 */\n  hideTimeout?: number;\n  /** 为 popper 添加类名 */\n  popperClass?: ClassType;\n  /** 是否禁用 */\n  disabled?: boolean;\n  popperAppendToBody?: boolean;\n  /** 弹出窗口偏移 */\n  popperOffset?: number;\n  expandIcon?: IconProps;\n  collapseIcon?: IconProps;\n  title?: string;\n  icon?: IconProps | string;\n  showArrow?: boolean;\n  toolTipCfg?: ToolTipProps;\n}\n\ndefineProps({\n  \"index\": null,\n  \"showTimeout\": { default: 300 },\n  \"hideTimeout\": { default: 300 },\n  \"popperClass\": null,\n  \"disabled\": { type: Boolean,  },\n  \"popperAppendToBody\": { type: Boolean, default: undefined },\n  \"popperOffset\": { default: 6 },\n  \"expandIcon\": { default: {} },\n  \"collapseIcon\": { default: {} },\n  \"title\": null,\n  \"icon\": null,\n  \"showArrow\": { type: Boolean, default: true },\n  \"toolTipCfg\": null\n})\n\n\n\n;\n\nconst instance = getCurrentInstance()!;\n\n// 返回当前 sub-menu 对应的 indexPath 页面中对 submenu 定义的 index parentMenu -> vft-menu 组件\nconst { indexPath, parentMenu } = useMenu(instance, computed(() => __props.index));\n\nconst nsMenu = useNamespace('menu');\nconst nsSubMenu = useNamespace('sub-menu');\n\n// 接受 vft-menu 组件中注入的数据\nconst rootMenu = inject<MenuProvider>('rootMenu');\nif (!rootMenu) throwError(ns.b(), 'can not inject root menu');\n\n// 接受 vft-menu 组件中注入的数据 parentMenu.value!.uid 当前 sub-menu 组件对应的 menu.vue 组件\nconst subMenu = inject<SubMenuProvider>(`subMenu:${parentMenu.value!.uid}`);\nif (!subMenu) throwError(ns.b(), 'can not inject sub menu');\n\n/**\n * 格式如下\n * ```\n * {\n *  1-1:{index: '1-1', indexPath: ['mio', '1-1'], active: false},\n *  1-2:{index: '1-2', indexPath: ['mio', '1-2'], active: false}\n * }\n * ```\n * @param {MenuItemRegistered} item\n */\nconst subMenus = ref<MenuProvider['subMenus']>({});\n\nlet timeout: (() => void) | undefined;\nconst mouseInChild = ref(false);\n\n// sub-menu-title 的 ref\nconst verticalTitleRef = ref<HTMLDivElement>();\n// tooltip 的实例\nconst vPopper = ref(null);\n\n// toolTop 的展示位置\nconst currentPlacement = computed<Placement>(\n  () => (mode.value === 'horizontal' && isFirstLevel.value ? 'bottom-start' : 'right-start'));\n\n// 是否为第一级的 subMenu\nconst isFirstLevel = computed(() => {\n  return subMenu.level === 0;\n});\n\nconst appendToBody = computed(() => {\n  return __props.popperAppendToBody === undefined ? isFirstLevel.value : Boolean(__props.popperAppendToBody);\n});\n\n// toolTip 弹出的动画名称\nconst menuTransitionName = computed(\n  () => (rootMenu.props.collapse ? `${nsMenu.namespace.value}-zoom-in-left` : `${nsMenu.namespace.value}-zoom-in-top`));\n\nconst fallbackPlacements = computed<Placement[]>(() =>\n  mode.value === 'horizontal' && isFirstLevel.value\n    ? ['bottom-start', 'bottom-end', 'top-start', 'top-end', 'right-start', 'left-start']\n    : ['right-start', 'left-start', 'bottom-start', 'bottom-end', 'top-start', 'top-end']\n);\n\n// 获取当前的 index 是否包含在 openedMenus 中，表示当前 sub-menu 是否已经展开，子节点就是通过这个使用 v-show 来显隐\nconst opened = computed(() => rootMenu.openedMenus.includes(__props.index));\n\nconst active = computed(() => {\n  let isActive = false;\n  Object.values(subMenus.value).forEach((subItem) => {\n    if (subItem.active) {\n      isActive = true;\n    }\n  });\n  if (__props.index === rootMenu.activeIndex) {\n    isActive = true;\n  }\n  return isActive;\n});\n\nconst backgroundColor = computed(() => rootMenu.props.backgroundColor || '');\n\nconst activeTextColor = computed(() => rootMenu.props.activeTextColor || '');\n\nconst textColor = computed(() => rootMenu.props.textColor || '');\n\nconst mode = computed(() => rootMenu.props.mode);\n\nconst item = reactive({\n  index: __props.index,\n  indexPath,\n  active\n});\n\n//\nconst titleStyle = computed<CSSProperties>(() => {\n  if (mode.value !== 'horizontal') {\n    return {\n      color: textColor.value\n    };\n  }\n  return {\n    borderBottomColor: active.value ? (rootMenu.props.activeTextColor ? activeTextColor.value : '') : 'transparent',\n    color: active.value ? activeTextColor.value : textColor.value\n  };\n});\n\n// 销毁 toolTip\nconst doDestroy = () => vPopper.value?.popperRef?.popperInstanceRef?.destroy();\n\n// 当菜单收缩展开时执行销毁 toolTip\nconst handleCollapseToggle = (value: boolean) => {\n  if (!value) {\n    doDestroy();\n  }\n};\n\n// sub-menu 菜单点击事件\nconst handleClick = () => {\n  // 以下几种情况不执行点击事件操作\n  if ((rootMenu.props.menuTrigger === 'hover' && rootMenu.props.mode === 'horizontal') || (rootMenu.props.collapse && rootMenu.props.mode === 'vertical') || __props.disabled) return;\n\n  // 调用 menn.vue 中的 handleSubMenuClick 点击事件，传入参数\n  rootMenu.handleSubMenuClick({\n    index: __props.index,\n    indexPath: indexPath.value,\n    active: active.value\n  });\n};\n\n// 滑入 sub-menu 菜单事件\nconst handleMouseenter = (event: MouseEvent | FocusEvent, _showTimeout = __props.showTimeout) => {\n  if (event.type === 'focus') {\n    return;\n  }\n  if ((rootMenu.props.menuTrigger === 'click' && rootMenu.props.mode === 'horizontal') || (!rootMenu.props.collapse && rootMenu.props.mode === 'vertical') || __props.disabled) {\n    return;\n  }\n  subMenu.mouseInChild.value = true;\n\n  // 根据 _showTimeout 展开滑入的菜单子项\n  timeout?.();\n  ({ stop: timeout } = useTimeoutFn(() => {\n    rootMenu.openMenu(__props.index, indexPath.value);\n  }, _showTimeout));\n\n  if (appendToBody.value) {\n    parentMenu.value.vnode.el?.dispatchEvent(new MouseEvent('mouseenter'));\n  }\n};\n\n// 离开滑入的菜单\nconst handleMouseleave = (deepDispatch = false) => {\n  if ((rootMenu.props.menuTrigger === 'click' && rootMenu.props.mode === 'horizontal') || (!rootMenu.props.collapse && rootMenu.props.mode === 'vertical')) {\n    return;\n  }\n  timeout?.();\n  subMenu.mouseInChild.value = false;\n  ({ stop: timeout } = useTimeoutFn(\n    () => !mouseInChild.value && rootMenu.closeMenu(__props.index, indexPath.value),\n    __props.hideTimeout));\n\n  if (appendToBody.value && deepDispatch) {\n    if (instance.parent?.type.name === 'vft-sub-menu') {\n      subMenu.handleMouseleave?.(true);\n    }\n  }\n};\n\n// 监听菜单的收缩展开决定是否销毁 ToolTip\nwatch(\n  () => rootMenu.props.collapse,\n  (value) => handleCollapseToggle(Boolean(value))\n);\n\n// 以下代码在 menu-item.vue 中触发\n{\n  /**\n   * 此函数在 menu-item 中触发，items.value 默认为空对象\n   * 最后添加后的 items 格式如下\n   * ```\n   * {\n   *  1-1:{index: '1-1', indexPath: ['mio', '1-1'], active: false},\n   *  1-2:{index: '1-2', indexPath: ['mio', '1-2'], active: false}\n   * }\n   * ```\n   * @param {MenuItemRegistered} item\n   */\n  const addSubMenu: SubMenuProvider['addSubMenu'] = (item) => {\n    subMenus.value[item.index] = item;\n  };\n  const removeSubMenu: SubMenuProvider['removeSubMenu'] = (item) => {\n    delete subMenus.value[item.index];\n  };\n  provide<SubMenuProvider>(`subMenu:${instance.uid}`, {\n    addSubMenu,\n    removeSubMenu,\n    handleMouseleave,\n    mouseInChild,\n    level: subMenu.level + 1\n  });\n}\n\ndefineExpose({\n  opened\n});\n\nonMounted(() => {\n  rootMenu.addSubMenu(item);\n  subMenu.addSubMenu(item);\n});\n\nonBeforeUnmount(() => {\n  subMenu.removeSubMenu(item);\n  rootMenu.removeSubMenu(item);\n});\n\nconst slots = useSlots();\n\n// 箭头设置\nconst subMenuIcon = computed(() => {\n  // 水平模式第一级 或者 竖直非折叠\n  return (mode.value === 'horizontal' && isFirstLevel.value) || (mode.value === 'vertical' && !rootMenu.props.collapse)\n    ? { icon: 'vi-arrow-down', size: 20, ...__props.expandIcon } :\n    { icon: 'vi-arrow-right', size: 18, ...__props.collapseIcon };\n});\n\nconst _icon = computed(() => {\n  return singleAttrToObj(__props.icon, 'icon') as IconProps;\n});\n\nconst titleCon = computed(() => {\n  return renderTNode(instance, 'title');\n});\n\ndefineRender(() => {\n  // sub-menu 的标题以及展开箭头 icon 相关\n  const titleTag: VNodeArrayChildren = [\n    _icon.value?.icon ? h(Icon, { ..._icon.value }) : null,\n    h(\n      'span',\n      {\n        class: __props.showArrow ? nsSubMenu.e('text') : '',\n        title: instance.props.title\n      },\n      titleCon.value\n    ),\n    __props.showArrow ? h(\n      Icon,\n      {\n        class: nsSubMenu.e('icon-arrow'),\n        ...subMenuIcon.value,\n        style: { transform: opened.value ? 'rotateZ(180deg)' : 'none' }\n      }\n    ) : false\n  ];\n\n  // 给 vft-menu class 这一栏加入 level 等级，以此来区分当前的 level: --vft-menu-level:2;\n  const ulStyle = useMenuCssVar(rootMenu.props, subMenu.level + 1);\n\n  /**\n   * rootMenu.isMenuPopup 是否需要 tooltip 1.水平模式的菜单需要 2.竖直类型的菜单在收缩时需要\n   * 如果需要 tooltip 用 h 函数渲染时，则采用 ElTooltip 组件\n   * @type {VNode}\n   */\n  const child = rootMenu.isMenuPopup\n    ? h(\n      Tooltip,\n      {\n        ref: vPopper,\n        visible: opened.value,\n        effect: 'light',\n        pure: true,\n        offset: __props.popperOffset,\n        showArrow: false,\n        persistent: true,\n        popperClass: __props.popperClass,\n        placement: currentPlacement.value,\n        teleported: appendToBody.value,\n        fallbackPlacements: fallbackPlacements.value,\n        transition: menuTransitionName.value,\n        gpuAcceleration: false,\n        ...__props.toolTipCfg\n      },\n      {\n        content: () =>\n          h(\n            'div',\n            {\n              class: [nsMenu.m(mode.value), nsMenu.m('popup-container'), __props.popperClass],\n              onMouseenter: (evt: MouseEvent) => handleMouseenter(evt, 100),\n              onMouseleave: () => handleMouseleave(true),\n              onFocus: (evt: FocusEvent) => handleMouseenter(evt, 100)\n            },\n            [\n              h(\n                'ul',\n                {\n                  class: [nsMenu.b(), nsMenu.m('popup'), nsMenu.m(\n                    `popup-${currentPlacement.value}`)],\n                  style: ulStyle.value\n                },\n                [slots.default?.()]\n              )\n            ]\n          ),\n        default: () =>\n          h(\n            'div',\n            {\n              class: nsSubMenu.e('title'),\n              style: [titleStyle.value, { backgroundColor: backgroundColor.value }],\n              onClick: handleClick\n            },\n            titleTag\n          )\n      }\n    )\n    :\n    /**\n     *  Fragment 碎片化节点，可以让 dom 没有根节点\n     *\n     *  以下是无需 tooltip 渲染的组件，通常是侧边栏没有折叠的时候\n     */\n    h(Fragment, {}, [\n      titleCon.value ? h(\n        'div',\n        {\n          class: nsSubMenu.e('title'),\n          style: [titleStyle.value, { backgroundColor: backgroundColor.value }],\n          ref: verticalTitleRef,\n          onClick: handleClick\n        },\n        titleTag\n      ) : null,\n      h(\n        CollapseTransition,\n        {},\n        {\n          default: () =>\n            withDirectives(\n              h(\n                'ul',\n                {\n                  role: 'menu',\n                  class: [nsMenu.b(), nsMenu.m('inline')],\n                  style: ulStyle.value\n                },\n                [slots.default?.()]\n              ),\n              [[vShow, opened.value]]\n            )\n        }\n      )\n    ]);\n\n  return h(\n    'li',\n    {\n      class: [nsSubMenu.b(), nsSubMenu.is('active', active.value),\n        nsSubMenu.is('opened', opened.value), nsSubMenu.is('disabled', __props.disabled)],\n      role: 'menuitem',\n      ariaHaspopup: true,\n      ariaExpanded: opened.value,\n      onMouseenter: handleMouseenter,\n      onMouseleave: () => handleMouseleave(true),\n      onFocus: handleMouseenter\n    },\n    [child]\n  );\n});\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","name","b","instance","getCurrentInstance","indexPath","parentMenu","useMenu","computed","__props","index","nsMenu","nsSubMenu","rootMenu","inject","throwError","subMenu","value","uid","subMenus","ref","timeout","mouseInChild","verticalTitleRef","vPopper","currentPlacement","mode","isFirstLevel","level","appendToBody","popperAppendToBody","undefined","Boolean","menuTransitionName","props","collapse","namespace","fallbackPlacements","opened","openedMenus","includes","active","isActive","Object","values","forEach","subItem","activeIndex","backgroundColor","activeTextColor","textColor","item","reactive","titleStyle","color","borderBottomColor","doDestroy","popperRef","popperInstanceRef","destroy","handleCollapseToggle","handleClick","menuTrigger","disabled","handleSubMenuClick","handleMouseenter","event","_showTimeout","showTimeout","type","stop","useTimeoutFn","openMenu","vnode","el","dispatchEvent","MouseEvent","handleMouseleave","deepDispatch","closeMenu","hideTimeout","parent","watch","addSubMenu","removeSubMenu","provide","expose","onMounted","onBeforeUnmount","slots","useSlots","subMenuIcon","icon","size","expandIcon","collapseIcon","_icon","singleAttrToObj","titleCon","renderTNode","titleTag","h","Icon","class","showArrow","e","title","style","transform","ulStyle","useMenuCssVar","child","isMenuPopup","Tooltip","visible","effect","pure","offset","popperOffset","persistent","popperClass","placement","teleported","transition","gpuAcceleration","toolTipCfg","content","m","onMouseenter","evt","onMouseleave","onFocus","default","onClick","Fragment","CollapseTransition","withDirectives","role","vShow","is","ariaHaspopup","ariaExpanded"],"mappings":"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"}

package/lib/components/menu/use-menu-css-var.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-menu-css-var.js","sources":["../../../../../packages/components/menu/use-menu-css-var.ts"],"sourcesContent":["import { computed } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\n\nexport const useMenuCssVar = (props: any, level: number) => {\n  const ns = useNamespace('menu');\n  return computed(() => {\n    return ns.cssVarBlock({\n      level: `${level}`\n    });\n  });\n};\n"],"names":["useMenuCssVar","props","level","ns","useNamespace","computed"],"mappings":"oTAGa,MAAAA,EAAgB,CAACC,EAAYC,IAAkB,CACpD,MAAAC,EAAKC,eAAa,MAAM,EAC9B,OAAOC,WAAS,IACPF,EAAG,YAAY,CACpB,MAAO,GAAGD,GAAA,CACX,CACF,CACH"}

package/lib/components/menu/use-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-menu.js","sources":["../../../../../packages/components/menu/use-menu.ts"],"sourcesContent":["import { computed } from 'vue';\n\nimport type { ComponentInternalInstance, Ref } from 'vue';\n\n/**\n * @description menu-item 与 sub-menu 都会调用此方法\n * @author wfd\n * @date 2022/11/8 14:02\n * @example\n * @param {ComponentInternalInstance} instance\n * @param {Ref<string>} currentIndex\n * @returns {{indexPath: ComputedRef<string[]>, parentMenu: ComputedRef<ComponentInternalInstance>}}\n */\nexport default function useMenu(\n  instance: ComponentInternalInstance,\n  currentIndex: Ref<string>\n) {\n  \n  /**\n   * 这个 indexPath 是如何查找的，一般我们会给 vft-sub-menu 组件一个 index 属性，由于这个文件只有 menu-item 与 sub-menu 调用，\n   * 由于 sub-menu 向上查询，不会有 index 属性了，主要是不断去找 menu-item 的父组件的 props 中的 index 属性\n   *\n   * 所以最终 indexPath 返回 menu-item：[自身的 index，sub-menu 的 index]，sub-menu: [自身的index]\n   *\n   * sub-menu:['mio'] menu-item:['mio', '1-2']\n   * @type {ComputedRef<string[]>}\n   */\n  const indexPath = computed(() => {\n    let parent = instance.parent!;\n    \n    const path = [currentIndex.value];\n    while (parent.type.name !== 'vft-menu') {\n      if (parent.props.index) {\n        path.unshift(parent.props.index as string);\n      }\n      parent = parent.parent!;\n    }\n    return path;\n  });\n  \n  /**\n   * @description 如果是 sub-menu 文件最终返回的 parent 是 vft-menu 组件，如果是 menu-item 最终返回的是 vft-sub-menu 组件\n   * @author wfd\n   * @date 2022/11/8 16:23\n   * @example\n   * @type {ComputedRef<ComponentInternalInstance>}\n   */\n  const parentMenu = computed(() => {\n    let parent = instance.parent;\n    while (parent && !['vft-menu', 'vft-sub-menu'].includes(parent.type.name!)) {\n      parent = parent.parent;\n    }\n    return parent!;\n  });\n  \n  return {\n    parentMenu,\n    indexPath\n  };\n}\n"],"names":["useMenu","instance","currentIndex","indexPath","computed","parent","path"],"mappings":"mIAawB,SAAAA,EACtBC,EACAC,EACA,CAWM,MAAAC,EAAYC,EAAAA,SAAS,IAAM,CAC/B,IAAIC,EAASJ,EAAS,OAEhB,MAAAK,EAAO,CAACJ,EAAa,KAAK,EACzB,KAAAG,EAAO,KAAK,OAAS,YACtBA,EAAO,MAAM,OACVC,EAAA,QAAQD,EAAO,MAAM,KAAe,EAE3CA,EAASA,EAAO,OAEX,OAAAC,CAAA,CACR,EAiBM,MAAA,CACL,WATiBF,EAAAA,SAAS,IAAM,CAChC,IAAIC,EAASJ,EAAS,OACf,KAAAI,GAAU,CAAC,CAAC,WAAY,cAAc,EAAE,SAASA,EAAO,KAAK,IAAK,GACvEA,EAASA,EAAO,OAEX,OAAAA,CAAA,CACR,EAIC,UAAAF,CAAA,CAEJ"}

package/lib/components/menu/utils/menu-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-bar.js","sources":["../../../../../../packages/components/menu/utils/menu-bar.ts"],"sourcesContent":["import MenuItem from './menu-item';\n\nimport type { RendererNode } from 'vue';\n\nclass Menu {\n  constructor(public domNode: RendererNode, namespace: string) {\n    this.init(namespace);\n  }\n  init(namespace: string): void {\n    const menuChildren = this.domNode.childNodes;\n    Array.from<Node>(menuChildren).forEach((child) => {\n      if (child.nodeType === 1) {\n        new MenuItem(child as HTMLElement, namespace);\n      }\n    });\n  }\n}\n\nexport default Menu;\n"],"names":["Menu","domNode","namespace","menuChildren","child","MenuItem"],"mappings":"8IAIA,MAAMA,CAAK,CACT,YAAmBC,EAAuBC,EAAmB,CAA1C,KAAA,QAAAD,EACjB,KAAK,KAAKC,CAAS,CACrB,CACA,KAAKA,EAAyB,CACtB,MAAAC,EAAe,KAAK,QAAQ,WAClC,MAAM,KAAWA,CAAY,EAAE,QAASC,GAAU,CAC5CA,EAAM,WAAa,GACjB,IAAAC,EAAA,QAASD,EAAsBF,CAAS,CAC9C,CACD,CACH,CACF"}

package/lib/components/menu/utils/menu-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.js","sources":["../../../../../../packages/components/menu/utils/menu-item.ts"],"sourcesContent":["import { triggerEvent } from '@vft/utils';\nimport { EVENT_CODE } from '@vft/constants';\nimport SubMenu from './submenu';\n\nclass MenuItem {\n  public submenu: SubMenu | null = null;\n  constructor(public domNode: HTMLElement, namespace: string) {\n    this.submenu = null;\n    this.init(namespace);\n  }\n\n  init(namespace: string): void {\n    this.domNode.setAttribute('tabindex', '0');\n    const menuChild = this.domNode.querySelector(`.${namespace}-menu`);\n    if (menuChild) {\n      this.submenu = new SubMenu(this, menuChild);\n    }\n    this.addListeners();\n  }\n\n  addListeners(): void {\n    this.domNode.addEventListener('keydown', (event: KeyboardEvent) => {\n      let prevDef = false;\n      switch (event.code) {\n        case EVENT_CODE.down: {\n          triggerEvent(event.currentTarget as HTMLElement, 'mouseenter');\n          this.submenu && this.submenu.gotoSubIndex(0);\n          prevDef = true;\n          break;\n        }\n        case EVENT_CODE.up: {\n          triggerEvent(event.currentTarget as HTMLElement, 'mouseenter');\n          this.submenu && this.submenu.gotoSubIndex(this.submenu.subMenuItems.length - 1);\n          prevDef = true;\n          break;\n        }\n        case EVENT_CODE.tab: {\n          triggerEvent(event.currentTarget as HTMLElement, 'mouseleave');\n          break;\n        }\n        case EVENT_CODE.enter:\n        case EVENT_CODE.space: {\n          prevDef = true;\n          (event.currentTarget as HTMLElement).click();\n          break;\n        }\n      }\n      if (prevDef) {\n        event.preventDefault();\n      }\n    });\n  }\n}\n\nexport default MenuItem;\n"],"names":["MenuItem","domNode","namespace","menuChild","SubMenu","event","prevDef","EVENT_CODE","triggerEvent"],"mappings":"gMAIA,MAAMA,CAAS,CAEb,YAAmBC,EAAsBC,EAAmB,CAAzC,KAAA,QAAAD,EADnB,KAAO,QAA0B,KAE/B,KAAK,QAAU,KACf,KAAK,KAAKC,CAAS,CACrB,CAEA,KAAKA,EAAyB,CACvB,KAAA,QAAQ,aAAa,WAAY,GAAG,EACzC,MAAMC,EAAY,KAAK,QAAQ,cAAc,IAAID,QAAgB,EAC7DC,IACF,KAAK,QAAU,IAAIC,EAAQ,QAAA,KAAMD,CAAS,GAE5C,KAAK,aAAa,CACpB,CAEA,cAAqB,CACnB,KAAK,QAAQ,iBAAiB,UAAYE,GAAyB,CACjE,IAAIC,EAAU,GACd,OAAQD,EAAM,KAAM,CAClB,KAAKE,EAAAA,WAAW,KAAM,CACPC,EAAAA,aAAAH,EAAM,cAA8B,YAAY,EAC7D,KAAK,SAAW,KAAK,QAAQ,aAAa,CAAC,EACjCC,EAAA,GACV,KACF,CACA,KAAKC,EAAAA,WAAW,GAAI,CACLC,EAAAA,aAAAH,EAAM,cAA8B,YAAY,EACxD,KAAA,SAAW,KAAK,QAAQ,aAAa,KAAK,QAAQ,aAAa,OAAS,CAAC,EACpEC,EAAA,GACV,KACF,CACA,KAAKC,EAAAA,WAAW,IAAK,CACNC,EAAAA,aAAAH,EAAM,cAA8B,YAAY,EAC7D,KACF,CACA,KAAKE,EAAAA,WAAW,MAChB,KAAKA,EAAAA,WAAW,MAAO,CACXD,EAAA,GACTD,EAAM,cAA8B,QACrC,KACF,CACF,CACIC,GACFD,EAAM,eAAe,CACvB,CACD,CACH,CACF"}

package/lib/components/menu/utils/submenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"submenu.js","sources":["../../../../../../packages/components/menu/utils/submenu.ts"],"sourcesContent":["// @ts-nocheck\nimport { triggerEvent } from '@vft/utils';\nimport { EVENT_CODE } from '@vft/constants';\nimport type MenuItem from './menu-item';\n\nclass SubMenu {\n  public subMenuItems: NodeList;\n  public subIndex = 0;\n  constructor(public parent: MenuItem, public domNode: ParentNode) {\n    this.subIndex = 0;\n    this.init();\n  }\n\n  init(): void {\n    this.subMenuItems = this.domNode.querySelectorAll('li');\n    this.addListeners();\n  }\n\n  gotoSubIndex(idx: number): void {\n    if (idx === this.subMenuItems.length) {\n      idx = 0;\n    } else if (idx < 0) {\n      idx = this.subMenuItems.length - 1;\n    }\n    (this.subMenuItems[idx] as HTMLElement).focus();\n    this.subIndex = idx;\n  }\n\n  addListeners(): void {\n    const parentNode = this.parent.domNode;\n    Array.prototype.forEach.call(this.subMenuItems, (el: Element) => {\n      el.addEventListener('keydown', (event: KeyboardEvent) => {\n        let prevDef = false;\n        switch (event.code) {\n          case EVENT_CODE.down: {\n            this.gotoSubIndex(this.subIndex + 1);\n            prevDef = true;\n            break;\n          }\n          case EVENT_CODE.up: {\n            this.gotoSubIndex(this.subIndex - 1);\n            prevDef = true;\n            break;\n          }\n          case EVENT_CODE.tab: {\n            triggerEvent(parentNode as HTMLElement, 'mouseleave');\n            break;\n          }\n          case EVENT_CODE.enter:\n          case EVENT_CODE.space: {\n            prevDef = true;\n            (event.currentTarget as HTMLElement).click();\n            break;\n          }\n        }\n        if (prevDef) {\n          event.preventDefault();\n          event.stopPropagation();\n        }\n        return false;\n      });\n    });\n  }\n}\n\nexport default SubMenu;\n"],"names":["SubMenu","parent","domNode","idx","parentNode","el","event","prevDef","EVENT_CODE","triggerEvent"],"mappings":"sKAKA,MAAMA,CAAQ,CAGZ,YAAmBC,EAAyBC,EAAqB,CAA9C,KAAA,OAAAD,EAAyB,KAAA,QAAAC,EAD5C,KAAO,SAAW,EAEhB,KAAK,SAAW,EAChB,KAAK,KAAK,CACZ,CAEA,MAAa,CACX,KAAK,aAAe,KAAK,QAAQ,iBAAiB,IAAI,EACtD,KAAK,aAAa,CACpB,CAEA,aAAaC,EAAmB,CAC1BA,IAAQ,KAAK,aAAa,OACtBA,EAAA,EACGA,EAAM,IACTA,EAAA,KAAK,aAAa,OAAS,GAElC,KAAK,aAAaA,CAAG,EAAkB,MAAM,EAC9C,KAAK,SAAWA,CAClB,CAEA,cAAqB,CACb,MAAAC,EAAa,KAAK,OAAO,QAC/B,MAAM,UAAU,QAAQ,KAAK,KAAK,aAAeC,GAAgB,CAC5DA,EAAA,iBAAiB,UAAYC,GAAyB,CACvD,IAAIC,EAAU,GACd,OAAQD,EAAM,KAAM,CAClB,KAAKE,EAAAA,WAAW,KAAM,CACf,KAAA,aAAa,KAAK,SAAW,CAAC,EACzBD,EAAA,GACV,KACF,CACA,KAAKC,EAAAA,WAAW,GAAI,CACb,KAAA,aAAa,KAAK,SAAW,CAAC,EACzBD,EAAA,GACV,KACF,CACA,KAAKC,EAAAA,WAAW,IAAK,CACnBC,eAAaL,EAA2B,YAAY,EACpD,KACF,CACA,KAAKI,EAAAA,WAAW,MAChB,KAAKA,EAAAA,WAAW,MAAO,CACXD,EAAA,GACTD,EAAM,cAA8B,QACrC,KACF,CACF,CACA,OAAIC,IACFD,EAAM,eAAe,EACrBA,EAAM,gBAAgB,GAEjB,EAAA,CACR,CAAA,CACF,CACH,CACF"}

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

@@ -0,0 +1,3 @@
+export declare const VftMessage: import("vft/es/utils").SFCInstallWithContext<import("./types").Message>;
+export default VftMessage;
+export * from './types';

package/lib/components/message/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../utils/vue/install.js");require("vue");require("@vue/shared");require("@vft/utils");const r=require("./method.js"),e=require("./types.js"),s=t.withInstallFunction(r.default,"$message");exports.messageDefaults=e.messageDefaults;exports.messageTypes=e.messageTypes;exports.VftMessage=s;exports.default=s;
+//# sourceMappingURL=index.js.map

package/lib/components/message/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/message/index.ts"],"sourcesContent":["import { withInstallFunction } from '@vft-ui/utils'\n\nimport Message from './method'\n\nexport const VftMessage = withInstallFunction(Message, '$message')\nexport default VftMessage\n\nexport * from './types'\n"],"names":["VftMessage","withInstallFunction","Message"],"mappings":"6QAIaA,EAAaC,EAAAA,oBAAoBC,EAAAA,QAAS,UAAU"}

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

@@ -0,0 +1,17 @@
+import type { ComponentInternalInstance, VNode } from 'vue';
+import type { Mutable } from 'vft/es/utils';
+import type { MessageHandler, MessageProps } from './types';
+export type MessageContext = {
+    id: string;
+    vnode: VNode;
+    handler: MessageHandler;
+    vm: ComponentInternalInstance;
+    props: Mutable<MessageProps>;
+};
+export declare const instances: MessageContext[];
+export declare const getInstance: (id: string) => {
+    current: MessageContext;
+    prev: MessageContext | undefined;
+};
+export declare const getLastOffset: (id: string) => number;
+export declare const getOffsetOrSpace: (id: string, offset: number) => number;

package/lib/components/message/instance.js

@@ -0,0 +1,2 @@
+"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;
+//# sourceMappingURL=instance.js.map

package/lib/components/message/instance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"instance.js","sources":["../../../../../packages/components/message/instance.ts"],"sourcesContent":["import { shallowReactive } from 'vue'\nimport type { ComponentInternalInstance, VNode } from 'vue'\nimport type { Mutable } from '@vft-ui/utils'\nimport type { MessageHandler, MessageProps } from './types'\n\nexport type MessageContext = {\n\tid: string\n\tvnode: VNode\n\thandler: MessageHandler\n\tvm: ComponentInternalInstance\n\tprops: Mutable<MessageProps>\n}\n\nexport const instances: MessageContext[] = shallowReactive([])\n\nexport const getInstance = (id: string) => {\n\tconst idx = instances.findIndex((instance) => instance.id === id)\n\tconst current = instances[idx]\n\tlet prev: MessageContext | undefined\n\tif (idx > 0) {\n\t\tprev = instances[idx - 1]\n\t}\n\treturn { current, prev }\n}\n\nexport const getLastOffset = (id: string): number => {\n\tconst { prev } = getInstance(id)\n\tif (!prev) return 0\n\treturn prev.vm.exposed!.bottom.value\n}\n\nexport const getOffsetOrSpace = (id: string, offset: number) => {\n\tconst idx = instances.findIndex((instance) => instance.id === id)\n\treturn idx > 0 ? 20 : offset\n}\n"],"names":["instances","shallowReactive","getInstance","id","idx","instance","current","prev","getLastOffset","getOffsetOrSpace","offset"],"mappings":"uGAaaA,EAA8BC,EAAgB,gBAAA,EAAE,EAEhDC,EAAeC,GAAe,CAC1C,MAAMC,EAAMJ,EAAU,UAAWK,GAAaA,EAAS,KAAOF,CAAE,EAC1DG,EAAUN,EAAUI,CAAG,EACzB,IAAAG,EACJ,OAAIH,EAAM,IACFG,EAAAP,EAAUI,EAAM,CAAC,GAElB,CAAE,QAAAE,EAAS,KAAAC,EACnB,EAEaC,EAAiBL,GAAuB,CACpD,KAAM,CAAE,KAAAI,CAAA,EAASL,EAAYC,CAAE,EAC/B,OAAKI,EACEA,EAAK,GAAG,QAAS,OAAO,MADb,CAEnB,EAEaE,EAAmB,CAACN,EAAYO,IAChCV,EAAU,UAAWK,GAAaA,EAAS,KAAOF,CAAE,EACnD,EAAI,GAAKO"}

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

@@ -0,0 +1,129 @@
+import type { PropType as __PropType } from 'vue';
+import { type VNode } from 'vue';
+import type { MessageType } from './types';
+declare const _sfc_main: import("vue").DefineComponent<{
+    customClass: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    center: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    dangerouslyUseHTMLString: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    duration: {
+        type: __PropType<number>;
+        required: true;
+    };
+    icon: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    id: {
+        type: __PropType<string>;
+        required: true;
+    };
+    message: {
+        type: __PropType<string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | (() => VNode) | undefined>;
+        required: false;
+    };
+    onClose: {
+        type: __PropType<Function | undefined>;
+        required: false;
+    };
+    showClose: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    type: {
+        type: __PropType<MessageType>;
+        required: true;
+    };
+    offset: {
+        type: __PropType<number>;
+        required: true;
+    };
+    zIndex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    grouping: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    repeatNum: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+}, {
+    visible: import("vue").Ref<boolean>;
+    bottom: import("vue").ComputedRef<number>;
+    close: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "destroy"[], "destroy", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    customClass: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    center: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    dangerouslyUseHTMLString: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    duration: {
+        type: __PropType<number>;
+        required: true;
+    };
+    icon: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    id: {
+        type: __PropType<string>;
+        required: true;
+    };
+    message: {
+        type: __PropType<string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | (() => VNode) | undefined>;
+        required: false;
+    };
+    onClose: {
+        type: __PropType<Function | undefined>;
+        required: false;
+    };
+    showClose: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    type: {
+        type: __PropType<MessageType>;
+        required: true;
+    };
+    offset: {
+        type: __PropType<number>;
+        required: true;
+    };
+    zIndex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    grouping: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    repeatNum: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+}>> & {
+    onDestroy?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _sfc_main;

package/lib/components/message/message.vue.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./message.vue2.js");exports.default=e.default;
+//# sourceMappingURL=message.vue.js.map

package/lib/components/message/message.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/components/message/message.vue2.js

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

package/lib/components/message/message.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.vue2.js","sources":["../../../../../packages/components/message/message.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { EVENT_CODE } from '@vft/constants';\nimport { isObject } from '@vft/utils';\nimport { useResizeObserver, useTimeoutFn } from '@vueuse/core';\nimport { useEventListener } from '@vft/use';\nimport type { CSSProperties } from 'vue';\nimport { computed, onMounted, ref, type VNode, watch } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { getLastOffset } from './instance';\nimport Icon from '@vft-ui/components/icon';\nimport type { MessageType } from './types';\n\ninterface MessageProps {\n  customClass?: string;\n  center?: boolean;\n  dangerouslyUseHTMLString?: boolean;\n  duration: number;\n  icon?: string;\n  id: string;\n  message?: string | VNode | (() => VNode);\n  onClose?: Function;\n  showClose?: boolean;\n  type: MessageType;\n  offset: number;\n  zIndex?: number;\n  grouping?: boolean;\n  repeatNum?: number;\n}\n\nconst props = defineProps({\n  \"customClass\": null,\n  \"center\": { type: Boolean,  },\n  \"dangerouslyUseHTMLString\": { type: Boolean,  },\n  \"duration\": null,\n  \"icon\": null,\n  \"id\": null,\n  \"message\": { type: [String, null, Function],  },\n  \"onClose\": { type: Function,  },\n  \"showClose\": { type: Boolean,  },\n  \"type\": null,\n  \"offset\": null,\n  \"zIndex\": null,\n  \"grouping\": { type: Boolean,  },\n  \"repeatNum\": null\n});\n\ndefineEmits(['destroy']);\n\nconst ns = useNamespace('message');\n\n// 消息框 ref\nconst messageRef = ref<HTMLDivElement>();\n// 是否可见\nconst visible = ref(false);\nconst height = ref(0);\n\nlet stopTimer: (() => void) | undefined = undefined;\n\nconst iconCfgMap = new Map([\n  ['success', { icon: 'vi-fill-success' }],\n  ['error', { icon: 'vi-fill-error' }],\n  ['warning', { icon: 'vi-fill-warning' }]\n]);\n\nconst iconCfg = computed(() => {\n  const _iconCfg = props.icon ? isObject(props.icon) ? props.icon : { icon: props.icon } : '';\n\n  return _iconCfg || iconCfgMap.get(props.type) || '';\n});\n\nconst typeClass = computed(() => {\n  const type = props.type;\n  return { [ns.bm('icon', type)]: type };\n});\n\nconst lastOffset = computed(() => getLastOffset(props.id));\n// 偏移量\nconst offset = computed(() => props.offset + lastOffset.value);\nconst bottom = computed((): number => height.value + offset.value);\nconst customStyle = computed<CSSProperties>(() => ({\n  top: `${offset.value}px`,\n  zIndex: props.zIndex\n}));\n\nfunction startTimer () {\n  if (props.duration === 0) return;\n  ({ stop: stopTimer } = useTimeoutFn(() => {\n    close();\n  }, props.duration));\n}\n\nfunction clearTimer () {\n  stopTimer?.();\n}\n\nfunction close () {\n  visible.value = false;\n}\n\n// 监听退出键关闭\nfunction keydown ({ code }: KeyboardEvent) {\n  if (code === EVENT_CODE.esc) {\n    close();\n  }\n}\n\nonMounted(() => {\n  startTimer();\n  visible.value = true;\n});\n\nwatch(\n  () => props.repeatNum,\n  () => {\n    clearTimer();\n    startTimer();\n  }\n);\n\n// 监听键盘事件\nuseEventListener(document, 'keydown', keydown);\n\n// 监听 messageRef 消息框的大小变化\nuseResizeObserver(messageRef, () => {\n  height.value = messageRef.value!.getBoundingClientRect().height;\n});\n\ndefineExpose({\n  visible,\n  bottom,\n  close\n});\n</script>\n\n<template>\n  <transition\n    :name=\"ns.b('fade')\"\n    @before-leave=\"onClose\"\n    @after-leave=\"$emit('destroy')\"\n  >\n    <div\n      v-show=\"visible\"\n      :id=\"id\"\n      ref=\"messageRef\"\n      :class=\"[\n        ns.b(),\n        { [ns.m(type)]: type && !icon },\n        ns.is('center', center),\n        ns.is('closable', showClose),\n        customClass,\n      ]\"\n      :style=\"customStyle\"\n      role=\"alert\"\n      @mouseenter=\"clearTimer\"\n      @mouseleave=\"startTimer\"\n    >\n      <div v-if=\"iconCfg\" :class=\"[ns.e('icon'), typeClass]\">\n        <icon v-bind=\"iconCfg\" />\n      </div>\n      <slot>\n        <p v-if=\"!dangerouslyUseHTMLString\" :class=\"ns.e('content')\">\n          {{ message }}\n        </p>\n        <!-- Caution here, message could've been compromised, never use user's input as message -->\n        <p v-else :class=\"ns.e('content')\" v-html=\"message\" />\n      </slot>\n      <div v-if=\"showClose\" :class=\"ns.e('closeBtn')\" @click.stop=\"close\">\n        <icon icon=\"vi-close\"/>\n      </div>\n    </div>\n  </transition>\n</template>\n"],"names":["ns","useNamespace","messageRef","ref","visible","height","stopTimer","iconCfgMap","iconCfg","computed","props","isObject","typeClass","type","lastOffset","getLastOffset","offset","bottom","customStyle","startTimer","useTimeoutFn","close","clearTimer","keydown","code","EVENT_CODE","onMounted","watch","useEventListener","useResizeObserver","expose"],"mappings":"y1BAgDMA,EAAKC,eAAa,SAAS,EAG3BC,EAAaC,EAAAA,MAEbC,EAAUD,MAAI,EAAK,EACnBE,EAASF,MAAI,CAAC,EAEpB,IAAIG,EAEE,MAAAC,MAAiB,IAAI,CACzB,CAAC,UAAW,CAAE,KAAM,kBAAmB,EACvC,CAAC,QAAS,CAAE,KAAM,gBAAiB,EACnC,CAAC,UAAW,CAAE,KAAM,kBAAmB,CAAA,CACxC,EAEKC,EAAUC,EAAAA,SAAS,KACNC,EAAM,KAAOC,EAAA,SAASD,EAAM,IAAI,EAAIA,EAAM,KAAO,CAAE,KAAMA,EAAM,MAAS,KAEtEH,EAAW,IAAIG,EAAM,IAAI,GAAK,EAClD,EAEKE,EAAYH,EAAAA,SAAS,IAAM,CAC/B,MAAMI,EAAOH,EAAM,KACZ,MAAA,CAAE,CAACV,EAAG,GAAG,OAAQa,CAAI,CAAC,EAAGA,EAAK,CACtC,EAEKC,EAAaL,EAAAA,SAAS,IAAMM,EAAc,cAAAL,EAAM,EAAE,CAAC,EAEnDM,EAASP,EAAAA,SAAS,IAAMC,EAAM,OAASI,EAAW,KAAK,EACvDG,EAASR,EAAAA,SAAS,IAAcJ,EAAO,MAAQW,EAAO,KAAK,EAC3DE,EAAcT,EAAAA,SAAwB,KAAO,CACjD,IAAK,GAAGO,EAAO,UACf,OAAQN,EAAM,MACd,EAAA,EAEF,SAASS,GAAc,CACjBT,EAAM,WAAa,IACtB,CAAE,KAAMJ,CAAU,EAAIc,eAAa,IAAM,CAClCC,GAAA,EACLX,EAAM,QAAQ,EACnB,CAEA,SAASY,GAAc,CACThB,GAAA,MAAAA,GACd,CAEA,SAASe,GAAS,CAChBjB,EAAQ,MAAQ,EAClB,CAGS,SAAAmB,EAAS,CAAE,KAAAC,GAAuB,CACrCA,IAASC,aAAW,KAChBJ,GAEV,CAEAK,OAAAA,EAAAA,UAAU,IAAM,CACHP,IACXf,EAAQ,MAAQ,EAAA,CACjB,EAEDuB,EAAA,MACE,IAAMjB,EAAM,UACZ,IAAM,CACOY,IACAH,GACb,CAAA,EAIeS,EAAAA,iBAAA,SAAU,UAAWL,CAAO,EAG7CM,EAAA,kBAAkB3B,EAAY,IAAM,CAClCG,EAAO,MAAQH,EAAW,MAAO,sBAAA,EAAwB,MAAA,CAC1D,EAEY4B,EAAA,CACX,QAAA1B,EACA,OAAAa,EACA,MAAAI,CAAA,CACD"}

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

@@ -0,0 +1,4 @@
+import type { Message, MessageType } from './types';
+export declare function closeAll(type?: MessageType): void;
+declare const _default: Message;
+export default _default;

package/lib/components/message/method.js

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

package/lib/components/message/method.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"method.js","sources":["../../../../../packages/components/message/method.ts"],"sourcesContent":["import { createVNode, render } from 'vue';\nimport { isClient } from '@vueuse/core';\nimport { isElement, isFunction, isNumber, isString, isVNode } from '@vft/utils';\nimport { useZIndex } from '@vft-ui/hooks';\nimport { debugWarn } from '../../utils';\nimport MessageConstructor from './message.vue';\nimport { messageDefaults, messageTypes } from './types';\nimport { instances } from './instance';\nimport { messageConfig } from '@vft-ui/components/config-provider';\nimport type { MessageContext } from './instance';\nimport type { AppContext } from 'vue';\nimport type { Message, MessageFn, MessageHandler, MessageParamsNormalized, MessageParams, MessageType } from './types';\n\nlet seed = 1;\n\n// 获取最终处理后的 message 的参数\nconst normalizeOptions = (params?: MessageParams) => {\n  const options = !params || isString(params) || isVNode(params) || isFunction(params) ? { message: params } : params;\n\n  // 合并传入的数据与默认的值\n  const normalized = {\n    ...messageDefaults,\n    ...options\n  };\n\n  // appendTo 默认指定为 body\n  if (!normalized.appendTo) {\n    normalized.appendTo = document.body;\n  } else if (isString(normalized.appendTo)) {\n    let appendTo = document.querySelector<HTMLElement>(normalized.appendTo);\n    // 当外部传入了 appendTo 但是我们获取到的 appendTo 不是一个元素节点，抛出警告，然后继续默认指定为 body\n    if (!isElement(appendTo)) {\n      debugWarn('VriMessage', 'the appendTo option is not an HTMLElement. Falling back to document.body.');\n      appendTo = document.body;\n    }\n\n    normalized.appendTo = appendTo;\n  }\n\n  return normalized as MessageParamsNormalized;\n};\n\n// 关闭 message\nconst closeMessage = (instance: MessageContext) => {\n  const idx = instances.indexOf(instance);\n  if (idx === -1) return;\n\n  instances.splice(idx, 1);\n  const { handler } = instance;\n  handler.close();\n};\n\n/**\n * @description 创建一个 message 实例\n * @author wfd\n * @date 2022/10/31 15:37\n * @example\n * @param {any} appendTo\n * @param {Omit<, \"appendTo\">} options\n * @param {AppContext | null} context\n * @returns {MessageContext}\n */\nconst createMessage = ({ appendTo, ...options }: MessageParamsNormalized, context?: AppContext | null): MessageContext => {\n  // z-index 的设置\n  const { nextZIndex } = useZIndex();\n  // 自定义 message 的 id\n  const id = `message_${seed++}`;\n  // 获取用户自定义的 onClose\n  const userOnClose = options.onClose;\n\n  const container = document.createElement('div');\n\n  const props = {\n    ...options,\n    zIndex: nextZIndex() + options.zIndex!,\n    id,\n    onClose: () => {\n      userOnClose?.();\n      closeMessage(instance);\n    },\n\n    // 清除 message element 防止内存泄漏\n    onDestroy: () => {\n      render(null, container);\n    }\n  };\n  // 创建一个虚拟节点，children 的用处是为了 message 可能是函数或者虚拟节点\n  const vnode = createVNode(MessageConstructor, props, isFunction(props.message) || isVNode(props.message) ? { default: isFunction(props.message) ? props.message : () => props.message } : null);\n\n  // 设置 context\n  vnode.appContext = context || message._context;\n  // 渲染虚拟dom\n  render(vnode, container);\n\n  // 将渲染好的 dom 添加到 appendTo 上，默认是添加到 body 上\n  appendTo.appendChild(container.firstElementChild!);\n\n  const vm = vnode.component!;\n\n  const handler: MessageHandler = {\n    // instead of calling the onClose function directly,\n    // setting this value so that we can have the full lifecycle\n    // for out component, so that all closing steps will not be skipped.\n    close: () => {\n      // 将 message 组件暴露出来的 visible 设置为 false\n      vm.exposed!.visible.value = false;\n    }\n  };\n\n  // 返回这个实例\n  const instance: MessageContext = {\n    id,\n    vnode,\n    vm,\n    handler,\n    props: (vnode.component as any).props\n  };\n\n  return instance;\n};\n\n// message 初始化相关\nconst message: MessageFn & Partial<Message> & { _context: AppContext | null } = (options = {}, context) => {\n  if (!isClient) return { close: () => undefined };\n\n  // 判断设置最大的 message 展示的数量\n  if (isNumber(messageConfig.max) && instances.length >= messageConfig.max) {\n    return { close: () => undefined };\n  }\n  // 获取最终处理后的 message 的参数\n  const normalized = normalizeOptions(options);\n\n  // 开启分组，message 实例存在\n  if (normalized.grouping && instances.length) {\n    // 找出当前实例中展示的 message 与现在 options 参数中 message 一致的 message 实例\n    const instance = instances.find(({ vnode: vm }) => vm.props?.message === normalized.message);\n    // repeatNum ++\n    if (instance) {\n      instance.props.repeatNum += 1;\n      instance.props.type = normalized.type;\n      return instance.handler;\n    }\n  }\n  // 创建一个 message 实例\n  const instance = createMessage(normalized, context);\n  // 将 message 实例 push 至数组中\n  instances.push(instance);\n\n  return instance.handler;\n};\n\n//\nmessageTypes.forEach((type) => {\n  message[type] = (options = {}, appContext) => {\n    const normalized = normalizeOptions(options);\n    return message({ ...normalized, type }, appContext);\n  };\n});\n\n// 关闭所有 message\nexport function closeAll(type?: MessageType): void {\n  for (const instance of instances) {\n    if (!type || type === instance.props.type) {\n      instance.handler.close();\n    }\n  }\n}\n\nmessage.closeAll = closeAll;\nmessage._context = null;\n\nexport default message as Message;\n"],"names":["seed","normalizeOptions","params","options","isString","isVNode","isFunction","normalized","messageDefaults","appendTo","isElement","debugWarn","closeMessage","instance","idx","instances","handler","createMessage","context","nextZIndex","useZIndex","id","userOnClose","container","props","render","vnode","createVNode","MessageConstructor","message","vm","isClient","isNumber","messageConfig","_a","messageTypes","type","appContext","closeAll"],"mappings":"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"}

package/lib/components/message/style/css.js

@@ -0,0 +1,2 @@
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-message.css");
+//# sourceMappingURL=css.js.map

package/lib/components/message/style/index.js

@@ -0,0 +1,2 @@
+"use strict";require("../../../theme-style/src/base.scss.js");require("../../../theme-style/src/message.scss.js");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,63 @@
+import type { AppContext, VNode } from 'vue';
+export declare const messageTypes: readonly ["success", "info", "warning", "error"];
+export type MessageType = 'success' | 'warning' | 'info' | 'error';
+export interface MessageConfigContext {
+    /** 可同时显示的消息最大数量 */
+    max?: number;
+}
+export declare const messageDefaults: {
+    customClass: string;
+    center: boolean;
+    dangerouslyUseHTMLString: boolean;
+    duration: number;
+    icon: undefined;
+    id: string;
+    message: string;
+    onClose: undefined;
+    showClose: boolean;
+    type: string;
+    offset: number;
+    zIndex: number;
+    grouping: boolean;
+    repeatNum: number;
+    appendTo: HTMLElement;
+};
+export interface MessageProps {
+    customClass?: string;
+    center?: boolean;
+    dangerouslyUseHTMLString?: boolean;
+    duration?: number;
+    icon?: string;
+    id?: string;
+    message?: string | VNode | (() => VNode);
+    onClose?: Function;
+    showClose?: boolean;
+    type?: MessageType;
+    offset?: number;
+    zIndex?: number;
+    grouping?: boolean;
+    repeatNum: number;
+}
+export type MessageOptions = Partial<Omit<MessageProps, 'id'> & {
+    appendTo?: HTMLElement | string;
+}>;
+export type MessageParams = MessageOptions | MessageOptions['message'];
+export type MessageParamsNormalized = Omit<MessageProps, 'id'> & {
+    appendTo: HTMLElement;
+};
+export type MessageOptionsWithType = Omit<MessageOptions, 'type'>;
+export type MessageParamsWithType = MessageOptionsWithType | MessageOptions['message'];
+export interface MessageHandler {
+    close: () => void;
+}
+export type MessageFn = {
+    (options?: MessageParams, appContext?: null | AppContext): MessageHandler;
+    closeAll(type?: MessageType): void;
+};
+export type MessageTypedFn = (options?: MessageParamsWithType, appContext?: null | AppContext) => MessageHandler;
+export interface Message extends MessageFn {
+    success: MessageTypedFn;
+    warning: MessageTypedFn;
+    info: MessageTypedFn;
+    error: MessageTypedFn;
+}

package/lib/components/message/types.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vueuse/core"),s=["success","info","warning","error"],o={customClass:"",center:!1,dangerouslyUseHTMLString:!1,duration:3e3,icon:void 0,id:"",message:"",onClose:void 0,showClose:!1,type:"info",offset:16,zIndex:0,grouping:!1,repeatNum:1,appendTo:e.isClient?document.body:void 0};exports.messageDefaults=o;exports.messageTypes=s;
+//# sourceMappingURL=types.js.map

package/lib/components/message/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../../packages/components/message/types.ts"],"sourcesContent":["import { isClient } from '@vueuse/core';\nimport type { AppContext, VNode } from 'vue';\n\nexport const messageTypes = ['success', 'info', 'warning', 'error'] as const;\nexport type MessageType = 'success' | 'warning' | 'info' | 'error';\n\nexport interface MessageConfigContext {\n  /** 可同时显示的消息最大数量 */\n  max?: number;\n}\n\n// props 默认赋值\nexport const messageDefaults = {\n  customClass: '',\n  center: false,\n  dangerouslyUseHTMLString: false,\n  duration: 3000,\n  icon: undefined,\n  id: '',\n  message: '',\n  onClose: undefined,\n  showClose: false,\n  type: 'info',\n  offset: 16,\n  zIndex: 0,\n  grouping: false,\n  repeatNum: 1,\n  appendTo: isClient ? document.body : (undefined as never),\n};\n\nexport interface MessageProps {\n  customClass?: string;\n  center?: boolean;\n  dangerouslyUseHTMLString?: boolean;\n  duration?: number;\n  icon?: string;\n  id?: string;\n  message?: string | VNode | (() => VNode);\n  onClose?: Function;\n  showClose?: boolean;\n  type?: MessageType;\n  offset?: number;\n  zIndex?: number;\n  grouping?: boolean;\n  repeatNum: number;\n}\n\n// 排除 id 增加 appendTo\nexport type MessageOptions = Partial<\n  Omit<MessageProps, 'id'> & {\n    appendTo?: HTMLElement | string;\n  }\n>;\n\nexport type MessageParams = MessageOptions | MessageOptions['message'];\n\nexport type MessageParamsNormalized = Omit<MessageProps, 'id'> & {\n  appendTo: HTMLElement;\n};\n\nexport type MessageOptionsWithType = Omit<MessageOptions, 'type'>;\nexport type MessageParamsWithType = MessageOptionsWithType | MessageOptions['message'];\n\nexport interface MessageHandler {\n  close: () => void;\n}\n\nexport type MessageFn = {\n  (options?: MessageParams, appContext?: null | AppContext): MessageHandler;\n  closeAll(type?: MessageType): void;\n};\n\nexport type MessageTypedFn = (options?: MessageParamsWithType, appContext?: null | AppContext) => MessageHandler;\n\nexport interface Message extends MessageFn {\n  success: MessageTypedFn\n  warning: MessageTypedFn\n  info: MessageTypedFn\n  error: MessageTypedFn\n}\n"],"names":["messageTypes","messageDefaults","isClient"],"mappings":"gHAGaA,EAAe,CAAC,UAAW,OAAQ,UAAW,OAAO,EASrDC,EAAkB,CAC7B,YAAa,GACb,OAAQ,GACR,yBAA0B,GAC1B,SAAU,IACV,KAAM,OACN,GAAI,GACJ,QAAS,GACT,QAAS,OACT,UAAW,GACX,KAAM,OACN,OAAQ,GACR,OAAQ,EACR,SAAU,GACV,UAAW,EACX,SAAUC,EAAW,SAAA,SAAS,KAAQ,MACxC"}

package/lib/components/multiple-tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/multiple-tabs/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport MultipleTabs from './multiple-tabs.vue';\n\nexport const VftMultipleTabs = withInstall(MultipleTabs)\nexport default VftMultipleTabs\nexport * from './use';\nexport * from './types';\n"],"names":["VftMultipleTabs","withInstall","MultipleTabs"],"mappings":"gVAIaA,EAAkBC,cAAYC,EAAY,OAAA"}

package/lib/components/multiple-tabs/multiple-tabs.vue2.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@vft/router"),p=require("@vft/store"),w=require("@vft/use"),x=require("@vft/utils"),I=require("hotkeys-js"),g=require("vue-router"),K=require("../../hooks/use-namespace/index.js");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.js");require("@vueuse/core");require("@vue/shared");require("../divider/index.js");require("../icon/index.js");require("../avatar/index.js");require("../empty/index.js");require("../result/index.js");require("../exception/index.js");const y=require("../tabs/index.js");require("../popper/index.js");require("../collapse-transition/index.js");require("../tooltip/index.js");require("../popover/index.js");require("../menu/index.js");require("./index.js");require("../header-layout/index.js");require("../footer-layout/index.js");require("../iframe-layout/index.js");require("../router-view-content/index.js");require("../logo/index.js");require("../back-top/index.js");require("../config-provider/index.js");require("../descriptions/index.js");require("../full-screen/index.js");require("../icon-text/index.js");require("../image/index.js");require("../input/index.js");require("../link/index.js");require("../pagination/index.js");require("../tag/index.js");require("../side-menu/index.js");require("../qrcode/index.js");require("../overlay/index.js");require("../clamp/index.js");require("../clamp-toggle/index.js");require("../page-wrapper/index.js");require("../message/index.js");const A=require("./tab-content.vue2.js"),R=require("./use/use-multiple-tabs.js"),C=K.useNamespace("multiple-tabs"),z=e.defineComponent({name:C.b()}),D=e.defineComponent({...z,props:{tabsStyle:null,contextMenuStyle:null,canDrag:{type:Boolean}},setup(q){const n=R.initAffixTabs();q.canDrag&&R.useTabsDrag(n);const f=p.useMultipleTabStore(),a=e.ref(""),o=e.ref(0),m=e.ref(),v=g.useRouter(),{go:h}=s.useRouterHelper(),d=e.computed(()=>f.getTabList.filter(t=>{var r;return!((r=t.meta)!=null&&r.hideTab)}));e.watchEffect(()=>{var t;if(a.value){const r=d.value.findIndex(u=>s.getRouterKeyPath(u)===a.value);r===-1?o.value=((t=d.value)==null?void 0:t.length)-1:o.value=r,o.value=o.value<(n==null?void 0:n.length)?(n==null?void 0:n.length)-1:o.value}}),g.onBeforeRouteLeave(()=>{m.value=e.unref(v.currentRoute)}),s.listenerRouteChange(t=>{if(!t)return;const{meta:r={}}=t,{currentActivePath:u,hideTab:i}=r,l=i?u:null,c=s.getRouterKeyPath(t);if(a.value!==c&&(a.value=c),l){let b=v.getRoutes().find(V=>V.path===u);b&&f.addTab(b,e.unref(m),o.value,t)}else f.addTab(e.unref(t),e.unref(m),o.value)});function _(t){var i,l;if(a.value===t.paneName)return;const r=d.value[t.attrs.index];a.value=t.paneName;const u=(l=(i=r==null?void 0:r.meta)==null?void 0:i.hideActiveRoute)==null?void 0:l.fullPath;h(u||r.fullPath||r.path)}function T(t){f.closeTabByKey(t,v)}const[S,P]=w.useRefs();function M(t){const r=t.pane.attrs.index,u=t.event;S.value[r].handleContext(u)}const k=e.computed(()=>{let t={padding:"4px 0 0","header-height":"26px","item-color":"#5C5C5C","item-bg-color":"#f8f8f8","font-size":"13px","item-padding":"0 10px","close-icon-left":"8px","item-distance":"10px","item-max-width":"348px","header-margin":"0 0 0 8px"};return{...x.generateCssVars(t,"tabs","vft"),...q.tabsStyle}}),{closeCurrent:B}=p.useTabs();I("command+e, ctrl+e",function(){return B(),!1});const N=e.computed(()=>({...x.generateCssVars({border:"1px solid #dcdfe6","sub-item-height":"40px","item-min-width":"150px"},"menu","vft"),...q.contextMenuStyle}));return(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(C).b()),style:e.normalizeStyle(e.unref(k))},[e.createVNode(e.unref(y.VftTabs),{"model-value":a.value,"onUpdate:modelValue":r[0]||(r[0]=u=>a.value=u),type:"card",onTabClick:_,onTabRemove:T,onTabContextMenu:M,closeIconCfg:{color:"white"}},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(d),(u,i)=>{var l;return e.openBlock(),e.createBlock(e.unref(y.VftTabPane),{key:e.unref(s.getRouterKeyPath)(u)+i,closable:!((l=u.meta)!=null&&l.affix),index:i,name:e.unref(s.getRouterKeyPath)(u)},{label:e.withCtx(()=>{var c;return[e.createVNode(A.default,{contextMenuStyle:e.unref(N),affixNum:(c=e.unref(n))==null?void 0:c.length,ref_for:!0,ref:e.unref(P)(i),tabItem:u},null,8,["contextMenuStyle","affixNum","tabItem"])]}),_:2},1032,["closable","index","name"])}),128))]),_:1},8,["model-value"])],6))}});exports.default=D;
+//# sourceMappingURL=multiple-tabs.vue2.js.map

package/lib/components/multiple-tabs/multiple-tabs.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiple-tabs.vue2.js","sources":["../../../../../packages/components/multiple-tabs/multiple-tabs.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('multiple-tabs')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { getRouterKeyPath, listenerRouteChange, useRouterHelper } from '@vft/router';\nimport { useMultipleTabStore, useTabs } from '@vft/store';\nimport { useRefs } from '@vft/use';\nimport { generateCssVars } from '@vft/utils';\nimport hotkeys from 'hotkeys-js';\nimport { computed, ref, unref, watchEffect } from 'vue';\nimport type { RouteLocationNormalized, RouteMeta } from 'vue-router';\nimport { useRouter, onBeforeRouteLeave } from 'vue-router';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { VftTabs, VftTabPane, type TabsPaneContext } from '@vft-ui/components';\n\nimport TabContent from './tab-content.vue';\nimport type { TabContentExpose } from './types';\nimport { initAffixTabs, useTabsDrag } from './use';\n\ninterface MultipleTabsProps {\n  tabsStyle?: Record<string, Numberish>;\n  contextMenuStyle?: Record<string, Numberish>;\n  canDrag?: boolean;\n}\n\ndefineProps({\n  \"tabsStyle\": null,\n  \"contextMenuStyle\": null,\n  \"canDrag\": { type: Boolean,  }\n})\n\n\n\n;\n\nconst affixList = initAffixTabs();\n\nif (__props.canDrag) {\n  useTabsDrag(affixList);\n}\n\nconst tabStore = useMultipleTabStore();\n\n// active path for tab\nconst activePathRef = ref('');\nconst activeIndex = ref(0);\nconst fromRoute = ref();\n\nconst router = useRouter();\nconst { go } = useRouterHelper();\n\n// get current tab list\nconst getTabsState = computed(() => {\n  return tabStore.getTabList.filter((item) => {\n    return !item.meta?.hideTab;\n  });\n});\n\n\nwatchEffect(() => {\n  if (activePathRef.value) {\n    const _activeIndex = getTabsState.value.findIndex(item => {\n      return getRouterKeyPath(item) === activePathRef.value;\n    });\n    if (_activeIndex === -1) {\n      activeIndex.value = getTabsState.value?.length - 1;\n    } else {\n      activeIndex.value = _activeIndex;\n    }\n    activeIndex.value = activeIndex.value < affixList?.length ? affixList?.length - 1 : activeIndex.value;\n  }\n});\n\nonBeforeRouteLeave(() => {\n  fromRoute.value = unref(router.currentRoute);\n});\n\nlistenerRouteChange((route) => {\n  if (!route) {\n    return;\n  }\n\n  const { meta = {} } = route;\n  const { currentActivePath, hideTab } = meta as RouteMeta;\n\n  const isHide = !hideTab ? null : currentActivePath;\n\n  // set current active tab value\n  const activePath = getRouterKeyPath(route);\n\n  if (activePathRef.value !== activePath) {\n    activePathRef.value = activePath;\n  }\n\n  if (isHide) {\n    // 如果当前 tab 是隐藏的，则从路由中根据 currentActivePath 寻找到此路由的信息，然后在 tabStore 添加此路由\n    let findParentRoute = router.getRoutes().find((item) => item.path === currentActivePath);\n    findParentRoute && tabStore.addTab(findParentRoute as unknown as RouteLocationNormalized, unref(fromRoute), activeIndex.value, route);\n  } else {\n    tabStore.addTab(unref(route), unref(fromRoute), activeIndex.value);\n  }\n});\n\n// 点击 tab 根据 tab 传入的 path 路径，跳转到对应页面\nfunction handleClick (pane: TabsPaneContext) {\n  if (activePathRef.value === pane.paneName) {\n  \treturn;\n  }\n  const clickTab = getTabsState.value[pane.attrs.index];\n  activePathRef.value = pane.paneName as string;\n  const hideActiveRoutePath = (clickTab?.meta?.hideActiveRoute as RouteLocationNormalized)?.fullPath;\n  if (hideActiveRoutePath) {\n    go(hideActiveRoutePath);\n  } else {\n    go(clickTab.fullPath || clickTab.path);\n  }\n}\n\n// click x close tab\nfunction handleRemove (targetPath: string) {\n  tabStore.closeTabByKey(targetPath, router);\n}\n\nconst [refs, setRefs] = useRefs<TabContentExpose>();\n\nfunction handleContextMenu (data: {pane: {attrs: {index: number;};}; event: any;}) {\n  const _index = data.pane.attrs.index;\n  const _event = data.event;\n  refs.value[_index].handleContext(_event);\n}\n\nconst _tabsStyle = computed(() => {\n  let initTabStyle: Record<string, Numberish> = {\n    padding: '4px 0 0',\n    'header-height': '26px',\n    'item-color': '#5C5C5C',\n    'item-bg-color': '#f8f8f8',\n    'font-size': '13px',\n    'item-padding': '0 10px',\n    'close-icon-left': '8px',\n    'item-distance': '10px',\n    'item-max-width': '348px',\n    'header-margin': '0 0 0 8px'\n  };\n\n  return { ...generateCssVars(initTabStyle, 'tabs', 'vft'), ...__props.tabsStyle };\n});\n\nconst { closeCurrent } = useTabs();\n\nhotkeys('command+e, ctrl+e', function () {\n  closeCurrent();\n  return false;\n});\n\nconst _contextMenuStyle = computed(() => {\n  return {\n    ...generateCssVars({\n      border: '1px solid #dcdfe6',\n      'sub-item-height': '40px',\n      'item-min-width': '150px'\n    }, 'menu', 'vft'),\n    ...__props.contextMenuStyle\n  };\n});\n</script>\n\n<template>\n  <div :class=\"ns.b()\" :style=\"_tabsStyle\">\n    <vft-tabs\n      v-model:model-value=\"activePathRef\"\n      type=\"card\"\n      @tabClick=\"handleClick\"\n      @tabRemove=\"handleRemove\"\n      @tabContextMenu=\"handleContextMenu\"\n      :closeIconCfg=\"{ color: 'white'}\"\n    >\n      <!--why key add index：key not update after sort -->\n      <template v-for=\"(item, index) in getTabsState\" :key=\"getRouterKeyPath(item) + index\">\n        <vft-tab-pane :closable=\"!(item.meta?.affix)\" :index=\"index\" :name=\"getRouterKeyPath(item)\">\n          <template #label>\n            <tab-content :contextMenuStyle=\"_contextMenuStyle\" :affixNum=\"affixList?.length\"\n              :ref=\"setRefs(index)\" :tabItem=\"item\" />\n          </template>\n        </vft-tab-pane>\n      </template>\n    </vft-tabs>\n  </div>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","affixList","initAffixTabs","__props","useTabsDrag","tabStore","useMultipleTabStore","activePathRef","ref","activeIndex","fromRoute","router","useRouter","go","useRouterHelper","getTabsState","computed","item","_a","watchEffect","_activeIndex","getRouterKeyPath","onBeforeRouteLeave","unref","listenerRouteChange","route","meta","currentActivePath","hideTab","isHide","activePath","findParentRoute","handleClick","pane","clickTab","hideActiveRoutePath","_b","handleRemove","targetPath","refs","setRefs","useRefs","handleContextMenu","data","_index","_event","_tabsStyle","initTabStyle","generateCssVars","closeCurrent","useTabs","hotkeys","_contextMenuStyle"],"mappings":"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"}

package/lib/components/multiple-tabs/tab-content.vue2.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vft/utils");require("@vft/use");require("../divider/index.js");require("../icon/index.js");require("../avatar/index.js");require("../empty/index.js");require("../result/index.js");require("../exception/index.js");require("../tabs/index.js");require("../popper/index.js");require("../collapse-transition/index.js");require("../tooltip/index.js");require("../popover/index.js");require("../menu/index.js");require("./index.js");require("../header-layout/index.js");require("../footer-layout/index.js");require("../iframe-layout/index.js");require("../router-view-content/index.js");require("../logo/index.js");require("../back-top/index.js");require("../config-provider/index.js");require("../descriptions/index.js");require("../full-screen/index.js");require("../icon-text/index.js");require("../image/index.js");require("../input/index.js");require("../link/index.js");require("../pagination/index.js");require("../tag/index.js");require("../side-menu/index.js");require("../qrcode/index.js");require("../overlay/index.js");require("../clamp/index.js");require("../clamp-toggle/index.js");require("../page-wrapper/index.js");require("../message/index.js");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.js");require("@vueuse/core");require("@vue/shared");const a=require("../context-menu/useContextMenu.js"),s=require("./use/use-tab-dropdown.js");require("vue-router");require("@vft/store");const c=["title","onContextmenu"],m=e.defineComponent({__name:"tab-content",props:{tabItem:null,affixNum:null,contextMenuStyle:null},setup(r,{expose:n}){const[q]=a.useContextMenu(),u=e.computed(()=>r.tabItem.meta&&r.tabItem.meta.title),{getDropMenuList:o,handleContextMenu:l}=s.useTabDropdown(r.tabItem,r.affixNum);function i(t){l(r.tabItem)(t),q({event:t,styles:r.contextMenuStyle,items:o.value})}return n({handleContext:i}),(t,f)=>(e.openBlock(),e.createElementBlock("span",{title:e.unref(u),class:"vft-multiple-tabs__title",onContextmenu:e.withModifiers(i,["stop"])},e.toDisplayString(e.unref(u)),41,c))}});exports.default=m;
+//# sourceMappingURL=tab-content.vue2.js.map

package/lib/components/multiple-tabs/tab-content.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-content.vue2.js","sources":["../../../../../packages/components/multiple-tabs/tab-content.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport { type RouteLocationNormalized } from 'vue-router';\nimport { useContextMenu } from '@vft-ui/components/context-menu';\nimport type { TabContentExpose } from './types';\nimport { useTabDropdown } from './use';\n\ninterface Props {\n  tabItem: RouteLocationNormalized;\n  affixNum: number;\n  contextMenuStyle?: Record<string, Numberish>;\n}\n\ndefineProps({\n  \"tabItem\": null,\n  \"affixNum\": null,\n  \"contextMenuStyle\": null\n})\n\nconst [createContextMenu] = useContextMenu();\n\nconst getTitle = computed(() => {\n  return __props.tabItem.meta && (__props.tabItem.meta.title as string);\n});\n\nconst { getDropMenuList, handleContextMenu } = useTabDropdown(__props.tabItem, __props.affixNum);\n\nfunction handleContext(e: MouseEvent) {\n  handleContextMenu(__props.tabItem)(e);\n  createContextMenu({\n    event: e,\n    styles: __props.contextMenuStyle,\n    items: getDropMenuList.value\n  });\n}\n\ndefineExpose<TabContentExpose>({\n  handleContext\n});\n</script>\n\n<template>\n  <span :title=\"getTitle\" class=\"vft-multiple-tabs__title\" @contextmenu.stop=\"handleContext\">{{ getTitle }}</span>\n</template>\n"],"names":["createContextMenu","useContextMenu","getTitle","computed","__props","getDropMenuList","handleContextMenu","useTabDropdown","handleContext","e","expose"],"mappings":"yrDAmBM,KAAA,CAACA,CAAiB,EAAIC,EAAAA,iBAEtBC,EAAWC,EAAAA,SAAS,IACjBC,EAAQ,QAAQ,MAASA,EAAQ,QAAQ,KAAK,KACtD,EAEK,CAAE,gBAAAC,EAAiB,kBAAAC,GAAsBC,EAAAA,eAAeH,EAAQ,QAASA,EAAQ,QAAQ,EAE/F,SAASI,EAAcC,EAAe,CAClBH,EAAAF,EAAQ,OAAO,EAAEK,CAAC,EAClBT,EAAA,CAChB,MAAOS,EACP,OAAQL,EAAQ,iBAChB,MAAOC,EAAgB,KAAA,CACxB,CACH,CAE+B,OAAAK,EAAA,CAC7B,cAAAF,CAAA,CACD"}

package/lib/components/multiple-tabs/use/use-multiple-tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-multiple-tabs.js","sources":["../../../../../../packages/components/multiple-tabs/use/use-multiple-tabs.ts"],"sourcesContent":["import { useSortable } from '@vft/use';\nimport { arrSort, isNullOrUndefined } from '@vft/utils';\nimport type { SortableEvent } from 'sortablejs';\nimport { nextTick, ref, toRaw } from 'vue';\nimport type { RouteLocationNormalized } from 'vue-router';\nimport { useRouter } from 'vue-router';\nimport { useMultipleTabStore } from '@vft/store';\n\n/**\n * @description 初始化需要固定的 tab 标签\n * @author wfd\n * @date 2022/10/15 19:03\n * @example\n * @returns {string[]}\n */\nexport function initAffixTabs(): string[] {\n  const affixList = ref<RouteLocationNormalized[]>([]);\n\n  const tabStore = useMultipleTabStore();\n  const router = useRouter();\n\n  // 过滤需要固定的标签\n  function filterAffixTabs(routes: RouteLocationNormalized[]) {\n    const tabs: RouteLocationNormalized[] = [];\n    routes &&\n      routes.forEach((route) => {\n        if (route.meta?.affix) {\n          // console.log(route, 777, toRaw(route));\n          tabs.push(toRaw(route));\n        }\n      });\n    return tabs;\n  }\n\n  function addAffixTabs() {\n    const affixTabs = filterAffixTabs(router.getRoutes() as unknown as RouteLocationNormalized[]);\n\n    arrSort(affixTabs, ['meta', 'order']);\n\n    affixList.value = affixTabs;\n\n    for (const tab of affixTabs) {\n      tabStore.addTab({\n        meta: tab.meta,\n        name: tab.name,\n        path: tab.path\n      } as RouteLocationNormalized);\n    }\n  }\n\n  let isAddAffix = false;\n\n  // 开始执行固定标签\n  if (!isAddAffix) {\n    addAffixTabs();\n    isAddAffix = true;\n  }\n  return affixList.value.map((item) => item.meta?.title).filter(Boolean) as string[];\n}\n\nexport function useTabsDrag(affixTextList: string[]) {\n  const tabStore = useMultipleTabStore();\n  nextTick(() => {\n    const el = document.querySelectorAll('.vft-tabs__nav')?.[0] as HTMLElement;\n\n    const { initSortable } = useSortable(el, {\n      draggable: '.is-closable',\n      filter: (e) => {\n        const text = (e?.target as HTMLElement)?.innerText;\n        if (!text) return false;\n        return affixTextList.includes(text);\n      },\n\n      onEnd: (evt: SortableEvent) => {\n        const { oldIndex, newIndex } = evt;\n\n        if (isNullOrUndefined(oldIndex) || isNullOrUndefined(newIndex) || oldIndex === newIndex) {\n          return;\n        }\n\n        tabStore.sortTabs(oldIndex, newIndex);\n      }\n    });\n    initSortable();\n  });\n}\n"],"names":["initAffixTabs","affixList","ref","tabStore","useMultipleTabStore","router","useRouter","filterAffixTabs","routes","tabs","route","_a","toRaw","addAffixTabs","affixTabs","arrSort","tab","isAddAffix","item","useTabsDrag","affixTextList","nextTick","el","initSortable","useSortable","e","text","evt","oldIndex","newIndex","isNullOrUndefined"],"mappings":"qMAeO,SAASA,GAA0B,CAClC,MAAAC,EAAYC,MAA+B,CAAA,CAAE,EAE7CC,EAAWC,EAAAA,sBACXC,EAASC,EAAAA,YAGf,SAASC,EAAgBC,EAAmC,CAC1D,MAAMC,EAAkC,CAAA,EAEtC,OAAAD,GAAAA,EAAO,QAASE,GAAU,QACpBC,EAAAD,EAAM,OAAN,MAAAC,EAAY,OAETF,EAAA,KAAKG,QAAMF,CAAK,CAAC,CACxB,CACD,EACID,CACT,CAEA,SAASI,GAAe,CACtB,MAAMC,EAAYP,EAAgBF,EAAO,UAAmD,CAAA,EAE5FU,EAAAA,QAAQD,EAAW,CAAC,OAAQ,OAAO,CAAC,EAEpCb,EAAU,MAAQa,EAElB,UAAWE,KAAOF,EAChBX,EAAS,OAAO,CACd,KAAMa,EAAI,KACV,KAAMA,EAAI,KACV,KAAMA,EAAI,IAAA,CACgB,CAEhC,CAEA,IAAIC,EAAa,GAGjB,OAAKA,IACUJ,IACAI,EAAA,IAERhB,EAAU,MAAM,IAAKiB,GAAA,OAAS,OAAAP,EAAAO,EAAK,OAAL,YAAAP,EAAW,MAAK,EAAE,OAAO,OAAO,CACvE,CAEO,SAASQ,EAAYC,EAAyB,CACnD,MAAMjB,EAAWC,EAAAA,sBACjBiB,EAAAA,SAAS,IAAM,OACb,MAAMC,GAAKX,EAAA,SAAS,iBAAiB,gBAAgB,IAA1C,YAAAA,EAA8C,GAEnD,CAAE,aAAAY,CAAA,EAAiBC,EAAA,YAAYF,EAAI,CACvC,UAAW,eACX,OAASG,GAAM,OACP,MAAAC,GAAQf,EAAAc,GAAA,YAAAA,EAAG,SAAH,YAAAd,EAA2B,UACzC,OAAKe,EACEN,EAAc,SAASM,CAAI,EADhB,EAEpB,EAEA,MAAQC,GAAuB,CACvB,KAAA,CAAE,SAAAC,EAAU,SAAAC,CAAa,EAAAF,EAE3BG,EAAAA,kBAAkBF,CAAQ,GAAKE,EAAAA,kBAAkBD,CAAQ,GAAKD,IAAaC,GAItE1B,EAAA,SAASyB,EAAUC,CAAQ,CACtC,CAAA,CACD,EACYN,GAAA,CACd,CACH"}

package/lib/components/multiple-tabs/use/use-tab-dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tab-dropdown.js","sources":["../../../../../../packages/components/multiple-tabs/use/use-tab-dropdown.ts"],"sourcesContent":["import { getRouterKeyPath } from '@vft/router';\nimport { computed, reactive, unref } from 'vue';\nimport { type RouteLocationNormalized } from 'vue-router';\nimport { type ContextMenuItem } from '@vft-ui/components/context-menu';\nimport { useMultipleTabStore, useTabs } from '@vft/store';\n\nexport function useTabDropdown(tabItem: RouteLocationNormalized, affixNum: number) {\n  // 记录当前点击多 tab 的索引与 tab 的信息\n  const state = reactive({\n    current: null as Nullable<RouteLocationNormalized>,\n    currentIndex: 0\n  });\n\n  const tabStore = useMultipleTabStore();\n  const { refreshPage, closeAll, close, closeLeft, closeOther, closeRight, newWinTab } = useTabs();\n\n  /**\n   * @description 多 tab 菜单列表\n   */\n  const getDropMenuList = computed(() => {\n    if (!tabItem) {\n      return;\n    }\n    const { meta } = tabItem;\n\n    const index = state.currentIndex;\n\n    // 关闭左侧标签页\n    const closeLeftDisabled = index === 0 || index <= affixNum;\n    // 关闭右侧标签页\n    const closeRightDisabled = tabStore.getTabList.length <= affixNum || (index === tabStore.getTabList.length - 1 && tabStore.getLastDragEndIndex >= 0);\n    // 关闭其他\n    const closeOtherDisabled = tabStore.getTabList.length === affixNum || (tabStore.getTabList.length === affixNum + 1 && index === affixNum);\n    // 关闭所有\n    const disabled = tabStore.getTabList.length === affixNum;\n\n    const dropMenuList: ContextMenuItem[] = [\n      {\n        iconCfg: { icon: 'vi-refresh' },\n        text: '刷新',\n        handler: () => refreshPage(tabItem)\n      },\n      {\n        iconCfg: { icon: 'vi-new-page' },\n        text: '新页面打开',\n        handler: () => newWinTab(tabItem),\n        divider: true\n      },\n      {\n        iconCfg: { icon: 'vi-close' },\n        text: '关闭标签页',\n        disabled: !!meta?.affix || disabled,\n        handler: () => close(tabItem)\n      },\n      {\n        iconCfg: { icon: 'vi-close-left' },\n        text: '关闭左侧标签页',\n        disabled: closeLeftDisabled,\n        handler: () => closeLeft(tabItem)\n      },\n      {\n        iconCfg: { icon: 'vi-close-right' },\n        text: '关闭右侧标签页',\n        disabled: closeRightDisabled,\n        divider: true,\n        handler: () => closeRight(tabItem)\n      },\n      {\n        iconCfg: { icon: 'vi-close-other' },\n        text: '关闭其它标签页',\n        disabled: closeOtherDisabled,\n        handler: () => closeOther(tabItem)\n      },\n      {\n        iconCfg: { icon: 'vi-close-all' },\n        text: '关闭所有标签页',\n        disabled,\n        handler: () => closeAll()\n      }\n    ];\n\n    return dropMenuList;\n  });\n\n  // 点击 tab 右侧菜单事件\n  function handleContextMenu(tabItem: RouteLocationNormalized) {\n    return (e: Event) => {\n      if (!tabItem) {\n        return;\n      }\n      e?.preventDefault();\n\n      // 获取当前点击的 tab 在多 tab 列表中的位置\n      const index = tabStore.getTabList.findIndex((tab) => getRouterKeyPath(tab) === getRouterKeyPath(tabItem));\n      state.current = tabItem;\n      state.currentIndex = index;\n    };\n  }\n\n  return { getDropMenuList, handleContextMenu };\n}\n"],"names":["useTabDropdown","tabItem","affixNum","state","reactive","tabStore","useMultipleTabStore","refreshPage","closeAll","close","closeLeft","closeOther","closeRight","newWinTab","useTabs","getDropMenuList","computed","meta","index","closeLeftDisabled","closeRightDisabled","closeOtherDisabled","disabled","handleContextMenu","e","tab","getRouterKeyPath"],"mappings":"wJAMgB,SAAAA,EAAeC,EAAkCC,EAAkB,CAEjF,MAAMC,EAAQC,EAAAA,SAAS,CACrB,QAAS,KACT,aAAc,CAAA,CACf,EAEKC,EAAWC,EAAAA,sBACX,CAAE,YAAAC,EAAa,SAAAC,EAAU,MAAAC,EAAO,UAAAC,EAAW,WAAAC,EAAY,WAAAC,EAAY,UAAAC,GAAcC,EAAAA,UAKjFC,EAAkBC,EAAAA,SAAS,IAAM,CACrC,GAAI,CAACf,EACH,OAEI,KAAA,CAAE,KAAAgB,CAAS,EAAAhB,EAEXiB,EAAQf,EAAM,aAGdgB,EAAoBD,IAAU,GAAKA,GAAShB,EAE5CkB,EAAqBf,EAAS,WAAW,QAAUH,GAAagB,IAAUb,EAAS,WAAW,OAAS,GAAKA,EAAS,qBAAuB,EAE5IgB,EAAqBhB,EAAS,WAAW,SAAWH,GAAaG,EAAS,WAAW,SAAWH,EAAW,GAAKgB,IAAUhB,EAE1HoB,EAAWjB,EAAS,WAAW,SAAWH,EA+CzC,MA7CiC,CACtC,CACE,QAAS,CAAE,KAAM,YAAa,EAC9B,KAAM,KACN,QAAS,IAAMK,EAAYN,CAAO,CACpC,EACA,CACE,QAAS,CAAE,KAAM,aAAc,EAC/B,KAAM,QACN,QAAS,IAAMY,EAAUZ,CAAO,EAChC,QAAS,EACX,EACA,CACE,QAAS,CAAE,KAAM,UAAW,EAC5B,KAAM,QACN,SAAU,CAAC,EAACgB,GAAA,MAAAA,EAAM,QAASK,EAC3B,QAAS,IAAMb,EAAMR,CAAO,CAC9B,EACA,CACE,QAAS,CAAE,KAAM,eAAgB,EACjC,KAAM,UACN,SAAUkB,EACV,QAAS,IAAMT,EAAUT,CAAO,CAClC,EACA,CACE,QAAS,CAAE,KAAM,gBAAiB,EAClC,KAAM,UACN,SAAUmB,EACV,QAAS,GACT,QAAS,IAAMR,EAAWX,CAAO,CACnC,EACA,CACE,QAAS,CAAE,KAAM,gBAAiB,EAClC,KAAM,UACN,SAAUoB,EACV,QAAS,IAAMV,EAAWV,CAAO,CACnC,EACA,CACE,QAAS,CAAE,KAAM,cAAe,EAChC,KAAM,UACN,SAAAqB,EACA,QAAS,IAAMd,EAAS,CAC1B,CAAA,CAGK,CACR,EAGD,SAASe,EAAkBtB,EAAkC,CAC3D,OAAQuB,GAAa,CACnB,GAAI,CAACvB,EACH,OAEFuB,GAAA,MAAAA,EAAG,iBAGG,MAAAN,EAAQb,EAAS,WAAW,UAAWoB,GAAQC,EAAA,iBAAiBD,CAAG,IAAMC,mBAAiBzB,CAAO,CAAC,EACxGE,EAAM,QAAUF,EAChBE,EAAM,aAAee,CAAA,CAEzB,CAEO,MAAA,CAAE,gBAAAH,EAAiB,kBAAAQ,EAC5B"}

package/lib/components/overlay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/overlay/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Overlay from './overlay.vue'\n\nexport const VftOverlay = withInstall(Overlay)\n\nexport default VftOverlay\n\n"],"names":["VftOverlay","withInstall","Overlay"],"mappings":"2PAIaA,EAAaC,cAAYC,EAAO,OAAA"}

package/lib/components/overlay/overlay.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.vue2.js","sources":["../../../../../packages/components/overlay/overlay.vue"],"sourcesContent":["<script lang=\"ts\">\nenum PatchFlags {\n  TEXT = 1,\n  CLASS = 2,\n  STYLE = 4,\n  PROPS = 8,\n  FULL_PROPS = 16,\n  HYDRATE_EVENTS = 32,\n  STABLE_FRAGMENT = 64,\n  KEYED_FRAGMENT = 128,\n  UNKEYED_FRAGMENT = 256,\n  NEED_PATCH = 512,\n  DYNAMIC_SLOTS = 1024,\n  HOISTED = -1,\n  BAIL = -2\n}\nconst ns = /* hoist-static*/ useNamespace('overlay')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { createVNode, useSlots, type CSSProperties, h, renderSlot } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { NOOP } from '@vue/shared';\n\n\n\ninterface Props {\n  mask?: boolean;\n  onlyNode?: boolean\n  customMaskEvent?: boolean;\n  overlayClass?: any;\n  zIndex?: Numberish;\n}\n\nconst useSameTarget = (handleClick?: (e: MouseEvent) => void) => {\n  if (!handleClick) {\n    return { onClick: NOOP, onMousedown: NOOP, onMouseup: NOOP };\n  }\n\n  let mousedownTarget = false;\n  let mouseupTarget = false;\n\n  const onClick = (e: MouseEvent) => {\n    // if and only if\n    if (mousedownTarget && mouseupTarget) {\n      handleClick(e);\n    }\n    mousedownTarget = mouseupTarget = false;\n  };\n\n  const onMousedown = (e: MouseEvent) => {\n    // marking current mousedown target.\n    mousedownTarget = e.target === e.currentTarget;\n  };\n  const onMouseup = (e: MouseEvent) => {\n    // marking current mouseup target.\n    mouseupTarget = e.target === e.currentTarget;\n  };\n\n  return { onClick, onMousedown, onMouseup };\n};\n\ndefineProps({\n  \"mask\": { type: Boolean,  },\n  \"onlyNode\": { type: Boolean,  },\n  \"customMaskEvent\": { type: Boolean,  },\n  \"overlayClass\": null,\n  \"zIndex\": null\n})\n\n\n\n;\n\nconst emit = defineEmits(['click']);\n\nconst slots = useSlots();\n\nconst onMaskClick = (e: MouseEvent) => {\n  emit('click', e);\n};\n\nconst { onClick, onMousedown, onMouseup } = useSameTarget(__props.customMaskEvent ? undefined : onMaskClick);\n\ndefineRender(() => {\n  return __props.mask\n    ? createVNode(\n        'div',\n        {\n          class: [ns.b(), __props.overlayClass],\n          style: {\n            zIndex: __props.zIndex\n          },\n          onClick,\n          onMousedown,\n          onMouseup\n        },\n        [renderSlot(slots, 'default')],\n        PatchFlags.STYLE | PatchFlags.CLASS | PatchFlags.PROPS,\n        ['onClick', 'onMouseup', 'onMousedown']\n      )\n    : __props.onlyNode ? h(\n      'div',\n      {},\n      [renderSlot(slots, 'default')]\n    ) : h(\n        'div',\n        {\n          class: __props.overlayClass,\n          style: {\n            zIndex: __props.zIndex,\n            position: 'fixed',\n            top: '0px',\n            right: '0px',\n            bottom: '0px',\n            left: '0px'\n          } as CSSProperties\n        },\n        [renderSlot(slots, 'default')]\n      );\n});\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","useSameTarget","handleClick","NOOP","mousedownTarget","mouseupTarget","e","slots","useSlots","onMaskClick","emit","onClick","onMousedown","onMouseup","__props","createVNode","renderSlot","h"],"mappings":"wVAgBA,MAAMA,EAAuBC,EAAAA,aAAa,SAAS,EAGnDC,EAA6BC,EAAAA,gBAAmB,CAC9C,KAAMH,EAAG,EAAE,CACb,CAAC,+KAgBK,MAAAI,EAAiBC,GAA0C,CAC/D,GAAI,CAACA,EACH,MAAO,CAAE,QAASC,OAAM,YAAaA,EAAAA,KAAM,UAAWA,EAAAA,MAGxD,IAAIC,EAAkB,GAClBC,EAAgB,GAmBpB,MAAO,CAAE,QAjBQC,GAAkB,CAE7BF,GAAmBC,GACrBH,EAAYI,CAAC,EAEfF,EAAkBC,EAAgB,EAAA,EAYlB,YATGC,GAAkB,CAEnBF,EAAAE,EAAE,SAAWA,EAAE,aAAA,EAOJ,UALZA,GAAkB,CAEnBD,EAAAC,EAAE,SAAWA,EAAE,aAAA,EAGQ,EAiBrCC,EAAQC,EAAAA,WAERC,EAAeH,GAAkB,CACrCI,EAAK,QAASJ,CAAC,CAAA,EAGX,CAAE,QAAAK,EAAS,YAAAC,EAAa,UAAAC,GAAcZ,EAAca,EAAQ,gBAAkB,OAAYL,CAAW,EAE9F,MAAA,IACJK,EAAQ,KACXC,EAAA,YACE,MACA,CACE,MAAO,CAAClB,EAAG,EAAE,EAAGiB,EAAQ,YAAY,EACpC,MAAO,CACL,OAAQA,EAAQ,MAClB,EACA,QAAAH,EACA,YAAAC,EACA,UAAAC,CACF,EACA,CAACG,EAAA,WAAWT,EAAO,SAAS,CAAC,EAC7B,GACA,CAAC,UAAW,YAAa,aAAa,CAAA,EAExCO,EAAQ,SAAWG,EAAA,EACnB,MACA,CAAC,EACD,CAACD,EAAA,WAAWT,EAAO,SAAS,CAAC,CAAA,EAC3BU,EAAA,EACA,MACA,CACE,MAAOH,EAAQ,aACf,MAAO,CACL,OAAQA,EAAQ,OAChB,SAAU,QACV,IAAK,MACL,MAAO,MACP,OAAQ,MACR,KAAM,KACR,CACF,EACA,CAACE,EAAA,WAAWT,EAAO,SAAS,CAAC,CAAA"}

package/lib/components/page-wrapper/index.d.ts

@@ -0,0 +1,12 @@
+export declare const VftPageWrapper: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    title: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+}>>, {}>> & Record<string, any>;
+export default VftPageWrapper;

package/lib/components/page-wrapper/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../utils/vue/install.js");require("vue");require("@vue/shared");require("@vft/utils");const t=require("./page-wrapper.vue2.js"),e=r.withInstall(t.default);exports.VftPageWrapper=e;exports.default=e;
+//# sourceMappingURL=index.js.map

package/lib/components/page-wrapper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/page-wrapper/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport PageWrapper from './page-wrapper.vue'\n\nexport const VftPageWrapper = withInstall(PageWrapper)\n\nexport default VftPageWrapper\n\n"],"names":["VftPageWrapper","withInstall","PageWrapper"],"mappings":"gQAIaA,EAAiBC,cAAYC,EAAW,OAAA"}