vft 0.0.11 → 0.0.14

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

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

package/lib/packages/components/popover/popover.vue.js

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

package/lib/packages/components/popover/popover.vue.js.map

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("@vft/utils"),v=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 w=require("../tooltip/index.js"),o=v.useNamespace("popover"),g=e.defineComponent({name:o.b()}),y=e.defineComponent({...g,props:{trigger:{default:"hover"},placement:{default:"bottom"},disabled:{type:Boolean},visible:{type:Boolean,default:null},transition:{default:"vft-fade-in-linear"},popperOptions:null,tabindex:{default:0},content:null,popperStyle:null,popperClass:null,enterable:{type:Boolean,default:!0},effect:{default:"light"},teleported:{type:Boolean,default:!0},title:null,width:{default:150},offset:null,showAfter:{default:0},hideAfter:{default:200},autoClose:{default:0},showArrow:{type:Boolean,default:!0},persistent:{type:Boolean,default:!0}},emits:["update:visible","before-enter","before-leave","after-enter","after-leave"],setup(t,{expose:a,emit:r}){const l=e.ref(),i=e.computed(()=>{var n;return(n=e.unref(l))==null?void 0:n.popperRef}),f=e.computed(()=>[{width:m.addUnit(t.width)},t.popperStyle]),u=e.computed(()=>[o.b(),t.popperClass,{[o.m("plain")]:!!t.content}]),s=e.computed(()=>t.transition===`${o.namespace.value}-fade-in-linear`),d=()=>{var n;(n=l.value)==null||n.hide()},c=()=>{r("before-enter")},p=()=>{r("before-leave")},b=()=>{r("after-enter")},h=()=>{r("update:visible",!1),r("after-leave")};return a({popperRef:i,hide:d}),(n,B)=>(e.openBlock(),e.createBlock(e.unref(w.VftTooltip),e.mergeProps({ref_key:"tooltipRef",ref:l},n.$attrs,{trigger:t.trigger,placement:t.placement,disabled:t.disabled,visible:t.visible,transition:t.transition,"popper-options":t.popperOptions,tabindex:t.tabindex,content:t.content,offset:t.offset,"show-after":t.showAfter,"hide-after":t.hideAfter,"auto-close":t.autoClose,"show-arrow":t.showArrow,"aria-label":t.title,effect:t.effect,enterable:t.enterable,"popper-class":e.unref(u),"popper-style":e.unref(f),teleported:t.teleported,persistent:t.persistent,"gpu-acceleration":e.unref(s),onBeforeShow:c,onBeforeHide:p,onShow:b,onHide:h}),{content:e.withCtx(()=>[t.title?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(o).e("title")),role:"title"},e.toDisplayString(t.title),3)):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.content),1)])]),default:e.withCtx(()=>[n.$slots.reference?e.renderSlot(n.$slots,"reference",{key:0}):e.createCommentVNode("",!0)]),_:3},16,["trigger","placement","disabled","visible","transition","popper-options","tabindex","content","offset","show-after","hide-after","auto-close","show-arrow","aria-label","effect","enterable","popper-class","popper-style","teleported","persistent","gpu-acceleration"]))}});exports.default=y;
+//# sourceMappingURL=popover.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.vue2.js","sources":["../../../../../../packages/components/popover/popover.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('popover')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<template>\n\t<vft-tooltip\n\t\t\tref=\"tooltipRef\"\n\t\t\tv-bind=\"$attrs\"\n\t\t\t:trigger=\"trigger\"\n\t\t\t:placement=\"placement\"\n\t\t\t:disabled=\"disabled\"\n\t\t\t:visible=\"visible\"\n\t\t\t:transition=\"transition\"\n\t\t\t:popper-options=\"popperOptions\"\n\t\t\t:tabindex=\"tabindex\"\n\t\t\t:content=\"content\"\n\t\t\t:offset=\"offset\"\n\t\t\t:show-after=\"showAfter\"\n\t\t\t:hide-after=\"hideAfter\"\n\t\t\t:auto-close=\"autoClose\"\n\t\t\t:show-arrow=\"showArrow\"\n\t\t\t:aria-label=\"title\"\n\t\t\t:effect=\"effect\"\n\t\t\t:enterable=\"enterable\"\n\t\t\t:popper-class=\"kls\"\n\t\t\t:popper-style=\"style\"\n\t\t\t:teleported=\"teleported\"\n\t\t\t:persistent=\"persistent\"\n\t\t\t:gpu-acceleration=\"gpuAcceleration\"\n\t\t\t@before-show=\"beforeEnter\"\n\t\t\t@before-hide=\"beforeLeave\"\n\t\t\t@show=\"afterEnter\"\n\t\t\t@hide=\"afterLeave\"\n\t>\n\t\t<template v-if=\"$slots.reference\">\n\t\t\t<slot name=\"reference\" />\n\t\t</template>\n\n\t\t<template #content>\n\t\t\t<div v-if=\"title\" :class=\"ns.e('title')\" role=\"title\">\n\t\t\t\t{{ title }}\n\t\t\t</div>\n\t\t\t<slot>\n\t\t\t\t{{ content }}\n\t\t\t</slot>\n\t\t</template>\n\t</vft-tooltip>\n</template>\n<script lang=\"ts\" setup>\nimport type { Options, Placement } from '@popperjs/core';\nimport { computed, ref, type StyleValue, unref } from 'vue';\nimport { addUnit } from '@vft/utils';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { VftTooltip, type TooltipTriggerType } from '@vft-ui/components/tooltip';\n\ninterface PopoverProps {\n\ttrigger?: TooltipTriggerType;\n\tplacement?: Placement;\n\tdisabled?: boolean;\n\tvisible?: boolean;\n\ttransition?: string;\n\tpopperOptions?: Partial<Options>;\n\ttabindex?: number;\n\tcontent?: string;\n\tpopperStyle?: StyleValue;\n\tpopperClass?: ClassType;\n\tenterable?: boolean;\n\teffect?: 'light' | 'dark';\n\tteleported?: boolean;\n\ttitle?: string;\n\twidth?: string | number;\n\toffset?: number;\n\tshowAfter?: number;\n\thideAfter?: number;\n\tautoClose?: number;\n\tshowArrow?: boolean;\n\tpersistent?: boolean;\n}\n\ndefineProps({\n  \"trigger\": { default: 'hover' },\n  \"placement\": { default: 'bottom' },\n  \"disabled\": { type: Boolean,  },\n  \"visible\": { type: Boolean, default: null },\n  \"transition\": { default: 'vft-fade-in-linear' },\n  \"popperOptions\": null,\n  \"tabindex\": { default: 0 },\n  \"content\": null,\n  \"popperStyle\": null,\n  \"popperClass\": null,\n  \"enterable\": { type: Boolean, default: true },\n  \"effect\": { default: 'light' },\n  \"teleported\": { type: Boolean, default: true },\n  \"title\": null,\n  \"width\": { default: 150 },\n  \"offset\": null,\n  \"showAfter\": { default: 0 },\n  \"hideAfter\": { default: 200 },\n  \"autoClose\": { default: 0 },\n  \"showArrow\": { type: Boolean, default: true },\n  \"persistent\": { type: Boolean, default: true }\n})\n\nconst emit = defineEmits(['update:visible', 'before-enter', 'before-leave', 'after-enter', 'after-leave']);\n\n\n\n;\n\nconst tooltipRef = ref();\nconst popperRef = computed(() => {\n\treturn unref(tooltipRef)?.popperRef;\n});\n\nconst style = computed(() => {\n\treturn [\n\t\t{\n\t\t\twidth: addUnit(__props.width)\n\t\t},\n\t\t__props.popperStyle!\n\t];\n});\n\nconst kls = computed(() => {\n\treturn [ns.b(), __props.popperClass!, { [ns.m('plain')]: !!__props.content }];\n});\n\nconst gpuAcceleration = computed(() => {\n\treturn __props.transition === `${ns.namespace.value}-fade-in-linear`;\n});\n\nconst hide = () => {\n\ttooltipRef.value?.hide();\n};\n\nconst beforeEnter = () => {\n\temit('before-enter');\n};\nconst beforeLeave = () => {\n\temit('before-leave');\n};\n\nconst afterEnter = () => {\n\temit('after-enter');\n};\n\nconst afterLeave = () => {\n\temit('update:visible', false);\n\temit('after-leave');\n};\n\ndefineExpose({\n\t/** @description popper ref */\n\tpopperRef,\n\t/** @description hide popover */\n\thide\n});\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","tooltipRef","ref","popperRef","computed","unref","style","addUnit","__props","kls","gpuAcceleration","hide","_a","beforeEnter","emit","beforeLeave","afterEnter","afterLeave","expose"],"mappings":"yXACMA,EAAuBC,EAAAA,aAAa,SAAS,EAGnDC,EAA6BC,EAAAA,gBAAmB,CAC/C,KAAMH,EAAG,EAAE,CACZ,CAAC,gqBA0GD,MAAMI,EAAaC,EAAAA,MACbC,EAAYC,EAAAA,SAAS,IAAM,OACzB,OAAAC,EAAAA,EAAA,MAAMJ,CAAU,IAAhBI,YAAAA,EAAmB,SAAA,CAC1B,EAEKC,EAAQF,EAAAA,SAAS,IACf,CACN,CACC,MAAOG,EAAAA,QAAQC,EAAQ,KAAK,CAC7B,EACAA,EAAQ,WAAA,CAET,EAEKC,EAAML,EAAAA,SAAS,IACb,CAACP,EAAG,EAAK,EAAAW,EAAQ,YAAc,CAAE,CAACX,EAAG,EAAE,OAAO,CAAC,EAAG,CAAC,CAACW,EAAQ,OAAS,CAAA,CAC5E,EAEKE,EAAkBN,EAAAA,SAAS,IACzBI,EAAQ,aAAe,GAAGX,EAAG,UAAU,sBAC9C,EAEKc,EAAO,IAAM,QAClBC,EAAAX,EAAW,QAAX,MAAAW,EAAkB,MAAK,EAGlBC,EAAc,IAAM,CACzBC,EAAK,cAAc,CAAA,EAEdC,EAAc,IAAM,CACzBD,EAAK,cAAc,CAAA,EAGdE,EAAa,IAAM,CACxBF,EAAK,aAAa,CAAA,EAGbG,EAAa,IAAM,CACxBH,EAAK,iBAAkB,EAAK,EAC5BA,EAAK,aAAa,CAAA,EAGN,OAAAI,EAAA,CAEZ,UAAAf,EAEA,KAAAQ,CAAA,CACA"}

package/lib/packages/components/popover/style/css.js

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

package/lib/packages/components/popover/style/css.js.map

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

package/lib/packages/components/popover/style/index.js

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

package/lib/packages/components/popover/style/index.js.map

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

package/lib/packages/components/popover/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

package/lib/packages/components/popover/types.js.map

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

package/lib/packages/components/popper/arrow.vue.js

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

package/lib/packages/components/popper/arrow.vue.js.map

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

package/lib/packages/components/popper/arrow.vue2.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("../../hooks/use-namespace/index.js");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.js");require("@vueuse/core");require("@vue/shared");require("@vft/utils");const i=require("./constants.js"),l=e.defineComponent({name:"vft-popper-arrow",inheritAttrs:!1}),c=e.defineComponent({...l,props:{arrowOffset:{default:5}},setup(o,{expose:n}){const a=f.useNamespace("popper"),{arrowOffset:s,arrowRef:r,arrowStyle:u}=e.inject(i.POPPER_CONTENT_INJECTION_KEY,void 0);return e.watch(()=>o.arrowOffset,t=>{s.value=t}),e.onBeforeUnmount(()=>{r.value=void 0}),n({arrowRef:r}),(t,p)=>(e.openBlock(),e.createElementBlock("span",{ref_key:"arrowRef",ref:r,class:e.normalizeClass(e.unref(a).e("arrow")),"data-popper-arrow":"",style:e.normalizeStyle(e.unref(u))},null,6))}});exports.default=c;
+//# sourceMappingURL=arrow.vue2.js.map

package/lib/packages/components/popper/arrow.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow.vue2.js","sources":["../../../../../../packages/components/popper/arrow.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: 'vft-popper-arrow',\n\tinheritAttrs: false\n});\n</script>\n<template>\n  <span ref=\"arrowRef\" :class=\"ns.e('arrow')\" data-popper-arrow :style=\"arrowStyle\" />\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, onBeforeUnmount, watch } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { POPPER_CONTENT_INJECTION_KEY } from './constants';\n\ninterface Props {\n  arrowOffset?: number\n}\n\ndefineProps({\n  \"arrowOffset\": { default: 5 }\n})\n\n;\n\nconst ns = useNamespace('popper');\nconst { arrowOffset: _arrowOffset, arrowRef, arrowStyle } = inject(\n  POPPER_CONTENT_INJECTION_KEY,\n  undefined\n)!;\n\nwatch(\n  () => __props.arrowOffset,\n  (val) => {\n    _arrowOffset.value = val;\n  }\n);\nonBeforeUnmount(() => {\n  arrowRef.value = undefined;\n});\n\ndefineExpose({\n  /**\n   * @description Arrow element\n   */\n  arrowRef\n});\n</script>\n"],"names":["__default__","DO_defineComponent","ns","useNamespace","_arrowOffset","arrowRef","arrowStyle","inject","POPPER_CONTENT_INJECTION_KEY","watch","__props","val","onBeforeUnmount","expose"],"mappings":"kXAEAA,EAA6BC,EAAAA,gBAAmB,CAC/C,KAAM,mBACN,aAAc,EACf,CAAC,gFAqBK,MAAAC,EAAKC,eAAa,QAAQ,EAC1B,CAAE,YAAaC,EAAc,SAAAC,EAAU,WAAAC,CAAe,EAAAC,EAAA,OAC1DC,EAAA,6BACA,MAAA,EAGFC,OAAAA,EAAA,MACE,IAAMC,EAAQ,YACbC,GAAQ,CACPP,EAAa,MAAQO,CACvB,CAAA,EAEFC,EAAAA,gBAAgB,IAAM,CACpBP,EAAS,MAAQ,MAAA,CAClB,EAEYQ,EAAA,CAIX,SAAAR,CAAA,CACD"}

package/lib/packages/components/popper/composables/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./use-content.js"),o=require("./use-content-dom.js"),t=require("./use-focus-trap.js");exports.usePopperContent=e.usePopperContent;exports.usePopperContentDOM=o.usePopperContentDOM;exports.usePopperContentFocusTrap=t.usePopperContentFocusTrap;
+//# sourceMappingURL=index.js.map

package/lib/packages/components/popper/composables/index.js.map

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

package/lib/packages/components/popper/composables/use-content-dom.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),x=require("../../../hooks/use-namespace/index.js");require("@popperjs/core");require("lodash");const f=require("../../../hooks/use-z-index/index.js");require("@vueuse/core");require("@vue/shared");require("@vft/utils");const q=(t,{attributes:c,styles:o,role:d})=>{const{nextZIndex:u}=f.useZIndex(),n=x.useNamespace("popper"),s=e.computed(()=>e.unref(c).popper),r=e.ref(t.zIndex||u()),p=e.computed(()=>[n.b(),n.is("pure",t.pure),n.is(t.effect),t.popperClass]),i=e.computed(()=>[{zIndex:e.unref(r)},t.popperStyle||{},e.unref(o).popper]),a=e.computed(()=>d.value==="dialog"?"false":void 0),l=e.computed(()=>e.unref(o).arrow||{});return{ariaModal:a,arrowStyle:l,contentAttrs:s,contentClass:p,contentStyle:i,contentZIndex:r,updateZIndex:()=>{r.value=t.zIndex||u()}}};exports.usePopperContentDOM=q;
+//# sourceMappingURL=use-content-dom.js.map

