vft 0.0.19 → 0.0.21

package/lib/packages/components/icon-text/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../packages/components/icon-text/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport IconText from './icon-text.vue'\n\nexport const VftIconText = withInstall(IconText)\n\nexport default VftIconText\n"],"names":["VftIconText","withInstall","IconText"],"mappings":"6PAIaA,EAAcC,cAAYC,EAAQ,OAAA"}

package/lib/packages/components/iframe-layout/iframe-layout.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"iframe-layout.vue2.js","sources":["../../../../../../packages/components/iframe-layout/iframe-layout.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('iframe-layout')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { unref } from 'vue';\nimport { type RouteLocationNormalized } from 'vue-router';\nimport { type RouteRecordItem } from '@vft/router';\nimport { useNamespace } from '@vft-ui/hooks';\nimport FramePage from './iframe-page.vue';\nimport { useRouter } from 'vue-router';\n\ninterface Props {\n  iframePages: RouteLocationNormalized[]\n}\n\ndefineProps({\n  \"iframePages\": null\n})\n\n\n\n;\n\nconst router = useRouter();\n\nfunction showIframe(item: RouteRecordItem) {\n  return item.fullPath === unref(router.currentRoute).fullPath;\n}\n</script>\n\n<template>\n  <template v-for=\"item in iframePages\" :key=\"item.query ? item.fullPath : item.path\">\n    <frame-page\n      v-if=\"item.meta.frameSrc\"\n      v-show=\"showIframe(item)\" :frameSrc=\"item.meta.frameSrc\" />\n  </template>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","router","useRouter","showIframe","item","unref"],"mappings":"iZACMA,EAAuBC,EAAAA,aAAa,eAAe,EAGzDC,EAA6BC,EAAAA,gBAAmB,CAC/C,KAAMH,EAAG,EAAE,CACZ,CAAC,8DAqBD,MAAMI,EAASC,EAAAA,YAEf,SAASC,EAAWC,EAAuB,CACzC,OAAOA,EAAK,WAAaC,EAAAA,MAAMJ,EAAO,YAAY,EAAE,QACtD"}

package/lib/packages/components/iframe-layout/iframe-page.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"iframe-page.vue2.js","sources":["../../../../../../packages/components/iframe-layout/iframe-page.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('iframe-page')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@vft-ui/hooks';\n\ninterface IframePageProps {\n  frameSrc: string;\n}\n\ndefineProps({\n  \"frameSrc\": { default: '' }\n})\n\n\n\n;\n</script>\n\n<template>\n  <iframe :class=\"ns.b()\"  :src=\"frameSrc\" />\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent"],"mappings":"gWACMA,EAAuBC,EAAAA,aAAa,aAAa,EAGvDC,EAA6BC,EAAAA,gBAAmB,CAC/C,KAAMH,EAAG,EAAE,CACZ,CAAC"}

package/lib/packages/components/iframe-layout/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../packages/components/iframe-layout/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport IframeLayout from './iframe-layout.vue'\n\nexport const VftIframeLayout = withInstall(IframeLayout)\n\nexport default VftIframeLayout\n"],"names":["VftIframeLayout","withInstall","IframeLayout"],"mappings":"iQAIaA,EAAkBC,cAAYC,EAAY,OAAA"}

package/lib/packages/components/image/image.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"image.vue2.js","sources":["../../../../../../packages/components/image/image.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport type { ImgFitType } from './types';\nimport {\n  computed,\n  nextTick,\n  onMounted,\n  useAttrs as useRawAttrs,\n  watch,\n  ref\n} from 'vue';\nimport { isClient, useEventListener, useThrottleFn } from '@vueuse/core';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { useAttrs } from '@vft/use';\nimport {\n  getScrollContainer,\n  isElement,\n  isInContainer,\n  isString\n} from '@vft/utils';\n\nimport type { CSSProperties, StyleValue } from 'vue';\n\ninterface Props {\n  hideOnClickModal?: boolean\n  src?: string\n  fit?: ImgFitType\n  loading?: 'eager' | 'lazy'\n  lazy?: boolean\n  scrollContainer?: string | HTMLElement\n  previewSrcList?: string[]\n  previewTeleported?: boolean\n  zIndex?: number\n  initialIndex?: number\n  infinite?: boolean\n  closeOnPressEscape?: boolean\n}\n\ndefineProps({\n  \"hideOnClickModal\": { type: Boolean, default: false },\n  \"src\": { default: '' },\n  \"fit\": { default: '' },\n  \"loading\": null,\n  \"lazy\": { type: Boolean,  },\n  \"scrollContainer\": null,\n  \"previewSrcList\": { default: [] },\n  \"previewTeleported\": { type: Boolean, default: false },\n  \"zIndex\": null,\n  \"initialIndex\": { default: 0 },\n  \"infinite\": { type: Boolean, default: true },\n  \"closeOnPressEscape\": { type: Boolean, default: true }\n})\n\nconst emit = defineEmits(['load', 'error', 'switch', 'close', 'show']);\n\nlet prevOverflow = '';\n\nconst ns = useNamespace('image');\nconst rawAttrs = useRawAttrs();\nconst attrs = useAttrs();\n\nconst imageSrc = ref<string | undefined>();\nconst hasLoadError = ref(false);\nconst isLoading = ref(true);\nconst showViewer = ref(false);\nconst container = ref<HTMLElement>();\nconst _scrollContainer = ref<HTMLElement | Window>();\n\nconst supportLoading = isClient && 'loading' in HTMLImageElement.prototype;\nlet stopScrollListener: (() => void) | undefined;\nlet stopWheelListener: (() => void) | undefined;\n\nconst containerStyle = computed(() => rawAttrs.style as StyleValue);\n\nconst imageStyle = computed<CSSProperties>(() => {\n  if (isClient && __props.fit) {\n    return { objectFit: __props.fit };\n  }\n  return {};\n});\n\nconst preview = computed(() => {\n  return Array.isArray(__props.previewSrcList) && __props.previewSrcList.length > 0;\n});\n\nconst imageIndex = computed(() => {\n  let previewIndex = __props.initialIndex;\n  if (__props.initialIndex > __props.previewSrcList.length - 1) {\n    previewIndex = 0;\n  }\n  return previewIndex;\n});\n\nconst isManual = computed(() => {\n  if (__props.loading === 'eager') return false;\n  return (!supportLoading && __props.loading === 'lazy') || __props.lazy;\n});\n\nconst loadImage = () => {\n  if (!isClient) return;\n\n  // reset status\n  isLoading.value = true;\n  hasLoadError.value = false;\n  imageSrc.value = __props.src;\n};\n\nfunction handleLoad (event: Event) {\n  isLoading.value = false;\n  hasLoadError.value = false;\n  emit('load', event);\n}\n\nfunction handleError (event: Event) {\n  isLoading.value = false;\n  hasLoadError.value = true;\n  emit('error', event);\n}\n\nfunction handleLazyLoad () {\n  if (isInContainer(container.value, _scrollContainer.value)) {\n    loadImage();\n    removeLazyLoadListener();\n  }\n}\n\nconst lazyLoadHandler = useThrottleFn(handleLazyLoad, 200);\n\nasync function addLazyLoadListener () {\n  if (!isClient) return;\n\n  await nextTick();\n\n  if (isElement(__props.scrollContainer)) {\n    _scrollContainer.value = __props.scrollContainer;\n  } else if (isString(__props.scrollContainer) && __props.scrollContainer !== '') {\n    _scrollContainer.value =\n      document.querySelector<HTMLElement>(__props.scrollContainer) ?? undefined;\n  } else if (container.value) {\n    _scrollContainer.value = getScrollContainer(container.value);\n  }\n\n  if (_scrollContainer.value) {\n    stopScrollListener = useEventListener(\n      _scrollContainer,\n      'scroll',\n      lazyLoadHandler\n    );\n    setTimeout(() => handleLazyLoad(), 100);\n  }\n}\n\nfunction removeLazyLoadListener () {\n  if (!isClient || !_scrollContainer.value || !lazyLoadHandler) return;\n\n  stopScrollListener?.();\n  _scrollContainer.value = undefined;\n}\n\nfunction wheelHandler (e: WheelEvent) {\n  if (!e.ctrlKey) return;\n\n  if (e.deltaY < 0) {\n    e.preventDefault();\n    return false;\n  } else if (e.deltaY > 0) {\n    e.preventDefault();\n    return false;\n  }\n}\n\nfunction clickHandler () {\n  // don't show viewer when preview is false\n  if (!preview.value) return;\n\n  stopWheelListener = useEventListener('wheel', wheelHandler, {\n    passive: false\n  });\n\n  // prevent body scroll\n  prevOverflow = document.body.style.overflow;\n  document.body.style.overflow = 'hidden';\n  showViewer.value = true;\n  emit('show');\n}\n\nfunction closeViewer () {\n  stopWheelListener?.();\n  document.body.style.overflow = prevOverflow;\n  showViewer.value = false;\n  emit('close');\n}\n\nfunction switchViewer (val: number) {\n  emit('switch', val);\n}\n\nwatch(\n  () => __props.src,\n  () => {\n    if (isManual.value) {\n      // reset status\n      isLoading.value = true;\n      hasLoadError.value = false;\n      removeLazyLoadListener();\n      addLazyLoadListener();\n    } else {\n      loadImage();\n    }\n  }\n);\n\nonMounted(() => {\n  if (isManual.value) {\n    addLazyLoadListener();\n  } else {\n    loadImage();\n  }\n});\n</script>\n\n<template>\n  <div ref=\"container\" :class=\"[ns.b(), $attrs.class]\" :style=\"containerStyle\">\n    <img\n      v-if=\"imageSrc !== undefined && !hasLoadError\"\n      v-bind=\"attrs\"\n      :src=\"imageSrc\"\n      :loading=\"loading\"\n      :style=\"imageStyle\"\n      :class=\"[\n        ns.e('inner'),\n        preview && ns.e('preview'),\n        isLoading && ns.is('loading'),\n      ]\"\n      @click=\"clickHandler\"\n      @load=\"handleLoad\"\n      @error=\"handleError\"\n    />\n    <div v-if=\"isLoading || hasLoadError\" :class=\"ns.e('wrapper')\">\n      <slot v-if=\"isLoading\" name=\"placeholder\">\n        <div :class=\"ns.e('placeholder')\" />\n      </slot>\n      <slot v-else-if=\"hasLoadError\" name=\"error\">\n        <div :class=\"ns.e('error')\">加载失败</div>\n      </slot>\n    </div>\n  </div>\n</template>\n\n"],"names":["ns","useNamespace","rawAttrs","useRawAttrs","attrs","useAttrs","imageSrc","ref","hasLoadError","isLoading","showViewer","container","_scrollContainer","supportLoading","isClient","stopScrollListener","containerStyle","computed","imageStyle","__props","preview","previewIndex","isManual","loadImage","handleLoad","event","emit","handleError","handleLazyLoad","isInContainer","removeLazyLoadListener","lazyLoadHandler","useThrottleFn","addLazyLoadListener","nextTick","isElement","isString","getScrollContainer","useEventListener","wheelHandler","e","clickHandler","watch","onMounted"],"mappings":"izBAyDM,MAAAA,EAAKC,eAAa,OAAO,EACzBC,EAAWC,EAAAA,WACXC,EAAQC,EAAAA,WAERC,EAAWC,EAAAA,MACXC,EAAeD,MAAI,EAAK,EACxBE,EAAYF,MAAI,EAAI,EACpBG,EAAaH,MAAI,EAAK,EACtBI,EAAYJ,EAAAA,MACZK,EAAmBL,EAAAA,MAEnBM,EAAiBC,EAAY,UAAA,YAAa,iBAAiB,UAC7D,IAAAC,EAGJ,MAAMC,EAAiBC,EAAA,SAAS,IAAMf,EAAS,KAAmB,EAE5DgB,EAAaD,EAAAA,SAAwB,IACrCH,EAAA,UAAYK,EAAQ,IACf,CAAE,UAAWA,EAAQ,KAEvB,EACR,EAEKC,EAAUH,EAAAA,SAAS,IAChB,MAAM,QAAQE,EAAQ,cAAc,GAAKA,EAAQ,eAAe,OAAS,CACjF,EAEkBF,EAAAA,SAAS,IAAM,CAChC,IAAII,EAAeF,EAAQ,aAC3B,OAAIA,EAAQ,aAAeA,EAAQ,eAAe,OAAS,IAC1CE,EAAA,GAEVA,CAAA,CACR,EAEK,MAAAC,EAAWL,EAAAA,SAAS,IACpBE,EAAQ,UAAY,QAAgB,GAChC,CAACN,GAAkBM,EAAQ,UAAY,QAAWA,EAAQ,IACnE,EAEKI,EAAY,IAAM,CACjBT,EAAA,WAGLL,EAAU,MAAQ,GAClBD,EAAa,MAAQ,GACrBF,EAAS,MAAQa,EAAQ,IAAA,EAG3B,SAASK,EAAYC,EAAc,CACjChB,EAAU,MAAQ,GAClBD,EAAa,MAAQ,GACrBkB,EAAK,OAAQD,CAAK,CACpB,CAEA,SAASE,EAAaF,EAAc,CAClChB,EAAU,MAAQ,GAClBD,EAAa,MAAQ,GACrBkB,EAAK,QAASD,CAAK,CACrB,CAEA,SAASG,GAAkB,CACrBC,EAAc,cAAAlB,EAAU,MAAOC,EAAiB,KAAK,IAC7CW,IACaO,IAE3B,CAEM,MAAAC,EAAkBC,EAAAA,cAAcJ,EAAgB,GAAG,EAEzD,eAAeK,GAAuB,CAC/BnB,EAAA,WAEL,MAAMoB,EAAS,SAAA,EAEXC,EAAA,UAAUhB,EAAQ,eAAe,EACnCP,EAAiB,MAAQO,EAAQ,gBACxBiB,EAAS,SAAAjB,EAAQ,eAAe,GAAKA,EAAQ,kBAAoB,GAC1EP,EAAiB,MACf,SAAS,cAA2BO,EAAQ,eAAe,GAAK,OACzDR,EAAU,QACFC,EAAA,MAAQyB,EAAAA,mBAAmB1B,EAAU,KAAK,GAGzDC,EAAiB,QACEG,EAAAuB,EAAA,iBACnB1B,EACA,SACAmB,CAAA,EAES,WAAA,IAAMH,IAAkB,GAAG,GAE1C,CAEA,SAASE,GAA0B,CAC7B,CAAChB,EAAAA,UAAY,CAACF,EAAiB,OAAS,CAACmB,IAExBhB,GAAA,MAAAA,IACrBH,EAAiB,MAAQ,OAC3B,CAEA,SAAS2B,EAAcC,EAAe,CACpC,GAAKA,EAAE,QAEH,IAAAA,EAAE,OAAS,EACb,OAAAA,EAAE,eAAe,EACV,GACT,GAAWA,EAAE,OAAS,EACpB,OAAAA,EAAE,eAAe,EACV,GAEX,CAEA,SAASC,GAAgB,CAElBrB,EAAQ,QAEOkB,EAAA,iBAAiB,QAASC,EAAc,CAC1D,QAAS,EAAA,CACV,EAGc,SAAS,KAAK,MAAM,SAC1B,SAAA,KAAK,MAAM,SAAW,SAC/B7B,EAAW,MAAQ,GACnBgB,EAAK,MAAM,EACb,CAaAgB,OAAAA,EAAA,MACE,IAAMvB,EAAQ,IACd,IAAM,CACAG,EAAS,OAEXb,EAAU,MAAQ,GAClBD,EAAa,MAAQ,GACEsB,IACHG,KAEVV,GAEd,CAAA,EAGFoB,EAAAA,UAAU,IAAM,CACVrB,EAAS,MACSW,IAEVV,GACZ,CACD"}

