vft 0.0.19 → 0.0.21

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

@@ -0,0 +1 @@
+{"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/components/iframe-layout/iframe-layout.vue2.js.map

@@ -0,0 +1 @@
+{"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/components/iframe-layout/iframe-page.vue2.js.map

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

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

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

@@ -0,0 +1 @@
+{"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/components/index.d.ts

@@ -32,3 +32,6 @@ export * from './qrcode';
 export * from './overlay';
 export * from './clamp';
 export * from './clamp-toggle';
+export * from './page-wrapper';
+export * from './message';
+export * from './loading';

package/lib/components/index.js

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"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/components/loading/directive.d.ts

@@ -0,0 +1,18 @@
+import type { Directive, DirectiveBinding, UnwrapRef } from 'vue';
+import type { LoadingOptions } from './types';
+import type { LoadingInstance } from './loading';
+declare const INSTANCE_KEY: unique symbol;
+export type LoadingBinding = boolean | UnwrapRef<LoadingOptions>;
+export interface VriLoading extends HTMLElement {
+    [INSTANCE_KEY]?: {
+        instance: LoadingInstance;
+        options: LoadingOptions;
+    };
+}
+export declare const vLoading: Directive<VriLoading, LoadingBinding>;
+export declare function createLoadingDirective(defaultLoadingCfg?: UnwrapRef<LoadingOptions>): {
+    mounted(el: VriLoading, binding: DirectiveBinding<LoadingBinding>): void;
+    updated(el: VriLoading, binding: DirectiveBinding<LoadingBinding>): void;
+    unmounted(el: VriLoading): void;
+};
+export {};

package/lib/components/loading/directive.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("vue"),r=require("@vft/utils"),y=require("./service.js"),u=Symbol("VriLoading"),i=(c,s)=>{const e=s.instance,o=l=>r.isObject(s.value)?s.value[l]:void 0,n=l=>{const a=r.isString(l)&&(e==null?void 0:e[l])||l;return a&&m.ref(a)},t=l=>n(o(l)),v=o("fullscreen")??s.modifiers.fullscreen,f={text:t("text"),svg:t("svg"),svgViewBox:t("svgViewBox"),spinner:t("spinner"),visible:t("visible"),background:t("background"),customClass:t("customClass"),rotate:t("rotate"),img:t("img"),fullscreen:v,target:o("target")??(v?void 0:c),body:o("body")??s.modifiers.body,lock:o("lock")??s.modifiers.lock};c[u]={options:f,instance:y.Loading(f)}},V=(c,s)=>{for(const e of Object.keys(s))m.isRef(s[e])&&(s[e].value=c[e])},k=p();function p(c){return{mounted(s,e){e.value.visible===!1?e.value=void 0:e.value={...c,...e.value},e.value&&i(s,e)},updated(s,e){const o=s[u];e.oldValue!==e.value&&(e.value&&!e.oldValue?(e.value={...c,...e.value},i(s,e)):e.value&&e.oldValue?r.isObject(e.value)&&(e.value={...c,...e.value},V(e.value,o.options)):o==null||o.instance.close())},unmounted(s){var e;(e=s[u])==null||e.instance.close()}}}exports.createLoadingDirective=p;exports.vLoading=k;
+//# sourceMappingURL=directive.js.map

package/lib/components/loading/directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"directive.js","sources":["../../../../../packages/components/loading/directive.ts"],"sourcesContent":["import { isRef, ref } from 'vue';\nimport { isObject, isString } from '@vft/utils';\nimport { Loading } from './service';\nimport type { Directive, DirectiveBinding, UnwrapRef } from 'vue';\nimport type { LoadingOptions } from './types';\nimport type { LoadingInstance } from './loading';\n\nconst INSTANCE_KEY = Symbol('VriLoading');\n\nexport type LoadingBinding = boolean | UnwrapRef<LoadingOptions>;\n\nexport interface VriLoading extends HTMLElement {\n  [INSTANCE_KEY]?: {\n    instance: LoadingInstance;\n    options: LoadingOptions;\n  };\n}\n\nconst createInstance = (el: VriLoading, binding: DirectiveBinding<LoadingBinding>) => {\n  const vm = binding.instance;\n\n  // @ts-ignore\n  const getBindingProp = <K extends keyof LoadingOptions>(key: K): LoadingOptions[K] => (isObject(binding.value) ? binding.value[key] : undefined);\n\n  const resolveExpression = (key: any) => {\n    // @ts-ignore\n    const data = (isString(key) && vm?.[key]) || key;\n    if (data) return ref(data);\n    else return data;\n  };\n\n  const getProp = <K extends keyof LoadingOptions>(name: K) => resolveExpression(getBindingProp(name));\n\n  const fullscreen = getBindingProp('fullscreen') ?? binding.modifiers.fullscreen;\n\n  const options: LoadingOptions = {\n    text: getProp('text'),\n    svg: getProp('svg'),\n    svgViewBox: getProp('svgViewBox'),\n    spinner: getProp('spinner'),\n    visible: getProp('visible'),\n    background: getProp('background'),\n    customClass: getProp('customClass'),\n    rotate: getProp('rotate'),\n    img: getProp('img'),\n    fullscreen,\n    target: getBindingProp('target') ?? (fullscreen ? undefined : el),\n    body: getBindingProp('body') ?? binding.modifiers.body,\n    lock: getBindingProp('lock') ?? binding.modifiers.lock\n  };\n\n  el[INSTANCE_KEY] = {\n    options,\n    instance: Loading(options)\n  };\n};\n\nconst updateOptions = (newOptions: UnwrapRef<LoadingOptions>, originalOptions: LoadingOptions) => {\n  for (const key of Object.keys(originalOptions)) {\n    // @ts-ignore\n    if (isRef(originalOptions[key])) originalOptions[key].value = newOptions[key];\n  }\n};\n\nexport const vLoading: Directive<VriLoading, LoadingBinding> = createLoadingDirective();\n\nexport function createLoadingDirective(defaultLoadingCfg?: UnwrapRef<LoadingOptions>) {\n  return {\n    mounted(el: VriLoading, binding: DirectiveBinding<LoadingBinding>) {\n      // @ts-ignore\n      if (binding.value.visible === false) {\n        binding.value = undefined;\n      } else {\n        binding.value = { ...defaultLoadingCfg, ...binding.value };\n      }\n\n      if (binding.value) {\n        createInstance(el, binding);\n      }\n    },\n    updated(el: VriLoading, binding: DirectiveBinding<LoadingBinding>) {\n      const instance = el[INSTANCE_KEY];\n      if (binding.oldValue !== binding.value) {\n        if (binding.value && !binding.oldValue) {\n          // @ts-ignore\n          binding.value = { ...defaultLoadingCfg, ...binding.value };\n\n          createInstance(el, binding);\n        } else if (binding.value && binding.oldValue) {\n          if (isObject(binding.value)) {\n            binding.value = { ...defaultLoadingCfg, ...binding.value };\n            updateOptions(binding.value, instance!.options);\n          }\n        } else {\n          instance?.instance.close();\n        }\n      }\n    },\n    unmounted(el: VriLoading) {\n      el[INSTANCE_KEY]?.instance.close();\n    }\n  };\n}\n"],"names":["INSTANCE_KEY","createInstance","el","binding","vm","getBindingProp","key","isObject","resolveExpression","data","isString","ref","getProp","name","fullscreen","options","Loading","updateOptions","newOptions","originalOptions","isRef","vLoading","createLoadingDirective","defaultLoadingCfg","instance","_a"],"mappings":"yJAOMA,EAAe,OAAO,YAAY,EAWlCC,EAAiB,CAACC,EAAgBC,IAA8C,CACpF,MAAMC,EAAKD,EAAQ,SAGbE,EAAkDC,GAA+BC,EAAAA,SAASJ,EAAQ,KAAK,EAAIA,EAAQ,MAAMG,CAAG,EAAI,OAEhIE,EAAqBF,GAAa,CAEtC,MAAMG,EAAQC,EAAAA,SAASJ,CAAG,IAAKF,GAAA,YAAAA,EAAKE,KAASA,EACzC,OAAAG,GAAaE,EAAAA,IAAIF,CAAI,CACb,EAGRG,EAA2CC,GAAYL,EAAkBH,EAAeQ,CAAI,CAAC,EAE7FC,EAAaT,EAAe,YAAY,GAAKF,EAAQ,UAAU,WAE/DY,EAA0B,CAC9B,KAAMH,EAAQ,MAAM,EACpB,IAAKA,EAAQ,KAAK,EAClB,WAAYA,EAAQ,YAAY,EAChC,QAASA,EAAQ,SAAS,EAC1B,QAASA,EAAQ,SAAS,EAC1B,WAAYA,EAAQ,YAAY,EAChC,YAAaA,EAAQ,aAAa,EAClC,OAAQA,EAAQ,QAAQ,EACxB,IAAKA,EAAQ,KAAK,EAClB,WAAAE,EACA,OAAQT,EAAe,QAAQ,IAAMS,EAAa,OAAYZ,GAC9D,KAAMG,EAAe,MAAM,GAAKF,EAAQ,UAAU,KAClD,KAAME,EAAe,MAAM,GAAKF,EAAQ,UAAU,IAAA,EAGpDD,EAAGF,CAAY,EAAI,CACjB,QAAAe,EACA,SAAUC,UAAQD,CAAO,CAAA,CAE7B,EAEME,EAAgB,CAACC,EAAuCC,IAAoC,CAChG,UAAWb,KAAO,OAAO,KAAKa,CAAe,EAEvCC,EAAA,MAAMD,EAAgBb,CAAG,CAAC,IAAGa,EAAgBb,CAAG,EAAE,MAAQY,EAAWZ,CAAG,EAEhF,EAEae,EAAkDC,EAAuB,EAE/E,SAASA,EAAuBC,EAA+C,CAC7E,MAAA,CACL,QAAQrB,EAAgBC,EAA2C,CAE7DA,EAAQ,MAAM,UAAY,GAC5BA,EAAQ,MAAQ,OAEhBA,EAAQ,MAAQ,CAAE,GAAGoB,EAAmB,GAAGpB,EAAQ,OAGjDA,EAAQ,OACVF,EAAeC,EAAIC,CAAO,CAE9B,EACA,QAAQD,EAAgBC,EAA2C,CAC3D,MAAAqB,EAAWtB,EAAGF,CAAY,EAC5BG,EAAQ,WAAaA,EAAQ,QAC3BA,EAAQ,OAAS,CAACA,EAAQ,UAE5BA,EAAQ,MAAQ,CAAE,GAAGoB,EAAmB,GAAGpB,EAAQ,OAEnDF,EAAeC,EAAIC,CAAO,GACjBA,EAAQ,OAASA,EAAQ,SAC9BI,EAAA,SAASJ,EAAQ,KAAK,IACxBA,EAAQ,MAAQ,CAAE,GAAGoB,EAAmB,GAAGpB,EAAQ,OACrCc,EAAAd,EAAQ,MAAOqB,EAAU,OAAO,GAGhDA,GAAA,MAAAA,EAAU,SAAS,QAGzB,EACA,UAAUtB,EAAgB,QACrBuB,EAAAvB,EAAAF,CAAY,IAAZ,MAAAyB,EAAe,SAAS,OAC7B,CAAA,CAEJ"}

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

@@ -0,0 +1,39 @@
+import { Loading } from './service';
+import { vLoading } from './directive';
+import type { App } from 'vue';
+export declare const VftLoading: {
+    install(app: App): void;
+    directive: import("vue").Directive<import("./directive").VriLoading, import("./directive").LoadingBinding>;
+    service: (options?: Partial<Omit<import("./types").LoadingOptionsResolved, "target" | "parent"> & {
+        target: string | HTMLElement;
+        body: boolean;
+    }>) => {
+        setText: (text: string) => void;
+        removeVriLoadingChild: () => void;
+        close: () => void;
+        handleAfterLeave: () => void;
+        vm: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $el: HTMLElement;
+        originalPosition: import("vue").Ref<string>;
+        originalOverflow: import("vue").Ref<string>;
+        visible: import("vue").Ref<boolean>;
+        parent: import("vue").Ref<import("./types").LoadingParentElement>;
+        background: import("vue").Ref<string>;
+        svg: import("vue").Ref<string>;
+        svgViewBox: import("vue").Ref<string>;
+        spinner: import("vue").Ref<string | boolean>;
+        img: import("vue").Ref<string | boolean>;
+        text: import("vue").Ref<string>;
+        fullscreen: import("vue").Ref<boolean>;
+        rotate: import("vue").Ref<string | boolean>;
+        lock: import("vue").Ref<boolean>;
+        customClass: import("vue").Ref<string>;
+        target: import("vue").Ref<HTMLElement>;
+        beforeClose?: import("vue").Ref<(() => boolean) | undefined> | undefined;
+        closed?: import("vue").Ref<(() => void) | undefined> | undefined;
+    };
+};
+export default VftLoading;
+export { vLoading, vLoading as VftLoadingDirective, Loading as VftLoadingService };
+export * from './types';
+export { createLoadingDirective } from './directive';

package/lib/components/loading/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./service.js"),e=require("./directive.js"),t={install(o){o.directive("loading",e.vLoading),o.config.globalProperties.$loading=i.Loading},directive:e.vLoading,service:i.Loading};exports.VftLoadingService=i.Loading;exports.VftLoadingDirective=e.vLoading;exports.createLoadingDirective=e.createLoadingDirective;exports.vLoading=e.vLoading;exports.VftLoading=t;exports.default=t;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/loading/index.ts"],"sourcesContent":["import { Loading } from './service';\nimport { vLoading } from './directive';\n\nimport type { App } from 'vue';\n\n// installer and everything in all\nexport const VftLoading = {\n\tinstall (app: App) {\n\t\tapp.directive('loading', vLoading);\n\t\tapp.config.globalProperties.$loading = Loading;\n\t},\n\tdirective: vLoading,\n\tservice: Loading,\n};\n\nexport default VftLoading;\nexport { vLoading, vLoading as VftLoadingDirective, Loading as VftLoadingService };\n\nexport * from './types';\nexport { createLoadingDirective } from './directive';\n"],"names":["VftLoading","app","vLoading","Loading"],"mappings":"wKAMaA,EAAa,CACzB,QAASC,EAAU,CACdA,EAAA,UAAU,UAAWC,EAAAA,QAAQ,EAC7BD,EAAA,OAAO,iBAAiB,SAAWE,EAAAA,OACxC,EACA,UAAWD,EAAA,SACX,QAASC,EAAA,OACV"}