package/lib/packages/components/popper/composables/use-content-dom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-content-dom.js","sources":["../../../../../../../packages/components/popper/composables/use-content-dom.ts"],"sourcesContent":["import { computed, ref, unref } from 'vue'\nimport { useNamespace, useZIndex } from '@vft-ui/hooks'\n\nimport type { CSSProperties, StyleValue } from 'vue'\nimport type { UsePopperReturn } from '@vft-ui/hooks'\nimport type { UsePopperContentReturn } from './use-content'\nimport type { PopperContentProps } from '../types'\n\nexport const usePopperContentDOM = (\n  props: PopperContentProps,\n  {\n    attributes,\n    styles,\n    role,\n  }: Pick<UsePopperReturn, 'attributes' | 'styles'> &\n    Pick<UsePopperContentReturn, 'role'>\n) => {\n  const { nextZIndex } = useZIndex()\n  const ns = useNamespace('popper')\n\n  const contentAttrs = computed(() => unref(attributes).popper)\n  const contentZIndex = ref<number>(props.zIndex || nextZIndex())\n  const contentClass = computed(() => [\n    ns.b(),\n    ns.is('pure', props.pure),\n    ns.is(props.effect!),\n    props.popperClass,\n  ])\n  const contentStyle = computed<StyleValue[]>(() => {\n    return [\n      { zIndex: unref(contentZIndex) } as CSSProperties,\n      props.popperStyle || {},\n      unref(styles).popper as CSSProperties,\n    ]\n  })\n  const ariaModal = computed<string | undefined>(() =>\n    role.value === 'dialog' ? 'false' : undefined\n  )\n  const arrowStyle = computed(\n    () => (unref(styles).arrow || {}) as CSSProperties\n  )\n\n  const updateZIndex = () => {\n    contentZIndex.value = props.zIndex || nextZIndex()\n  }\n\n  return {\n    ariaModal,\n    arrowStyle,\n    contentAttrs,\n    contentClass,\n    contentStyle,\n    contentZIndex,\n\n    updateZIndex,\n  }\n}\n\nexport type UsePopperContentDOMReturn = ReturnType<typeof usePopperContentDOM>\n"],"names":["usePopperContentDOM","props","attributes","styles","role","nextZIndex","useZIndex","ns","useNamespace","contentAttrs","computed","unref","contentZIndex","ref","contentClass","contentStyle","ariaModal","arrowStyle"],"mappings":"kUAQa,MAAAA,EAAsB,CACjCC,EACA,CACE,WAAAC,EACA,OAAAC,EACA,KAAAC,CACF,IAEG,CACG,KAAA,CAAE,WAAAC,GAAeC,EAAAA,YACjBC,EAAKC,eAAa,QAAQ,EAE1BC,EAAeC,EAAAA,SAAS,IAAMC,EAAM,MAAAT,CAAU,EAAE,MAAM,EACtDU,EAAgBC,EAAAA,IAAYZ,EAAM,QAAUI,EAAY,CAAA,EACxDS,EAAeJ,EAAAA,SAAS,IAAM,CAClCH,EAAG,EAAE,EACLA,EAAG,GAAG,OAAQN,EAAM,IAAI,EACxBM,EAAG,GAAGN,EAAM,MAAO,EACnBA,EAAM,WAAA,CACP,EACKc,EAAeL,EAAAA,SAAuB,IACnC,CACL,CAAE,OAAQC,QAAMC,CAAa,CAAE,EAC/BX,EAAM,aAAe,CAAC,EACtBU,EAAA,MAAMR,CAAM,EAAE,MAAA,CAEjB,EACKa,EAAYN,EAAA,SAA6B,IAC7CN,EAAK,QAAU,SAAW,QAAU,MAAA,EAEhCa,EAAaP,EAAA,SACjB,IAAOC,QAAMR,CAAM,EAAE,OAAS,CAAC,CAAA,EAO1B,MAAA,CACL,UAAAa,EACA,WAAAC,EACA,aAAAR,EACA,aAAAK,EACA,aAAAC,EACA,cAAAH,EAEA,aAZmB,IAAM,CACXA,EAAA,MAAQX,EAAM,QAAUI,EAAW,CAAA,CAWjD,CAEJ"}

package/lib/packages/components/popper/composables/use-content.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),g=require("lodash"),v=require("../../../hooks/use-popper/index.js");require("../../../hooks/use-z-index/index.js");require("@vueuse/core");require("@vue/shared");require("@vft/utils");const O=require("../constants.js"),c=require("../utils.js"),M=0,C=n=>{const{popperInstanceRef:a,contentRef:o,triggerRef:d,role:f}=e.inject(O.POPPER_INJECTION_KEY,void 0),s=e.ref(),p=e.ref(),l=e.computed(()=>({name:"eventListeners",enabled:!!n.visible})),R=e.computed(()=>{const t=e.unref(s),P=e.unref(p)??M;return{name:"arrow",enabled:!g.isUndefined(t),options:{element:t,padding:P}}}),m=e.computed(()=>({onFirstUpdate:()=>{r()},...c.buildPopperOptions(n,[e.unref(R),e.unref(l)])})),u=e.computed(()=>c.unwrapMeasurableEl(n.referenceEl)||e.unref(d)),{attributes:q,state:b,styles:w,update:r,forceUpdate:E,instanceRef:i}=v.usePopper(u,o,m);return e.watch(i,t=>a.value=t),e.onMounted(()=>{e.watch(()=>{var t;return(t=e.unref(u))==null?void 0:t.getBoundingClientRect()},()=>{r()})}),{attributes:q,arrowRef:s,contentRef:o,instanceRef:i,state:b,styles:w,role:f,forceUpdate:E,update:r}};exports.usePopperContent=C;
+//# sourceMappingURL=use-content.js.map

package/lib/packages/components/popper/composables/use-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-content.js","sources":["../../../../../../../packages/components/popper/composables/use-content.ts"],"sourcesContent":["import { computed, inject, onMounted, ref, unref, watch } from 'vue'\nimport { isUndefined } from 'lodash'\nimport { usePopper } from '@vft-ui/hooks'\nimport { POPPER_INJECTION_KEY } from '../constants'\nimport { buildPopperOptions, unwrapMeasurableEl } from '../utils'\n\nimport type { Modifier } from '@popperjs/core'\nimport type { PartialOptions } from '@vft-ui/hooks'\nimport type { PopperContentProps } from '../types'\n\nconst DEFAULT_ARROW_OFFSET = 0\n\nexport const usePopperContent = (props: PopperContentProps) => {\n  const { popperInstanceRef, contentRef, triggerRef, role } = inject(\n    POPPER_INJECTION_KEY,\n    undefined\n  )!\n\n  const arrowRef = ref<HTMLElement>()\n  const arrowOffset = ref<number>()\n\n  const eventListenerModifier = computed(() => {\n    return {\n      name: 'eventListeners',\n      enabled: !!props.visible,\n    } as Modifier<'eventListeners', any>\n  })\n\n  const arrowModifier = computed(() => {\n    const arrowEl = unref(arrowRef)\n    const offset = unref(arrowOffset) ?? DEFAULT_ARROW_OFFSET\n    // Seems like the `phase` and `fn` is required by Modifier type\n    // But on its documentation they didn't specify that.\n    // Refer to https://popper.js.org/docs/v2/modifiers/arrow/\n    return {\n      name: 'arrow',\n      enabled: !isUndefined(arrowEl),\n      options: {\n        element: arrowEl,\n        padding: offset,\n      },\n    } as any\n  })\n\n  const options = computed<PartialOptions>(() => {\n    return {\n      onFirstUpdate: () => {\n        update()\n      },\n      // @ts-ignore\n      ...buildPopperOptions(props, [\n        unref(arrowModifier),\n        unref(eventListenerModifier),\n      ]),\n    }\n  })\n\n  const computedReference = computed(\n    () => unwrapMeasurableEl(props.referenceEl) || unref(triggerRef)\n  )\n\n  const { attributes, state, styles, update, forceUpdate, instanceRef } =\n    usePopper(computedReference, contentRef, options)\n\n  watch(instanceRef, (instance) => (popperInstanceRef.value = instance))\n\n  onMounted(() => {\n    watch(\n      () => unref(computedReference)?.getBoundingClientRect(),\n      () => {\n        update()\n      }\n    )\n  })\n\n  return {\n    attributes,\n    arrowRef,\n    contentRef,\n    instanceRef,\n    state,\n    styles,\n    role,\n\n    forceUpdate,\n    update,\n  }\n}\n\nexport type UsePopperContentReturn = ReturnType<typeof usePopperContent>\n"],"names":["DEFAULT_ARROW_OFFSET","usePopperContent","props","popperInstanceRef","contentRef","triggerRef","role","inject","POPPER_INJECTION_KEY","arrowRef","ref","arrowOffset","eventListenerModifier","computed","arrowModifier","arrowEl","unref","offset","isUndefined","options","update","buildPopperOptions","computedReference","unwrapMeasurableEl","attributes","state","styles","forceUpdate","instanceRef","usePopper","watch","instance","onMounted"],"mappings":"2VAUMA,EAAuB,EAEhBC,EAAoBC,GAA8B,CAC7D,KAAM,CAAE,kBAAAC,EAAmB,WAAAC,EAAY,WAAAC,EAAY,KAAAC,CAAS,EAAAC,EAAA,OAC1DC,EAAA,qBACA,MAAA,EAGIC,EAAWC,EAAAA,MACXC,EAAcD,EAAAA,MAEdE,EAAwBC,EAAAA,SAAS,KAC9B,CACL,KAAM,iBACN,QAAS,CAAC,CAACX,EAAM,OAAA,EAEpB,EAEKY,EAAgBD,EAAAA,SAAS,IAAM,CAC7B,MAAAE,EAAUC,QAAMP,CAAQ,EACxBQ,EAASD,EAAAA,MAAML,CAAW,GAAKX,EAI9B,MAAA,CACL,KAAM,QACN,QAAS,CAACkB,EAAA,YAAYH,CAAO,EAC7B,QAAS,CACP,QAASA,EACT,QAASE,CACX,CAAA,CACF,CACD,EAEKE,EAAUN,EAAAA,SAAyB,KAChC,CACL,cAAe,IAAM,CACZO,GACT,EAEA,GAAGC,EAAAA,mBAAmBnB,EAAO,CAC3Bc,EAAAA,MAAMF,CAAa,EACnBE,EAAAA,MAAMJ,CAAqB,CAAA,CAC5B,CAAA,EAEJ,EAEKU,EAAoBT,EAAA,SACxB,IAAMU,EAAmB,mBAAArB,EAAM,WAAW,GAAKc,EAAAA,MAAMX,CAAU,CAAA,EAG3D,CAAE,WAAAmB,EAAY,MAAAC,EAAO,OAAAC,EAAQ,OAAAN,EAAQ,YAAAO,EAAa,YAAAC,CAAA,EACtDC,EAAAA,UAAUP,EAAmBlB,EAAYe,CAAO,EAElDW,OAAAA,EAAA,MAAMF,EAAcG,GAAc5B,EAAkB,MAAQ4B,CAAS,EAErEC,EAAAA,UAAU,IAAM,CACdF,EAAA,MACE,WAAMd,OAAAA,EAAAA,EAAA,MAAMM,CAAiB,IAAvBN,YAAAA,EAA0B,yBAChC,IAAM,CACGI,GACT,CAAA,CACF,CACD,EAEM,CACL,WAAAI,EACA,SAAAf,EACA,WAAAL,EACA,YAAAwB,EACA,MAAAH,EACA,OAAAC,EACA,KAAApB,EAEA,YAAAqB,EACA,OAAAP,CAAA,CAEJ"}

package/lib/packages/components/popper/composables/use-focus-trap.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),a=(u,t)=>{const o=r.ref(!1),s=r.ref();return{focusStartRef:s,trapped:o,onFocusAfterReleased:e=>{var n;((n=e.detail)==null?void 0:n.focusReason)!=="pointer"&&(s.value="first",t("blur"))},onFocusAfterTrapped:()=>{t("focus")},onFocusInTrap:e=>{u.visible&&!o.value&&(e.target&&(s.value=e.target),o.value=!0)},onFocusoutPrevented:e=>{u.trapping||(e.detail.focusReason==="pointer"&&e.preventDefault(),o.value=!1)},onReleaseRequested:()=>{o.value=!1,t("close")}}};exports.usePopperContentFocusTrap=a;
+//# sourceMappingURL=use-focus-trap.js.map

package/lib/packages/components/popper/composables/use-focus-trap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-focus-trap.js","sources":["../../../../../../../packages/components/popper/composables/use-focus-trap.ts"],"sourcesContent":["import { ref } from 'vue'\n\nimport type { SetupContext } from 'vue'\nimport type { PopperContentProps } from '../types'\n\nexport const usePopperContentFocusTrap = (\n  props: PopperContentProps,\n  emit: any\n) => {\n  const trapped = ref(false)\n  const focusStartRef = ref<'container' | 'first' | HTMLElement>()\n\n  const onFocusAfterTrapped = () => {\n    emit('focus')\n  }\n\n  const onFocusAfterReleased = (event: CustomEvent) => {\n    if (event.detail?.focusReason !== 'pointer') {\n      focusStartRef.value = 'first'\n      emit('blur')\n    }\n  }\n\n  const onFocusInTrap = (event: FocusEvent) => {\n    if (props.visible && !trapped.value) {\n      if (event.target) {\n        focusStartRef.value = event.target as typeof focusStartRef.value\n      }\n      trapped.value = true\n    }\n  }\n\n  const onFocusoutPrevented = (event: CustomEvent) => {\n    if (!props.trapping) {\n      if (event.detail.focusReason === 'pointer') {\n        event.preventDefault()\n      }\n      trapped.value = false\n    }\n  }\n\n  const onReleaseRequested = () => {\n    trapped.value = false\n    emit('close')\n  }\n\n  return {\n    focusStartRef,\n    trapped,\n\n    onFocusAfterReleased,\n    onFocusAfterTrapped,\n    onFocusInTrap,\n    onFocusoutPrevented,\n    onReleaseRequested,\n  }\n}\n\nexport type UsePopperContentFocusTrapReturn = ReturnType<\n  typeof usePopperContentFocusTrap\n>\n"],"names":["usePopperContentFocusTrap","props","emit","trapped","ref","focusStartRef","event","_a"],"mappings":"uGAKaA,EAA4B,CACvCC,EACAC,IACG,CACG,MAAAC,EAAUC,MAAI,EAAK,EACnBC,EAAgBD,EAAAA,MAoCf,MAAA,CACL,cAAAC,EACA,QAAAF,EAEA,qBAlC4BG,GAAuB,SAC/CC,EAAAD,EAAM,SAAN,YAAAC,EAAc,eAAgB,YAChCF,EAAc,MAAQ,QACtBH,EAAK,MAAM,EACb,EA+BA,oBAvC0B,IAAM,CAChCA,EAAK,OAAO,CAAA,EAuCZ,cA7BqBI,GAAsB,CACvCL,EAAM,SAAW,CAACE,EAAQ,QACxBG,EAAM,SACRD,EAAc,MAAQC,EAAM,QAE9BH,EAAQ,MAAQ,GAClB,EAwBA,oBArB2BG,GAAuB,CAC7CL,EAAM,WACLK,EAAM,OAAO,cAAgB,WAC/BA,EAAM,eAAe,EAEvBH,EAAQ,MAAQ,GAClB,EAgBA,mBAbyB,IAAM,CAC/BA,EAAQ,MAAQ,GAChBD,EAAK,OAAO,CAAA,CAWZ,CAEJ"}

package/lib/packages/components/popper/constants.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=Symbol("popper"),P=Symbol("popperContent");exports.POPPER_CONTENT_INJECTION_KEY=P;exports.POPPER_INJECTION_KEY=E;
+//# sourceMappingURL=constants.js.map

package/lib/packages/components/popper/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../../packages/components/popper/constants.ts"],"sourcesContent":["import type { CSSProperties, ComputedRef, InjectionKey, Ref } from 'vue'\nimport type { Instance } from '@popperjs/core'\n\nexport type Measurable = {\n  getBoundingClientRect: () => DOMRect\n}\n\n/**\n * triggerRef indicates the element that triggers popper\n * contentRef indicates the element of popper content\n * referenceRef indicates the element that popper content relative with\n */\nexport type VftPopperInjectionContext = {\n  triggerRef: Ref<Measurable | undefined>\n  contentRef: Ref<HTMLElement | undefined>\n  popperInstanceRef: Ref<Instance | undefined>\n  referenceRef: Ref<Measurable | undefined>\n  role: ComputedRef<string>\n}\n\nexport type VftPopperContentInjectionContext = {\n  arrowRef: Ref<HTMLElement | undefined>\n  arrowOffset: Ref<number | undefined>\n  arrowStyle: ComputedRef<CSSProperties>\n}\n\nexport const POPPER_INJECTION_KEY: InjectionKey<VftPopperInjectionContext> =\n  Symbol('popper')\n\nexport const POPPER_CONTENT_INJECTION_KEY: InjectionKey<VftPopperContentInjectionContext> =\n  Symbol('popperContent')\n"],"names":["POPPER_INJECTION_KEY","POPPER_CONTENT_INJECTION_KEY"],"mappings":"gFA0Ba,MAAAA,EACX,OAAO,QAAQ,EAEJC,EACX,OAAO,eAAe"}

package/lib/packages/components/popper/content.vue.js

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

package/lib/packages/components/popper/content.vue.js.map

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

package/lib/packages/components/popper/content.vue2.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),D=require("../focus-trap/focus-trap.vue.js");require("../focus-trap/utils.js");const b=require("@vft/utils"),L=require("lodash"),j=require("./composables/use-content.js"),x=require("./composables/use-content-dom.js"),z=require("./composables/use-focus-trap.js"),J=require("./constants.js"),K=e.defineComponent({name:"vft-popper-content"}),U=e.defineComponent({...K,props:{boundariesPadding:{default:0},fallbackPlacements:null,gpuAcceleration:{type:Boolean,default:!0},offset:{default:12},placement:{default:"bottom"},popperOptions:{default:{}},strategy:{default:"absolute"},id:null,style:null,className:null,effect:{default:"dark"},visible:{type:Boolean},enterable:{type:Boolean,default:!0},pure:{type:Boolean},focusOnShow:{type:Boolean,default:!1},trapping:{type:Boolean,default:!1},popperClass:null,popperStyle:null,referenceEl:null,triggerTargetEl:null,stopPopperMouseEvent:{type:Boolean,default:!0},ariaLabel:null,virtualTriggering:{type:Boolean},zIndex:null},emits:["mouseenter","mouseleave","focus","blur","close"],setup(n,{expose:R,emit:y}){const a=e.getCurrentInstance(),{focusStartRef:P,trapped:f,onFocusAfterReleased:C,onFocusAfterTrapped:E,onFocusInTrap:F,onFocusoutPrevented:q,onReleaseRequested:B}=z.usePopperContentFocusTrap(a.props,y),{attributes:T,arrowRef:g,contentRef:l,styles:A,instanceRef:O,role:p,update:w}=j.usePopperContent(a.props),{ariaModal:M,arrowStyle:I,contentAttrs:N,contentClass:S,contentStyle:c,updateZIndex:k}=x.usePopperContentDOM(a.props,{styles:A,attributes:T,role:p}),$=e.ref();e.provide(J.POPPER_CONTENT_INJECTION_KEY,{arrowStyle:I,arrowRef:g,arrowOffset:$});let t;const d=(r=!0)=>{w(),r&&k()},h=()=>{d(!1),n.visible&&n.focusOnShow?f.value=!0:n.visible===!1&&(f.value=!1)};return e.onMounted(()=>{e.watch(()=>n.triggerTargetEl,(r,u)=>{t==null||t(),t=void 0;const o=e.unref(r||l.value),i=e.unref(u||l.value);b.isElement(o)&&(t=e.watch([p,()=>n.ariaLabel,M,()=>n.id],s=>{["role","aria-label","aria-modal","id"].forEach((m,v)=>{L.isNil(s[v])?o.removeAttribute(m):o.setAttribute(m,s[v])})},{immediate:!0})),i!==o&&b.isElement(i)&&["role","aria-label","aria-modal","id"].forEach(s=>{i.removeAttribute(s)})},{immediate:!0}),e.watch(()=>n.visible,h,{immediate:!0})}),e.onBeforeUnmount(()=>{t==null||t(),t=void 0}),R({popperContentRef:l,popperInstanceRef:O,updatePopper:d,contentStyle:c}),(r,u)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({ref_key:"contentRef",ref:l},e.unref(N),{style:e.unref(c),class:e.unref(S),tabindex:"-1",onMouseenter:u[0]||(u[0]=o=>r.$emit("mouseenter",o)),onMouseleave:u[1]||(u[1]=o=>r.$emit("mouseleave",o))}),[e.createVNode(e.unref(D.default),{trapped:e.unref(f),"trap-on-focus-in":!0,"focus-trap-el":e.unref(l),"focus-start-el":e.unref(P),onFocusAfterTrapped:e.unref(E),onFocusAfterReleased:e.unref(C),onFocusin:e.unref(F),onFocusoutPrevented:e.unref(q),onReleaseRequested:e.unref(B)},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},8,["trapped","focus-trap-el","focus-start-el","onFocusAfterTrapped","onFocusAfterReleased","onFocusin","onFocusoutPrevented","onReleaseRequested"])],16))}});exports.default=U;
+//# sourceMappingURL=content.vue2.js.map