package/lib/packages/components/image/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../packages/components/image/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Image from './image.vue'\n\nexport const VftImage = withInstall(Image)\n\nexport default VftImage\n\nexport * from './types'\n"],"names":["VftImage","withInstall","Image"],"mappings":"yPAIaA,EAAWC,cAAYC,EAAK,OAAA"}

package/lib/packages/components/index.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./divider/index.js"),f=require("./icon/index.js"),a=require("./avatar/index.js"),V=require("./empty/index.js"),c=require("./result/index.js"),p=require("./exception/index.js"),n=require("./tabs/index.js"),d=require("./popper/index.js"),l=require("./collapse-transition/index.js"),x=require("./tooltip/index.js"),q=require("./popover/index.js"),e=require("./menu/index.js"),o=require("./context-menu/createContextMenu.js"),g=require("./context-menu/useContextMenu.js"),$=require("./multiple-tabs/index.js"),C=require("./header-layout/index.js"),T=require("./footer-layout/index.js"),b=require("./iframe-layout/index.js"),m=require("./router-view-content/index.js"),y=require("./logo/index.js"),v=require("./back-top/index.js"),M=require("./config-provider/index.js"),r=require("./descriptions/index.js"),P=require("./full-screen/index.js"),_=require("./icon-text/index.js"),I=require("./image/index.js"),D=require("./input/index.js"),E=require("./link/index.js"),L=require("./pagination/index.js"),S=require("./tag/index.js"),G=require("./side-menu/index.js"),w=require("./qrcode/index.js"),K=require("./overlay/index.js"),R=require("./clamp/index.js"),k=require("./clamp-toggle/index.js"),A=require("./empty/constants.js"),F=require("./tabs/types.js"),O=require("./popper/arrow.vue2.js"),j=require("./popper/trigger.vue2.js"),B=require("./popper/content.vue2.js"),H=require("./multiple-tabs/use/use-tab-dropdown.js"),i=require("./multiple-tabs/use/use-multiple-tabs.js"),Q=require("./config-provider/constants.js"),t=require("./config-provider/hooks/use-global-config.js"),h=require("./pagination/pagination.js"),u=require("./pagination/usePagination.js");exports.VftDivider=s.VftDivider;exports.VftIcon=f.VftIcon;exports.VftAvatar=a.VftAvatar;exports.VftEmpty=V.VftEmpty;exports.VftResult=c.VftResult;exports.VftException=p.VftException;exports.VftTabPane=n.VftTabPane;exports.VftTabs=n.VftTabs;exports.VftPopper=d.VftPopper;exports.VftCollapseTransition=l.VftCollapseTransition;exports.VftTooltip=x.VftTooltip;exports.VftPopover=q.VftPopover;exports.VftMenu=e.VftMenu;exports.VftMenuItem=e.VftMenuItem;exports.VftMenuItemGroup=e.VftMenuItemGroup;exports.VftSubMenu=e.VftSubMenu;exports.createContextMenu=o.createContextMenu;exports.destroyContextMenu=o.destroyContextMenu;exports.useContextMenu=g.useContextMenu;exports.VftMultipleTabs=$.VftMultipleTabs;exports.VftHeaderLayout=C.VftHeaderLayout;exports.VftFooterLayout=T.VftFooterLayout;exports.VftIframeLayout=b.VftIframeLayout;exports.VftRouterViewContent=m.VftRouterViewContent;exports.VftLogo=y.VftLogo;exports.VftBackTop=v.VftBackTop;exports.VftConfigProvider=M.VftConfigProvider;exports.VftDescriptions=r.VftDescriptions;exports.VftDescriptionsItem=r.VftDescriptionsItem;exports.VftFullScreen=P.VftFullScreen;exports.VftIconText=_.VftIconText;exports.VftImage=I.VftImage;exports.VftInput=D.VftInput;exports.VftLink=E.VftLink;exports.VftPagination=L.VftPagination;exports.VftTag=S.VftTag;exports.VftSideMenu=G.VftSideMenu;exports.VftQrcode=w.VftQrcode;exports.VftOverlay=K.VftOverlay;exports.VftClamp=R.VftClamp;exports.VftClampToggle=k.VftClampToggle;exports.EmptyEnum=A.EmptyEnum;exports.TabsRootContextKey=F.TabsRootContextKey;exports.VftPopperArrow=O.default;exports.VftPopperTrigger=j.default;exports.VftPopperContent=B.default;exports.useTabDropdown=H.useTabDropdown;exports.initAffixTabs=i.initAffixTabs;exports.useTabsDrag=i.useTabsDrag;exports.configProviderContextKey=Q.configProviderContextKey;exports.provideGlobalConfig=t.provideGlobalConfig;exports.useGlobalComponentSettings=t.useGlobalComponentSettings;exports.useGlobalConfig=t.useGlobalConfig;exports.paginationEmits=h.paginationEmits;exports.elPaginationKey=u.elPaginationKey;exports.usePagination=u.usePagination;
-//# sourceMappingURL=index.js.map

package/lib/packages/components/input/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../packages/components/input/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Input from './input.vue'\n\nexport const VftInput = withInstall(Input)\n\nexport default VftInput\n\n"],"names":["VftInput","withInstall","Input"],"mappings":"yPAIaA,EAAWC,cAAYC,EAAK,OAAA"}