package/lib/components/loading/loading.d.ts

@@ -0,0 +1,27 @@
+import type { LoadingOptionsResolved } from './types';
+export declare function createLoadingComponent(options: LoadingOptionsResolved): {
+    setText: (text: string) => void;
+    removeVriLoadingChild: () => void;
+    close: () => void;
+    handleAfterLeave: () => void;
+    vm: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+    $el: HTMLElement;
+    originalPosition: import("vue").Ref<string>;
+    originalOverflow: import("vue").Ref<string>;
+    visible: import("vue").Ref<boolean>;
+    parent: import("vue").Ref<import("./types").LoadingParentElement>;
+    background: import("vue").Ref<string>;
+    svg: import("vue").Ref<string>;
+    svgViewBox: import("vue").Ref<string>;
+    spinner: import("vue").Ref<string | boolean>;
+    img: import("vue").Ref<string | boolean>;
+    text: import("vue").Ref<string>;
+    fullscreen: import("vue").Ref<boolean>;
+    rotate: import("vue").Ref<string | boolean>;
+    lock: import("vue").Ref<boolean>;
+    customClass: import("vue").Ref<string>;
+    target: import("vue").Ref<HTMLElement>;
+    beforeClose?: import("vue").Ref<(() => boolean) | undefined> | undefined;
+    closed?: import("vue").Ref<(() => void) | undefined> | undefined;
+};
+export type LoadingInstance = ReturnType<typeof createLoadingComponent>;