package/lib/packages/components/popper/content.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.vue2.js","sources":["../../../../../../packages/components/popper/content.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: 'vft-popper-content'\n});\n</script>\n<template>\n  <div ref=\"contentRef\"\n\t\t\tv-bind=\"contentAttrs\"\n\t\t\t:style=\"contentStyle\"\n\t\t\t:class=\"contentClass\"\n\t\t\ttabindex=\"-1\"\n\t\t\t@mouseenter=\"(e) => $emit('mouseenter', e)\"\n\t\t\t@mouseleave=\"(e) => $emit('mouseleave', e)\">\n    <focus-trap\n\t\t\t\t:trapped=\"trapped\"\n\t\t\t\t:trap-on-focus-in=\"true\"\n\t\t\t\t:focus-trap-el=\"contentRef\"\n\t\t\t\t:focus-start-el=\"focusStartRef\"\n\t\t\t\t@focus-after-trapped=\"onFocusAfterTrapped\"\n\t\t\t\t@focus-after-released=\"onFocusAfterReleased\"\n\t\t\t\t@focusin=\"onFocusInTrap\"\n\t\t\t\t@focusout-prevented=\"onFocusoutPrevented\"\n\t\t\t\t@release-requested=\"onReleaseRequested\"\n    >\n      <slot />\n    </focus-trap>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { Options, Placement } from '@popperjs/core';\nimport FocusTrap from '@vft-ui/components/focus-trap';\nimport { isElement } from '@vft/utils';\nimport { isNil } from 'lodash';\nimport type { WatchStopHandle } from 'vue';\nimport { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, type StyleValue, unref, watch } from 'vue';\nimport { usePopperContent, usePopperContentDOM, usePopperContentFocusTrap, } from './composables';\nimport { POPPER_CONTENT_INJECTION_KEY } from './constants';\n\n;\n\ninterface Props {\n  boundariesPadding?: number;\n  fallbackPlacements?: Placement[];\n  gpuAcceleration?: boolean;\n  offset?: number;\n  placement?: Placement;\n  popperOptions?: Partial<Options>;\n  strategy?: 'fixed' | 'absolute';\n  id?: string;\n  style?: StyleValue;\n  className?: ClassType;\n  effect?: string;\n  visible?: boolean;\n  enterable?: boolean;\n  pure?: boolean;\n  focusOnShow?: boolean;\n  trapping?: boolean;\n  popperClass?: ClassType;\n  popperStyle?: StyleValue;\n  referenceEl?: HTMLElement;\n  triggerTargetEl?: HTMLElement;\n  stopPopperMouseEvent?: boolean;\n  ariaLabel?: string;\n  virtualTriggering?: boolean;\n  zIndex?: number;\n}\n\ndefineProps({\n  \"boundariesPadding\": { default: 0 },\n  \"fallbackPlacements\": null,\n  \"gpuAcceleration\": { type: Boolean, default: true },\n  \"offset\": { default: 12 },\n  \"placement\": { default: 'bottom' },\n  \"popperOptions\": { default: {} },\n  \"strategy\": { default: 'absolute' },\n  \"id\": null,\n  \"style\": null,\n  \"className\": null,\n  \"effect\": { default: 'dark' },\n  \"visible\": { type: Boolean,  },\n  \"enterable\": { type: Boolean, default: true },\n  \"pure\": { type: Boolean,  },\n  \"focusOnShow\": { type: Boolean, default: false },\n  \"trapping\": { type: Boolean, default: false },\n  \"popperClass\": null,\n  \"popperStyle\": null,\n  \"referenceEl\": null,\n  \"triggerTargetEl\": null,\n  \"stopPopperMouseEvent\": { type: Boolean, default: true },\n  \"ariaLabel\": null,\n  \"virtualTriggering\": { type: Boolean,  },\n  \"zIndex\": null\n})\n\nconst emit = defineEmits(['mouseenter', 'mouseleave', 'focus', 'blur', 'close']);\n\nconst instance = getCurrentInstance()!;\n\nconst {\n\tfocusStartRef,\n\ttrapped,\n\tonFocusAfterReleased,\n\tonFocusAfterTrapped,\n\tonFocusInTrap,\n\tonFocusoutPrevented,\n\tonReleaseRequested,\n} = usePopperContentFocusTrap(instance.props, emit)\n\nconst { attributes, arrowRef, contentRef, styles, instanceRef, role, update } =\n\tusePopperContent(instance.props)\n\nconst {\n\tariaModal,\n\tarrowStyle,\n\tcontentAttrs,\n\tcontentClass,\n\tcontentStyle,\n\tupdateZIndex,\n} = usePopperContentDOM(instance.props, {\n\tstyles,\n\tattributes,\n\trole,\n})\n\n// const formItemContext = inject(formItemContextKey, undefined)\nconst arrowOffset = ref<number>()\n\nprovide(POPPER_CONTENT_INJECTION_KEY, {\n\tarrowStyle,\n\tarrowRef,\n\tarrowOffset,\n})\n\n// if (\n// \tformItemContext &&\n// \t(formItemContext.addInputId || formItemContext.removeInputId)\n// ) {\n// \t// disallow auto-id from inside popper content\n// \tprovide(formItemContextKey, {\n// \t\t...formItemContext,\n// \t\taddInputId: NOOP,\n// \t\tremoveInputId: NOOP,\n// \t})\n// }\n\nlet triggerTargetAriaStopWatch: WatchStopHandle | undefined = undefined\n\nconst updatePopper = (shouldUpdateZIndex = true) => {\n\tupdate()\n\tshouldUpdateZIndex && updateZIndex()\n}\n\nconst togglePopperAlive = () => {\n\tupdatePopper(false)\n\tif (__props.visible && __props.focusOnShow) {\n\t\ttrapped.value = true\n\t} else if (__props.visible === false) {\n\t\ttrapped.value = false\n\t}\n}\n\nonMounted(() => {\n\twatch(\n\t\t() => __props.triggerTargetEl,\n\t\t(triggerTargetEl, prevTriggerTargetEl) => {\n\t\t\ttriggerTargetAriaStopWatch?.()\n\t\t\ttriggerTargetAriaStopWatch = undefined\n\n\t\t\tconst el = unref(triggerTargetEl || contentRef.value)\n\t\t\tconst prevEl = unref(prevTriggerTargetEl || contentRef.value)\n\n\t\t\tif (isElement(el)) {\n\t\t\t\ttriggerTargetAriaStopWatch = watch(\n\t\t\t\t\t[role, () => __props.ariaLabel, ariaModal, () => __props.id],\n\t\t\t\t\t(watches) => {\n\t\t\t\t\t\t;['role', 'aria-label', 'aria-modal', 'id'].forEach((key, idx) => {\n\t\t\t\t\t\t\tisNil(watches[idx])\n\t\t\t\t\t\t\t\t? el.removeAttribute(key)\n\t\t\t\t\t\t\t\t: el.setAttribute(key, watches[idx]!)\n\t\t\t\t\t\t})\n\t\t\t\t\t},\n\t\t\t\t\t{ immediate: true }\n\t\t\t\t)\n\t\t\t}\n\t\t\tif (prevEl !== el && isElement(prevEl)) {\n\t\t\t\t;['role', 'aria-label', 'aria-modal', 'id'].forEach((key) => {\n\t\t\t\t\tprevEl.removeAttribute(key)\n\t\t\t\t})\n\t\t\t}\n\t\t},\n\t\t{ immediate: true }\n\t)\n\n\twatch(() => __props.visible, togglePopperAlive, { immediate: true })\n})\n\nonBeforeUnmount(() => {\n\ttriggerTargetAriaStopWatch?.()\n\ttriggerTargetAriaStopWatch = undefined\n})\n\ndefineExpose({\n\t/**\n\t * @description popper content element\n\t */\n\tpopperContentRef: contentRef,\n\t/**\n\t * @description popperjs instance\n\t */\n\tpopperInstanceRef: instanceRef,\n\t/**\n\t * @description method for updating popper\n\t */\n\tupdatePopper,\n\n\t/**\n\t * @description content style\n\t */\n\tcontentStyle,\n})\n</script>\n"],"names":["__default__","DO_defineComponent","instance","getCurrentInstance","focusStartRef","trapped","onFocusAfterReleased","onFocusAfterTrapped","onFocusInTrap","onFocusoutPrevented","onReleaseRequested","usePopperContentFocusTrap","emit","attributes","arrowRef","contentRef","styles","instanceRef","role","update","usePopperContent","ariaModal","arrowStyle","contentAttrs","contentClass","contentStyle","updateZIndex","usePopperContentDOM","arrowOffset","ref","provide","POPPER_CONTENT_INJECTION_KEY","triggerTargetAriaStopWatch","updatePopper","shouldUpdateZIndex","togglePopperAlive","__props","onMounted","watch","triggerTargetEl","prevTriggerTargetEl","el","unref","prevEl","isElement","watches","key","idx","isNil","onBeforeUnmount","expose"],"mappings":"qaAEAA,EAA6BC,EAAAA,gBAAmB,CAC9C,KAAM,oBACR,CAAC,usBA8FD,MAAMC,EAAWC,EAAAA,qBAEX,CACL,cAAAC,EACA,QAAAC,EACA,qBAAAC,EACA,oBAAAC,EACA,cAAAC,EACA,oBAAAC,EACA,mBAAAC,CACG,EAAAC,4BAA0BT,EAAS,MAAOU,CAAI,EAE5C,CAAE,WAAAC,EAAY,SAAAC,EAAU,WAAAC,EAAY,OAAAC,EAAQ,YAAAC,EAAa,KAAAC,EAAM,OAAAC,CAAO,EAC3EC,EAAAA,iBAAiBlB,EAAS,KAAK,EAE1B,CACL,UAAAmB,EACA,WAAAC,EACA,aAAAC,EACA,aAAAC,EACA,aAAAC,EACA,aAAAC,CAAA,EACGC,EAAoB,oBAAAzB,EAAS,MAAO,CACvC,OAAAc,EACA,WAAAH,EACA,KAAAK,CAAA,CACA,EAGKU,EAAcC,EAAAA,MAEpBC,EAAAA,QAAQC,EAAAA,6BAA8B,CACrC,WAAAT,EACA,SAAAR,EACA,YAAAc,CAAA,CACA,EAcD,IAAII,EAEE,MAAAC,EAAe,CAACC,EAAqB,KAAS,CAC5Cf,IACPe,GAAsBR,EAAa,CAAA,EAG9BS,EAAoB,IAAM,CAC/BF,EAAa,EAAK,EACdG,EAAQ,SAAWA,EAAQ,YAC9B/B,EAAQ,MAAQ,GACN+B,EAAQ,UAAY,KAC9B/B,EAAQ,MAAQ,GACjB,EAGDgC,OAAAA,EAAAA,UAAU,IAAM,CACfC,EAAA,MACC,IAAMF,EAAQ,gBACd,CAACG,EAAiBC,IAAwB,CACZR,GAAA,MAAAA,IACAA,EAAA,OAE7B,MAAMS,EAAKC,EAAA,MAAMH,GAAmBxB,EAAW,KAAK,EAC9C4B,EAASD,EAAA,MAAMF,GAAuBzB,EAAW,KAAK,EAExD6B,EAAAA,UAAUH,CAAE,IACcT,EAAAM,EAAA,MAC5B,CAACpB,EAAM,IAAMkB,EAAQ,UAAWf,EAAW,IAAMe,EAAQ,EAAE,EAC1DS,GAAY,CACV,CAAA,OAAQ,aAAc,aAAc,IAAI,EAAE,QAAQ,CAACC,EAAKC,IAAQ,CACjEC,EAAAA,MAAMH,EAAQE,CAAG,CAAC,EACfN,EAAG,gBAAgBK,CAAG,EACtBL,EAAG,aAAaK,EAAKD,EAAQE,CAAG,CAAE,CAAA,CACrC,CACF,EACA,CAAE,UAAW,EAAK,CAAA,GAGhBJ,IAAWF,GAAMG,EAAU,UAAAD,CAAM,GACnC,CAAC,OAAQ,aAAc,aAAc,IAAI,EAAE,QAASG,GAAQ,CAC5DH,EAAO,gBAAgBG,CAAG,CAAA,CAC1B,CAEH,EACA,CAAE,UAAW,EAAK,CAAA,EAGnBR,EAAA,MAAM,IAAMF,EAAQ,QAASD,EAAmB,CAAE,UAAW,GAAM,CAAA,CACnE,EAEDc,EAAAA,gBAAgB,IAAM,CACQjB,GAAA,MAAAA,IACAA,EAAA,MAAA,CAC7B,EAEYkB,EAAA,CAIZ,iBAAkBnC,EAIlB,kBAAmBE,EAInB,aAAAgB,EAKA,aAAAR,CAAA,CACA"}

package/lib/packages/components/popper/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../utils/vue/install.js");require("vue");require("@vue/shared");require("@vft/utils");const r=require("./popper.vue2.js"),u=require("./arrow.vue2.js"),_=require("./trigger.vue2.js"),p=require("./content.vue2.js"),e=t.withInstall(r.default);exports.VftPopperArrow=u.default;exports.VftPopperTrigger=_.default;exports.VftPopperContent=p.default;exports.VftPopper=e;exports.default=e;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../packages/components/popper/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\nimport Popper from './popper.vue'\n\nimport VftPopperArrow from './arrow.vue'\nimport VftPopperTrigger from './trigger.vue'\nimport VftPopperContent from './content.vue'\n\nexport { VftPopperArrow, VftPopperTrigger, VftPopperContent }\n\nexport const VftPopper = withInstall(Popper)\nexport default VftPopper\n\nexport type { Placement, Options } from '@popperjs/core'\nexport * from './types'\n"],"names":["VftPopper","withInstall","Popper"],"mappings":"qVASaA,EAAYC,cAAYC,EAAM,OAAA"}

package/lib/packages/components/popper/popper.vue.js

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

package/lib/packages/components/popper/popper.vue.js.map

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("./constants.js"),i=e.defineComponent({name:"vft-popper",inheritAttrs:!1}),a=e.defineComponent({...i,props:{role:{default:"tooltip"}},setup(o,{expose:r}){const n=e.ref(),s=e.ref(),c=e.ref(),f=e.ref(),p=e.computed(()=>o.role),t={triggerRef:n,popperInstanceRef:s,contentRef:c,referenceRef:f,role:p};return r(t),e.provide(u.POPPER_INJECTION_KEY,t),(l,d)=>e.renderSlot(l.$slots,"default")}});exports.default=a;
+//# sourceMappingURL=popper.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popper.vue2.js","sources":["../../../../../../packages/components/popper/popper.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: 'vft-popper',\n  inheritAttrs: false\n});\n</script>\n<template>\n  <slot />\n</template>\n\n<script lang=\"ts\" setup>\nimport type { Instance as PopperInstance } from '@popperjs/core';\nimport { computed, provide, ref } from 'vue';\nimport type { VftPopperInjectionContext } from './constants';\nimport { POPPER_INJECTION_KEY } from './constants';\n\n;\n\ninterface Props {\n  role?: 'dialog' | 'grid' | 'group' | 'listbox' | 'menu' | 'navigation' | 'tooltip' | 'tree';\n}\n\ndefineProps({\n  \"role\": { default: 'tooltip' }\n})\n\nconst triggerRef = ref<HTMLElement>();\nconst popperInstanceRef = ref<PopperInstance>();\nconst contentRef = ref<HTMLElement>();\nconst referenceRef = ref<HTMLElement>();\nconst _role = computed(() => __props.role);\n\nconst popperProvides = {\n  /**\n   * @description trigger element\n   */\n  triggerRef,\n  /**\n   * @description popperjs instance\n   */\n  popperInstanceRef,\n  /**\n   * @description popper content element\n   */\n  contentRef,\n  /**\n   * @description popper reference element\n   */\n  referenceRef,\n  /**\n   * @description role determines how aria attributes are distributed\n   */\n  role: _role\n} as VftPopperInjectionContext;\n\ndefineExpose(popperProvides);\n\nprovide(POPPER_INJECTION_KEY, popperProvides);\n</script>\n"],"names":["__default__","DO_defineComponent","triggerRef","ref","popperInstanceRef","contentRef","referenceRef","_role","computed","__props","popperProvides","expose","provide","POPPER_INJECTION_KEY"],"mappings":"+JAEAA,EAA6BC,EAAAA,gBAAmB,CAC9C,KAAM,aACN,aAAc,EAChB,CAAC,iFAsBD,MAAMC,EAAaC,EAAAA,MACbC,EAAoBD,EAAAA,MACpBE,EAAaF,EAAAA,MACbG,EAAeH,EAAAA,MACfI,EAAQC,EAAA,SAAS,IAAMC,EAAQ,IAAI,EAEnCC,EAAiB,CAIrB,WAAAR,EAIA,kBAAAE,EAIA,WAAAC,EAIA,aAAAC,EAIA,KAAMC,CAAA,EAGR,OAAAI,EAAaD,CAAc,EAE3BE,UAAQC,EAAAA,qBAAsBH,CAAc"}