package/lib/packages/components/input/input.vue2.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),M=require("@vft/constants"),Ee=require("@vft/use"),u=require("@vft/utils"),ee=require("@vueuse/core"),Be=require("lodash"),k=require("../icon/index.js"),ne=require("./utils.js"),te=require("../../hooks/use-namespace/index.js");require("@popperjs/core");require("../../hooks/use-z-index/index.js");require("@vue/shared");const A=require("../../utils/error.js"),oe=require("../../../node_modules/.pnpm/element-plus@2.2.34_vue@3.2.47/node_modules/element-plus/es/components/form/src/hooks/use-form-item.js"),ae=require("../../../node_modules/.pnpm/element-plus@2.2.34_vue@3.2.47/node_modules/element-plus/es/components/form/src/hooks/use-form-common-props.js"),Ve=require("../../../node_modules/.pnpm/element-plus@2.2.34_vue@3.2.47/node_modules/element-plus/es/hooks/use-cursor/index.js"),Se=["role"],ze=["id","type","disabled","formatter","parser","readonly","autocomplete","tabindex","aria-label","placeholder","form"],Ie=["id","tabindex","disabled","readonly","autocomplete","aria-label","placeholder","form"],Ne=e.defineComponent({__name:"input",props:{id:null,size:{default:""},disabled:{type:Boolean},modelValue:null,type:{default:"text"},resize:null,autosize:{type:[Object,Boolean],default:!1},autocomplete:{default:"off"},formatter:{type:Function},parser:{type:Function},placeholder:null,form:null,readonly:{type:Boolean},clearable:{type:Boolean},showPassword:{type:Boolean},showWordLimit:{type:Boolean},suffixIcon:null,prefixIcon:null,clearIcon:null,containerRole:null,label:null,tabindex:{default:0},validateEvent:{type:Boolean,default:!0},inputStyle:null,focusWidth:null},emits:{[M.UPDATE_MODEL_EVENT]:n=>u.isString(n),input:n=>u.isString(n),change:n=>u.isString(n),suffixclick:n=>u.isString(n),focus:n=>n instanceof FocusEvent,blur:n=>n instanceof FocusEvent,clear:()=>!0,mouseleave:n=>n instanceof MouseEvent,mouseenter:n=>n instanceof MouseEvent,keydown:n=>n instanceof Event,compositionstart:n=>n instanceof CompositionEvent,compositionupdate:n=>n instanceof CompositionEvent,compositionend:n=>n instanceof CompositionEvent},setup(n,{expose:le,emit:l}){const p=e.useAttrs(),d=e.useSlots(),D=e.computed(()=>{const t={};return n.containerRole==="combobox"&&(t["aria-haspopup"]=p["aria-haspopup"],t["aria-owns"]=p["aria-owns"],t["aria-expanded"]=p["aria-expanded"]),t}),se=e.computed(()=>[n.type==="textarea"?R.b():o.b(),o.m(ce.value),o.is("disabled",m.value),o.is("exceed",me.value),o.is("focus",f.value),{[o.b("group")]:d.prepend||d.append,[o.bm("group","append")]:d.append,[o.bm("group","prepend")]:d.prepend,[o.m("prefix")]:d.prefix||n.prefixIcon,[o.m("suffix")]:d.suffix||n.suffixIcon||n.clearable||n.showPassword,[o.bm("suffix","password-clear")]:B.value&&T.value},p.class]),ue=e.getCurrentInstance(),re=e.computed(()=>[o.e("wrapper"),o.is("focus",f.value)]),r=Ee.useAttrs({excludeKeys:e.computed(()=>Object.keys(D.value))}),{form:z,formItem:s}=oe.useFormItem(),{inputId:O}=oe.useFormItemInputId(ue.props,{formItemContext:s}),ce=ae.useSize(),m=ae.useDisabled(),o=te.useNamespace("input"),R=te.useNamespace("textarea"),C=e.shallowRef(),v=e.shallowRef(),f=e.ref(!1),I=e.ref(!1),h=e.ref(!1),w=e.ref(!1),$=e.ref(),N=e.shallowRef(n.inputStyle),x=e.computed(()=>C.value||v.value),P=e.computed(()=>u.singleAttrToObj(n.prefixIcon,"icon")),K=e.computed(()=>u.singleAttrToObj(n.suffixIcon,"icon")),ie=e.computed(()=>u.singleAttrToObj(n.clearIcon,"icon",{icon:"vi-close-full",size:16})),W=e.computed(()=>(z==null?void 0:z.statusIcon)??!1),E=e.computed(()=>(s==null?void 0:s.validateState)||""),j=e.computed(()=>E.value&&"vi-user"),de=e.computed(()=>w.value?{icon:"vi-view",size:16}:{icon:"vi-no-view",size:16}),fe=e.computed(()=>[p.style,n.inputStyle,n.focusWidth&&f.value?{width:u.addUnit(n.focusWidth)}:{}]),L=e.computed(()=>[n.inputStyle,N.value,{resize:n.resize}]),i=e.computed(()=>Be.isNil(n.modelValue)?"":String(n.modelValue)),B=e.computed(()=>n.clearable&&!m.value&&!n.readonly&&!!i.value&&(f.value||I.value)),T=e.computed(()=>n.showPassword&&!m.value&&!n.readonly&&!!i.value&&(!!i.value||f.value)),y=e.computed(()=>n.showWordLimit&&!!r.value.maxlength&&(n.type==="text"||n.type==="textarea")&&!m.value&&!n.readonly&&!n.showPassword),q=e.computed(()=>Array.from(i.value).length),me=e.computed(()=>!!y.value&&q.value>Number(r.value.maxlength)),ve=e.computed(()=>!!d.suffix||!!n.suffixIcon||B.value||n.showPassword||y.value||!!E.value&&W.value),[ye,pe]=Ve.useCursor(C);ee.useResizeObserver(v,t=>{if(!y.value||n.resize!=="both")return;const a=t[0],{width:c}=a.contentRect;$.value={right:`calc(100% - ${c+15+6}px)`}});const V=()=>{if(!(!ee.isClient||n.type!=="textarea"))if(n.autosize){const t=u.isObject(n.autosize)?n.autosize.minRows:void 0,a=u.isObject(n.autosize)?n.autosize.maxRows:void 0;N.value={...ne.calcTextareaHeight(v.value,t,a)}}else N.value={minHeight:ne.calcTextareaHeight(v.value).minHeight}},b=()=>{const t=x.value;!t||t.value===i.value||(t.value=i.value)},F=async t=>{ye();let{value:a}=t.target;if(r.value.maxlength&&a.length>=r.value.maxlength&&(a=a.slice(0,Number(r.value.maxlength))),n.formatter&&(a=n.parser?n.parser(a):a,a=n.formatter(a)),!h.value){if(a===i.value){b();return}l(M.UPDATE_MODEL_EVENT,a),l("input",a),await e.nextTick(),b(),pe()}},U=t=>{l("change",t.target.value)},he=()=>{l("suffixclick",n.modelValue)},H=t=>{l("compositionstart",t),h.value=!0},xe=t=>/([(\uAC00-\uD7AF)|(\u3130-\u318F)])+/gi.test(t),G=t=>{var g;l("compositionupdate",t);const a=(g=t.target)==null?void 0:g.value,c=a[a.length-1]||"";h.value=!xe(c)},J=t=>{l("compositionend",t),h.value&&(h.value=!1,F(t))},be=()=>{w.value=!w.value,S()},S=async()=>{var t;await e.nextTick(),(t=x.value)==null||t.focus()},ge=()=>{var t;return(t=x.value)==null?void 0:t.blur()},Q=t=>{f.value=!0,l("focus",t)},X=t=>{var a;f.value=!1,l("blur",t),n.validateEvent&&((a=s==null?void 0:s.validate)==null||a.call(s,"blur").catch(c=>A.debugWarn(c)))},ke=t=>{I.value=!1,l("mouseleave",t)},Ce=t=>{I.value=!0,l("mouseenter",t)},Y=t=>{let a=t.key;if(t.target.type==="number"&&["e","+","-0","E"].includes(a))return t.returnValue=!1,!1;l("keydown",t)},we=()=>{var t;(t=x.value)==null||t.select()},Z=()=>{l(M.UPDATE_MODEL_EVENT,""),l("change",""),l("clear"),l("input","")};return e.watch(()=>n.modelValue,()=>{var t;e.nextTick(()=>V()),n.validateEvent&&((t=s==null?void 0:s.validate)==null||t.call(s,"change").catch(a=>A.debugWarn(a)))}),e.watch(i,()=>b()),e.watch(()=>n.type,async()=>{await e.nextTick(),b(),V()}),e.onMounted(()=>{!n.formatter&&n.parser&&A.debugWarn("VftInput","If you set the parser, you also need to set the formatter."),b(),e.nextTick(V)}),le({input:C,textarea:v,ref:x,textareaStyle:L,autosize:n.autosize,focus:S,blur:ge,select:we,clear:Z,resizeTextarea:V}),(t,a)=>{var c,g,_;return e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps(e.unref(D),{class:e.unref(se),style:e.unref(fe),role:n.containerRole,onMouseenter:Ce,onMouseleave:ke}),[n.type!=="textarea"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.$slots.prepend?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(o).be("group","prepend"))},[e.renderSlot(t.$slots,"prepend")],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(re))},[t.$slots.prefix||(c=e.unref(P))!=null&&c.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(o).e("prefix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("prefix-inner")),onClick:S},[e.renderSlot(t.$slots,"prefix"),(g=e.unref(P))!=null&&g.icon?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:0},e.unref(P),{class:e.unref(o).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:e.unref(O),ref_key:"input",ref:C,class:e.unref(o).e("inner")},e.unref(r),{type:n.showPassword?w.value?"text":"password":n.type,disabled:e.unref(m),formatter:n.formatter,parser:n.parser,readonly:n.readonly,autocomplete:n.autocomplete,tabindex:n.tabindex,"aria-label":n.label,placeholder:n.placeholder,style:n.inputStyle,form:n.form,onCompositionstart:H,onCompositionupdate:G,onCompositionend:J,onInput:F,onFocus:Q,onBlur:X,onChange:U,onKeydown:Y}),null,16,ze),e.unref(ve)?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(o).e("suffix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("suffix-inner")),onClick:S},[!e.unref(B)||!e.unref(T)||!e.unref(y)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(t.$slots,"suffix"),(_=e.unref(K))!=null&&_.icon?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:0,onClick:he},e.unref(K),{class:e.unref(o).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),e.unref(B)?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:1,class:[e.unref(o).e("icon"),e.unref(o).e("clear")]},e.unref(ie),{onMousedown:e.withModifiers(e.unref(u.noop),["prevent"]),onClick:Z}),null,16,["class","onMousedown"])):e.createCommentVNode("",!0),e.unref(T)?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:2},e.unref(de),{class:[e.unref(o).e("icon"),e.unref(o).e("password")],onClick:be}),null,16,["class"])):e.createCommentVNode("",!0),e.unref(y)?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(e.unref(o).e("count"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("count-inner"))},e.toDisplayString(e.unref(q))+" / "+e.toDisplayString(e.unref(r).maxlength),3)],2)):e.createCommentVNode("",!0),e.unref(E)&&e.unref(j)&&e.unref(W)?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),{key:4,icon:e.unref(j),class:e.normalizeClass([e.unref(o).e("icon"),e.unref(o).e("validateIcon"),e.unref(o).is("loading",e.unref(E)==="validating")])},null,8,["icon","class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0)],2),t.$slots.append?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(o).be("group","append"))},[e.renderSlot(t.$slots,"append")],2)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("textarea",e.mergeProps({id:e.unref(O),ref_key:"textarea",ref:v,class:e.unref(R).e("inner")},e.unref(r),{tabindex:n.tabindex,disabled:e.unref(m),readonly:n.readonly,autocomplete:n.autocomplete,style:e.unref(L),"aria-label":n.label,placeholder:n.placeholder,form:n.form,onCompositionstart:H,onCompositionupdate:G,onCompositionend:J,onInput:F,onFocus:Q,onBlur:X,onChange:U,onKeydown:Y}),null,16,Ie),e.unref(y)?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle($.value),class:e.normalizeClass(e.unref(o).e("count"))},e.toDisplayString(e.unref(q))+" / "+e.toDisplayString(e.unref(r).maxlength),7)):e.createCommentVNode("",!0)],64))],16,Se)),[[e.vShow,n.type!=="hidden"]])}}});exports.default=Ne;
-//# sourceMappingURL=input.vue2.js.map

package/lib/packages/components/input/input.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.vue2.js","sources":["../../../../../../packages/components/input/input.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport { UPDATE_MODEL_EVENT } from '@vft/constants';\nimport { useAttrs } from '@vft/use';\nimport { isObject, noop, isString, singleAttrToObj, addUnit } from '@vft/utils';\nimport { isClient, useResizeObserver } from '@vueuse/core';\nimport { useCursor, useDisabled, useFormItem, useFormItemInputId, useSize } from 'element-plus';\nimport { isNil } from 'lodash';\nimport { VftIcon, type IconProps } from '@vft-ui/components/icon';\nimport type { StyleValue } from 'vue';\nimport {\n  computed,\n  nextTick,\n  onMounted,\n  ref,\n  shallowRef,\n  useAttrs as useRawAttrs,\n  useSlots,\n  watch,\n  getCurrentInstance\n} from 'vue';\nimport { calcTextareaHeight } from './utils';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { debugWarn } from '../../utils';\n\ntype TargetElement = HTMLInputElement | HTMLTextAreaElement;\n\ninterface InputProps {\n  id?: string;\n  size?: 'default' | 'small' | 'large';\n  disabled?: boolean;\n  modelValue?: string | number;\n  type?: string;\n  resize?: 'none' | 'both' | 'horizontal' | 'vertical';\n  autosize?: {minRows?: number; maxRows?: number} | boolean;\n  autocomplete?: string;\n  formatter?: Function;\n  parser?: Function;\n  placeholder?: string;\n  form?: string;\n  readonly?: boolean;\n  clearable?: boolean;\n  showPassword?: boolean;\n  showWordLimit?: boolean;\n  suffixIcon?: IconProps;\n  prefixIcon?: IconProps;\n  clearIcon?: IconProps;\n  containerRole?: string;\n  label?: string;\n  tabindex?: string | number;\n  validateEvent?: boolean;\n  inputStyle?: StyleValue;\n  focusWidth?: Numberish\n}\n\ndefineProps({\n  \"id\": null,\n  \"size\": { default: '' },\n  \"disabled\": { type: Boolean,  },\n  \"modelValue\": null,\n  \"type\": { default: 'text' },\n  \"resize\": null,\n  \"autosize\": { type: [Object, Boolean], default: false },\n  \"autocomplete\": { default: 'off' },\n  \"formatter\": { type: Function,  },\n  \"parser\": { type: Function,  },\n  \"placeholder\": null,\n  \"form\": null,\n  \"readonly\": { type: Boolean,  },\n  \"clearable\": { type: Boolean,  },\n  \"showPassword\": { type: Boolean,  },\n  \"showWordLimit\": { type: Boolean,  },\n  \"suffixIcon\": null,\n  \"prefixIcon\": null,\n  \"clearIcon\": null,\n  \"containerRole\": null,\n  \"label\": null,\n  \"tabindex\": { default: 0 },\n  \"validateEvent\": { type: Boolean, default: true },\n  \"inputStyle\": null,\n  \"focusWidth\": null\n})\n\nconst emit = defineEmits({\n  [UPDATE_MODEL_EVENT]: (value: string) => isString(value),\n  input: (value: string) => isString(value),\n  change: (value: string) => isString(value),\n  suffixclick: (value) => isString(value),\n  focus: (evt: FocusEvent) => evt instanceof FocusEvent,\n  blur: (evt: FocusEvent) => evt instanceof FocusEvent,\n  clear: () => true,\n  mouseleave: (evt: MouseEvent) => evt instanceof MouseEvent,\n  mouseenter: (evt: MouseEvent) => evt instanceof MouseEvent,\n  // NOTE: when autofill by browser, the keydown event is instanceof Event, not KeyboardEvent\n  // relative bug report https://github.com/element-plus/element-plus/issues/6665\n  keydown: (evt: KeyboardEvent | Event) => evt instanceof Event,\n  compositionstart: (evt: CompositionEvent) => evt instanceof CompositionEvent,\n  compositionupdate: (evt: CompositionEvent) => evt instanceof CompositionEvent,\n  compositionend: (evt: CompositionEvent) => evt instanceof CompositionEvent\n});\n\nconst rawAttrs = useRawAttrs();\nconst slots = useSlots();\n\nconst containerAttrs = computed(() => {\n  const comboBoxAttrs: Record<string, unknown> = {};\n  if (__props.containerRole === 'combobox') {\n    comboBoxAttrs['aria-haspopup'] = rawAttrs['aria-haspopup'];\n    comboBoxAttrs['aria-owns'] = rawAttrs['aria-owns'];\n    comboBoxAttrs['aria-expanded'] = rawAttrs['aria-expanded'];\n  }\n  return comboBoxAttrs;\n});\n\nconst containerKls = computed(() => [\n  __props.type === 'textarea' ? nsTextarea.b() : nsInput.b(),\n  nsInput.m(inputSize.value),\n  nsInput.is('disabled', inputDisabled.value),\n  nsInput.is('exceed', inputExceed.value),\n  nsInput.is('focus', focused.value),\n  {\n    [nsInput.b('group')]: slots.prepend || slots.append,\n    [nsInput.bm('group', 'append')]: slots.append,\n    [nsInput.bm('group', 'prepend')]: slots.prepend,\n    [nsInput.m('prefix')]: slots.prefix || __props.prefixIcon,\n    [nsInput.m('suffix')]: slots.suffix || __props.suffixIcon || __props.clearable || __props.showPassword,\n    [nsInput.bm('suffix', 'password-clear')]: showClear.value && showPwdVisible.value\n  },\n  rawAttrs.class\n]);\n\nconst instance = getCurrentInstance()!;\n\nconst wrapperKls = computed(() => [nsInput.e('wrapper'), nsInput.is('focus', focused.value)]);\n\nconst attrs = useAttrs({\n  excludeKeys: computed<string[]>(() => {\n    return Object.keys(containerAttrs.value);\n  })\n});\n\nconst { form: _form, formItem } = useFormItem();\nconst { inputId } = useFormItemInputId(instance.props, {\n  formItemContext: formItem\n});\nconst inputSize = useSize();\nconst inputDisabled = useDisabled();\nconst nsInput = useNamespace('input');\nconst nsTextarea = useNamespace('textarea');\n\nconst input = shallowRef<HTMLInputElement>();\nconst textarea = shallowRef<HTMLTextAreaElement>();\n\nconst focused = ref(false);\nconst hovering = ref(false);\nconst isComposing = ref(false);\nconst passwordVisible = ref(false);\nconst countStyle = ref<StyleValue>();\nconst textareaCalcStyle = shallowRef(__props.inputStyle);\n\nconst _ref = computed(() => input.value || textarea.value);\n\nconst _prefixIcon = computed(() => {\n  return singleAttrToObj(__props.prefixIcon, 'icon') as IconProps;\n});\n\nconst _suffixIcon = computed(() => {\n  return singleAttrToObj(__props.suffixIcon, 'icon') as IconProps;\n});\n\nconst _clearIcon = computed(() => {\n  return singleAttrToObj(__props.clearIcon, 'icon', { icon: 'vi-close-full', size: 16 }) as IconProps;\n});\n\nconst needStatusIcon = computed(() => _form?.statusIcon ?? false);\nconst validateState = computed(() => formItem?.validateState || '');\nconst validateIcon = computed(() => validateState.value && 'vi-user');\nconst passwordIcon = computed(\n  () => (passwordVisible.value ? { icon: 'vi-view', size: 16 } : { icon: 'vi-no-view', size: 16 }));\nconst containerStyle = computed<StyleValue>(() => [rawAttrs.style as StyleValue, __props.inputStyle!,\n  __props.focusWidth && focused.value ? { width: addUnit(__props.focusWidth) } : {}]);\n\nconst textareaStyle = computed<StyleValue>(\n  () => [__props.inputStyle!, textareaCalcStyle.value as StyleValue, { resize: __props.resize }]);\nconst nativeInputValue = computed(() => (isNil(__props.modelValue) ? '' : String(__props.modelValue)));\nconst showClear = computed(\n  () => __props.clearable && !inputDisabled.value && !__props.readonly && !!nativeInputValue.value && (focused.value || hovering.value));\nconst showPwdVisible = computed(\n  () => __props.showPassword && !inputDisabled.value && !__props.readonly && !!nativeInputValue.value && (!!nativeInputValue.value || focused.value));\nconst isWordLimitVisible = computed(\n  () => __props.showWordLimit && !!attrs.value.maxlength && (__props.type === 'text' || __props.type === 'textarea') && !inputDisabled.value && !__props.readonly && !__props.showPassword);\nconst textLength = computed(() => Array.from(nativeInputValue.value).length);\nconst inputExceed = computed(\n  () =>\n    // show exceed style if length of initial value greater then maxlength\n    !!isWordLimitVisible.value && textLength.value > Number(attrs.value.maxlength)\n);\nconst suffixVisible = computed(\n  () => !!slots.suffix || !!__props.suffixIcon || showClear.value || __props.showPassword || isWordLimitVisible.value || (!!validateState.value && needStatusIcon.value));\n\nconst [recordCursor, setCursor] = useCursor(input);\n\nuseResizeObserver(textarea, (entries) => {\n  if (!isWordLimitVisible.value || __props.resize !== 'both') return;\n  const entry = entries[0];\n  const { width } = entry.contentRect;\n  countStyle.value = {\n    /** right: 100% - width + padding(15) + right(6) */\n    right: `calc(100% - ${width + 15 + 6}px)`\n  };\n});\n\nconst resizeTextarea = () => {\n  if (!isClient || __props.type !== 'textarea') return;\n\n  if (__props.autosize) {\n    const minRows = isObject(__props.autosize) ? __props.autosize.minRows : undefined;\n    const maxRows = isObject(__props.autosize) ? __props.autosize.maxRows : undefined;\n    textareaCalcStyle.value = {\n      ...calcTextareaHeight(textarea.value!, minRows, maxRows)\n    };\n  } else {\n    textareaCalcStyle.value = {\n      minHeight: calcTextareaHeight(textarea.value!).minHeight\n    };\n  }\n};\n\nconst setNativeInputValue = () => {\n  const input = _ref.value;\n  if (!input || input.value === nativeInputValue.value) return;\n  input.value = nativeInputValue.value;\n};\n\nconst handleInput = async(event: InputEvent) => {\n  recordCursor();\n\n  let { value } = event.target as TargetElement;\n\n  // 处理 number 下 maxlength 失效的问题\n  if (attrs.value.maxlength && value.length >= attrs.value.maxlength) {\n    value = value.slice(0, Number(attrs.value.maxlength));\n  }\n\n  if (__props.formatter) {\n    value = __props.parser ? __props.parser(value) : value;\n    value = __props.formatter(value);\n  }\n\n  // should not emit input during composition\n  // see: https://github.com/ElemeFE/element/issues/10516\n  if (isComposing.value) return;\n\n  // hack for https://github.com/ElemeFE/element/issues/8548\n  // should remove the following line when we don't support IE\n  if (value === nativeInputValue.value) {\n    setNativeInputValue();\n    return;\n  }\n\n  emit(UPDATE_MODEL_EVENT, value);\n  emit('input', value);\n\n  // ensure native input value is controlled\n  // see: https://github.com/ElemeFE/element/issues/12850\n  await nextTick();\n  setNativeInputValue();\n  setCursor();\n};\n\nconst handleChange = (event: Event) => {\n  emit('change', (event.target as TargetElement).value);\n};\n\nconst handleSuffixClick = () => {\n  emit('suffixclick', __props.modelValue);\n};\n\nconst handleCompositionStart = (event: CompositionEvent) => {\n  emit('compositionstart', event);\n  isComposing.value = true;\n};\n\nconst isKorean = (text: string) => /([(\\uAC00-\\uD7AF)|(\\u3130-\\u318F)])+/gi.test(text);\n\nconst handleCompositionUpdate = (event: CompositionEvent) => {\n  emit('compositionupdate', event);\n  const text = (event.target as HTMLInputElement)?.value;\n  const lastCharacter = text[text.length - 1] || '';\n  isComposing.value = !isKorean(lastCharacter);\n};\n\nconst handleCompositionEnd = (event: CompositionEvent) => {\n  emit('compositionend', event);\n  if (isComposing.value) {\n    isComposing.value = false;\n    handleInput(event);\n  }\n};\n\nconst handlePasswordVisible = () => {\n  passwordVisible.value = !passwordVisible.value;\n  focus();\n};\n\nconst focus = async() => {\n  // see: https://github.com/ElemeFE/element/issues/18573\n  await nextTick();\n  _ref.value?.focus();\n};\n\nconst blur = () => _ref.value?.blur();\n\nconst handleFocus = (event: FocusEvent) => {\n  focused.value = true;\n  emit('focus', event);\n};\n\nconst handleBlur = (event: FocusEvent) => {\n  focused.value = false;\n  emit('blur', event);\n  if (__props.validateEvent) {\n    formItem?.validate?.('blur').catch((err) => debugWarn(err));\n  }\n};\n\nconst handleMouseLeave = (evt: MouseEvent) => {\n  hovering.value = false;\n  emit('mouseleave', evt);\n};\n\nconst handleMouseEnter = (evt: MouseEvent) => {\n  hovering.value = true;\n  emit('mouseenter', evt);\n};\n\nconst handleKeydown = (evt: KeyboardEvent) => {\n  let key = evt.key;\n  if ((evt.target as TargetElement).type === 'number') {\n    const forbidKey = ['e', '+', '-0', 'E'];\n    if (forbidKey.includes(key)){\n      evt.returnValue = false;\n      return false;\n    }\n  }\n\n  emit('keydown', evt);\n};\n\nconst select = () => {\n  _ref.value?.select();\n};\n\nconst clear = () => {\n  emit(UPDATE_MODEL_EVENT, '');\n  emit('change', '');\n  emit('clear');\n  emit('input', '');\n};\n\nwatch(\n  () => __props.modelValue,\n  () => {\n    nextTick(() => resizeTextarea());\n    if (__props.validateEvent) {\n      formItem?.validate?.('change').catch((err) => debugWarn(err));\n    }\n  }\n);\n\n// native input value is set explicitly\n// do not use v-model / :value in template\n// see: https://github.com/ElemeFE/element/issues/14521\nwatch(nativeInputValue, () => setNativeInputValue());\n\n// when change between <input> and <textarea>,\n// update DOM dependent value and styles\n// https://github.com/ElemeFE/element/issues/14857\nwatch(\n  () => __props.type,\n  async() => {\n    await nextTick();\n    setNativeInputValue();\n    resizeTextarea();\n  }\n);\n\nonMounted(() => {\n  if (!__props.formatter && __props.parser) {\n    debugWarn('VftInput', 'If you set the parser, you also need to set the formatter.');\n  }\n  setNativeInputValue();\n  nextTick(resizeTextarea);\n});\n\ndefineExpose({\n  /** @description HTML input element */\n  input,\n  /** @description HTML textarea element */\n  textarea,\n  /** @description HTML element, input or textarea */\n  ref: _ref,\n  /** @description style of textarea. */\n  textareaStyle,\n\n  /** @description from props (used on unit test) */\n  autosize: __props.autosize,\n\n  /** @description HTML input element native method */\n  focus,\n  /** @description HTML input element native method */\n  blur,\n  /** @description HTML input element native method */\n  select,\n  /** @description clear input value */\n  clear,\n  /** @description resize textarea. */\n  resizeTextarea\n});\n</script>\n\n<template>\n  <div v-show=\"type !== 'hidden'\" v-bind=\"containerAttrs\" :class=\"containerKls\"\n    :style=\"containerStyle\" :role=\"containerRole\" @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\">\n    <!-- input -->\n    <template v-if=\"type !== 'textarea'\">\n      <!-- prepend slot -->\n      <div v-if=\"$slots.prepend\" :class=\"nsInput.be('group', 'prepend')\">\n        <slot name=\"prepend\" />\n      </div>\n\n      <div :class=\"wrapperKls\">\n        <!-- prefix slot -->\n        <span v-if=\"$slots.prefix || _prefixIcon?.icon\" :class=\"nsInput.e('prefix')\">\n          <span :class=\"nsInput.e('prefix-inner')\" @click=\"focus\">\n            <slot name=\"prefix\" />\n            <vft-icon v-if=\"_prefixIcon?.icon\" v-bind=\"_prefixIcon\" :class=\"nsInput.e('icon')\" />\n          </span>\n        </span>\n\n        <input\n          :id=\"inputId\"\n          ref=\"input\"\n          :class=\"nsInput.e('inner')\"\n          v-bind=\"attrs\"\n          :type=\"showPassword ? (passwordVisible ? 'text' : 'password') : type\"\n          :disabled=\"inputDisabled\"\n          :formatter=\"formatter\"\n          :parser=\"parser\"\n          :readonly=\"readonly\"\n          :autocomplete=\"autocomplete\"\n          :tabindex=\"tabindex\"\n          :aria-label=\"label\"\n          :placeholder=\"placeholder\"\n          :style=\"inputStyle\"\n          :form=\"form\"\n          @compositionstart=\"handleCompositionStart\"\n          @compositionupdate=\"handleCompositionUpdate\"\n          @compositionend=\"handleCompositionEnd\"\n          @input=\"handleInput\"\n          @focus=\"handleFocus\"\n          @blur=\"handleBlur\"\n          @change=\"handleChange\"\n          @keydown=\"handleKeydown\"\n        />\n\n        <!-- suffix slot -->\n        <span v-if=\"suffixVisible\" :class=\"nsInput.e('suffix')\">\n          <span :class=\"nsInput.e('suffix-inner')\" @click=\"focus\">\n            <template v-if=\"!showClear || !showPwdVisible || !isWordLimitVisible\">\n              <slot name=\"suffix\" />\n              <vft-icon\n                @click=\"handleSuffixClick\"\n                v-if=\"_suffixIcon?.icon\" v-bind=\"_suffixIcon\" :class=\"nsInput.e('icon')\" />\n            </template>\n            <vft-icon v-if=\"showClear\" :class=\"[nsInput.e('icon'), nsInput.e('clear')]\"\n              v-bind=\"_clearIcon\" @mousedown.prevent=\"noop\" @click=\"clear\" />\n            <vft-icon v-if=\"showPwdVisible\" v-bind=\"passwordIcon\"\n              :class=\"[nsInput.e('icon'), nsInput.e('password')]\" @click=\"handlePasswordVisible\" />\n            <span v-if=\"isWordLimitVisible\" :class=\"nsInput.e('count')\">\n              <span\n                :class=\"nsInput.e('count-inner')\">{{ textLength }} / {{ attrs.maxlength }}</span>\n            </span>\n            <vft-icon\n              v-if=\"validateState && validateIcon && needStatusIcon\"\n              :icon=\"validateIcon\"\n              :class=\"[nsInput.e('icon'), nsInput.e('validateIcon'), nsInput.is('loading', validateState === 'validating')]\"\n            />\n          </span>\n        </span>\n      </div>\n\n      <!-- append slot -->\n      <div v-if=\"$slots.append\" :class=\"nsInput.be('group', 'append')\">\n        <slot name=\"append\" />\n      </div>\n    </template>\n\n    <!-- textarea -->\n    <template v-else>\n      <textarea\n        :id=\"inputId\"\n        ref=\"textarea\"\n        :class=\"nsTextarea.e('inner')\"\n        v-bind=\"attrs\"\n        :tabindex=\"tabindex\"\n        :disabled=\"inputDisabled\"\n        :readonly=\"readonly\"\n        :autocomplete=\"autocomplete\"\n        :style=\"textareaStyle\"\n        :aria-label=\"label\"\n        :placeholder=\"placeholder\"\n        :form=\"form\"\n        @compositionstart=\"handleCompositionStart\"\n        @compositionupdate=\"handleCompositionUpdate\"\n        @compositionend=\"handleCompositionEnd\"\n        @input=\"handleInput\"\n        @focus=\"handleFocus\"\n        @blur=\"handleBlur\"\n        @change=\"handleChange\"\n        @keydown=\"handleKeydown\"\n      />\n      <span v-if=\"isWordLimitVisible\" :style=\"countStyle\"\n        :class=\"nsInput.e('count')\">{{ textLength }} / {{ attrs.maxlength }}</span>\n    </template>\n  </div>\n</template>\n"],"names":["rawAttrs","useRawAttrs","slots","useSlots","containerAttrs","computed","comboBoxAttrs","__props","containerKls","nsTextarea","nsInput","inputSize","inputDisabled","inputExceed","focused","showClear","showPwdVisible","instance","getCurrentInstance","wrapperKls","attrs","useAttrs","_form","formItem","useFormItem","inputId","useFormItemInputId","useSize","useDisabled","useNamespace","input","shallowRef","textarea","ref","hovering","isComposing","passwordVisible","countStyle","textareaCalcStyle","_ref","_prefixIcon","singleAttrToObj","_suffixIcon","_clearIcon","needStatusIcon","validateState","validateIcon","passwordIcon","containerStyle","addUnit","textareaStyle","nativeInputValue","isNil","isWordLimitVisible","textLength","suffixVisible","recordCursor","setCursor","useCursor","useResizeObserver","entries","entry","width","resizeTextarea","isClient","minRows","isObject","maxRows","calcTextareaHeight","setNativeInputValue","handleInput","event","value","emit","UPDATE_MODEL_EVENT","nextTick","handleChange","handleSuffixClick","handleCompositionStart","isKorean","text","handleCompositionUpdate","_a","lastCharacter","handleCompositionEnd","handlePasswordVisible","focus","blur","handleFocus","handleBlur","err","debugWarn","handleMouseLeave","evt","handleMouseEnter","handleKeydown","key","select","clear","watch","onMounted","expose"],"mappings":"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"}

package/lib/packages/components/input/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../../../../../../packages/components/input/utils.ts"],"sourcesContent":["import { isNumber } from '@vft/utils';\n\nlet hiddenTextarea: HTMLTextAreaElement | undefined = undefined;\n\nconst HIDDEN_STYLE = `\n  height:0 !important;\n  visibility:hidden !important;\n  overflow:hidden !important;\n  position:absolute !important;\n  z-index:-1000 !important;\n  top:0 !important;\n  right:0 !important;\n`;\n\nconst CONTEXT_STYLE = [\n  'letter-spacing',\n  'line-height',\n  'padding-top',\n  'padding-bottom',\n  'font-family',\n  'font-weight',\n  'font-size',\n  'text-rendering',\n  'text-transform',\n  'width',\n  'text-indent',\n  'padding-left',\n  'padding-right',\n  'border-width',\n  'box-sizing'\n];\n\ntype NodeStyle = {\n  contextStyle: string;\n  boxSizing: string;\n  paddingSize: number;\n  borderSize: number;\n};\n\ntype TextAreaHeight = {\n  height: string;\n  minHeight?: string;\n};\n\nfunction calculateNodeStyling(targetElement: Element): NodeStyle {\n  const style = window.getComputedStyle(targetElement);\n\n  const boxSizing = style.getPropertyValue('box-sizing');\n\n  const paddingSize = Number.parseFloat(style.getPropertyValue('padding-bottom')) + Number.parseFloat(style.getPropertyValue('padding-top'));\n\n  const borderSize = Number.parseFloat(style.getPropertyValue('border-bottom-width')) + Number.parseFloat(style.getPropertyValue('border-top-width'));\n\n  const contextStyle = CONTEXT_STYLE.map((name) => `${name}:${style.getPropertyValue(name)}`).join(';');\n\n  return { contextStyle, paddingSize, borderSize, boxSizing };\n}\n\nexport function calcTextareaHeight(targetElement: HTMLTextAreaElement, minRows = 1, maxRows?: number): TextAreaHeight {\n  if (!hiddenTextarea) {\n    hiddenTextarea = document.createElement('textarea');\n    document.body.appendChild(hiddenTextarea);\n  }\n\n  const { paddingSize, borderSize, boxSizing, contextStyle } = calculateNodeStyling(targetElement);\n\n  hiddenTextarea.setAttribute('style', `${contextStyle};${HIDDEN_STYLE}`);\n  hiddenTextarea.value = targetElement.value || targetElement.placeholder || '';\n\n  let height = hiddenTextarea.scrollHeight;\n  const result = {} as TextAreaHeight;\n\n  if (boxSizing === 'border-box') {\n    height = height + borderSize;\n  } else if (boxSizing === 'content-box') {\n    height = height - paddingSize;\n  }\n\n  hiddenTextarea.value = '';\n  const singleRowHeight = hiddenTextarea.scrollHeight - paddingSize;\n\n  if (isNumber(minRows)) {\n    let minHeight = singleRowHeight * minRows;\n    if (boxSizing === 'border-box') {\n      minHeight = minHeight + paddingSize + borderSize;\n    }\n    height = Math.max(minHeight, height);\n    result.minHeight = `${minHeight}px`;\n  }\n  if (isNumber(maxRows)) {\n    let maxHeight = singleRowHeight * maxRows;\n    if (boxSizing === 'border-box') {\n      maxHeight = maxHeight + paddingSize + borderSize;\n    }\n    height = Math.min(maxHeight, height);\n  }\n  result.height = `${height}px`;\n  hiddenTextarea.parentNode?.removeChild(hiddenTextarea);\n  hiddenTextarea = undefined;\n\n  return result;\n}\n"],"names":["hiddenTextarea","HIDDEN_STYLE","CONTEXT_STYLE","calculateNodeStyling","targetElement","style","boxSizing","paddingSize","borderSize","name","calcTextareaHeight","minRows","maxRows","contextStyle","height","result","singleRowHeight","isNumber","minHeight","maxHeight","_a"],"mappings":"8GAEA,IAAIA,EAEJ,MAAMC,EAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUfC,EAAgB,CACpB,iBACA,cACA,cACA,iBACA,cACA,cACA,YACA,iBACA,iBACA,QACA,cACA,eACA,gBACA,eACA,YACF,EAcA,SAASC,EAAqBC,EAAmC,CACzD,MAAAC,EAAQ,OAAO,iBAAiBD,CAAa,EAE7CE,EAAYD,EAAM,iBAAiB,YAAY,EAE/CE,EAAc,OAAO,WAAWF,EAAM,iBAAiB,gBAAgB,CAAC,EAAI,OAAO,WAAWA,EAAM,iBAAiB,aAAa,CAAC,EAEnIG,EAAa,OAAO,WAAWH,EAAM,iBAAiB,qBAAqB,CAAC,EAAI,OAAO,WAAWA,EAAM,iBAAiB,kBAAkB,CAAC,EAIlJ,MAAO,CAAE,aAFYH,EAAc,IAAKO,GAAS,GAAGA,KAAQJ,EAAM,iBAAiBI,CAAI,GAAG,EAAE,KAAK,GAAG,EAE7E,YAAAF,EAAa,WAAAC,EAAY,UAAAF,CAAU,CAC5D,CAEO,SAASI,EAAmBN,EAAoCO,EAAU,EAAGC,EAAkC,OAC/GZ,IACcA,EAAA,SAAS,cAAc,UAAU,EACzC,SAAA,KAAK,YAAYA,CAAc,GAG1C,KAAM,CAAE,YAAAO,EAAa,WAAAC,EAAY,UAAAF,EAAW,aAAAO,GAAiBV,EAAqBC,CAAa,EAE/FJ,EAAe,aAAa,QAAS,GAAGa,KAAgBZ,GAAc,EACtED,EAAe,MAAQI,EAAc,OAASA,EAAc,aAAe,GAE3E,IAAIU,EAASd,EAAe,aAC5B,MAAMe,EAAS,CAAA,EAEXT,IAAc,aAChBQ,EAASA,EAASN,EACTF,IAAc,gBACvBQ,EAASA,EAASP,GAGpBP,EAAe,MAAQ,GACjB,MAAAgB,EAAkBhB,EAAe,aAAeO,EAElD,GAAAU,EAAAA,SAASN,CAAO,EAAG,CACrB,IAAIO,EAAYF,EAAkBL,EAC9BL,IAAc,eAChBY,EAAYA,EAAYX,EAAcC,GAE/BM,EAAA,KAAK,IAAII,EAAWJ,CAAM,EACnCC,EAAO,UAAY,GAAGG,KACxB,CACI,GAAAD,EAAAA,SAASL,CAAO,EAAG,CACrB,IAAIO,EAAYH,EAAkBJ,EAC9BN,IAAc,eAChBa,EAAYA,EAAYZ,EAAcC,GAE/BM,EAAA,KAAK,IAAIK,EAAWL,CAAM,CACrC,CACA,OAAAC,EAAO,OAAS,GAAGD,OACJM,EAAApB,EAAA,aAAA,MAAAoB,EAAY,YAAYpB,GACtBA,EAAA,OAEVe,CACT"}

package/lib/packages/components/link/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../packages/components/link/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Link from './link.vue'\n\nexport const VftLink = withInstall(Link)\n\nexport default VftLink\n\n"],"names":["VftLink","withInstall","Link"],"mappings":"wPAIaA,EAAUC,cAAYC,EAAI,OAAA"}

package/lib/packages/components/link/link.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"link.vue2.js","sources":["../../../../../../packages/components/link/link.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('link')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { singleAttrToObj } from '@vft/utils';\nimport { computed } from 'vue';\nimport { type RouteLocationRaw } from 'vue-router';\nimport { type IconProps, VftIcon as Icon } from '@vft-ui/components/icon';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { useRouterHelper, type WinOpenType } from '@vft/router';\n\ninterface Props {\n  type?: 'primary' | 'success' | 'warning' | 'info' | 'danger' | 'default';\n  underline?: boolean\n  disabled?: boolean\n  route?: WinOpenType | RouteLocationRaw\n  isReplace?: boolean\n  icon?: IconProps\n}\n\ndefineProps({\n  \"type\": { default: 'default' },\n  \"underline\": { type: Boolean, default: true },\n  \"disabled\": { type: Boolean, default: false },\n  \"route\": null,\n  \"isReplace\": { type: Boolean,  },\n  \"icon\": null\n})\n\n\n\n;\n\nconst emit = defineEmits(['click']);\n\nconst { go } = useRouterHelper();\n\nfunction handleClick (event: MouseEvent) {\n  if (__props.route) {\n  \tgo(__props.route as RouteLocationRaw, __props.isReplace);\n  }\n  if (!__props.disabled) emit('click', event);\n}\n\nconst _icon = computed(() => {\n  return singleAttrToObj(__props.icon, 'icon') as IconProps;\n});\n</script>\n\n<template>\n  <span\n    :class=\"[\n      ns.b(),\n      ns.m(type),\n      ns.is('disabled', disabled),\n      ns.is('underline', underline && !disabled),\n    ]\"\n    @click=\"handleClick\"\n  >\n    <Icon v-if=\"_icon?.icon\" v-bind=\"_icon\" />\n    <span v-if=\"$slots.default\" :class=\"ns.e('inner')\">\n      <slot />\n    </span>\n  </span>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","go","useRouterHelper","handleClick","event","__props","emit","_icon","computed","singleAttrToObj"],"mappings":"+YACMA,EAAuBC,EAAAA,aAAa,MAAM,EAGhDC,EAA6BC,EAAAA,gBAAmB,CAC/C,KAAMH,EAAG,EAAE,CACZ,CAAC,oNAiCK,KAAA,CAAE,GAAAI,GAAOC,EAAAA,kBAEf,SAASC,EAAaC,EAAmB,CACnCC,EAAQ,OACRJ,EAAAI,EAAQ,MAA2BA,EAAQ,SAAS,EAEnDA,EAAQ,UAAUC,EAAK,QAASF,CAAK,CAC5C,CAEM,MAAAG,EAAQC,EAAAA,SAAS,IACdC,kBAAgBJ,EAAQ,KAAM,MAAM,CAC5C"}