package/lib/components/loading/loading.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),L=require("../../hooks/use-namespace/index.js");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.js");require("@vueuse/core");require("@vue/shared");const g=require("@vft/utils");function p(i){let c;const a=L.useNamespace("loading"),o=r.ref(!1),t=r.reactive({...i,originalPosition:"",originalOverflow:"",visible:!1});function m(e){t.text=e}r.watch(()=>t.visible,e=>{e||d()});function f(){const e=t.parent;if(!e.vLoadingAddClassList){let n=e.getAttribute("loading-number");n=Number.parseInt(n)-1,n?e.setAttribute("loading-number",n.toString()):(g.removeClass(e,a.bm("parent","relative")),e.removeAttribute("loading-number")),g.removeClass(e,a.bm("parent","hidden"))}u(),v.unmount()}function u(){var e,n;(n=(e=s.$el)==null?void 0:e.parentNode)==null||n.removeChild(s.$el)}function d(){var e;i.beforeClose&&!i.beforeClose()||(o.value=!0,clearTimeout(c),c=window.setTimeout(l,400),t.visible=!1,(e=i.closed)==null||e.call(i))}function l(){if(!o.value)return;const e=t.parent;o.value=!1,e.vLoadingAddClassList=void 0,f()}const b={name:"VriLoading",setup(){return()=>{const e=t.spinner||t.svg,n=t.img,h=n?r.h("img",{class:["circular circular-img",t.rotate?"":"circular-no-rotate"],src:n}):r.h("svg",{class:"circular",viewBox:t.svgViewBox?t.svgViewBox:"0 0 50 50",...e?{innerHTML:e}:{}},[r.h("circle",{class:"path",cx:"25",cy:"25",r:"20",fill:"none"})]),C=t.text?r.h("p",{class:a.b("text")},[t.text]):void 0;return r.h(r.Transition,{name:a.b("fade"),onAfterLeave:l},{default:r.withCtx(()=>[r.withDirectives(r.createVNode("div",{style:{backgroundColor:t.background||""},class:[a.b("mask"),t.customClass,t.fullscreen?"is-fullscreen":""]},[r.h("div",{class:a.b("spinner")},[h,C])]),[[r.vShow,t.visible]])])})}}},v=r.createApp(b),s=v.mount(document.createElement("div"));return{...r.toRefs(t),setText:m,removeVriLoadingChild:u,close:d,handleAfterLeave:l,vm:s,get $el(){return s.$el}}}exports.createLoadingComponent=p;
+//# sourceMappingURL=loading.js.map