package/lib/packages/components/popper/style/css.js

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

package/lib/packages/components/popper/style/css.js.map

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

package/lib/packages/components/popper/style/index.js

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

package/lib/packages/components/popper/style/index.js.map

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

package/lib/packages/components/popper/trigger.vue.js

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

package/lib/packages/components/popper/trigger.vue.js.map

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

package/lib/packages/components/popper/trigger.vue2.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),C=require("lodash"),h=require("@vueuse/core"),v=require("../slot/only-child.js");require("@popperjs/core");require("../../hooks/use-z-index/index.js");const q=require("../../hooks/use-forward-ref/index.js");require("@vue/shared");const p=require("@vft/utils"),F=require("./constants.js"),g=e.defineComponent({name:"VftPopperTrigger",inheritAttrs:!1}),w=e.defineComponent({...g,props:{virtualRef:null,virtualTriggering:{type:Boolean},onMouseenter:{type:Function},onMouseleave:{type:Function},onClick:{type:Function},onKeydown:{type:Function},onFocus:{type:Function},onBlur:{type:Function},onContextmenu:{type:Function},id:null,open:{type:Boolean}},setup(i,{expose:y}){const b=e.getCurrentInstance(),{role:u,triggerRef:d}=e.inject(F.POPPER_INJECTION_KEY,void 0);q.useForwardRef(d);const l=e.computed(()=>c.value?i.id:void 0),f=e.computed(()=>{if(u&&u.value==="tooltip")return i.open&&i.id?i.id:void 0}),c=e.computed(()=>{if(u&&u.value!=="tooltip")return u.value}),m=e.computed(()=>c.value?`${i.open}`:void 0);let o;return e.onMounted(()=>{e.watch(()=>i.virtualRef,n=>{n&&(d.value=h.unrefElement(n))},{immediate:!0}),e.watch(d,(n,t)=>{o==null||o(),o=void 0,p.isElement(n)&&(["onMouseenter","onMouseleave","onClick","onKeydown","onFocus","onBlur","onContextmenu"].forEach(r=>{var s;const a=b.props[r];a&&(n.addEventListener(r.slice(2).toLowerCase(),a),(s=t==null?void 0:t.removeEventListener)==null||s.call(t,r.slice(2).toLowerCase(),a))}),o=e.watch([l,f,c,m],r=>{["aria-controls","aria-describedby","aria-haspopup","aria-expanded"].forEach((a,s)=>{C.isNil(r[s])?n.removeAttribute(a):n.setAttribute(a,r[s])})},{immediate:!0})),p.isElement(t)&&["aria-controls","aria-describedby","aria-haspopup","aria-expanded"].forEach(r=>t.removeAttribute(r))},{immediate:!0})}),e.onBeforeUnmount(()=>{o==null||o(),o=void 0}),y({triggerRef:d}),(n,t)=>i.virtualTriggering?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(v.OnlyChild),e.mergeProps({key:0},n.$attrs,{"aria-controls":e.unref(l),"aria-describedby":e.unref(f),"aria-expanded":e.unref(m),"aria-haspopup":e.unref(c)}),{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},16,["aria-controls","aria-describedby","aria-expanded","aria-haspopup"]))}});exports.default=w;
+//# sourceMappingURL=trigger.vue2.js.map

package/lib/packages/components/popper/trigger.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trigger.vue2.js","sources":["../../../../../../packages/components/popper/trigger.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: 'VftPopperTrigger',\n  inheritAttrs: false\n});\n</script>\n<template>\n  <vft-only-child\n    v-if=\"!virtualTriggering\"\n    v-bind=\"$attrs\"\n    :aria-controls=\"ariaControls\"\n    :aria-describedby=\"ariaDescribedby\"\n    :aria-expanded=\"ariaExpanded\"\n    :aria-haspopup=\"ariaHaspopup\"\n  >\n    <slot />\n  </vft-only-child>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, onBeforeUnmount, onMounted, watch, getCurrentInstance } from 'vue';\nimport { isNil } from 'lodash';\nimport { unrefElement } from '@vueuse/core';\nimport { VftOnlyChild } from '@vft-ui/components/slot'\nimport { useForwardRef } from '@vft-ui/hooks';\nimport { POPPER_INJECTION_KEY } from './constants';\nimport { isElement } from '@vft/utils';\n\nimport type { WatchStopHandle } from 'vue';\nimport type { Measurable } from './types';\n\n;\n\ninterface Props {\n  virtualRef?: Measurable\n  virtualTriggering?: boolean\n  onMouseenter?: Function\n  onMouseleave?: Function\n  onClick?: Function\n  onKeydown?: Function\n  onFocus?: Function\n  onBlur?: Function\n  onContextmenu?: Function\n  id?: string\n  open?: boolean\n}\n\ndefineProps({\n  \"virtualRef\": null,\n  \"virtualTriggering\": { type: Boolean,  },\n  \"onMouseenter\": { type: Function,  },\n  \"onMouseleave\": { type: Function,  },\n  \"onClick\": { type: Function,  },\n  \"onKeydown\": { type: Function,  },\n  \"onFocus\": { type: Function,  },\n  \"onBlur\": { type: Function,  },\n  \"onContextmenu\": { type: Function,  },\n  \"id\": null,\n  \"open\": { type: Boolean,  }\n})\n\nconst instance = getCurrentInstance()!;\n\nconst { role, triggerRef } = inject(POPPER_INJECTION_KEY, undefined)!;\n\nuseForwardRef(triggerRef);\n\nconst ariaControls = computed<string | undefined>(() => {\n  return ariaHaspopup.value ? __props.id : undefined;\n});\n\nconst ariaDescribedby = computed<string | undefined>(() => {\n  if (role && role.value === 'tooltip') {\n    return __props.open && __props.id ? __props.id : undefined;\n  }\n  return undefined;\n});\n\nconst ariaHaspopup = computed<string | undefined>(() => {\n  if (role && role.value !== 'tooltip') {\n    return role.value;\n  }\n  return undefined;\n});\n\nconst ariaExpanded = computed<string | undefined>(() => {\n  return ariaHaspopup.value ? `${__props.open}` : undefined;\n});\n\nlet virtualTriggerAriaStopWatch: WatchStopHandle | undefined = undefined;\n\nonMounted(() => {\n  watch(\n    () => __props.virtualRef,\n    (virtualEl) => {\n      if (virtualEl) {\n        triggerRef.value = unrefElement(virtualEl as HTMLElement);\n      }\n    },\n    {\n      immediate: true\n    }\n  );\n\n  watch(\n    triggerRef,\n    (el, prevEl) => {\n      virtualTriggerAriaStopWatch?.();\n      virtualTriggerAriaStopWatch = undefined;\n      if (isElement(el)) {\n        ;(\n          [\n            'onMouseenter',\n            'onMouseleave',\n            'onClick',\n            'onKeydown',\n            'onFocus',\n            'onBlur',\n            'onContextmenu'\n          ] as const\n        ).forEach((eventName) => {\n          const handler: any = instance.props[eventName];\n          if (handler) {\n            ;(el as HTMLElement).addEventListener(\n              eventName.slice(2).toLowerCase(),\n              handler\n            )\n            ;(prevEl as HTMLElement)?.removeEventListener?.(\n              eventName.slice(2).toLowerCase(),\n              handler\n            );\n          }\n        });\n        virtualTriggerAriaStopWatch = watch(\n          [ariaControls, ariaDescribedby, ariaHaspopup, ariaExpanded],\n          (watches) => {\n            ;[\n              'aria-controls',\n              'aria-describedby',\n              'aria-haspopup',\n              'aria-expanded'\n            ].forEach((key, idx) => {\n              isNil(watches[idx])\n                ? el.removeAttribute(key)\n                : el.setAttribute(key, watches[idx]!);\n            });\n          },\n          { immediate: true }\n        );\n      }\n      if (isElement(prevEl)) {\n        ;[\n          'aria-controls',\n          'aria-describedby',\n          'aria-haspopup',\n          'aria-expanded'\n        ].forEach((key) => prevEl.removeAttribute(key));\n      }\n    },\n    {\n      immediate: true\n    }\n  );\n});\n\nonBeforeUnmount(() => {\n  virtualTriggerAriaStopWatch?.();\n  virtualTriggerAriaStopWatch = undefined;\n});\n\ndefineExpose({\n  /**\n   * @description trigger element\n   */\n  triggerRef\n});\n</script>\n"],"names":["__default__","DO_defineComponent","instance","getCurrentInstance","role","triggerRef","inject","POPPER_INJECTION_KEY","useForwardRef","ariaControls","computed","ariaHaspopup","__props","ariaDescribedby","ariaExpanded","virtualTriggerAriaStopWatch","onMounted","watch","virtualEl","unrefElement","el","prevEl","isElement","eventName","handler","_a","watches","key","idx","isNil","onBeforeUnmount","expose"],"mappings":"maAEAA,EAA6BC,EAAAA,gBAAmB,CAC9C,KAAM,mBACN,aAAc,EAChB,CAAC,8TAyDD,MAAMC,EAAWC,EAAAA,qBAEX,CAAE,KAAAC,EAAM,WAAAC,CAAe,EAAAC,EAAA,OAAOC,uBAAsB,MAAS,EAEnEC,EAAA,cAAcH,CAAU,EAElB,MAAAI,EAAeC,EAAAA,SAA6B,IACzCC,EAAa,MAAQC,EAAQ,GAAK,MAC1C,EAEKC,EAAkBH,EAAAA,SAA6B,IAAM,CACrD,GAAAN,GAAQA,EAAK,QAAU,UACzB,OAAOQ,EAAQ,MAAQA,EAAQ,GAAKA,EAAQ,GAAK,MAE5C,CACR,EAEKD,EAAeD,EAAAA,SAA6B,IAAM,CAClD,GAAAN,GAAQA,EAAK,QAAU,UACzB,OAAOA,EAAK,KAEP,CACR,EAEKU,EAAeJ,EAAAA,SAA6B,IACzCC,EAAa,MAAQ,GAAGC,EAAQ,OAAS,MACjD,EAED,IAAIG,EAEJC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAA,MACE,IAAML,EAAQ,WACbM,GAAc,CACTA,IACSb,EAAA,MAAQc,eAAaD,CAAwB,EAE5D,EACA,CACE,UAAW,EACb,CAAA,EAGFD,EAAA,MACEZ,EACA,CAACe,EAAIC,IAAW,CACgBN,GAAA,MAAAA,IACAA,EAAA,OAC1BO,EAAAA,UAAUF,CAAE,IAEZ,CACE,eACA,eACA,UACA,YACA,UACA,SACA,eAAA,EAEF,QAASG,GAAc,OACjB,MAAAC,EAAetB,EAAS,MAAMqB,CAAS,EACzCC,IACAJ,EAAmB,iBACnBG,EAAU,MAAM,CAAC,EAAE,YAAY,EAC/BC,CAAA,GAEAC,EAAAJ,GAAA,YAAAA,EAAwB,sBAAxB,MAAAI,EAAA,KAAAJ,EACAE,EAAU,MAAM,CAAC,EAAE,YAAY,EAC/BC,GAEJ,CACD,EAC6BT,EAAAE,EAAA,MAC5B,CAACR,EAAcI,EAAiBF,EAAcG,CAAY,EACzDY,GAAY,CACV,CACC,gBACA,mBACA,gBACA,eAAA,EACA,QAAQ,CAACC,EAAKC,IAAQ,CACtBC,EAAAA,MAAMH,EAAQE,CAAG,CAAC,EACdR,EAAG,gBAAgBO,CAAG,EACtBP,EAAG,aAAaO,EAAKD,EAAQE,CAAG,CAAE,CAAA,CACvC,CACH,EACA,CAAE,UAAW,EAAK,CAAA,GAGlBN,EAAAA,UAAUD,CAAM,GACjB,CACC,gBACA,mBACA,gBACA,eAAA,EACA,QAASM,GAAQN,EAAO,gBAAgBM,CAAG,CAAC,CAElD,EACA,CACE,UAAW,EACb,CAAA,CACF,CACD,EAEDG,EAAAA,gBAAgB,IAAM,CACUf,GAAA,MAAAA,IACAA,EAAA,MAAA,CAC/B,EAEYgB,EAAA,CAIX,WAAA1B,CAAA,CACD"}

package/lib/packages/components/popper/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

package/lib/packages/components/popper/types.js.map

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