package/lib/packages/components/logo/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../packages/components/logo/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils';\n\nimport Logo from './logo.vue';\n\nexport const VftLogo = withInstall(Logo);\nexport default VftLogo;\n\nexport * from './types';\n"],"names":["VftLogo","withInstall","Logo"],"mappings":"wPAIaA,EAAUC,cAAYC,EAAI,OAAA"}

package/lib/packages/components/logo/logo.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"logo.vue2.js","sources":["../../../../../../packages/components/logo/logo.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('logo')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport { useRouterHelper } from '@vft/router';\nimport { useNamespace } from '@vft-ui/hooks';\n\ninterface LogoProps {\n  title: string;\n  logo: string;\n  /** 点击 logo 跳转路径 */\n  jumpPath?: string;\n}\n\ndefineProps({\n  \"title\": null,\n  \"logo\": null,\n  \"jumpPath\": null\n})\n\n\n\n;\n\nconst getLogoClass = computed(() => [ns.b()]);\n\nconst { go } = useRouterHelper();\n\nfunction onClickLogo () {\n  if (__props.jumpPath) {\n    go(__props.jumpPath);\n  }\n}\n\nconst logoVars = computed(() => __props.jumpPath ? {} : ns.cssVarBlock({ cursor: 'inital' }));\n</script>\n\n<template>\n  <div :class=\"getLogoClass\" @click=\"onClickLogo\" :style=\"logoVars\">\n    <img :class=\"ns.e('img')\" :src=\"logo\" alt=\"\" />\n    <div class=\"ml-2 truncate\" :class=\"ns.e('title')\">{{ title }}</div>\n  </div>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","getLogoClass","computed","go","useRouterHelper","onClickLogo","__props","logoVars"],"mappings":"yXACMA,EAAuBC,EAAAA,aAAa,MAAM,EAGhDC,EAA6BC,EAAAA,gBAAmB,CAC/C,KAAMH,EAAG,EAAE,CACZ,CAAC,gFAuBD,MAAMI,EAAeC,EAAAA,SAAS,IAAM,CAACL,EAAG,EAAG,CAAA,CAAC,EAEtC,CAAE,GAAAM,GAAOC,EAAAA,kBAEf,SAASC,GAAe,CAClBC,EAAQ,UACVH,EAAGG,EAAQ,QAAQ,CAEvB,CAEA,MAAMC,EAAWL,EAAAA,SAAS,IAAMI,EAAQ,SAAW,CAAA,EAAKT,EAAG,YAAY,CAAE,OAAQ,QAAA,CAAU,CAAC"}