package/lib/components/loading/loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading.js","sources":["../../../../../packages/components/loading/loading.ts"],"sourcesContent":["import { Transition, createApp, createVNode, h, reactive, ref, watch, toRefs, vShow, withCtx, withDirectives } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { removeClass } from '@vft/utils';\nimport type { LoadingOptionsResolved } from './types';\n\nexport function createLoadingComponent(options: LoadingOptionsResolved) {\n  let afterLeaveTimer: number;\n\n  const ns = useNamespace('loading');\n  const afterLeaveFlag = ref(false);\n  const data = reactive({\n    ...options,\n    originalPosition: '',\n    originalOverflow: '',\n    visible: false\n  });\n\n  function setText(text: string) {\n    data.text = text;\n  }\n\n  watch(\n    () => data.visible,\n    (val) => {\n      if (!val) {\n        close();\n      }\n    }\n  );\n\n  function destroySelf() {\n    const target = data.parent;\n    if (!target.vLoadingAddClassList) {\n      let loadingNumber: number | string | null = target.getAttribute('loading-number');\n      loadingNumber = Number.parseInt(loadingNumber as any) - 1;\n      if (!loadingNumber) {\n        // @ts-ignore\n        removeClass(target, ns.bm('parent', 'relative'));\n        target.removeAttribute('loading-number');\n      } else {\n        target.setAttribute('loading-number', loadingNumber.toString());\n      }\n      // @ts-ignore\n      removeClass(target, ns.bm('parent', 'hidden'));\n    }\n    removeVriLoadingChild();\n    loadingInstance.unmount();\n  }\n\n  function removeVriLoadingChild(): void {\n    vm.$el?.parentNode?.removeChild(vm.$el);\n  }\n\n  function close() {\n    if (options.beforeClose && !options.beforeClose()) return;\n\n    afterLeaveFlag.value = true;\n    clearTimeout(afterLeaveTimer);\n\n    afterLeaveTimer = window.setTimeout(handleAfterLeave, 400);\n    data.visible = false;\n\n    options.closed?.();\n  }\n\n  function handleAfterLeave() {\n    if (!afterLeaveFlag.value) return;\n    const target = data.parent;\n    afterLeaveFlag.value = false;\n    target.vLoadingAddClassList = undefined;\n    destroySelf();\n  }\n\n  const VriLoadingComponent = {\n    name: 'VriLoading',\n    setup() {\n      return () => {\n        const svg = data.spinner || data.svg;\n        const img = data.img;\n        const spinner = img\n          ? h('img', {\n              class: ['circular circular-img', data.rotate ? '' : 'circular-no-rotate'],\n              src: img\n            })\n          : h(\n              'svg',\n              {\n                class: 'circular',\n                viewBox: data.svgViewBox ? data.svgViewBox : '0 0 50 50',\n                ...(svg ? { innerHTML: svg } : {})\n              },\n              [\n                h('circle', {\n                  class: 'path',\n                  cx: '25',\n                  cy: '25',\n                  r: '20',\n                  fill: 'none'\n                })\n              ]\n            );\n\n        const spinnerText = data.text ? h('p', { class: ns.b('text') }, [data.text]) : undefined;\n\n        return h(\n          Transition,\n          {\n            name: ns.b('fade'),\n            onAfterLeave: handleAfterLeave\n          },\n          {\n            default: withCtx(() => [\n              withDirectives(\n                createVNode(\n                  'div',\n                  {\n                    style: {\n                      backgroundColor: data.background || ''\n                    },\n                    class: [ns.b('mask'), data.customClass, data.fullscreen ? 'is-fullscreen' : '']\n                  },\n                  [\n                    h(\n                      'div',\n                      {\n                        class: ns.b('spinner')\n                      },\n                      [spinner, spinnerText]\n                    )\n                  ]\n                ),\n                [[vShow, data.visible]]\n              )\n            ])\n          }\n        );\n      };\n    }\n  };\n\n  const loadingInstance = createApp(VriLoadingComponent);\n  const vm = loadingInstance.mount(document.createElement('div'));\n\n  return {\n    ...toRefs(data),\n    setText,\n    removeVriLoadingChild,\n    close,\n    handleAfterLeave,\n    vm,\n    get $el(): HTMLElement {\n      return vm.$el;\n    }\n  };\n}\n\nexport type LoadingInstance = ReturnType<typeof createLoadingComponent>;\n"],"names":["createLoadingComponent","options","afterLeaveTimer","ns","useNamespace","afterLeaveFlag","ref","data","reactive","setText","text","watch","val","close","destroySelf","target","loadingNumber","removeClass","removeVriLoadingChild","loadingInstance","_b","_a","vm","handleAfterLeave","VriLoadingComponent","svg","img","spinner","h","spinnerText","Transition","withCtx","withDirectives","createVNode","vShow","createApp","toRefs"],"mappings":"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"}

package/lib/components/loading/service.d.ts

@@ -0,0 +1,3 @@
+import type { LoadingInstance } from './loading';
+import type { LoadingOptions } from './types';
+export declare const Loading: (options?: LoadingOptions) => LoadingInstance;

package/lib/components/loading/service.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../hooks/use-namespace/index.js"),i=require("vue");require("@popperjs/core");require("lodash");const g=require("../../hooks/use-z-index/index.js"),f=require("@vueuse/core");require("@vue/shared");const l=require("@vft/utils"),m=require("./loading.js");let a;const b=function(t={}){if(!f.isClient)return;const e=y(t);if(e.fullscreen&&a)return a;const r=m.createLoadingComponent({...e,closed:()=>{var s;(s=e.closed)==null||s.call(e),e.fullscreen&&(a=void 0)}});v(e,e.parent,r),d(e,e.parent,r),e.parent.vLoadingAddClassList=()=>d(e,e.parent,r);let n=e.parent.getAttribute("loading-number");return n?n=`${Number.parseInt(n)+1}`:n="1",e.parent.setAttribute("loading-number",n),e.parent.appendChild(r.$el),i.nextTick(()=>r.visible.value=e.visible),e.fullscreen&&(a=r),r},y=t=>{let e;return l.isString(t.target)?e=document.querySelector(t.target)??document.body:e=t.target||document.body,{parent:e===document.body||t.body?document.body:e,background:i.unref(t.background)||"",svg:i.unref(t.svg)||"",svgViewBox:i.unref(t.svgViewBox)||"",spinner:i.unref(t.spinner)||!1,img:i.unref(t.img)||!1,text:i.unref(t.text)||"",rotate:t.rotate??!0,fullscreen:e===document.body&&(t.fullscreen??!0),lock:t.lock??!1,customClass:i.unref(t.customClass)||"",visible:t.visible??!0,target:e}},v=async(t,e,r)=>{const{nextZIndex:n}=g.useZIndex(),s={};if(t.fullscreen)r.originalPosition.value=l.getStyle(document.body,"position"),r.originalOverflow.value=l.getStyle(document.body,"overflow"),s.zIndex=n();else if(t.parent===document.body){r.originalPosition.value=l.getStyle(document.body,"position"),await i.nextTick();for(const o of["top","left"]){const u=o==="top"?"scrollTop":"scrollLeft";s[o]=`${t.target.getBoundingClientRect()[o]+document.body[u]+document.documentElement[u]-Number.parseInt(l.getStyle(document.body,`margin-${o}`),10)}px`}for(const o of["height","width"])s[o]=`${t.target.getBoundingClientRect()[o]}px`}else r.originalPosition.value=l.getStyle(e,"position");for(const[o,u]of Object.entries(s))r.$el.style[o]=u},d=(t,e,r)=>{const n=c.useNamespace("loading");["absolute","fixed","sticky"].includes(r.originalPosition.value)?l.removeClass(e,n.bm("parent","relative")):l.addClass(e,n.bm("parent","relative")),t.fullscreen&&t.lock?l.addClass(e,n.bm("parent","hidden")):l.removeClass(e,n.bm("parent","hidden"))};exports.Loading=b;
+//# sourceMappingURL=service.js.map

package/lib/components/loading/service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"service.js","sources":["../../../../../packages/components/loading/service.ts"],"sourcesContent":["import { useNamespace, useZIndex } from '@vft-ui/hooks';\nimport { addClass, getStyle, isString, removeClass } from '@vft/utils';\nimport { isClient } from '@vueuse/core';\nimport type { CSSProperties } from 'vue';\nimport { nextTick, unref } from 'vue';\nimport type { LoadingInstance } from './loading';\nimport { createLoadingComponent } from './loading';\nimport type { LoadingOptions, LoadingOptionsResolved } from './types';\n\nlet fullscreenInstance: LoadingInstance | undefined = undefined;\n\nexport const Loading = function (options: LoadingOptions = {}): LoadingInstance {\n  if (!isClient) return undefined as any;\n\n  const resolved = resolveOptions(options);\n\n  if (resolved.fullscreen && fullscreenInstance) {\n    return fullscreenInstance;\n  }\n\n  const instance = createLoadingComponent({\n    ...resolved,\n    closed: () => {\n      resolved.closed?.();\n      if (resolved.fullscreen) fullscreenInstance = undefined;\n    }\n  });\n\n  addStyle(resolved, resolved.parent, instance);\n  addClassList(resolved, resolved.parent, instance);\n\n  resolved.parent.vLoadingAddClassList = () => addClassList(resolved, resolved.parent, instance);\n\n  let loadingNumber: string | null = resolved.parent.getAttribute('loading-number');\n  if (!loadingNumber) {\n    loadingNumber = '1';\n  } else {\n    loadingNumber = `${Number.parseInt(loadingNumber) + 1}`;\n  }\n  resolved.parent.setAttribute('loading-number', loadingNumber);\n\n  resolved.parent.appendChild(instance.$el);\n\n  // @ts-ignore\n  nextTick(() => (instance.visible.value = resolved.visible));\n\n  if (resolved.fullscreen) {\n    fullscreenInstance = instance;\n  }\n  return instance;\n};\n\nconst resolveOptions = (options: LoadingOptions): LoadingOptionsResolved => {\n  let target: HTMLElement;\n  if (isString(options.target)) {\n    target = document.querySelector<HTMLElement>(options.target) ?? document.body;\n  } else {\n    target = options.target || document.body;\n  }\n  return {\n    parent: target === document.body || options.body ? document.body : target,\n    background: unref(options.background) || '',\n    svg: unref(options.svg) || '',\n    svgViewBox: unref(options.svgViewBox) || '',\n    spinner: unref(options.spinner) || false,\n    img: unref(options.img) || false,\n    text: unref(options.text) || '',\n    rotate: options.rotate ?? true,\n    fullscreen: target === document.body && (options.fullscreen ?? true),\n    lock: options.lock ?? false,\n    customClass: unref(options.customClass) || '',\n    visible: options.visible ?? true,\n    target\n  };\n};\n\nconst addStyle = async (options: LoadingOptionsResolved, parent: HTMLElement, instance: LoadingInstance) => {\n  const { nextZIndex } = useZIndex();\n\n  const maskStyle: Record<string, any> = {};\n  if (options.fullscreen) {\n    instance.originalPosition.value = getStyle(document.body, 'position');\n    instance.originalOverflow.value = getStyle(document.body, 'overflow');\n    maskStyle.zIndex = nextZIndex();\n  } else if (options.parent === document.body) {\n    instance.originalPosition.value = getStyle(document.body, 'position');\n    /**\n     * await dom render when visible is true in init,\n     * because some component's height maybe 0.\n     * e.g. el-table.\n     */\n    await nextTick();\n    for (const property of ['top', 'left']) {\n      const scroll = property === 'top' ? 'scrollTop' : 'scrollLeft';\n      maskStyle[property] = `${\n        // @ts-ignore\n        (options.target as HTMLElement).getBoundingClientRect()[property] +\n        document.body[scroll] +\n        document.documentElement[scroll] -\n        Number.parseInt(getStyle(document.body, `margin-${property}` as keyof CSSProperties), 10)\n      }px`;\n    }\n    for (const property of ['height', 'width']) {\n      // @ts-ignore\n      maskStyle[property] = `${(options.target as HTMLElement).getBoundingClientRect()[property]}px`;\n    }\n  } else {\n    instance.originalPosition.value = getStyle(parent, 'position');\n  }\n  for (const [key, value] of Object.entries(maskStyle)) {\n    // @ts-ignore\n    instance.$el.style[key] = value;\n  }\n};\n\nconst addClassList = (options: LoadingOptions, parent: HTMLElement, instance: LoadingInstance) => {\n  const ns = useNamespace('loading');\n\n  if (!['absolute', 'fixed', 'sticky'].includes(instance.originalPosition.value)) {\n    addClass(parent, ns.bm('parent', 'relative'));\n  } else {\n    removeClass(parent, ns.bm('parent', 'relative'));\n  }\n  if (options.fullscreen && options.lock) {\n    addClass(parent, ns.bm('parent', 'hidden'));\n  } else {\n    removeClass(parent, ns.bm('parent', 'hidden'));\n  }\n};\n"],"names":["fullscreenInstance","Loading","options","isClient","resolved","resolveOptions","instance","createLoadingComponent","_a","addStyle","addClassList","loadingNumber","nextTick","target","isString","unref","parent","nextZIndex","useZIndex","maskStyle","getStyle","property","scroll","key","value","ns","useNamespace","removeClass","addClass"],"mappings":"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"}

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

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

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

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

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

@@ -0,0 +1,25 @@
+import type { MaybeRef } from '@vueuse/core';
+export type LoadingOptionsResolved = {
+    parent: LoadingParentElement;
+    background: MaybeRef<string>;
+    svg: MaybeRef<string>;
+    svgViewBox: MaybeRef<string>;
+    spinner: MaybeRef<boolean | string>;
+    img: MaybeRef<boolean | string>;
+    text: MaybeRef<string>;
+    fullscreen: boolean;
+    rotate: MaybeRef<boolean | string>;
+    lock: boolean;
+    customClass: MaybeRef<string>;
+    visible: MaybeRef<boolean>;
+    target: HTMLElement;
+    beforeClose?: () => boolean;
+    closed?: () => void;
+};
+export type LoadingOptions = Partial<Omit<LoadingOptionsResolved, 'parent' | 'target'> & {
+    target: HTMLElement | string;
+    body: boolean;
+}>;
+export interface LoadingParentElement extends HTMLElement {
+    vLoadingAddClassList?: () => void;
+}

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

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

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

@@ -0,0 +1 @@
+{"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/components/menu/menu-collapse-transition.vue.js

@@ -0,0 +1,2 @@
+"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/components/menu/menu-collapse-transition.vue.js.map

@@ -0,0 +1 @@
+{"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":"4OA2DY,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/components/menu/menu-collapse-transition.vue2.js.map

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

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

@@ -0,0 +1,2 @@
+"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");require("../page-wrapper/index.js");require("../message/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(r,{emit:C}){const s=e.getCurrentInstance(),V=c.useNamespace("menu"),l=c.useNamespace("menu-item"),n=r.isAloneUse?null:e.inject("rootMenu");!n&&!r.isAloneUse&&x.throwError(a.b(),"can not inject root menu");const{parentMenu:d,indexPath:m}=A.default(s,e.computed(()=>r.index)),t=r.isAloneUse?null:e.inject(`subMenu:${d.value.uid}`);!t&&!r.isAloneUse&&x.throwError(a.b(),"can not inject sub menu");const q=e.computed(()=>r.index===(n==null?void 0:n.activeIndex)),i=e.reactive({index:r.index,indexPath:m,active:q}),h=()=>{r.disabled||(n==null||n.handleMenuItemClick({index:r.index,indexPath:m.value,route:r.route}),C("click",i))},f=e.computed(()=>o.singleAttrToObj(r.icon,"icon")),k=e.computed(()=>o.renderTNode(s,"title"));return e.onMounted(()=>{r.isAloneUse||(t==null||t.addSubMenu(i),n==null||n.addMenuItem(i))}),e.onBeforeUnmount(()=>{r.isAloneUse||(t==null||t.removeSubMenu(i),n==null||n.removeMenuItem(i))}),(u,j)=>{var v,B,b,N,g;return e.openBlock(),e.createElementBlock(e.Fragment,null,[r.reverse&&r.divider?(e.openBlock(),e.createBlock(e.unref(y.VftDivider),{key:0,marginY:"0"})):e.createCommentVNode("",!0),e.createElementVNode("li",{class:e.normalizeClass([r.className,e.unref(l).b(),e.unref(l).is("active",r.isAloneUse?!1:e.unref(q)),e.unref(l).is("disabled",r.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(n))!=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),!r.reverse&&r.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/components/menu/menu-item.vue2.js.map

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

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