package/lib/packages/components/popper/utils.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@vueuse/core"),a=(e,t=[])=>{const{placement:o,strategy:i,popperOptions:n}=e,r={placement:o,strategy:i,...n,modifiers:[...l(e),...t]};return u(r,n==null?void 0:n.modifiers),r},f=e=>{if(s.isClient)return s.unrefElement(e)};function l(e){const{offset:t,gpuAcceleration:o,fallbackPlacements:i}=e;return[{name:"offset",options:{offset:[0,t??12]}},{name:"preventOverflow",options:{padding:{top:2,bottom:2,left:5,right:5}}},{name:"flip",options:{padding:5,fallbackPlacements:i}},{name:"computeStyles",options:{gpuAcceleration:o}}]}function u(e,t){t&&(e.modifiers=[...e.modifiers,...t??[]])}exports.buildPopperOptions=a;exports.unwrapMeasurableEl=f;
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../../packages/components/popper/utils.ts"],"sourcesContent":["import { isClient, unrefElement } from '@vueuse/core'\n\nimport type { ComponentPublicInstance } from 'vue'\nimport type { MaybeRef } from '@vueuse/core'\nimport type { Modifier } from '@popperjs/core'\nimport type { Measurable } from './constants'\nimport type { PopperCoreConfigProps } from './types'\n\nexport const buildPopperOptions = (\n\tprops: PopperCoreConfigProps,\n\tmodifiers: Modifier<any, any>[] = []\n) => {\n\tconst { placement, strategy, popperOptions } = props\n\tconst options = {\n\t\tplacement,\n\t\tstrategy,\n\t\t...popperOptions,\n\t\tmodifiers: [...genModifiers(props), ...modifiers],\n\t}\n\t\n\tderiveExtraModifiers(options, popperOptions?.modifiers)\n\treturn options\n}\n\nexport const unwrapMeasurableEl = (\n\t$el: MaybeRef<Measurable | undefined | ComponentPublicInstance>\n) => {\n\tif (!isClient) return\n\treturn unrefElement($el as HTMLElement)\n}\n\nfunction genModifiers (options: PopperCoreConfigProps) {\n\tconst { offset, gpuAcceleration, fallbackPlacements } = options\n\treturn [\n\t\t{\n\t\t\tname: 'offset',\n\t\t\toptions: {\n\t\t\t\toffset: [0, offset ?? 12],\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tname: 'preventOverflow',\n\t\t\toptions: {\n\t\t\t\tpadding: {\n\t\t\t\t\ttop: 2,\n\t\t\t\t\tbottom: 2,\n\t\t\t\t\tleft: 5,\n\t\t\t\t\tright: 5,\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tname: 'flip',\n\t\t\toptions: {\n\t\t\t\tpadding: 5,\n\t\t\t\tfallbackPlacements,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tname: 'computeStyles',\n\t\t\toptions: {\n\t\t\t\tgpuAcceleration,\n\t\t\t},\n\t\t},\n\t]\n}\n\nfunction deriveExtraModifiers (\n\toptions: any,\n\tmodifiers: PopperCoreConfigProps['popperOptions']['modifiers']\n) {\n\tif (modifiers) {\n\t\toptions.modifiers = [...options.modifiers, ...(modifiers ?? [])]\n\t}\n}\n"],"names":["buildPopperOptions","props","modifiers","placement","strategy","popperOptions","options","genModifiers","deriveExtraModifiers","unwrapMeasurableEl","$el","isClient","unrefElement","offset","gpuAcceleration","fallbackPlacements"],"mappings":"gHAQaA,EAAqB,CACjCC,EACAC,EAAkC,KAC9B,CACJ,KAAM,CAAE,UAAAC,EAAW,SAAAC,EAAU,cAAAC,CAAA,EAAkBJ,EACzCK,EAAU,CACf,UAAAH,EACA,SAAAC,EACA,GAAGC,EACH,UAAW,CAAC,GAAGE,EAAaN,CAAK,EAAG,GAAGC,CAAS,CAAA,EAG5B,OAAAM,EAAAF,EAASD,GAAA,YAAAA,EAAe,SAAS,EAC/CC,CACR,EAEaG,EACZC,GACI,CACJ,GAAKC,EAAA,SACL,OAAOC,EAAAA,aAAaF,CAAkB,CACvC,EAEA,SAASH,EAAcD,EAAgC,CACtD,KAAM,CAAE,OAAAO,EAAQ,gBAAAC,EAAiB,mBAAAC,CAAA,EAAuBT,EACjD,MAAA,CACN,CACC,KAAM,SACN,QAAS,CACR,OAAQ,CAAC,EAAGO,GAAU,EAAE,CACzB,CACD,EACA,CACC,KAAM,kBACN,QAAS,CACR,QAAS,CACR,IAAK,EACL,OAAQ,EACR,KAAM,EACN,MAAO,CACR,CACD,CACD,EACA,CACC,KAAM,OACN,QAAS,CACR,QAAS,EACT,mBAAAE,CACD,CACD,EACA,CACC,KAAM,gBACN,QAAS,CACR,gBAAAD,CACD,CACD,CAAA,CAEF,CAEA,SAASN,EACRF,EACAJ,EACC,CACGA,IACKI,EAAA,UAAY,CAAC,GAAGA,EAAQ,UAAW,GAAIJ,GAAa,CAAA,CAAG,EAEjE"}

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("@vft/utils"),f=require("../../hooks/use-namespace/index.js");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.js");require("@vueuse/core");require("@vue/shared");require("../divider/index.js");const v=require("../icon/index.js");require("../avatar/index.js");require("../empty/index.js");require("./index.js");require("../exception/index.js");require("../tabs/index.js");require("../popper/index.js");require("../collapse-transition/index.js");require("../tooltip/index.js");require("../popover/index.js");require("../menu/index.js");require("@vft/use");require("../multiple-tabs/index.js");const n=f.useNamespace("result"),p=e.defineComponent({name:n.b()}),_=e.defineComponent({...p,props:{title:null,subTitle:null,icon:null},setup(a){var o,s;const q=e.getCurrentInstance(),r=e.useSlots(),t=e.computed(()=>l.singleAttrToObj(a.icon,"icon")),d=(o=t.value)!=null&&o.icon?e.h("div",{class:n.e("icon")},[e.h(v.VftIcon,{...t.value})]):(s=r.default)==null?void 0:s.call(r),i=u=>{const c=l.renderTNode(q,u);return c?e.h("div",{class:n.e(u)},[e.h("p",{},{default:()=>c})]):null};return()=>e.h("div",{class:n.b()},{default:()=>[d,i("title"),i("sub-title"),r.extra?e.h("div",{class:n.e("extra")},{default:()=>{var u;return(u=r.extra)==null?void 0:u.call(r)}}):null]})}});exports.default=_;
+//# sourceMappingURL=result.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"result.vue2.js","sources":["../../../../../../packages/components/result/result.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('result')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script setup lang=\"ts\">\nimport { renderTNode, singleAttrToObj } from '@vft/utils';\nimport { h, getCurrentInstance, computed, useSlots } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { type IconProps, VftIcon } from '@vft-ui/components';\n\ninterface Props {\n  title?: string | number;\n  subTitle?: string | number;\n  icon?: IconProps;\n}\n\ndefineProps({\n  \"title\": null,\n  \"subTitle\": null,\n  \"icon\": null\n})\n\n\n\n;\n\nconst instance = getCurrentInstance()!;\n\nconst slots = useSlots();\n\nconst _icon = computed(() => {\n  return singleAttrToObj(__props.icon, 'icon') as IconProps;\n});\n\nconst vIcon = _icon.value?.icon ? h('div', {\n  class: ns.e('icon')\n}, [h(VftIcon, { ..._icon.value })]) : slots.default?.();\n\nconst vCon = (attrName: string) => {\n  const nodeCon = renderTNode(instance, attrName);\n  return nodeCon ? h(\n    'div',\n    {\n      class: ns.e(attrName)\n    }, [h('p', {}, { default: () => nodeCon })]\n  ) : null;\n};\n\ndefineRender(() => {\n  return (\n    h(\n      'div', { class: ns.b() }, {\n        default: () => [\n          vIcon,\n          vCon('title'),\n          vCon('sub-title'),\n          slots.extra ? h('div', { class: ns.e('extra') }, { default: ()=> slots.extra?.() }) : null\n        ]\n      }\n    )\n  );\n});\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","instance","getCurrentInstance","slots","useSlots","_icon","computed","singleAttrToObj","__props","vIcon","_a","h","VftIcon","_b","vCon","attrName","nodeCon","renderTNode"],"mappings":"+vBACA,MAAMA,EAAuBC,EAAAA,aAAa,QAAQ,EAGlDC,EAA6BC,EAAAA,gBAAmB,CAC9C,KAAMH,EAAG,EAAE,CACb,CAAC,wFAuBD,MAAMI,EAAWC,EAAAA,qBAEXC,EAAQC,EAAAA,WAERC,EAAQC,EAAAA,SAAS,IACdC,kBAAgBC,EAAQ,KAAM,MAAM,CAC5C,EAEKC,GAAQC,EAAAL,EAAM,QAAN,MAAAK,EAAa,KAAOC,EAAAA,EAAE,MAAO,CACzC,MAAOd,EAAG,EAAE,MAAM,CACjB,EAAA,CAACc,EAAE,EAAAC,UAAS,CAAE,GAAGP,EAAM,KAAO,CAAA,CAAC,CAAC,GAAIQ,EAAAV,EAAM,UAAN,YAAAU,EAAA,KAAAV,GAEjCW,EAAQC,GAAqB,CAC3B,MAAAC,EAAUC,EAAAA,YAAYhB,EAAUc,CAAQ,EAC9C,OAAOC,EAAUL,EAAA,EACf,MACA,CACE,MAAOd,EAAG,EAAEkB,CAAQ,CACtB,EAAG,CAACJ,EAAAA,EAAE,IAAK,CAAC,EAAG,CAAE,QAAS,IAAMK,CAAQ,CAAC,CAAC,CACxC,EAAA,IAAA,EAGO,MAAA,IAETL,EAAA,EACE,MAAO,CAAE,MAAOd,EAAG,GAAI,EAAG,CACxB,QAAS,IAAM,CACbY,EACAK,EAAK,OAAO,EACZA,EAAK,WAAW,EAChBX,EAAM,MAAQQ,EAAA,EAAE,MAAO,CAAE,MAAOd,EAAG,EAAE,OAAO,CAAE,EAAG,CAAE,QAAS,IAAA,OAAK,OAAAa,EAAAP,EAAM,QAAN,YAAAO,EAAA,KAAAP,GAAiB,CAAA,EAAI,IACxF,CACF,CAAA"}

package/lib/packages/components/result/style/css.js.map

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

package/lib/packages/components/result/style/index.js.map

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

package/lib/packages/components/slot/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./only-child.js");exports.OnlyChild=l.OnlyChild;exports.VftOnlyChild=l.OnlyChild;
+//# sourceMappingURL=index.js.map

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

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

package/lib/packages/components/slot/only-child.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),f=require("@vue/shared"),g=require("../../hooks/use-namespace/index.js");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.js");const d=require("../../hooks/use-forward-ref/index.js");require("@vueuse/core");const s=require("../../utils/error.js");require("@vft/utils");const c="VftOnlyChild",O=r.defineComponent({name:c,setup(t,{slots:n,attrs:e}){const i=r.inject(d.FORWARD_REF_INJECTION_KEY),q=d.useForwardRefDirective((i==null?void 0:i.setForwardRef)??f.NOOP);return()=>{var l;const u=(l=n.default)==null?void 0:l.call(n,e);if(!u)return null;if(u.length>1)return s.debugWarn(c,"requires exact only one valid child."),null;const o=h(u);return o?r.withDirectives(r.cloneVNode(o,e),[[q]]):(s.debugWarn(c,"no valid child node found"),null)}}});function h(t){if(!t)return null;const n=t;for(const e of n){if(f.isObject(e))switch(e.type){case r.Comment:continue;case r.Text:case"svg":return a(e);case r.Fragment:return h(e.children);default:return e}return a(e)}return null}function a(t){const n=g.useNamespace("only-child");return r.createVNode("span",{class:n.e("content")},[t])}exports.OnlyChild=O;
+//# sourceMappingURL=only-child.js.map

package/lib/packages/components/slot/only-child.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"only-child.js","sources":["../../../../../../packages/components/slot/only-child.tsx"],"sourcesContent":["import {\n  Comment,\n  Fragment,\n  Text,\n  cloneVNode,\n  defineComponent,\n  inject,\n  withDirectives,\n} from 'vue'\nimport { NOOP, isObject } from '@vue/shared'\nimport {\n  FORWARD_REF_INJECTION_KEY,\n  useForwardRefDirective,\n  useNamespace,\n} from '@vft-ui/hooks'\nimport { debugWarn } from '@vft-ui/utils'\n\nimport type { Ref, VNode } from 'vue'\n\nconst NAME = 'VftOnlyChild'\n\nexport const OnlyChild = defineComponent({\n  name: NAME,\n  setup(_, { slots, attrs }) {\n    const forwardRefInjection = inject(FORWARD_REF_INJECTION_KEY)\n    const forwardRefDirective = useForwardRefDirective(\n      forwardRefInjection?.setForwardRef ?? NOOP\n    )\n    return () => {\n      const defaultSlot = slots.default?.(attrs)\n      if (!defaultSlot) return null\n\n      if (defaultSlot.length > 1) {\n        debugWarn(NAME, 'requires exact only one valid child.')\n        return null\n      }\n\n      const firstLegitNode = findFirstLegitChild(defaultSlot)\n      if (!firstLegitNode) {\n        debugWarn(NAME, 'no valid child node found')\n        return null\n      }\n\n      return withDirectives(cloneVNode(firstLegitNode!, attrs), [\n        [forwardRefDirective],\n      ])\n    }\n  },\n})\n\nfunction findFirstLegitChild(node: VNode[] | undefined): VNode | null {\n  if (!node) return null\n  const children = node as VNode[]\n  for (const child of children) {\n    /**\n     * when user uses h(Fragment, [text]) to render plain string,\n     * this switch case just cannot handle, when the value is primitives\n     * we should just return the wrapped string\n     */\n    if (isObject(child)) {\n      switch (child.type) {\n        case Comment:\n          continue\n        case Text:\n        case 'svg':\n          return wrapTextContent(child)\n        case Fragment:\n          return findFirstLegitChild(child.children as VNode[])\n        default:\n          return child\n      }\n    }\n    return wrapTextContent(child)\n  }\n  return null\n}\n\nfunction wrapTextContent(s: string | VNode) {\n  const ns = useNamespace('only-child')\n  return <span class={ns.e('content')}>{s}</span>\n}\n\nexport type OnlyChildExpose = {\n  forwardRef: Ref<HTMLElement>\n}\n"],"names":["NAME","OnlyChild","defineComponent","name","setup","_","slots","attrs","forwardRefInjection","inject","FORWARD_REF_INJECTION_KEY","forwardRefDirective","useForwardRefDirective","setForwardRef","NOOP","defaultSlot","default","length","debugWarn","firstLegitNode","findFirstLegitChild","withDirectives","cloneVNode","node","children","child","isObject","type","Comment","Text","wrapTextContent","Fragment","s","ns","useNamespace","_createVNode","e"],"mappings":"sZAmBA,MAAMA,EAAO,eAEAC,EAAYC,EAAAA,gBAAgB,CACvCC,KAAMH,EACNI,MAAMC,EAAG,CAAEC,MAAAA,EAAOC,MAAAA,CAAM,EAAG,CACzB,MAAMC,EAAsBC,SAAOC,EAAAA,yBAAyB,EACtDC,EAAsBC,EAAsB,wBAChDJ,GAAAA,YAAAA,EAAqBK,gBAAiBC,EAAI,IAAA,EAE5C,MAAO,IAAM,OACX,MAAMC,GAAcT,EAAAA,EAAMU,UAANV,YAAAA,EAAAA,KAAAA,EAAgBC,GACpC,GAAI,CAACQ,EAAa,OAAO,KAEzB,GAAIA,EAAYE,OAAS,EACvBC,OAAAA,YAAUlB,EAAM,sCAAsC,EAC/C,KAGT,MAAMmB,EAAiBC,EAAoBL,CAAW,EACtD,OAAKI,EAKEE,EAAc,eAACC,EAAU,WAACH,EAAiBZ,CAAK,EAAG,CACxD,CAACI,CAAmB,CAAC,CACtB,GANCO,YAAUlB,EAAM,2BAA2B,EACpC,MAOb,CACF,CAAC,EAED,SAASoB,EAAoBG,EAAyC,CACpE,GAAI,CAACA,EAAM,OAAO,KAClB,MAAMC,EAAWD,EACjB,UAAWE,KAASD,EAAU,CAM5B,GAAIE,EAAAA,SAASD,CAAK,EAChB,OAAQA,EAAME,KAAI,CAChB,KAAKC,EAAO,QACV,SACF,KAAKC,OACL,IAAK,MACH,OAAOC,EAAgBL,CAAK,EAC9B,KAAKM,EAAQ,SACX,OAAOX,EAAoBK,EAAMD,QAAQ,EAC3C,QACE,OAAOC,CAAK,CAGlB,OAAOK,EAAgBL,CAAK,CAC9B,CACA,OAAO,IACT,CAEA,SAASK,EAAgBE,EAAmB,CAC1C,MAAMC,EAAKC,eAAa,YAAY,EACpC,OAAAC,EAAAA,YAAA,OAAA,CAAA,MAAoBF,EAAGG,EAAE,SAAS,CAAC,EAAA,CAAGJ,CAAC,CAAA,CACzC"}

package/lib/packages/components/sub-menu/style/css.js

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

package/lib/packages/components/sub-menu/style/css.js.map

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

package/lib/packages/components/sub-menu/style/index.js

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

package/lib/packages/components/sub-menu/style/index.js.map

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

package/lib/packages/components/tab-pane/style/css.js.map

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

package/lib/packages/components/tab-pane/style/index.js.map

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../packages/components/tabs/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@vft-ui/utils'\nimport Tabs from './tabs.vue';\nimport TabPane from './tab-pane.vue';\n\nexport const VftTabs = withInstall(Tabs, { TabPane })\nexport const VftTabPane = withNoopInstall(TabPane)\nexport default VftTabs\n\nexport * from './types';\n"],"names":["VftTabs","withInstall","Tabs","TabPane","VftTabPane","withNoopInstall"],"mappings":"gTAIaA,EAAUC,EAAA,YAAYC,UAAM,CAAA,QAAEC,UAAS,EACvCC,EAAaC,kBAAgBF,EAAO,OAAA"}

package/lib/packages/components/tabs/style/css.js.map

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

package/lib/packages/components/tabs/style/index.js.map

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

package/lib/packages/components/tabs/tab-bar.vue2.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),x=require("./types.js"),S=require("../../hooks/use-namespace/index.js");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.js");const w=require("@vueuse/core");require("@vue/shared");const u=require("@vft/utils"),$=e.defineComponent({__name:"tab-bar",props:{tabs:null},setup(g,{expose:v}){const a=g,_=e.getCurrentInstance(),l=e.inject(x.TabsRootContextKey),p=S.useNamespace("tabs"),i=e.ref(),f=e.ref(),h=()=>{let t=0,r=0;const s=["top","bottom"].includes(l.props.tabPosition)?"width":"height",b=s==="width"?"x":"y",z=b==="x"?"left":"top";return a.tabs.every(d=>{var m,y;const n=(y=(m=_.parent)==null?void 0:m.refs)==null?void 0:y[`tab-${d.uid}`];if(!n)return!1;if(!d.active)return!0;t=n[`offset${u.capitalize(z)}`],r=n[`client${u.capitalize(s)}`];const c=window.getComputedStyle(n);return s==="width"&&(a.tabs.length>1&&(r-=Number.parseFloat(c.paddingLeft)+Number.parseFloat(c.paddingRight)),t+=Number.parseFloat(c.paddingLeft)),!1}),{[s]:`${r}px`,transform:`translate${u.capitalize(b)}(${t}px)`}},o=()=>f.value=h();e.watch(()=>a.tabs,async()=>{await e.nextTick(),o()},{immediate:!0});const q=e.computed(()=>l.props.tabPosition);return w.useResizeObserver(i,()=>o()),v({ref:i,update:o}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"barRef",ref:i,class:e.normalizeClass([e.unref(p).e("active-bar"),e.unref(p).is(e.unref(q))]),style:e.normalizeStyle(f.value)},null,6))}});exports.default=$;
+//# sourceMappingURL=tab-bar.vue2.js.map

package/lib/packages/components/tabs/tab-bar.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-bar.vue2.js","sources":["../../../../../../packages/components/tabs/tab-bar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { type TabsPaneContext, TabsRootContextKey } from './types';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { capitalize } from '@vft/utils';\nimport { getCurrentInstance, inject, nextTick, ref, watch, computed } from 'vue';\nimport { useResizeObserver } from '@vueuse/core';\n\nimport type { CSSProperties } from 'vue';\n\nconst props = defineProps({\n  \"tabs\": null\n});\n\nconst instance = getCurrentInstance()!;\nconst rootTabs = inject(TabsRootContextKey)!;\n\nconst ns = useNamespace('tabs');\n\nconst barRef = ref<HTMLDivElement>();\nconst barStyle = ref<CSSProperties>();\n\nconst getBarStyle = (): CSSProperties => {\n  let offset = 0;\n  let tabSize = 0;\n\n  const sizeName = ['top', 'bottom'].includes(rootTabs.props.tabPosition!)\n    ? 'width'\n    : 'height';\n  const sizeDir = sizeName === 'width' ? 'x' : 'y';\n  const position = sizeDir === 'x' ? 'left' : 'top';\n\n  props.tabs.every((tab) => {\n    const $el = instance.parent?.refs?.[`tab-${tab.uid}`] as HTMLElement;\n    if (!$el) return false;\n\n    if (!tab.active) {\n      return true;\n    }\n    offset = $el[`offset${capitalize(position)}`];\n    tabSize = $el[`client${capitalize(sizeName)}`];\n\n    const tabStyles = window.getComputedStyle($el);\n\n    if (sizeName === 'width') {\n      if (props.tabs.length > 1) {\n        tabSize -=\n          Number.parseFloat(tabStyles.paddingLeft) +\n          Number.parseFloat(tabStyles.paddingRight);\n      }\n      offset += Number.parseFloat(tabStyles.paddingLeft);\n    }\n    return false;\n  });\n\n  return {\n    [sizeName]: `${tabSize}px`,\n    transform: `translate${capitalize(sizeDir)}(${offset}px)`\n  };\n};\n\nconst update = () => (barStyle.value = getBarStyle());\n\nwatch(\n  () => props.tabs,\n  async () => {\n    await nextTick();\n    update();\n  },\n  { immediate: true }\n);\n\nconst _tabPosition = computed(() => {\n  return rootTabs.props.tabPosition!;\n});\n\nuseResizeObserver(barRef, () => update());\n\ndefineExpose({\n  ref: barRef,\n  update\n});\n</script>\n\n<template>\n  <div\n    ref=\"barRef\"\n    :class=\"[ns.e('active-bar'), ns.is(_tabPosition)]\"\n    :style=\"barStyle\"\n  />\n</template>\n"],"names":["instance","getCurrentInstance","rootTabs","inject","TabsRootContextKey","ns","useNamespace","barRef","ref","barStyle","getBarStyle","offset","tabSize","sizeName","sizeDir","position","props","tab","$el","_b","_a","capitalize","tabStyles","update","watch","nextTick","_tabPosition","computed","useResizeObserver","expose"],"mappings":"8cAaMA,EAAWC,EAAAA,qBACXC,EAAWC,SAAOC,EAAAA,kBAAkB,EAEpCC,EAAKC,eAAa,MAAM,EAExBC,EAASC,EAAAA,MACTC,EAAWD,EAAAA,MAEXE,EAAc,IAAqB,CACvC,IAAIC,EAAS,EACTC,EAAU,EAER,MAAAC,EAAW,CAAC,MAAO,QAAQ,EAAE,SAASX,EAAS,MAAM,WAAY,EACnE,QACA,SACEY,EAAUD,IAAa,QAAU,IAAM,IACvCE,EAAWD,IAAY,IAAM,OAAS,MAEtC,OAAAE,EAAA,KAAK,MAAOC,GAAQ,SACxB,MAAMC,GAAMC,GAAAC,EAAApB,EAAS,SAAT,YAAAoB,EAAiB,OAAjB,YAAAD,EAAwB,OAAOF,EAAI,OAC/C,GAAI,CAACC,EAAY,MAAA,GAEb,GAAA,CAACD,EAAI,OACA,MAAA,GAETN,EAASO,EAAI,SAASG,EAAW,WAAAN,CAAQ,GAAG,EAC5CH,EAAUM,EAAI,SAASG,EAAW,WAAAR,CAAQ,GAAG,EAEvC,MAAAS,EAAY,OAAO,iBAAiBJ,CAAG,EAE7C,OAAIL,IAAa,UACXG,EAAM,KAAK,OAAS,IAEpBJ,GAAA,OAAO,WAAWU,EAAU,WAAW,EACvC,OAAO,WAAWA,EAAU,YAAY,GAElCX,GAAA,OAAO,WAAWW,EAAU,WAAW,GAE5C,EAAA,CACR,EAEM,CACL,CAACT,CAAQ,EAAG,GAAGD,MACf,UAAW,YAAYS,EAAW,WAAAP,CAAO,KAAKH,MAAA,CAChD,EAGIY,EAAS,IAAOd,EAAS,MAAQC,EAAY,EAEnDc,EAAA,MACE,IAAMR,EAAM,KACZ,SAAY,CACV,MAAMS,EAAS,SAAA,EACRF,GACT,EACA,CAAE,UAAW,EAAK,CAAA,EAGd,MAAAG,EAAeC,EAAAA,SAAS,IACrBzB,EAAS,MAAM,WACvB,EAEiB0B,OAAAA,EAAAA,kBAAArB,EAAQ,IAAMgB,EAAA,CAAQ,EAE3BM,EAAA,CACX,IAAKtB,EACL,OAAAgB,CAAA,CACD"}

package/lib/packages/components/tabs/tab-nav.vue2.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");require("@vue/shared");const G=require("../../utils/error.js");require("../divider/index.js");const V=require("../icon/index.js");require("../avatar/index.js");require("../empty/index.js");require("../result/index.js");require("../exception/index.js");require("./index.js");require("../popper/index.js");require("../collapse-transition/index.js");require("../tooltip/index.js");require("../popover/index.js");require("../menu/index.js");const w=require("@vft/utils");require("@vft/use");require("../multiple-tabs/index.js");const R=require("../../hooks/use-namespace/index.js");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.js");const T=require("@vueuse/core"),x=require("@vft/constants"),J=require("./types.js"),Q=require("./tab-bar.vue2.js"),P=R.useNamespace("tab-nav"),Z=t.defineComponent({name:P.b()}),_=t.defineComponent({...Z,props:{panes:null,editable:{type:Boolean},addable:{type:Boolean},type:null,stretch:{type:Boolean},closeIconCfg:null,addIconCfg:null,arrowLeftIconCfg:null,arrowRightIconCfg:null},emits:["tabClick","tabRemove","tabAdd","tabContextmenu"],setup(l,{expose:A,emit:C}){var E;const D=t.getCurrentInstance(),g=t.inject(J.TabsRootContextKey);g||G.throwError(P.b(),"<vft-tabs><tab-nav /></vft-tabs>");const n=R.useNamespace("tabs"),F=T.useDocumentVisibility(),L=T.useWindowFocus(),N=t.ref(),b=t.ref(),h=t.ref(),f=t.ref(!1),d=t.ref(0),y=t.ref(!1),q=t.ref(!0),p=t.computed(()=>["top","bottom"].includes(g.props.tabPosition)?"width":"height"),M=t.computed(()=>({transform:`translate${p.value==="width"?"X":"Y"}(-${d.value}px)`})),K=()=>{if(!b.value)return;const o=b.value[`offset${w.capitalize(p.value)}`],e=d.value;e&&(d.value=e>o?e-o:0)},j=()=>{if(!b.value||!h.value)return;const o=h.value[`offset${w.capitalize(p.value)}`],e=b.value[`offset${w.capitalize(p.value)}`],a=d.value;o-a<=e||(d.value=o-a>e*2?a+e:o-e)},$=async()=>{const o=h.value;if(!f.value||!N.value||!b.value||!o)return;await t.nextTick();const e=N.value.querySelector(".is-active");if(!e)return;const a=b.value,m=["top","bottom"].includes(g.props.tabPosition),r=e.getBoundingClientRect(),s=a.getBoundingClientRect(),u=m?o.offsetWidth-s.width:o.offsetHeight-s.height,i=d.value;let c=i;m?(r.left<s.left&&(c=i-(s.left-r.left)),r.right>s.right&&(c=i+r.right-s.right)):(r.top<s.top&&(c=i-(s.top-r.top)),r.bottom>s.bottom&&(c=i+(r.bottom-s.bottom))),c=Math.max(c,0),d.value=Math.min(c,u)},O=()=>{if(!h.value||!b.value)return;const o=h.value[`offset${w.capitalize(p.value)}`],e=b.value[`offset${w.capitalize(p.value)}`],a=d.value;e<o?(f.value=f.value||{},f.value.prev=a,f.value.next=a+e<o,o-a<e&&(d.value=o-e)):(f.value=!1,a>0&&(d.value=0))},H=o=>{const e=o.code,{up:a,down:m,left:r,right:s}=x.EVENT_CODE;if(![a,m,r,s].includes(e))return;const u=Array.from(o.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)")),i=u.indexOf(o.target);let c;e===r||e===a?i===0?c=u.length-1:c=i-1:i<u.length-1?c=i+1:c=0,u[c].focus(),u[c].click(),z()},z=()=>{q.value&&(y.value=!0)},I=()=>y.value=!1;t.watch(F,o=>{o==="hidden"?q.value=!1:o==="visible"&&setTimeout(()=>q.value=!0,50)}),t.watch(L,o=>{o?setTimeout(()=>q.value=!0,50):q.value=!1}),T.useResizeObserver(N,O),t.onMounted(()=>setTimeout(()=>$(),0)),t.onUpdated(()=>O()),A({scrollToActiveTab:$,removeFocus:I}),t.watch(()=>l.panes,()=>D.update(),{flush:"post"});const W=t.computed(()=>{var o,e;return f.value?[t.createVNode("span",{class:[n.e("nav-prev"),n.is("disabled",!f.value.prev)],onClick:K},[(o=l.arrowLeftIconCfg)!=null&&o.icon?t.createVNode(V.VftIcon,l.arrowLeftIconCfg,null):null]),t.createVNode("span",{class:[n.e("nav-next"),n.is("disabled",!f.value.next)],onClick:j},[(e=l.arrowRightIconCfg)!=null&&e.icon?t.createVNode(V.VftIcon,l.arrowRightIconCfg,null):null])]:null}),U=t.computed(()=>{var o;return(o=l.panes)==null?void 0:o.map((e,a)=>{var S,k,B;const m=e.uid,r=e.props.disabled,s=e.props.name??e.index??`${a}`,u=!r&&(e.isClosable||l.editable);e.index=`${a}`;const i=u?t.createVNode("span",{class:"is-icon-close",onClick:v=>C("tabRemove",e,v)},[(S=l.closeIconCfg)!=null&&S.icon?t.createVNode(V.VftIcon,l.closeIconCfg,null):null]):null,c=((B=(k=e.slots).label)==null?void 0:B.call(k))||e.props.label,Y=!r&&e.active?0:-1;return t.createVNode("div",{ref:`tab-${m}`,class:[n.e("item"),n.is(g.props.tabPosition),n.is("active",e.active),n.is("disabled",r),n.is("closable",u),n.is("focus",y.value)],id:`tab-${s}`,key:`tab-${m}`,"aria-controls":`pane-${s}`,role:"tab","aria-selected":e.active,tabindex:Y,onFocus:()=>z(),onBlur:()=>I(),onClick:v=>{I(),C("tabClick",e,s,v)},onContextmenu:v=>{v.preventDefault(),C("tabContextmenu",{pane:e,index:a,event:v})},onKeydown:v=>{u&&(v.code===x.EVENT_CODE.delete||v.code===x.EVENT_CODE.backspace)&&C("tabRemove",e,v)}},[c,i])})}),X=l.editable||l.addable?t.createVNode("span",{class:n.e("new-tab"),tabindex:"0",onClick:()=>C("tabAdd"),onKeydown:o=>{o.code===x.EVENT_CODE.enter&&C("tabAdd")}},[(E=l.addIconCfg)!=null&&E.icon?t.createVNode(V.VftIcon,l.addIconCfg,null):null]):null;return()=>t.createVNode("div",{ref:N,class:[n.e("nav-wrap"),n.is("scrollable",!!f.value),n.is(g.props.tabPosition)]},[W.value,t.createVNode("div",{class:n.e("nav-scroll"),ref:b},[t.createVNode("div",{class:[n.e("nav"),n.is(g.props.tabPosition),n.is("stretch",l.stretch&&["top","bottom"].includes(g.props.tabPosition))],ref:h,style:M.value,role:"tablist",onKeydown:H},[l.type?null:t.createVNode(Q.default,{tabs:[...l.panes]},null),U.value]),X])])}});exports.default=_;
+//# sourceMappingURL=tab-nav.vue2.js.map

package/lib/packages/components/tabs/tab-nav.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-nav.vue2.js","sources":["../../../../../../packages/components/tabs/tab-nav.vue"],"sourcesContent":["<script lang=\"tsx\">\nconst ns_nav = /* hoist-static*/ useNamespace('tab-nav')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns_nav.b()\n});</script>\n<script lang=\"tsx\" setup>\nimport { throwError } from '@vft-ui/utils';\nimport {\n  computed,\n  type CSSProperties,\n  getCurrentInstance,\n  inject,\n  nextTick,\n  onMounted,\n  onUpdated,\n  ref,\n  watch\n} from 'vue';\nimport { type IconProps, VftIcon } from '@vft-ui/components';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { capitalize } from '@vft/utils';\nimport { EVENT_CODE } from '@vft/constants';\nimport { TabsRootContextKey } from './types';\nimport type { TabsPaneContext, TabsType, Scrollable } from './types';\nimport { useDocumentVisibility, useResizeObserver, useWindowFocus } from '@vueuse/core';\nimport TabBar from './tab-bar.vue';\n\ninterface TabNavProps {\n  panes: TabsPaneContext[];\n  /** 标签是否同时可增加和关闭 */\n  editable?: boolean;\n  /** 标签是否可增加 */\n  addable?: boolean;\n  /** tab 类型 */\n  type?: TabsType;\n  stretch?: boolean;\n  /** 图标配置 */\n  closeIconCfg?: IconProps;\n  addIconCfg?: IconProps;\n  arrowLeftIconCfg?: IconProps;\n  arrowRightIconCfg?: IconProps;\n}\n\ndefineProps({\n  \"panes\": null,\n  \"editable\": { type: Boolean,  },\n  \"addable\": { type: Boolean,  },\n  \"type\": null,\n  \"stretch\": { type: Boolean,  },\n  \"closeIconCfg\": null,\n  \"addIconCfg\": null,\n  \"arrowLeftIconCfg\": null,\n  \"arrowRightIconCfg\": null\n})\n\nconst emit = defineEmits(['tabClick', 'tabRemove', 'tabAdd', 'tabContextmenu']);\n\n\n\n;\n\nconst vm = getCurrentInstance()!;\n\n// 获取从 index.vue 提供的数据信息\nconst rootTabs = inject(TabsRootContextKey)!;\nif (!rootTabs) throwError(ns_nav.b(), `<vft-tabs><tab-nav /></vft-tabs>`)\n\nconst ns = useNamespace('tabs');\nconst visibility = useDocumentVisibility();\nconst focused = useWindowFocus();\n\n// 整个 nav dom 包含前进后退 btn (vft-tabs__nav-wrap)\nconst el$ = ref<HTMLDivElement>();\n// el$ 子节点 包含 newButton (vft-tabs__nav-scroll)\nconst navScroll$ = ref<HTMLDivElement>();\n// navScroll$ 子节点 (vft-tabs__nav)\nconst nav$ = ref<HTMLDivElement>();\n\n/** 是否展示左右滚动 */\nconst scrollable = ref<false | Scrollable>(false);\n// 记录滚动时的偏移量\nconst navOffset = ref(0);\nconst isFocus = ref(false);\nconst focusable = ref(true);\n\n// 根据 tabPosition 确定 sizeName 是 width or height\nconst sizeName = computed(() => ['top', 'bottom'].includes(rootTabs.props.tabPosition!) ? 'width' : 'height');\n\n// 设置 tab 导航栏的 translateX or translateY 的偏移量\nconst navStyle = computed<CSSProperties>(() => {\n  const dir = sizeName.value === 'width' ? 'X' : 'Y';\n  return {\n    transform: `translate${dir}(-${navOffset.value}px)`\n  };\n});\n\n// 向前滚动\nconst scrollPrev = () => {\n  if (!navScroll$.value) return;\n  const containerSize =\n    navScroll$.value[`offset${capitalize(sizeName.value)}`];\n  const currentOffset = navOffset.value;\n\n  if (!currentOffset) return;\n\n  navOffset.value = currentOffset > containerSize ? currentOffset - containerSize : 0;\n};\n\n// 向后滚动\nconst scrollNext = () => {\n  if (!navScroll$.value || !nav$.value) return;\n\n  const navSize = nav$.value[`offset${capitalize(sizeName.value)}`];\n  const containerSize =\n    navScroll$.value[`offset${capitalize(sizeName.value)}`];\n  const currentOffset = navOffset.value;\n\n  if (navSize - currentOffset <= containerSize) return;\n\n  navOffset.value = navSize - currentOffset > containerSize * 2\n    ? currentOffset + containerSize\n    : navSize - containerSize;\n};\n\n// 滚动到激活的 tab 主要是获取 navOffset 的值\nconst scrollToActiveTab = async() => {\n  const nav = nav$.value;\n  if (!scrollable.value || !el$.value || !navScroll$.value || !nav) return;\n\n  await nextTick();\n\n  const activeTab = el$.value.querySelector('.is-active');\n  if (!activeTab) return;\n\n  const navScroll = navScroll$.value;\n  const isHorizontal = ['top', 'bottom'].includes(\n    rootTabs.props.tabPosition!\n  );\n  const activeTabBounding = activeTab.getBoundingClientRect();\n  // vft-tabs__nav-scroll\n  const navScrollBounding = navScroll.getBoundingClientRect();\n  const maxOffset = isHorizontal\n    ? nav.offsetWidth - navScrollBounding.width\n    : nav.offsetHeight - navScrollBounding.height;\n\n  const currentOffset = navOffset.value;\n\n  let newOffset = currentOffset;\n\n  if (isHorizontal) {\n    if (activeTabBounding.left < navScrollBounding.left) {\n      newOffset =\n        currentOffset - (navScrollBounding.left - activeTabBounding.left);\n    }\n    if (activeTabBounding.right > navScrollBounding.right) {\n      newOffset =\n        currentOffset + activeTabBounding.right - navScrollBounding.right;\n    }\n  } else {\n    if (activeTabBounding.top < navScrollBounding.top) {\n      newOffset =\n        currentOffset - (navScrollBounding.top - activeTabBounding.top);\n    }\n    if (activeTabBounding.bottom > navScrollBounding.bottom) {\n      newOffset =\n        currentOffset +\n        (activeTabBounding.bottom - navScrollBounding.bottom);\n    }\n  }\n  newOffset = Math.max(newOffset, 0);\n  navOffset.value = Math.min(newOffset, maxOffset);\n};\n\nconst update = () => {\n  if (!nav$.value || !navScroll$.value) return;\n  // 根据 position 的不同 获取 nav$(vft-tabs__nav) 的 offsetWidth or offsetHeight\n  const navSize = nav$.value[`offset${capitalize(sizeName.value)}`];\n  // 获取到 navScroll$ 的 offsetWidth or offsetHeight\n  const containerSize = navScroll$.value[`offset${capitalize(sizeName.value)}`];\n  // 获取到当前的偏移量\n  const currentOffset = navOffset.value;\n  // 由于 navScroll$ 的 overflow 是 hidden，所以当 vft-tabs__nav 撑开时其宽度可能会超过 vft-tabs__nav-scroll\n  if (containerSize < navSize) {\n    scrollable.value = scrollable.value || {};\n    scrollable.value.prev = currentOffset;\n    scrollable.value.next = currentOffset + containerSize < navSize;\n    if (navSize - currentOffset < containerSize) {\n      navOffset.value = navSize - containerSize;\n    }\n  } else {\n    scrollable.value = false;\n    if (currentOffset > 0) {\n      navOffset.value = 0;\n    }\n  }\n};\n\nconst changeTab = (e: KeyboardEvent) => {\n  const code = e.code;\n\n  const { up, down, left, right } = EVENT_CODE;\n  if (![up, down, left, right].includes(code)) return;\n\n  // 左右上下键更换tab\n  const tabList = Array.from(\n    (e.currentTarget as HTMLDivElement).querySelectorAll<HTMLDivElement>(\n      '[role=tab]:not(.is-disabled)'\n    )\n  );\n  const currentIndex = tabList.indexOf(e.target as HTMLDivElement);\n\n  let nextIndex: number;\n  if (code === left || code === up) {\n    // left\n    if (currentIndex === 0) {\n      // first\n      nextIndex = tabList.length - 1;\n    } else {\n      nextIndex = currentIndex - 1;\n    }\n  } else {\n    // right\n    if (currentIndex < tabList.length - 1) {\n      // not last\n      nextIndex = currentIndex + 1;\n    } else {\n      nextIndex = 0;\n    }\n  }\n  tabList[nextIndex].focus(); // 改变焦点元素\n  tabList[nextIndex].click(); // 选中下一个tab\n  setFocus();\n};\n\nconst setFocus = () => {\n  if (focusable.value) isFocus.value = true;\n};\nconst removeFocus = () => (isFocus.value = false);\n\nwatch(visibility, (visibility) => {\n  if (visibility === 'hidden') {\n    focusable.value = false;\n  } else if (visibility === 'visible') {\n    setTimeout(() => (focusable.value = true), 50);\n  }\n});\n\nwatch(focused, (focused) => {\n  if (focused) {\n    setTimeout(() => (focusable.value = true), 50);\n  } else {\n    focusable.value = false;\n  }\n});\n\n// 监听 resize 触发 update\nuseResizeObserver(el$, update);\n\nonMounted(() => setTimeout(() => scrollToActiveTab(), 0));\nonUpdated(() => update());\n\ndefineExpose({\n  scrollToActiveTab,\n  removeFocus\n});\n\nwatch(\n  () => __props.panes,\n  () => vm.update(),\n  { flush: 'post' }\n);\n\n// 前进后退标签\nconst scrollBtn = computed(() => {\n  return scrollable.value\n    ? [\n      <span\n        class={[\n          ns.e('nav-prev'),\n          ns.is('disabled', !scrollable.value.prev)\n        ]}\n        onClick={scrollPrev}\n      >\n        {__props.arrowLeftIconCfg?.icon ? <VftIcon {...__props.arrowLeftIconCfg}></VftIcon> : null}\n      </span>,\n      <span\n        class={[\n          ns.e('nav-next'),\n          ns.is('disabled', !scrollable.value.next)\n        ]}\n        onClick={scrollNext}\n      >\n         {__props.arrowRightIconCfg?.icon ? <VftIcon {...__props.arrowRightIconCfg}></VftIcon> : null}\n      </span>\n    ]\n    : null;\n});\n\n// 渲染 tab-pane\nconst tabs = computed(() => {\n  return __props.panes?.map((pane, index) => {\n    const uid = pane.uid;\n    const disabled = pane.props.disabled;\n    const tabName = pane.props.name ?? pane.index ?? `${index}`;\n    const closable = !disabled && (pane.isClosable || __props.editable);\n    pane.index = `${index}`;\n\n    // 关闭标签图标\n    const btnClose = closable ? (\n      <span class=\"is-icon-close\" onClick={(ev: MouseEvent) => emit('tabRemove', pane, ev)}>\n        {__props.closeIconCfg?.icon ? <VftIcon {...__props.closeIconCfg}></VftIcon> : null}\n      </span>\n    ) : null;\n\n    const tabLabelContent = pane.slots.label?.() || pane.props.label;\n    const tabindex = !disabled && pane.active ? 0 : -1;\n\n    return (\n      <div\n        ref={`tab-${uid}`}\n        class={[\n          ns.e('item'),\n          ns.is(rootTabs.props.tabPosition!),\n          ns.is('active', pane.active),\n          ns.is('disabled', disabled),\n          ns.is('closable', closable),\n          ns.is('focus', isFocus.value)\n        ]}\n        id={`tab-${tabName}`}\n        key={`tab-${uid}`}\n        aria-controls={`pane-${tabName}`}\n        role=\"tab\"\n        aria-selected={pane.active}\n        tabindex={tabindex}\n        onFocus={() => setFocus()}\n        onBlur={() => removeFocus()}\n        onClick={(ev: MouseEvent) => {\n          removeFocus();\n          emit('tabClick', pane, tabName, ev);\n        }}\n        onContextmenu={(event) => {\n          event.preventDefault();\n          emit('tabContextmenu', { pane, index, event });\n        }}\n        onKeydown={(ev: KeyboardEvent) => {\n          if (\n            closable &&\n            (ev.code === EVENT_CODE.delete ||\n              ev.code === EVENT_CODE.backspace)\n          ) {\n            emit('tabRemove', pane, ev);\n          }\n        }}\n      >\n        {...[tabLabelContent, btnClose]}\n      </div>\n    );\n  });\n});\n\n// 增加 tab 的 dom\nconst newButton =\n  __props.editable || __props.addable ? (\n    <span\n      class={ns.e('new-tab')}\n      tabindex=\"0\"\n      onClick={() => emit('tabAdd')}\n      onKeydown={(ev: KeyboardEvent) => {\n        if (ev.code === EVENT_CODE.enter) emit('tabAdd');\n      }}\n    >\n      {__props.addIconCfg?.icon ? <VftIcon {...__props.addIconCfg}></VftIcon> : null}\n    </span>\n  ) : null;\n\ndefineRender(() => {\n  return (\n    <div\n      ref={el$}\n      class={[\n        ns.e('nav-wrap'),\n        ns.is('scrollable', !!scrollable.value),\n        ns.is(rootTabs.props.tabPosition!)\n      ]}\n    >\n      {scrollBtn.value}\n      <div class={ns.e('nav-scroll')} ref={navScroll$}>\n        <div\n          class={[\n            ns.e('nav'),\n            ns.is(rootTabs.props.tabPosition!),\n            ns.is(\n              'stretch',\n              __props.stretch &&\n              ['top', 'bottom'].includes(rootTabs.props.tabPosition!)\n            )\n          ]}\n          ref={nav$}\n          style={navStyle.value}\n          role=\"tablist\"\n          onKeydown={changeTab}\n        >\n          {...[\n            !__props.type ? <TabBar tabs={[...__props.panes]} /> : null,\n            tabs.value\n          ]}\n        </div>\n        {newButton}\n      </div>\n    </div>\n  );\n});\n</script>\n"],"names":["ns_nav","useNamespace","__default__","DO_defineComponent","name","b","vm","getCurrentInstance","rootTabs","inject","TabsRootContextKey","throwError","ns","visibility","useDocumentVisibility","focused","useWindowFocus","el$","ref","navScroll$","nav$","scrollable","navOffset","isFocus","focusable","sizeName","computed","includes","props","tabPosition","navStyle","transform","value","scrollPrev","containerSize","capitalize","currentOffset","scrollNext","navSize","scrollToActiveTab","nav","nextTick","activeTab","querySelector","navScroll","isHorizontal","activeTabBounding","getBoundingClientRect","navScrollBounding","maxOffset","offsetWidth","width","offsetHeight","height","newOffset","left","right","top","bottom","Math","max","min","update","prev","next","changeTab","e","code","up","down","EVENT_CODE","tabList","Array","from","currentTarget","querySelectorAll","currentIndex","indexOf","target","nextIndex","length","focus","click","setFocus","removeFocus","watch","setTimeout","useResizeObserver","onMounted","onUpdated","expose","__props","panes","flush","scrollBtn","_createVNode","is","arrowLeftIconCfg","icon","VftIcon","arrowRightIconCfg","tabs","map","pane","index","uid","disabled","tabName","closable","isClosable","editable","btnClose","ev","emit","closeIconCfg","tabLabelContent","slots","label","tabindex","active","onFocus","onBlur","event","preventDefault","delete","backspace","newButton","addable","onClick","enter","addIconCfg","stretch","type","TabBar"],"mappings":"g5BACMA,EAA2BC,EAAAA,aAAa,SAAS,EAGvDC,EAA6BC,EAAAA,gBAAmB,CAC/CC,KAAMJ,EAAOK,EAAC,CACf,CAAC,wSAyDD,MAAMC,EAAKC,EAAAA,qBAGLC,EAAWC,SAAOC,EAAAA,kBAAkB,EACrCF,GAAUG,aAAWX,EAAOK,IAAM,kCAAiC,EAExE,MAAMO,EAAKX,eAAa,MAAM,EACxBY,EAAaC,EAAAA,wBACbC,EAAUC,EAAAA,iBAGVC,EAAMC,EAAAA,MAENC,EAAaD,EAAAA,MAEbE,EAAOF,EAAAA,MAGPG,EAAaH,MAAwB,EAAK,EAE1CI,EAAYJ,MAAI,CAAC,EACjBK,EAAUL,MAAI,EAAK,EACnBM,EAAYN,MAAI,EAAI,EAGpBO,EAAWC,EAAQ,SAAC,IAAM,CAAC,MAAO,QAAQ,EAAEC,SAASnB,EAASoB,MAAMC,WAAW,EAAK,QAAU,QAAQ,EAGtGC,EAAWJ,EAAAA,SAAwB,KAEhC,CACLK,UAAY,YAFFN,EAASO,QAAU,QAAU,IAAM,QAEdV,EAAUU,YAE5C,EAGKC,EAAaA,IAAM,CACvB,GAAI,CAACd,EAAWa,MAAO,OACvB,MAAME,EACJf,EAAWa,MAAO,SAAQG,EAAU,WAACV,EAASO,KAAK,GAAG,EAClDI,EAAgBd,EAAUU,MAE3BI,IAELd,EAAUU,MAAQI,EAAgBF,EAAgBE,EAAgBF,EAAgB,IAI9EG,EAAaA,IAAM,CACvB,GAAI,CAAClB,EAAWa,OAAS,CAACZ,EAAKY,MAAO,OAEtC,MAAMM,EAAUlB,EAAKY,MAAO,SAAQG,EAAU,WAACV,EAASO,KAAK,GAAG,EAC1DE,EACJf,EAAWa,MAAO,SAAQG,EAAU,WAACV,EAASO,KAAK,GAAG,EAClDI,EAAgBd,EAAUU,MAE5BM,EAAUF,GAAiBF,IAE/BZ,EAAUU,MAAQM,EAAUF,EAAgBF,EAAgB,EACxDE,EAAgBF,EAChBI,EAAUJ,IAIVK,EAAoB,SAAW,CACnC,MAAMC,EAAMpB,EAAKY,MACjB,GAAI,CAACX,EAAWW,OAAS,CAACf,EAAIe,OAAS,CAACb,EAAWa,OAAS,CAACQ,EAAK,OAElE,MAAMC,EAAQ,SAAA,EAEd,MAAMC,EAAYzB,EAAIe,MAAMW,cAAc,YAAY,EACtD,GAAI,CAACD,EAAW,OAEhB,MAAME,EAAYzB,EAAWa,MACvBa,EAAe,CAAC,MAAO,QAAQ,EAAElB,SACrCnB,EAASoB,MAAMC,WAAW,EAEtBiB,EAAoBJ,EAAUK,wBAE9BC,EAAoBJ,EAAUG,wBAC9BE,EAAYJ,EACdL,EAAIU,YAAcF,EAAkBG,MACpCX,EAAIY,aAAeJ,EAAkBK,OAEnCjB,EAAgBd,EAAUU,MAEhC,IAAIsB,EAAYlB,EAEZS,GACEC,EAAkBS,KAAOP,EAAkBO,OAC7CD,EACElB,GAAiBY,EAAkBO,KAAOT,EAAkBS,OAE5DT,EAAkBU,MAAQR,EAAkBQ,QAC9CF,EACElB,EAAgBU,EAAkBU,MAAQR,EAAkBQ,SAG5DV,EAAkBW,IAAMT,EAAkBS,MAC5CH,EACElB,GAAiBY,EAAkBS,IAAMX,EAAkBW,MAE3DX,EAAkBY,OAASV,EAAkBU,SAC/CJ,EACElB,GACCU,EAAkBY,OAASV,EAAkBU,UAGpDJ,EAAYK,KAAKC,IAAIN,EAAW,CAAC,EACjChC,EAAUU,MAAQ2B,KAAKE,IAAIP,EAAWL,CAAS,GAG3Ca,EAASA,IAAM,CACnB,GAAI,CAAC1C,EAAKY,OAAS,CAACb,EAAWa,MAAO,OAEtC,MAAMM,EAAUlB,EAAKY,MAAO,SAAQG,EAAU,WAACV,EAASO,KAAK,GAAG,EAE1DE,EAAgBf,EAAWa,MAAO,SAAQG,EAAU,WAACV,EAASO,KAAK,GAAG,EAEtEI,EAAgBd,EAAUU,MAE5BE,EAAgBI,GAClBjB,EAAWW,MAAQX,EAAWW,OAAS,CAAA,EACvCX,EAAWW,MAAM+B,KAAO3B,EACxBf,EAAWW,MAAMgC,KAAO5B,EAAgBF,EAAgBI,EACpDA,EAAUF,EAAgBF,IAC5BZ,EAAUU,MAAQM,EAAUJ,KAG9Bb,EAAWW,MAAQ,GACfI,EAAgB,IAClBd,EAAUU,MAAQ,KAKlBiC,EAAaC,GAAqB,CACtC,MAAMC,EAAOD,EAAEC,KAET,CAAEC,GAAAA,EAAIC,KAAAA,EAAMd,KAAAA,EAAMC,MAAAA,CAAO,EAAGc,aAClC,GAAI,CAAC,CAACF,EAAIC,EAAMd,EAAMC,CAAK,EAAE7B,SAASwC,CAAI,EAAG,OAG7C,MAAMI,EAAUC,MAAMC,KACnBP,EAAEQ,cAAiCC,iBAClC,8BAA8B,CAC/B,EAEGC,EAAeL,EAAQM,QAAQX,EAAEY,MAAM,EAE7C,IAAIC,EACAZ,IAASZ,GAAQY,IAASC,EAExBQ,IAAiB,EAEnBG,EAAYR,EAAQS,OAAS,EAE7BD,EAAYH,EAAe,EAIzBA,EAAeL,EAAQS,OAAS,EAElCD,EAAYH,EAAe,EAE3BG,EAAY,EAGhBR,EAAQQ,CAAS,EAAEE,QACnBV,EAAQQ,CAAS,EAAEG,QACnBC,KAGIA,EAAWA,IAAM,CACjB3D,EAAUQ,QAAOT,EAAQS,MAAQ,KAEjCoD,EAAcA,IAAO7D,EAAQS,MAAQ,GAE3CqD,EAAK,MAACxE,EAAaA,GAAe,CAC5BA,IAAe,SACjBW,EAAUQ,MAAQ,GACTnB,IAAe,WACxByE,WAAW,IAAO9D,EAAUQ,MAAQ,GAAO,EAAE,CAEjD,CAAC,EAEDqD,EAAK,MAACtE,EAAUA,GAAY,CACtBA,EACFuE,WAAW,IAAO9D,EAAUQ,MAAQ,GAAO,EAAE,EAE7CR,EAAUQ,MAAQ,EAEtB,CAAC,EAGDuD,oBAAkBtE,EAAK6C,CAAM,EAE7B0B,EAAS,UAAC,IAAMF,WAAW,IAAM/C,EAAiB,EAAI,CAAC,CAAC,EACxDkD,YAAU,IAAM3B,EAAM,CAAE,EAExB4B,EAAa,CACXnD,kBAAAA,EACA6C,YAAAA,CACF,CAAC,EAEDC,EAAK,MACH,IAAMM,EAAQC,MACd,IAAMtF,EAAGwD,OAAM,EACf,CAAE+B,MAAO,MAAO,CAAC,EAInB,MAAMC,EAAYpE,EAAAA,SAAS,IAAM,SAC/B,OAAOL,EAAWW,MACd,CAAA+D,EAAAA,YAAA,OAAA,CAAA,MAES,CACLnF,EAAGsD,EAAE,UAAU,EACftD,EAAGoF,GAAG,WAAY,CAAC3E,EAAWW,MAAM+B,IAAI,CAAC,EAC1C,QACQ9B,CAAU,EAAA,EAElB0D,EAAAA,EAAQM,mBAARN,MAAAA,EAA0BO,KAAIH,EAAAA,YAAAI,EAAAA,QAAgBR,EAAQM,iBAA+B,IAAA,EAAA,IAAI,GAAAF,EAAAA,YAAA,OAAA,CAAA,MAGnF,CACLnF,EAAGsD,EAAE,UAAU,EACftD,EAAGoF,GAAG,WAAY,CAAC3E,EAAWW,MAAMgC,IAAI,CAAC,EAC1C,QACQ3B,CAAU,EAAA,EAEjBsD,EAAAA,EAAQS,oBAART,MAAAA,EAA2BO,KAAIH,EAAA,YAAAI,EAAA,QAAgBR,EAAQS,wBAAgC,IAAI,CAAA,CAAA,EAG/F,IACN,CAAC,EAGKC,EAAO3E,EAAAA,SAAS,IAAM,OAC1B,OAAOiE,EAAAA,EAAQC,QAARD,YAAAA,EAAeW,IAAI,CAACC,EAAMC,IAAU,WACzC,MAAMC,EAAMF,EAAKE,IACXC,EAAWH,EAAK3E,MAAM8E,SACtBC,EAAUJ,EAAK3E,MAAMxB,MAAQmG,EAAKC,OAAU,GAAEA,IAC9CI,EAAW,CAACF,IAAaH,EAAKM,YAAclB,EAAQmB,UAC1DP,EAAKC,MAAS,GAAEA,IAGhB,MAAMO,EAAWH,EAAQb,EAAA,YAAA,OAAA,CAAA,MACX,gBAAe,QAAWiB,GAAmBC,EAAK,YAAaV,EAAMS,CAAE,CAAC,EAAA,EACjFrB,EAAAA,EAAQuB,eAARvB,MAAAA,EAAsBO,KAAIH,EAAA,YAAAI,EAAA,QAAgBR,EAAQuB,aAA2B,IAAA,EAAA,IAAI,GAElF,KAEEC,IAAkBZ,GAAAA,EAAAA,EAAKa,OAAMC,QAAXd,YAAAA,EAAAA,KAAAA,KAAwBA,EAAK3E,MAAMyF,MACrDC,EAAW,CAACZ,GAAYH,EAAKgB,OAAS,EAAI,GAEhD,OAAAxB,EAAAA,YAAA,MAAA,CAAA,IAEU,OAAMU,IAAK,MACV,CACL7F,EAAGsD,EAAE,MAAM,EACXtD,EAAGoF,GAAGxF,EAASoB,MAAMC,WAAW,EAChCjB,EAAGoF,GAAG,SAAUO,EAAKgB,MAAM,EAC3B3G,EAAGoF,GAAG,WAAYU,CAAQ,EAC1B9F,EAAGoF,GAAG,WAAYY,CAAQ,EAC1BhG,EAAGoF,GAAG,QAASzE,EAAQS,KAAK,CAAC,EAC9B,GACI,OAAM2E,IAAS,IACd,OAAMF,IAAK,gBACD,QAAOE,IAAS,KAC3B,MAAK,gBACKJ,EAAKgB,OAAM,SAChBD,EAAQ,QACTE,IAAMrC,EAAU,EAAA,OACjBsC,IAAMrC,EAAa,EAAA,QACjB4B,GAAmB,CAC3B5B,IACA6B,EAAK,WAAYV,EAAMI,EAASK,CAAE,CACnC,EAAA,cACeU,GAAU,CACxBA,EAAMC,eAAc,EACpBV,EAAK,iBAAkB,CAAEV,KAAAA,EAAMC,MAAAA,EAAOkB,MAAAA,CAAM,CAAC,CAC9C,EAAA,UACWV,GAAsB,CAE9BJ,IACCI,EAAG7C,OAASG,EAAU,WAACsD,QACtBZ,EAAG7C,OAASG,aAAWuD,YAEzBZ,EAAK,YAAaV,EAAMS,CAAE,CAE9B,CAAC,EAAA,CAEIG,EAAiBJ,CAAS,CAAA,CAGrC,EACF,CAAC,EAGKe,EACJnC,EAAQmB,UAAYnB,EAAQoC,QAAOhC,EAAA,YAAA,OAAA,CAAA,MAExBnF,EAAGsD,EAAE,SAAS,EAAC,SACb,IAAG,QACH8D,IAAMf,EAAK,QAAQ,EAAC,UACjBD,GAAsB,CAC5BA,EAAG7C,OAASG,EAAAA,WAAW2D,OAAOhB,EAAK,QAAQ,CACjD,CAAC,EAAA,EAEAtB,EAAAA,EAAQuC,aAARvC,MAAAA,EAAoBO,KAAIH,EAAA,YAAAI,EAAA,QAAgBR,EAAQuC,WAAyB,IAAA,EAAA,IAAI,GAE9E,KAEO,MAAA,IACXnC,EAAAA,YAAA,MAAA,CAAA,IAES9E,EAAG,MACD,CACLL,EAAGsD,EAAE,UAAU,EACftD,EAAGoF,GAAG,aAAc,CAAC,CAAC3E,EAAWW,KAAK,EACtCpB,EAAGoF,GAAGxF,EAASoB,MAAMC,WAAW,CAAE,CACnC,EAAA,CAEAiE,EAAU9D,MAAK+D,EAAAA,YAAA,MAAA,CAAA,MACJnF,EAAGsD,EAAE,YAAY,EAAC,IAAO/C,CAAU,EAAA,CAAA4E,EAAA,YAAA,MAAA,CAAA,MAEpC,CACLnF,EAAGsD,EAAE,KAAK,EACVtD,EAAGoF,GAAGxF,EAASoB,MAAMC,WAAW,EAChCjB,EAAGoF,GACD,UACAL,EAAQwC,SACR,CAAC,MAAO,QAAQ,EAAExG,SAASnB,EAASoB,MAAMC,WAAW,CAAE,CACxD,EACF,IACIT,EAAI,MACFU,EAASE,MAAK,KAChB,UAAS,UACHiC,GAEP,CACD0B,EAAQyC,KAA8C,KAA1CrC,EAAAA,YAAAsC,EAAAA,QAAA,CAAA,KAAiB,CAAC,GAAG1C,EAAQC,KAAK,CAAC,EAAA,IAAA,EAChDS,EAAKrE,KACN,GAEF8F,CAAS,CAAA,CAAA,CAAA"}

package/lib/packages/components/tabs/tab-pane.vue2.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vue/shared");const f=require("../../utils/error.js"),v=require("./types.js"),y=require("../../hooks/use-namespace/index.js");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.js");const d=require("@vueuse/core");require("@vft/utils");const q=["id","aria-hidden","aria-labelledby"],l=y.useNamespace("tab-pane"),h=e.defineComponent({name:l.b()}),C=e.defineComponent({...h,props:{label:null,name:null,closable:{type:Boolean},disabled:{type:Boolean},lazy:{type:Boolean}},setup(r){const a=e.getCurrentInstance(),b=e.useSlots(),n=e.inject(v.TabsRootContextKey);n||f.throwError(l.b(),"usage: <vft-tabs><vft-tab-pane /></vft-tabs/>");const o=e.ref(),p=e.computed(()=>r.closable||n.props.closable),t=d.eagerComputed(()=>n.currentName.value===(r.name??o.value)),i=e.ref(t.value),s=e.computed(()=>r.name??o.value),m=d.eagerComputed(()=>!r.lazy||i.value||t.value);e.watch(t,u=>{u&&(i.value=!0)});const c=e.reactive({uid:a.uid,slots:b,props:a.props,paneName:s,active:t,index:o,isClosable:p,attrs:a.attrs});return e.onMounted(()=>{n.registerPane(c)}),e.onUnmounted(()=>{n.unregisterPane(c.uid)}),(u,g)=>e.unref(m)?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,id:`pane-${e.unref(s)}`,class:e.normalizeClass(e.unref(l).b()),role:"tabpanel","aria-hidden":!e.unref(t),"aria-labelledby":`tab-${e.unref(s)}`},[e.renderSlot(u.$slots,"default")],10,q)),[[e.vShow,e.unref(t)]]):e.createCommentVNode("",!0)}});exports.default=C;
+//# sourceMappingURL=tab-pane.vue2.js.map