package/lib/packages/components/menu/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../packages/components/menu/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@vft-ui/utils'\n\nimport Menu from './menu.vue'\nimport MenuItem from './menu-item.vue'\nimport MenuItemGroup from './menu-item-group.vue'\nimport SubMenu from './sub-menu.vue'\n\nexport const VftMenu = withInstall(Menu, {\n\tMenuItem,\n\tMenuItemGroup,\n\tSubMenu,\n})\nexport default VftMenu\nexport const VftMenuItem = withNoopInstall(MenuItem)\nexport const VftMenuItemGroup = withNoopInstall(MenuItemGroup)\nexport const VftSubMenu = withNoopInstall(SubMenu)\n\nexport * from './types'\n"],"names":["VftMenu","withInstall","Menu","MenuItem","MenuItemGroup","SubMenu","VftMenuItem","withNoopInstall","VftMenuItemGroup","VftSubMenu"],"mappings":"gWAOaA,EAAUC,cAAYC,UAAM,CAAA,SACxCC,EAAA,QAAA,cACAC,EAAA,QAAA,QACAC,EAAA,OACD,CAAC,EAEYC,EAAcC,kBAAgBJ,SAAQ,EACtCK,EAAmBD,kBAAgBH,SAAa,EAChDK,EAAaF,kBAAgBF,EAAO,OAAA"}