package/lib/packages/components/tabs/tab-pane.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-pane.vue2.js","sources":["../../../../../../packages/components/tabs/tab-pane.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('tab-pane')\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 { throwError } from '@vft-ui/utils';\nimport { type TabsPaneContext, TabsRootContextKey } from './types';\nimport { useNamespace } from '@vft-ui/hooks';\nimport {\n  computed,\n  getCurrentInstance,\n  inject,\n  onMounted,\n  onUnmounted,\n  reactive,\n  ref,\n  useSlots,\n  watch\n} from 'vue';\nimport { eagerComputed } from '@vueuse/core';\n\ninterface TabPaneProps {\n  /** 选项卡标题 */\n  label?: string;\n  /** 与选项卡绑定值 value 对应的标识符，表示选项卡别名 */\n  name?: Numberish;\n  /** 标签是否可关闭 */\n  closable?: boolean;\n  /** 是否禁用 */\n  disabled?: boolean;\n  /** 标签是否延迟渲染 */\n  lazy?: boolean;\n}\n\ndefineProps({\n  \"label\": null,\n  \"name\": null,\n  \"closable\": { type: Boolean,  },\n  \"disabled\": { type: Boolean,  },\n  \"lazy\": { type: Boolean,  }\n})\n\n\n\n;\n\nconst vm = getCurrentInstance()!;\n\nconst slots = useSlots();\n\nconst tabsRoot = inject(TabsRootContextKey)!;\n\nif (!tabsRoot)\n\tthrowError(ns.b(), 'usage: <vft-tabs><vft-tab-pane /></vft-tabs/>')\n\nconst index = ref<string>();\n// 可关闭\nconst isClosable = computed(() => __props.closable || tabsRoot.props.closable);\n// 激活\nconst active = eagerComputed(() => {\n  return tabsRoot.currentName.value === (__props.name ?? index.value);\n});\n\nconst loaded = ref(active.value);\n\nconst paneName = computed(() => __props.name ?? index.value);\n\nconst shouldBeRender = eagerComputed(() => {\n  return !__props.lazy || loaded.value || active.value;\n});\n\nwatch(active, (val) => {\n  if (val) loaded.value = true;\n});\n\nconst pane = reactive({\n  uid: vm.uid,\n  slots,\n  props: vm.props as unknown as TabPaneProps,\n  paneName,\n  active,\n  index,\n  isClosable,\n  attrs: vm.attrs\n});\n\n\nonMounted(() => {\n  tabsRoot.registerPane(pane as TabsPaneContext);\n});\n\nonUnmounted(() => {\n  tabsRoot.unregisterPane(pane.uid);\n});\n</script>\n\n<template>\n  <div v-if=\"shouldBeRender\" v-show=\"active\" :id=\"`pane-${paneName}`\" :class=\"ns.b()\"\n    role=\"tabpanel\" :aria-hidden=\"!active\" :aria-labelledby=\"`tab-${paneName}`\">\n    <slot />\n  </div>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","vm","getCurrentInstance","slots","useSlots","tabsRoot","inject","TabsRootContextKey","throwError","index","ref","isClosable","computed","__props","active","eagerComputed","loaded","paneName","shouldBeRender","watch","val","pane","reactive","onMounted","onUnmounted"],"mappings":"ucACMA,EAAuBC,EAAAA,aAAa,UAAU,EAGpDC,EAA6BC,EAAAA,gBAAmB,CAC9C,KAAMH,EAAG,EAAE,CACb,CAAC,sIA2CD,MAAMI,EAAKC,EAAAA,qBAELC,EAAQC,EAAAA,WAERC,EAAWC,SAAOC,EAAAA,kBAAkB,EAErCF,GACOG,EAAAA,WAAAX,EAAG,EAAE,EAAG,+CAA+C,EAEnE,MAAMY,EAAQC,EAAAA,MAERC,EAAaC,EAAS,SAAA,IAAMC,EAAQ,UAAYR,EAAS,MAAM,QAAQ,EAEvES,EAASC,EAAAA,cAAc,IACpBV,EAAS,YAAY,SAAWQ,EAAQ,MAAQJ,EAAM,MAC9D,EAEKO,EAASN,EAAAA,IAAII,EAAO,KAAK,EAEzBG,EAAWL,EAAAA,SAAS,IAAMC,EAAQ,MAAQJ,EAAM,KAAK,EAErDS,EAAiBH,EAAAA,cAAc,IAC5B,CAACF,EAAQ,MAAQG,EAAO,OAASF,EAAO,KAChD,EAEKK,QAAAL,EAASM,GAAQ,CACjBA,IAAKJ,EAAO,MAAQ,GAAA,CACzB,EAED,MAAMK,EAAOC,EAAAA,SAAS,CACpB,IAAKrB,EAAG,IACR,MAAAE,EACA,MAAOF,EAAG,MACV,SAAAgB,EACA,OAAAH,EACA,MAAAL,EACA,WAAAE,EACA,MAAOV,EAAG,KAAA,CACX,EAGDsB,OAAAA,EAAAA,UAAU,IAAM,CACdlB,EAAS,aAAagB,CAAuB,CAAA,CAC9C,EAEDG,EAAAA,YAAY,IAAM,CACPnB,EAAA,eAAegB,EAAK,GAAG,CAAA,CACjC"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),P=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 l=require("@vft/utils"),V=require("../../hooks/use-ordered-children/index.js"),k=require("@vft/constants"),A=require("./tab-nav.vue2.js"),E=require("./types.js"),c=P.useNamespace("tabs"),M=n.defineComponent({name:c.b()}),z=n.defineComponent({...M,props:{type:{default:""},closable:{type:Boolean},addable:{type:Boolean,default:!1},modelValue:null,editable:{type:Boolean},tabPosition:{default:"top"},beforeLeave:{type:Function},stretch:{type:Boolean},closeIconCfg:null,addIconCfg:null,arrowLeftIconCfg:null,arrowRightIconCfg:null},emits:{[k.UPDATE_MODEL_EVENT]:t=>l.isNumberish(t),tabClick:(t,u)=>u instanceof Event,tabContextMenu:(t,u,a)=>a instanceof Event,tabChange:t=>l.isNumberish(t),edit:(t,u)=>["remove","add"].includes(u),tabRemove:t=>l.isNumberish(t),tabAdd:()=>!0},setup(t,{expose:u,emit:a}){const C=n.getCurrentInstance(),i=n.useSlots(),s=n.ref(),d=n.ref(t.modelValue??"0"),g=e=>{d.value=e,a("update:modelValue",e),a("tabChange",e)},f=async e=>{var o,r,m;if(!(d.value===e||l.isUndefined(e)))try{await((o=t.beforeLeave)==null?void 0:o.call(t,e,d.value))!==!1&&(g(e),(m=(r=s.value)==null?void 0:r.removeFocus)==null||m.call(r))}catch{}},h=(e,o,r)=>{e.props.disabled||(f(o),a("tabClick",e,r))},I=(e,o)=>{e.props.disabled||l.isUndefined(e.props.name)||(o.stopPropagation(),a("edit",e.props.name,"remove"),a("tabRemove",e.props.name))};n.watch(()=>t.modelValue,e=>f(e)),n.watch(d,async()=>{var e;await n.nextTick(),(e=s.value)==null||e.scrollToActiveTab()});const y=()=>{a("edit",void 0,"add"),a("tabAdd")},N=(e,o,r)=>{a("tabContextMenu",e,o,r)},b=n.computed(()=>{var e;return n.createVNode("div",{class:c.e("content")},[(e=i.default)==null?void 0:e.call(i)])}),{children:w,addChild:T,removeChild:p}=V.useOrderedChildren(n.getCurrentInstance(),"vft-tab-pane");n.provide(E.TabsRootContextKey,{props:C.props,currentName:d,registerPane:T,unregisterPane:p}),u({currentName:d});const q=n.computed(()=>({icon:"vi-add",color:"black",size:12,...t.addIconCfg})),R=n.computed(()=>({icon:"vi-close",size:12,...t.closeIconCfg})),x=n.computed(()=>({icon:"vi-arrow-left",size:18,...t.arrowLeftIconCfg})),L=n.computed(()=>({icon:"vi-arrow-right",size:18,...t.arrowRightIconCfg})),v=n.computed(()=>{var e;return n.createVNode("div",{class:[c.e("header"),c.is(t.tabPosition)]},[n.createVNode(A.default,{ref:s,currentName:d.value,panes:w.value,stretch:t.stretch,closeIconCfg:R.value,addIconCfg:q.value,arrowRightIconCfg:L.value,arrowLeftIconCfg:x.value,editable:t.editable,addable:t.addable,type:t.type,onTabClick:h,onTabRemove:I,onTabAdd:y,onTabContextmenu:N},null),(e=i.headerRight)==null?void 0:e.call(i)])});return()=>n.createVNode("div",{class:[c.b(),c.m(t.tabPosition),{[c.m("card")]:t.type==="card",[c.m("border-card")]:t.type==="border-card"}]},[...t.tabPosition!=="bottom"?[v.value,b.value]:[b.value,v.value]])}});exports.default=z;
+//# sourceMappingURL=tabs.vue2.js.map