package/lib/packages/components/menu/menu-collapse-transition.vue.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./menu-collapse-transition.vue2.js"),e=require("vue"),o=require("../../../_virtual/_plugin-vue_export-helper.js");function n(t,s,l,i,a,p){return e.openBlock(),e.createBlock(e.Transition,e.mergeProps({mode:"out-in"},t.listeners),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16)}const u=o.default(r.default,[["render",n]]);exports.default=u;
-//# sourceMappingURL=menu-collapse-transition.vue.js.map

package/lib/packages/components/menu/menu-collapse-transition.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-collapse-transition.vue.js","sources":["../../../../../../packages/components/menu/menu-collapse-transition.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { addClass, hasClass, removeClass } from '@vft/utils';\n\nimport type { BaseTransitionProps, TransitionProps } from 'vue';\n\nexport default defineComponent({\n  setup() {\n    const ns = useNamespace('menu');\n    const listeners = {\n      onBeforeEnter: (el) => (el.style.opacity = '0.2'),\n      onEnter(el, done) {\n        addClass(el, `${ns.namespace.value}-opacity-transition`);\n        el.style.opacity = '1';\n        done();\n      },\n\n      onAfterEnter(el) {\n        removeClass(el, `${ns.namespace.value}-opacity-transition`);\n        el.style.opacity = '';\n      },\n\n      onBeforeLeave(el) {\n        if (!el.dataset) {\n          ;(el as any).dataset = {};\n        }\n\n        if (hasClass(el, ns.m('collapse'))) {\n          removeClass(el, ns.m('collapse'));\n          el.dataset.oldOverflow = el.style.overflow;\n          el.dataset.scrollWidth = el.clientWidth.toString();\n          addClass(el, ns.m('collapse'));\n        } else {\n          addClass(el, ns.m('collapse'));\n          el.dataset.oldOverflow = el.style.overflow;\n          el.dataset.scrollWidth = el.clientWidth.toString();\n          removeClass(el, ns.m('collapse'));\n        }\n\n        el.style.width = `${el.scrollWidth}px`;\n        el.style.overflow = 'hidden';\n      },\n\n      onLeave(el: HTMLElement) {\n        addClass(el, 'horizontal-collapse-transition');\n        el.style.width = `${el.dataset.scrollWidth}px`;\n      }\n    } as BaseTransitionProps<HTMLElement> as TransitionProps;\n\n    return {\n      listeners\n    };\n  }\n});\n</script>\n\n<template>\n  <transition mode=\"out-in\" v-bind=\"listeners\">\n    <slot />\n  </transition>\n</template>\n"],"names":["_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createBlock","_Transition","_mergeProps","_withCtx"],"mappings":"+OA2DY,SAAAA,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAA,QAARC,YAAQ,EAAAC,cAAAC,EAAAA,WAAAC,EAAA,WAAA,CAAA,KAAA,QAAA,EAAAT,EAAA,SAAA,EAAA,CAAA,QAAAU,EAAA,QAAA,IAAA"}

package/lib/packages/components/menu/menu-collapse-transition.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-collapse-transition.vue2.js","sources":["../../../../../../packages/components/menu/menu-collapse-transition.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { addClass, hasClass, removeClass } from '@vft/utils';\n\nimport type { BaseTransitionProps, TransitionProps } from 'vue';\n\nexport default defineComponent({\n  setup() {\n    const ns = useNamespace('menu');\n    const listeners = {\n      onBeforeEnter: (el) => (el.style.opacity = '0.2'),\n      onEnter(el, done) {\n        addClass(el, `${ns.namespace.value}-opacity-transition`);\n        el.style.opacity = '1';\n        done();\n      },\n\n      onAfterEnter(el) {\n        removeClass(el, `${ns.namespace.value}-opacity-transition`);\n        el.style.opacity = '';\n      },\n\n      onBeforeLeave(el) {\n        if (!el.dataset) {\n          ;(el as any).dataset = {};\n        }\n\n        if (hasClass(el, ns.m('collapse'))) {\n          removeClass(el, ns.m('collapse'));\n          el.dataset.oldOverflow = el.style.overflow;\n          el.dataset.scrollWidth = el.clientWidth.toString();\n          addClass(el, ns.m('collapse'));\n        } else {\n          addClass(el, ns.m('collapse'));\n          el.dataset.oldOverflow = el.style.overflow;\n          el.dataset.scrollWidth = el.clientWidth.toString();\n          removeClass(el, ns.m('collapse'));\n        }\n\n        el.style.width = `${el.scrollWidth}px`;\n        el.style.overflow = 'hidden';\n      },\n\n      onLeave(el: HTMLElement) {\n        addClass(el, 'horizontal-collapse-transition');\n        el.style.width = `${el.dataset.scrollWidth}px`;\n      }\n    } as BaseTransitionProps<HTMLElement> as TransitionProps;\n\n    return {\n      listeners\n    };\n  }\n});\n</script>\n\n<template>\n  <transition mode=\"out-in\" v-bind=\"listeners\">\n    <slot />\n  </transition>\n</template>\n"],"names":["_sfc_main","defineComponent","ns","useNamespace","el","done","addClass","removeClass","hasClass"],"mappings":"wVAOAA,EAAeC,kBAAgB,CAC7B,OAAQ,CACA,MAAAC,EAAKC,eAAa,MAAM,EAyCvB,MAAA,CACL,UAzCgB,CAChB,cAAgBC,GAAQA,EAAG,MAAM,QAAU,MAC3C,QAAQA,EAAIC,EAAM,CAChBC,EAAA,SAASF,EAAI,GAAGF,EAAG,UAAU,0BAA0B,EACvDE,EAAG,MAAM,QAAU,IACdC,GACP,EAEA,aAAaD,EAAI,CACfG,EAAA,YAAYH,EAAI,GAAGF,EAAG,UAAU,0BAA0B,EAC1DE,EAAG,MAAM,QAAU,EACrB,EAEA,cAAcA,EAAI,CACXA,EAAG,UACJA,EAAW,QAAU,IAGrBI,EAAAA,SAASJ,EAAIF,EAAG,EAAE,UAAU,CAAC,GAC/BK,EAAAA,YAAYH,EAAIF,EAAG,EAAE,UAAU,CAAC,EAC7BE,EAAA,QAAQ,YAAcA,EAAG,MAAM,SAClCA,EAAG,QAAQ,YAAcA,EAAG,YAAY,SAAS,EACjDE,EAAAA,SAASF,EAAIF,EAAG,EAAE,UAAU,CAAC,IAE7BI,EAAAA,SAASF,EAAIF,EAAG,EAAE,UAAU,CAAC,EAC1BE,EAAA,QAAQ,YAAcA,EAAG,MAAM,SAClCA,EAAG,QAAQ,YAAcA,EAAG,YAAY,SAAS,EACjDG,EAAAA,YAAYH,EAAIF,EAAG,EAAE,UAAU,CAAC,GAG/BE,EAAA,MAAM,MAAQ,GAAGA,EAAG,gBACvBA,EAAG,MAAM,SAAW,QACtB,EAEA,QAAQA,EAAiB,CACvBE,WAASF,EAAI,gCAAgC,EAC7CA,EAAG,MAAM,MAAQ,GAAGA,EAAG,QAAQ,eACjC,CAAA,CAIA,CAEJ,CACF,CAAC"}

package/lib/packages/components/menu/menu-item-group.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-item-group.vue2.js","sources":["../../../../../../packages/components/menu/menu-item-group.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('menu-item-group')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<template>\n  <li :class=\"ns.b()\">\n    <div :class=\"ns.e('title')\">\n      <template v-if=\"!$slots.title\">{{ title }}</template>\n      <slot v-else name=\"title\" />\n    </div>\n    <ul>\n      <slot />\n    </ul>\n  </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@vft-ui/hooks';\n\ninterface Props {\n\ttitle?: string\n}\n\ndefineProps({\n  \"title\": null\n});\n\n\n\n;\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent"],"mappings":"gVACA,MAAMA,EAAuBC,EAAAA,aAAa,iBAAiB,EAG3DC,EAA6BC,EAAAA,gBAAmB,CAC/C,KAAMH,EAAG,EAAE,CACZ,CAAC"}

package/lib/packages/components/menu/menu-item.vue2.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("@vft/utils");require("@vue/shared");const x=require("../../utils/error.js"),c=require("../../hooks/use-namespace/index.js");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.js");require("@vueuse/core");const A=require("./use-menu.js"),y=require("../divider/index.js"),U=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");const $=require("../tooltip/index.js");require("../popover/index.js");require("./index.js");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");const E=["title"],a=c.useNamespace("menu-item"),I=e.defineComponent({name:a.b()}),S=e.defineComponent({...I,props:{index:null,route:null,disabled:{type:Boolean},icon:null,title:null,isAloneUse:{type:Boolean},divider:{type:Boolean},className:null,reverse:{type:Boolean}},emits:["click"],setup(n,{emit:C}){const s=e.getCurrentInstance(),V=c.useNamespace("menu"),l=c.useNamespace("menu-item"),r=n.isAloneUse?null:e.inject("rootMenu");!r&&!n.isAloneUse&&x.throwError(a.b(),"can not inject root menu");const{parentMenu:d,indexPath:m}=A.default(s,e.computed(()=>n.index)),t=n.isAloneUse?null:e.inject(`subMenu:${d.value.uid}`);!t&&!n.isAloneUse&&x.throwError(a.b(),"can not inject sub menu");const q=e.computed(()=>n.index===(r==null?void 0:r.activeIndex)),i=e.reactive({index:n.index,indexPath:m,active:q}),h=()=>{n.disabled||(r==null||r.handleMenuItemClick({index:n.index,indexPath:m.value,route:n.route}),C("click",i))},f=e.computed(()=>o.singleAttrToObj(n.icon,"icon")),k=e.computed(()=>o.renderTNode(s,"title"));return e.onMounted(()=>{n.isAloneUse||(t==null||t.addSubMenu(i),r==null||r.addMenuItem(i))}),e.onBeforeUnmount(()=>{n.isAloneUse||(t==null||t.removeSubMenu(i),r==null||r.removeMenuItem(i))}),(u,j)=>{var v,B,b,N,g;return e.openBlock(),e.createElementBlock(e.Fragment,null,[n.reverse&&n.divider?(e.openBlock(),e.createBlock(e.unref(y.VftDivider),{key:0,marginY:"0"})):e.createCommentVNode("",!0),e.createElementVNode("li",{class:e.normalizeClass([n.className,e.unref(l).b(),e.unref(l).is("active",n.isAloneUse?!1:e.unref(q)),e.unref(l).is("disabled",n.disabled)]),role:"menuitem",tabindex:"-1",onClick:h},[((B=(v=e.unref(d))==null?void 0:v.type)==null?void 0:B.name)==="vft-menu"&&((b=e.unref(r))!=null&&b.props.collapse)&&u.$slots.title?(e.openBlock(),e.createBlock(e.unref($.VftTooltip),{key:0,placement:"right","fallback-placements":["left"],persistent:""},{content:e.withCtx(()=>[e.renderSlot(u.$slots,"title")]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(V).be("tooltip","trigger"))},[e.renderSlot(u.$slots,"default")],2)]),_:3})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[(N=u.$slots)!=null&&N.default?e.renderSlot(u.$slots,"default",{key:0}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[(g=e.unref(f))!=null&&g.icon?(e.openBlock(),e.createBlock(e.unref(U.VftIcon),e.normalizeProps(e.mergeProps({key:0},e.unref(f))),null,16)):e.createCommentVNode("",!0),e.createElementVNode("span",{title:e.unref(k)},[e.createVNode(e.unref(o.VNode),{content:e.unref(k)},null,8,["content"])],8,E)],64))],64))],2),!n.reverse&&n.divider?(e.openBlock(),e.createBlock(e.unref(y.VftDivider),{key:1,marginY:"0"})):e.createCommentVNode("",!0)],64)}}});exports.default=S;
-//# sourceMappingURL=menu-item.vue2.js.map

package/lib/packages/components/menu/menu-item.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-item.vue2.js","sources":["../../../../../../packages/components/menu/menu-item.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('menu-item')\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 { renderTNode, singleAttrToObj, VNode } from '@vft/utils';\nimport { computed, getCurrentInstance, inject, onBeforeUnmount, onMounted, reactive } from 'vue';\nimport { throwError } from '@vft-ui/utils';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { type RouteLocationRaw } from 'vue-router';\nimport useMenu from './use-menu';\nimport { VftIcon as Icon, type IconProps, VftTooltip as Tooltip, VftDivider } from '@vft-ui/components';\n\nimport type { MenuItemRegistered, MenuProvider, SubMenuProvider } from './types';\n\ninterface Props {\n  /** 唯一标志 */\n  index?: string;\n  /** Vue Router 路径对象 */\n  route?: RouteLocationRaw;\n  /** 是否禁用 */\n  disabled?: boolean;\n  icon?: IconProps;\n  title?: string;\n  isAloneUse?: boolean;\n  divider?: boolean;\n  className?: string\n  reverse?: boolean\n}\n\ndefineProps({\n  \"index\": null,\n  \"route\": null,\n  \"disabled\": { type: Boolean,  },\n  \"icon\": null,\n  \"title\": null,\n  \"isAloneUse\": { type: Boolean,  },\n  \"divider\": { type: Boolean,  },\n  \"className\": null,\n  \"reverse\": { type: Boolean,  }\n})\n\n\n\nconst emit = defineEmits(['click']);\n\n;\n\nconst instance = getCurrentInstance()!;\n\nconst nsMenu = useNamespace('menu');\n\nconst nsMenuItem = useNamespace('menu-item');\n\n// 获取来自 menu.vue 中注入的数据\nconst rootMenu = !__props.isAloneUse ? inject<MenuProvider>('rootMenu') : null;\nif (!rootMenu && !__props.isAloneUse) throwError(ns.b(), 'can not inject root menu');\n\n// indexPath：当前 menu-item 对应的 index 和 vft-sub-menu 的 index，parentMenu 为 vft-sub-menu 组件\nconst { parentMenu, indexPath } = useMenu(\n  instance,\n  computed(() => __props.index!)\n);\n\n// 注入来自 sub-menu 中的 provide 数据\nconst subMenu = !__props.isAloneUse ? inject<SubMenuProvider>(`subMenu:${parentMenu.value.uid}`) : null;\nif (!subMenu && !__props.isAloneUse) throwError(ns.b(), 'can not inject sub menu');\n\n// 当前是否为 active\nconst active = computed(() => __props.index === rootMenu?.activeIndex);\n\nconst item: MenuItemRegistered = reactive({\n  index: __props.index!,\n  indexPath,\n  active\n});\n\n// 点击具体菜单项\nconst handleClick = () => {\n  if (!__props.disabled) {\n    rootMenu?.handleMenuItemClick({\n      index: __props.index!,\n      indexPath: indexPath.value,\n      route: __props.route\n    });\n    emit('click', item);\n  }\n};\n\nconst _icon = computed(() => {\n  return singleAttrToObj(__props.icon, 'icon') as IconProps;\n});\n\nconst title = computed(() => {\n  return renderTNode(instance, 'title');\n});\n\nonMounted(() => {\n  if (!__props.isAloneUse) {\n    // 触发 sub-menu,vue 中的 addSubMenu\n    subMenu?.addSubMenu(item);\n    // 触发 menu.vue 中的 addMenuItem 更新 items\n    rootMenu?.addMenuItem(item);\n  }\n});\n\nonBeforeUnmount(() => {\n  if (!__props.isAloneUse) {\n    subMenu?.removeSubMenu(item);\n    rootMenu?.removeMenuItem(item);\n  }\n});\n</script>\n\n<template>\n  <vft-divider v-if=\"reverse && divider\" marginY=\"0\" />\n  <li :class=\"[className, nsMenuItem.b(), nsMenuItem.is('active', isAloneUse ? false : active), nsMenuItem.is('disabled', disabled)]\" role=\"menuitem\" tabindex=\"-1\" @click=\"handleClick\">\n    <tooltip\n      v-if=\"parentMenu?.type?.name === 'vft-menu' && rootMenu?.props.collapse && $slots.title\"\n      placement=\"right\" :fallback-placements=\"['left']\" persistent>\n      <template #content>\n        <slot name=\"title\" />\n      </template>\n      <div :class=\"nsMenu.be('tooltip', 'trigger')\">\n        <slot />\n      </div>\n    </tooltip>\n    <template v-else>\n      <slot v-if=\"$slots?.default\"/>\n      <template v-else>\n        <Icon v-if=\"_icon?.icon\" v-bind=\"_icon\" />\n        <span :title=\"title\"><v-node :content=\"title\" /></span>\n      </template>\n    </template>\n  </li>\n  <vft-divider v-if=\"!reverse && divider\" marginY=\"0\" />\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","instance","getCurrentInstance","nsMenu","nsMenuItem","rootMenu","__props","inject","throwError","parentMenu","indexPath","useMenu","computed","subMenu","active","item","reactive","handleClick","emit","_icon","singleAttrToObj","title","renderTNode","onMounted","onBeforeUnmount"],"mappings":"u/CACMA,EAAuBC,EAAAA,aAAa,WAAW,EAGrDC,EAA6BC,EAAAA,gBAAmB,CAC9C,KAAMH,EAAG,EAAE,CACb,CAAC,gOA6CD,MAAMI,EAAWC,EAAAA,qBAEXC,EAASL,eAAa,MAAM,EAE5BM,EAAaN,eAAa,WAAW,EAGrCO,EAAYC,EAAQ,WAAgD,KAAnCC,EAAAA,OAAqB,UAAU,EAClE,CAACF,GAAY,CAACC,EAAQ,YAAuBE,EAAAA,WAAAX,EAAG,EAAE,EAAG,0BAA0B,EAG7E,KAAA,CAAE,WAAAY,EAAY,UAAAC,CAAA,EAAcC,EAAA,QAChCV,EACAW,WAAS,IAAMN,EAAQ,KAAM,CAAA,EAIzBO,EAAWP,EAAQ,WAA0E,KAA7DC,EAAAA,OAAwB,WAAWE,EAAW,MAAM,KAAK,EAC3F,CAACI,GAAW,CAACP,EAAQ,YAAuBE,EAAAA,WAAAX,EAAG,EAAE,EAAG,yBAAyB,EAGjF,MAAMiB,EAASF,EAAAA,SAAS,IAAMN,EAAQ,SAAUD,GAAA,YAAAA,EAAU,YAAW,EAE/DU,EAA2BC,EAAAA,SAAS,CACxC,MAAOV,EAAQ,MACf,UAAAI,EACA,OAAAI,CAAA,CACD,EAGKG,EAAc,IAAM,CACnBX,EAAQ,WACXD,GAAA,MAAAA,EAAU,oBAAoB,CAC5B,MAAOC,EAAQ,MACf,UAAWI,EAAU,MACrB,MAAOJ,EAAQ,KAAA,GAEjBY,EAAK,QAASH,CAAI,EACpB,EAGII,EAAQP,EAAAA,SAAS,IACdQ,kBAAgBd,EAAQ,KAAM,MAAM,CAC5C,EAEKe,EAAQT,EAAAA,SAAS,IACdU,EAAA,YAAYrB,EAAU,OAAO,CACrC,EAEDsB,OAAAA,EAAAA,UAAU,IAAM,CACTjB,EAAQ,aAEXO,GAAA,MAAAA,EAAS,WAAWE,GAEpBV,GAAA,MAAAA,EAAU,YAAYU,GACxB,CACD,EAEDS,EAAAA,gBAAgB,IAAM,CACflB,EAAQ,aACXO,GAAA,MAAAA,EAAS,cAAcE,GACvBV,GAAA,MAAAA,EAAU,eAAeU,GAC3B,CACD"}

package/lib/packages/components/menu/menu.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu.vue2.js","sources":["../../../../../../packages/components/menu/menu.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('menu')\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 {\n  computed,\n  getCurrentInstance,\n  h,\n  nextTick,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  watch,\n  watchEffect,\n  useSlots\n} from 'vue';\nimport { useResizeObserver } from '@vueuse/core';\nimport { flattedChildren } from '../../utils';\nimport { useNamespace } from '@vft-ui/hooks';\nimport Menubar from './utils/menu-bar';\nimport MenuCollapseTransition from './menu-collapse-transition.vue';\nimport SubMenu from './sub-menu.vue';\nimport { useMenuCssVar } from './use-menu-css-var';\nimport type { MenuProvider, SubMenuProvider } from './types';\nimport type { Router } from 'vue-router';\nimport type { VNode, VNodeArrayChildren } from 'vue';\nimport type { UseResizeObserverReturn } from '@vueuse/core';\nimport Icon from '@vft-ui/components/icon';\n\ninterface MenuProps {\n  /** 菜单展示模式 */\n  mode?: 'horizontal' | 'vertical';\n  /** 页面加载时默认激活菜单的 index（menu-item 的index） */\n  defaultActive?: string;\n  /** 默认打开的 sub-menu 的 index 的数组 */\n  defaultOpeneds?: string[];\n  /** 是否只保持一个子菜单的展开 */\n  uniqueOpened?: boolean;\n  /** 是否启用 vue-router 模式。 启用该模式会在激活导航时以 index 作为 path 进行路由跳转 使用 default-active 来设置加载时的激活项 */\n  router?: boolean;\n  /** 子菜单打开的触发方式，只在 mode 为 horizontal 时有效 */\n  menuTrigger?: 'hover' | 'click';\n  collapse?: boolean;\n  /** 是否水平折叠收起菜单（仅在 mode 为 vertical 时可用) */\n  backgroundColor?: string;\n  textColor?: string;\n  activeTextColor?: string;\n  /** 是否开启折叠动画 */\n  collapseTransition?: boolean;\n  /** 是否省略多余的子项（仅在横向模式生效） */\n  ellipsis?: boolean;\n}\n\ndefineProps({\n  \"mode\": { default: 'vertical' },\n  \"defaultActive\": { default: '' },\n  \"defaultOpeneds\": { default: [] },\n  \"uniqueOpened\": { type: Boolean,  },\n  \"router\": { type: Boolean,  },\n  \"menuTrigger\": { default: 'hover' },\n  \"collapse\": { type: Boolean,  },\n  \"backgroundColor\": null,\n  \"textColor\": null,\n  \"activeTextColor\": null,\n  \"collapseTransition\": { type: Boolean, default: true },\n  \"ellipsis\": { type: Boolean, default: true }\n})\n\nconst emit = defineEmits([\n  'close',\n  'open',\n  'select'\n]);\n\n\n\n;\n\nconst slots = useSlots();\n\nconst instance = getCurrentInstance()!;\n\n// get router instance\nconst _router = instance.appContext.config.globalProperties.$router as Router;\n\nconst menu = ref<HTMLUListElement>();\n\nconst nsSubMenu = useNamespace('sub-menu');\n\n// data\nconst sliceIndex = ref(-1);\n\n// 展开的菜单项数组 defaultOpeneds 配置的对应 sub-menu 中的数组，并且菜单不能是收缩状态\nconst openedMenus = ref<MenuProvider['openedMenus']>(\n  __props.defaultOpeneds && !__props.collapse ? __props.defaultOpeneds.slice(0) : []\n);\n\n// 页面加载时默认激活菜单的 index，最终提供给 menu-item 去使用\nconst activeIndex = ref<MenuProvider['activeIndex']>(__props.defaultActive);\n\n/**\n * 主要是存储 menu-item 中的菜单项\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 */\nconst items = ref<MenuProvider['items']>({});\n\n/**\n * 主要是存储 sub-menu 中的菜单项\n * 格式如下\n * ```\n * {\n *  mio:{index: 'mio', indexPath: ['mio'], active: false},\n *  test:{index: 'test', indexPath: ['test'], active: false}\n * }\n * ```\n */\nconst subMenus = ref<MenuProvider['subMenus']>({});\n\n/**\n * @description 是否需要 tooltip 1.水平模式的菜单需要 2.竖直类型的菜单在收缩时需要\n * @author wfd\n * @date 2022/11/8 13:22\n * @example\n * @type {ComputedRef<MenuProvider[\"isMenuPopup\"]>}\n */\nconst isMenuPopup = computed<MenuProvider['isMenuPopup']>(() => {\n  return __props.mode === 'horizontal' || (__props.mode === 'vertical' && __props.collapse) as MenuProvider['isMenuPopup'];\n});\n\n// 当配置了 defaultActive 时菜单的展开设置\nconst initMenu = () =>  {\n  // 如果设置了 activeIndex 且当前的 activeIndex 项在 items 中存在\n  // 获取当前激活菜单的 item {index: '1-1', indexPath: ['mio', '1-1'], active: false}\n  const activeItem = activeIndex.value && items.value[activeIndex.value];\n  // 只在竖直模式，且非折叠模式，且子菜单配置为激活时触发\n  if (!activeItem || __props.mode === 'horizontal' || __props.collapse) return;\n  // ['mio', '1-1']\n  const indexPath = activeItem.indexPath;\n\n  // 展开该菜单项的路径上所有子菜单\n  indexPath.forEach((index) => {\n    // {index: 'mio', indexPath: ['mio'], active: false}\n    const subMenu = subMenus.value[index];\n    subMenu && openMenu(index, subMenu.indexPath);\n  });\n};\n\n/**\n * @description 展开子菜单\n * @author wfd\n * @date 2022/11/8 16:44\n * @example\n * @param {string} index\n * @param {string[]} indexPath\n */\nconst openMenu: MenuProvider['openMenu'] = (index: string, indexPath: string[]) => {\n  // 如果当前点击的 index 在 openedMenus 中，则不向下执行操作\n  if (openedMenus.value.includes(index)) return;\n  // 将不在该菜单路径下的其余菜单收起\n  if (__props.uniqueOpened) {\n    openedMenus.value = openedMenus.value.filter((index: string) => indexPath.includes(index));\n  }\n  // 将点击的 index 加入到 openedMenus 中\n  openedMenus.value.push(index);\n  emit('open', index, indexPath);\n};\n\n/**\n * @description 关闭当前点击的 sub-menu 对应的 index，主要是从 openedMenus 移除该项\n * @author wfd\n * @date 2022/11/8 16:43\n * @example\n * @param {string} index\n * @param {string[]} indexPath\n */\nconst closeMenu: MenuProvider['closeMenu'] = (index, indexPath) => {\n  const i = openedMenus.value.indexOf(index);\n  if (i !== -1) {\n    openedMenus.value.splice(i, 1);\n  }\n  emit('close', index, indexPath);\n};\n\n// sub-menu 点击事件，主要是展开收缩菜单，通过控制 openedMenus 的值\nconst handleSubMenuClick: MenuProvider['handleSubMenuClick'] = ({ index, indexPath }) => {\n  // 判断当前点击的 sub-menu 菜单是否已经在 openedMenus 中\n  const isOpened = openedMenus.value.includes(index);\n\n  // 如果已经在 openedMenus 中，代表当前菜单已经展开（展开则调用 close 关闭），否则未打开（则调用 open 给展开）\n  if (isOpened) {\n    closeMenu(index, indexPath);\n  } else {\n    openMenu(index, indexPath);\n  }\n};\n\n/**\n * @description 子项点击跳转事件，如果 menu.vue 配置了 route 为 true，则执行路由跳转，否则触发\n * emit('select') 只返回数据\n * @author wfd\n * @date 2022/11/8 18:30\n * @example\n * @param {MenuItemClicked} menuItem\n */\nconst handleMenuItemClick: MenuProvider['handleMenuItemClick'] = (menuItem) => {\n\n  if (__props.mode === 'horizontal' || __props.collapse) {\n    openedMenus.value = [];\n  }\n  const { index, indexPath } = menuItem;\n  if (index === undefined || indexPath === undefined) return;\n\n  if (__props.router && _router) {\n    // 路由跳转的路径如果 menu-item 配置了则，采用 menu-item 的，否则采用 index 为 router 路径\n    const route = menuItem.route || index;\n    const routerResult = _router.push(route).then((res) => {\n      if (!res) activeIndex.value = index;\n      return res;\n    });\n    emit('select', menuItem, routerResult);\n  } else {\n    activeIndex.value = index;\n\n    emit('select', menuItem);\n  }\n};\n\n/**\n * 更新 activeIndex\n * @param {string} val\n */\nconst updateActiveIndex = (val: string) => {\n  const itemsInData = items.value;\n  // 首先从最新的 val 中去 items 取数据，如果没有取到再去 items 对应的 activeIndex 去取\n  const item = itemsInData[val] || (activeIndex.value && itemsInData[activeIndex.value]) || itemsInData[__props.defaultActive];\n\n  // 更新 activeIndex\n  if (item) {\n    activeIndex.value = item.index;\n  } else {\n    activeIndex.value = val;\n  }\n};\n\nconst calcSliceIndex = () => {\n  if (!menu.value) return -1;\n  const items = Array.from(menu.value?.childNodes ?? []).filter(\n    (item) => item.nodeName !== '#text' || item.nodeValue) as HTMLElement[];\n  const moreItemWidth = 64;\n  const paddingLeft = Number.parseInt(getComputedStyle(menu.value!).paddingLeft, 10);\n  const paddingRight = Number.parseInt(getComputedStyle(menu.value!).paddingRight, 10);\n  const menuWidth = menu.value!.clientWidth - paddingLeft - paddingRight;\n  let calcWidth = 0;\n  let sliceIndex = 0;\n  items.forEach((item, index) => {\n    calcWidth += item.offsetWidth || 0;\n    if (calcWidth <= menuWidth - moreItemWidth) {\n      sliceIndex = index + 1;\n    }\n  });\n  return sliceIndex === items.length ? -1 : sliceIndex;\n};\n\n// 常见的计算机监视器FPS为60Hz，这意味着每秒重画60次。计算公式：1000ms60≈ 16.67ms，为了避免“调整大小”时重复触发的特定机会，将等待设置为16.67 2=33.34\nconst debounce = (fn: () => void, wait = 33.34) => {\n  let timmer: ReturnType<typeof setTimeout> | null;\n  return () => {\n    timmer && clearTimeout(timmer);\n    timmer = setTimeout(() => {\n      fn();\n    }, wait);\n  };\n};\n\nlet isFirstTimeRender = true;\nconst handleResize = () => {\n  const callback = () => {\n    sliceIndex.value = -1;\n    nextTick(() => {\n      sliceIndex.value = calcSliceIndex();\n    });\n  };\n  // 第一次调整大小时直接执行回调以避免抖动\n  isFirstTimeRender ? callback() : debounce(callback)();\n  isFirstTimeRender = false;\n};\n\n// defaultActive 变化时触发时更新 activeIndex\nwatch(\n  () => __props.defaultActive,\n  (currentActive) => {\n    // 如果最新的 defaultActive 在 items 中不存在则 activeIndex 更新为空\n    if (!items.value[currentActive]) {\n      activeIndex.value = '';\n    }\n    updateActiveIndex(currentActive);\n  }\n);\n\nwatch(\n  () => __props.collapse,\n  (value) => {\n    if (value) openedMenus.value = [];\n  }\n);\n\n// 监控 items 的变化(在 menu-item.vue 中的 onMounted 中执行产生变化)，然后执行 initMenu\nwatch(items.value, initMenu);\n\nlet resizeStopper: UseResizeObserverReturn['stop'];\nwatchEffect(() => {\n  if (__props.mode === 'horizontal' && __props.ellipsis) resizeStopper = useResizeObserver(menu, handleResize).stop;\n  else resizeStopper?.();\n});\n\n// 提供给 sub-menu.vue 使用，将每一个 sub-menu 的数据存储在 subMenus 中\nconst addSubMenu: MenuProvider['addSubMenu'] = (item) => {\n  subMenus.value[item.index] = item;\n};\n\nconst removeSubMenu: MenuProvider['removeSubMenu'] = (item) => {\n  delete subMenus.value[item.index];\n};\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 */\nconst addMenuItem: MenuProvider['addMenuItem'] = (item) => {\n  items.value[item.index] = item;\n};\n\nconst removeMenuItem: MenuProvider['removeMenuItem'] = (item) => {\n  delete items.value[item.index];\n};\n\n/**\n * 提供以下方法与属性给 sub-menu.vue 使用\n */\nprovide<MenuProvider>(\n  'rootMenu',\n  reactive({\n    props: instance.props,\n    openedMenus,\n    items,\n    subMenus,\n    activeIndex,\n    isMenuPopup,\n\n    addMenuItem,\n    removeMenuItem,\n    addSubMenu,\n    removeSubMenu,\n    openMenu,\n    closeMenu,\n    handleMenuItemClick,\n    handleSubMenuClick\n  })\n);\n\nprovide<SubMenuProvider>(`subMenu:${instance.uid}`, {\n  addSubMenu,\n  removeSubMenu,\n  mouseInChild: ref(false),\n  // 表示当前是第一级的 sub-menu\n  level: 0\n});\n\nonMounted(() => {\n  if (__props.mode === 'horizontal') {\n    new Menubar(instance.vnode.el!, ns.namespace.value);\n  }\n});\n\n// 触发展开菜单事件\nconst open = (index: string) => {\n  const { indexPath } = subMenus.value[index];\n  indexPath.forEach((i) => openMenu(i, indexPath));\n};\n\ndefineExpose({\n  open,\n  close: closeMenu,\n  handleResize\n});\n\ndefineRender(() => {\n  let slot: VNodeArrayChildren = slots.default?.() ?? [];\n  const vShowMore: VNode[] = [];\n\n  // 水平默认下执行\n  if (__props.mode === 'horizontal' && menu.value) {\n    const originalSlot = flattedChildren(slot) as VNodeArrayChildren;\n    const slotDefault = sliceIndex.value === -1 ? originalSlot : originalSlot.slice(0,\n      sliceIndex.value);\n\n    const slotMore = sliceIndex.value === -1 ? [] : originalSlot.slice(sliceIndex.value);\n\n    if (slotMore?.length && __props.ellipsis) {\n      slot = slotDefault;\n      vShowMore.push(\n        h(\n          SubMenu,\n          {\n            index: 'sub-menu-more',\n            class: nsSubMenu.e('hide-arrow')\n          },\n          {\n            title: () => h(\n              Icon,\n              {\n                icon: 'vi-item',\n                class: nsSubMenu.e('icon-more')\n              }\n            ),\n            default: () => slotMore\n          }\n        )\n      );\n    }\n  }\n\n  const ulStyle = useMenuCssVar(instance.props, 0);\n\n  const vMenu = h(\n    'ul',\n    {\n      key: String(__props.collapse),\n      role: 'menubar',\n      ref: menu,\n      style: ulStyle.value,\n      class: {\n        [ns.b()]: true,\n        [ns.m(__props.mode)]: true,\n        [ns.m('collapse')]: __props.collapse\n      }\n    },\n    [...slot, ...vShowMore]\n  );\n\n  if (__props.collapseTransition && __props.mode === 'vertical') {\n    return h(MenuCollapseTransition, () => vMenu);\n  }\n\n  return vMenu;\n});\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","slots","useSlots","instance","getCurrentInstance","_router","menu","ref","nsSubMenu","sliceIndex","openedMenus","__props","activeIndex","items","subMenus","isMenuPopup","computed","initMenu","activeItem","index","subMenu","openMenu","indexPath","emit","closeMenu","i","handleSubMenuClick","handleMenuItemClick","menuItem","route","routerResult","res","updateActiveIndex","val","itemsInData","item","calcSliceIndex","_a","moreItemWidth","paddingLeft","paddingRight","menuWidth","calcWidth","debounce","fn","wait","timmer","isFirstTimeRender","handleResize","callback","nextTick","watch","currentActive","value","resizeStopper","watchEffect","useResizeObserver","addSubMenu","removeSubMenu","addMenuItem","removeMenuItem","provide","reactive","onMounted","Menubar","expose","slot","vShowMore","originalSlot","flattedChildren","slotDefault","slotMore","h","SubMenu","Icon","ulStyle","useMenuCssVar","vMenu","MenuCollapseTransition"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-"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");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/packages/components/menu/sub-menu.vue2.js.map

@@ -1 +0,0 @@
-{"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/packages/components/menu/use-menu-css-var.js.map

@@ -1 +0,0 @@
-{"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/packages/components/menu/use-menu.js.map

@@ -1 +0,0 @@
-{"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/packages/components/menu/utils/menu-bar.js.map

@@ -1 +0,0 @@
-{"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/packages/components/menu/utils/menu-item.js.map

@@ -1 +0,0 @@
-{"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/packages/components/menu/utils/submenu.js.map

@@ -1 +0,0 @@
-{"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/packages/components/multiple-tabs/index.js.map

@@ -1 +0,0 @@
-{"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/packages/components/multiple-tabs/multiple-tabs.vue2.js

@@ -1,2 +0,0 @@
-"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");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(""),i=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?i.value=((t=d.value)==null?void 0:t.length)-1:i.value=r,i.value=i.value<(n==null?void 0:n.length)?(n==null?void 0:n.length)-1:i.value}}),g.onBeforeRouteLeave(()=>{m.value=e.unref(v.currentRoute)}),s.listenerRouteChange(t=>{if(!t)return;const{meta:r={}}=t,{currentActivePath:u,hideTab:o}=r,l=o?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),i.value,t)}else f.addTab(e.unref(t),e.unref(m),i.value)});function _(t){var o,l;if(a.value===t.paneName)return;const r=d.value[t.attrs.index];a.value=t.paneName;const u=(l=(o=r==null?void 0:r.meta)==null?void 0:o.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,o)=>{var l;return e.openBlock(),e.createBlock(e.unref(y.VftTabPane),{key:e.unref(s.getRouterKeyPath)(u)+o,closable:!((l=u.meta)!=null&&l.affix),index:o,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)(o),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/packages/components/multiple-tabs/multiple-tabs.vue2.js.map

@@ -1 +0,0 @@
-{"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/packages/components/multiple-tabs/tab-content.vue2.js

@@ -1,2 +0,0 @@
-"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");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/packages/components/multiple-tabs/tab-content.vue2.js.map

@@ -1 +0,0 @@
-{"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":"++CAmBM,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/packages/components/multiple-tabs/use/use-multiple-tabs.js.map

@@ -1 +0,0 @@
-{"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/packages/components/multiple-tabs/use/use-tab-dropdown.js.map

@@ -1 +0,0 @@
-{"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/packages/components/overlay/index.js.map

@@ -1 +0,0 @@
-{"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"}