vft 0.0.9 → 0.0.13

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

@@ -1 +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 { 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\nconst vm = getCurrentInstance()!;\n\nconst slots = useSlots();\n\nconst tabsRoot = inject(TabsRootContextKey)!;\n\n\n\n;\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","index","ref","isClosable","computed","__props","active","eagerComputed","loaded","paneName","shouldBeRender","watch","val","pane","reactive","onMounted","onUnmounted"],"mappings":"iUACMA,EAAuBC,EAAAA,aAAa,UAAU,EAGpDC,EAA6BC,EAAAA,gBAAmB,CAC9C,KAAMH,EAAG,EAAE,CACb,CAAC,sIAsCD,MAAMI,EAAKC,EAAAA,qBAELC,EAAQC,EAAAA,WAERC,EAAWC,SAAOC,EAAAA,kBAAkB,EAMpCC,EAAQC,EAAAA,MAERC,EAAaC,EAAS,SAAA,IAAMC,EAAQ,UAAYP,EAAS,MAAM,QAAQ,EAEvEQ,EAASC,EAAAA,cAAc,IACpBT,EAAS,YAAY,SAAWO,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,IAAKpB,EAAG,IACR,MAAAE,EACA,MAAOF,EAAG,MACV,SAAAe,EACA,OAAAH,EACA,MAAAL,EACA,WAAAE,EACA,MAAOT,EAAG,KAAA,CACX,EAGDqB,OAAAA,EAAAA,UAAU,IAAM,CACdjB,EAAS,aAAae,CAAuB,CAAA,CAC9C,EAEDG,EAAAA,YAAY,IAAM,CACPlB,EAAA,eAAee,EAAK,GAAG,CAAA,CACjC"}
+{"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/components/tabs/tabs.vue2.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),V=require("../../hooks/use-namespace/index.js"),q=require("../../hooks/use-ordered-children/index.js"),k=require("@vft/constants"),l=require("@vft/utils"),A=require("./tab-nav.vue2.js"),E=require("./types.js"),r=V.useNamespace("tabs"),M=n.defineComponent({name:r.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,c,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=(c=s.value)==null?void 0:c.removeFocus)==null||m.call(c))}catch{}},h=(e,o,c)=>{e.props.disabled||(f(o),a("tabClick",e,c))},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,c)=>{a("tabContextMenu",e,o,c)},b=n.computed(()=>{var e;return n.createVNode("div",{class:r.e("content")},[(e=i.default)==null?void 0:e.call(i)])}),{children:w,addChild:T,removeChild:p}=q.useOrderedChildren(n.getCurrentInstance(),"vft-tab-pane");n.provide(E.TabsRootContextKey,{props:C.props,currentName:d,registerPane:T,unregisterPane:p}),u({currentName:d});const R=n.computed(()=>({icon:"vi-add",color:"black",size:12,...t.addIconCfg})),x=n.computed(()=>({icon:"vi-close",size:12,...t.closeIconCfg})),L=n.computed(()=>({icon:"vi-arrow-left",size:18,...t.arrowLeftIconCfg})),P=n.computed(()=>({icon:"vi-arrow-right",size:18,...t.arrowRightIconCfg})),v=n.computed(()=>{var e;return n.createVNode("div",{class:[r.e("header"),r.is(t.tabPosition)]},[n.createVNode(A.default,{ref:s,currentName:d.value,panes:w.value,stretch:t.stretch,closeIconCfg:x.value,addIconCfg:R.value,arrowRightIconCfg:P.value,arrowLeftIconCfg:L.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:[r.b(),r.m(t.tabPosition),{[r.m("card")]:t.type==="card",[r.m("border-card")]:t.type==="border-card"}]},[...t.tabPosition!=="bottom"?[v.value,b.value]:[b.value,v.value]])}});exports.default=z;
+"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

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

@@ -1 +1 @@
-{"version":3,"file":"tabs.vue2.js","sources":["../../../../../packages/components/tabs/tabs.vue"],"sourcesContent":["<script lang=\"tsx\">\nconst ns = /* hoist-static*/ useNamespace('tabs')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script setup lang=\"tsx\">\nimport { type IconProps } from '@vft-ui/components';\nimport { useNamespace, useOrderedChildren } from '@vft-ui/hooks';\nimport { UPDATE_MODEL_EVENT } from '@vft/constants';\nimport { isNumberish, isUndefined } from '@vft/utils';\nimport { computed, getCurrentInstance, nextTick, provide, ref, useSlots, watch } from 'vue';\nimport TabNav from './tab-nav.vue';\nimport { type TabsPaneContext, type TabsProps, TabsRootContextKey, type TabsType } from './types';\n\ninterface TabsProps {\n  /** 风格类型 */\n  type?: TabsType;\n  /** 标签是否可关闭 */\n  closable?: boolean;\n  /** 标签是否可增加 */\n  addable?: boolean;\n  /** 绑定值，选中选项卡的 name */\n  modelValue: Numberish;\n  /** 标签是否同时可增加和关闭 */\n  editable?: boolean;\n  /** 选项卡所在位置 */\n  tabPosition?: 'top' | 'right' | 'bottom' | 'left';\n  /** 切换标签之前的钩子函数， 若返回 false  或者返回被 reject 的 Promise，则阻止切换 */\n  beforeLeave?: Function;\n  /** 是否自动撑开宽度 */\n  stretch?: boolean;\n  /** icon 配置 */\n  closeIconCfg?: IconProps;\n  addIconCfg?: IconProps;\n  arrowLeftIconCfg?: IconProps;\n  arrowRightIconCfg?: IconProps;\n}\n\ndefineProps({\n  \"type\": { default: '' },\n  \"closable\": { type: Boolean,  },\n  \"addable\": { type: Boolean, default: false },\n  \"modelValue\": null,\n  \"editable\": { type: Boolean,  },\n  \"tabPosition\": { default: 'top' },\n  \"beforeLeave\": { type: Function,  },\n  \"stretch\": { type: Boolean,  },\n  \"closeIconCfg\": null,\n  \"addIconCfg\": null,\n  \"arrowLeftIconCfg\": null,\n  \"arrowRightIconCfg\": null\n})\n\nconst emit = defineEmits({\n  [UPDATE_MODEL_EVENT]: (name: Numberish) => isNumberish(name),\n  /** 点击 */\n  tabClick: (pane: TabsPaneContext, ev: Event) => ev instanceof Event,\n  /** 右键点击 */\n  tabContextMenu: (pane: TabsPaneContext, index: number, ev: Event) => ev instanceof Event,\n  tabChange: (name: Numberish) => isNumberish(name),\n  edit: (paneName: Numberish | undefined, action: 'remove' | 'add') =>\n    ['remove', 'add'].includes(action),\n  /** 移除 */\n  tabRemove: (name: Numberish) => isNumberish(name),\n  /** 增加 */\n  tabAdd: () => true\n});\n\n\n\n;\n\nconst vm = getCurrentInstance()!;\n\nconst slots = useSlots();\n\n// tab-nav 实例\nconst nav$ = ref();\n\n// 默认的激活的 tab\nconst currentName = ref<Numberish>(__props.modelValue ?? '0');\n\n// 更新当前 current tab 触发 tabChange 以及更新 modelValue\nconst changeCurrentName = (value: Numberish) => {\n  currentName.value = value;\n  emit('update:modelValue', value);\n  emit('tabChange', value);\n};\n\n// value 值为当前点击的 tab 值\nconst setCurrentName = async (value?: Numberish) => {\n  // 如果 currentName 等于原值，或者 value 不存在，不执行\n  if (currentName.value === value || isUndefined(value)) return;\n\n  try {\n    // 切换标签之前的钩子函数， 若返回 false  或者返回被 reject 的 Promise，则阻止切换 */\n    const canLeave = await __props.beforeLeave?.(value, currentName.value);\n    if (canLeave !== false) {\n      // 更新 tab 值\n      changeCurrentName(value);\n      //\n      nav$.value?.removeFocus?.();\n    }\n  } catch {}\n};\n\n/**\n * @description tab 点击事件\n * @author wfd\n * @date 2022/10/18 09:07\n * @example\n * @param {TabsPaneContext} tab 当前被点击的 tab 信息\n * @param {Numberish} tabName 被点击的 tab 值\n * @param {Event} event\n */\nconst handleTabClick = (tab: TabsPaneContext, tabName: Numberish, event: Event) => {\n  // 如果 TabPaneProps 中设置了 disabled 则禁止点击\n  if (tab.props.disabled) return;\n  // 更新 currentName\n  setCurrentName(tabName);\n  // 抛出 tabClick 事件\n  emit('tabClick', tab, event);\n};\n\nconst handleTabRemove = (pane: TabsPaneContext, ev: Event) => {\n  if (pane.props.disabled || isUndefined(pane.props.name)) return;\n  ev.stopPropagation();\n  emit('edit', pane.props.name, 'remove');\n  emit('tabRemove', pane.props.name);\n};\n\n// 监听 modelValue 改变触发改变 currentName\nwatch(\n  () => __props.modelValue,\n  (modelValue) => setCurrentName(modelValue)\n);\n\n// 当前激活的 tab 变化触发 nav$ scrollToActiveTab 方法\nwatch(currentName, async () => {\n  await nextTick();\n  nav$.value?.scrollToActiveTab();\n});\n\n// 增加 tab 事件\nconst handleTabAdd = () => {\n  emit('edit', undefined, 'add');\n  emit('tabAdd');\n};\n\nconst handleContextmenu = (pane: TabsPaneContext, index: number, ev: Event) => {\n  emit('tabContextMenu', pane, index, ev);\n};\n\n// 默认渲染的内容区域\nconst panels = computed(() => {\n  return <div class={ns.e('content')}>{slots.default?.()}</div>;\n});\n\n// 找出当前 tab 组件下 vri-tab-pane 的组件实例对象\nconst { children: panes, addChild: registerPane, removeChild: unregisterPane } = useOrderedChildren<TabsPaneContext>(getCurrentInstance()!, 'vft-tab-pane');\n\nprovide(TabsRootContextKey, {\n  props: vm.props as unknown as TabsProps,\n  currentName,\n  registerPane,\n  unregisterPane\n});\n\ndefineExpose({\n  currentName\n});\n\n// 图标相关\nconst _addIconCfg = computed(() => {\n  return {\n    icon: 'vi-add',\n    color: 'black',\n    size: 12,\n    ...__props.addIconCfg\n  };\n});\n\nconst _closeIconCfg = computed(() => {\n  return {\n    icon: 'vi-close',\n    size: 12,\n    ...__props.closeIconCfg\n  };\n});\n\nconst _arrowLeftIconCfg = computed(() => {\n  return {\n    icon: 'vi-arrow-left',\n    size: 18,\n    ...__props.arrowLeftIconCfg\n  };\n});\n\nconst _arrowRightIconCfg = computed(() => {\n  return {\n    icon: 'vi-arrow-right',\n    size: 18,\n    ...__props.arrowRightIconCfg\n  };\n});\n\nconst header = computed(() => {\n  return (\n    <div class={[ns.e('header'), ns.is(__props.tabPosition)]}>\n      <TabNav\n        ref={nav$}\n        currentName={currentName.value}\n        panes={panes.value}\n        stretch={__props.stretch}\n        closeIconCfg={_closeIconCfg.value}\n        addIconCfg={_addIconCfg.value}\n        arrowRightIconCfg={_arrowRightIconCfg.value}\n        arrowLeftIconCfg={_arrowLeftIconCfg.value}\n        editable={__props.editable}\n        addable={__props.addable}\n        type={__props.type}\n        onTabClick={handleTabClick}\n        onTabRemove={handleTabRemove}\n        onTabAdd={handleTabAdd}\n        onTabContextmenu={handleContextmenu}\n      />\n      {slots.headerRight?.()}\n    </div>\n  );\n});\n\ndefineRender(() => {\n  return (\n    <div\n      class={[\n        ns.b(),\n        ns.m(__props.tabPosition),\n        {\n          [ns.m('card')]: __props.type === 'card',\n          [ns.m('border-card')]: __props.type === 'border-card'\n        }\n      ]}\n    >\n      {...__props.tabPosition !== 'bottom' ? [header.value, panels.value] : [panels.value, header.value]}\n    </div>\n  );\n});\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","name","b","vm","getCurrentInstance","slots","useSlots","nav$","ref","currentName","__props","modelValue","changeCurrentName","value","emit","setCurrentName","isUndefined","beforeLeave","removeFocus","handleTabClick","tab","tabName","event","props","disabled","handleTabRemove","pane","ev","stopPropagation","watch","nextTick","scrollToActiveTab","handleTabAdd","undefined","handleContextmenu","index","panels","computed","_createVNode","e","default","children","panes","addChild","registerPane","removeChild","unregisterPane","useOrderedChildren","provide","TabsRootContextKey","expose","_addIconCfg","icon","color","size","addIconCfg","_closeIconCfg","closeIconCfg","_arrowLeftIconCfg","arrowLeftIconCfg","_arrowRightIconCfg","arrowRightIconCfg","header","is","tabPosition","TabNav","stretch","editable","addable","type","headerRight","m"],"mappings":"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"}
+{"version":3,"file":"tabs.vue2.js","sources":["../../../../../packages/components/tabs/tabs.vue"],"sourcesContent":["<script lang=\"tsx\">\nconst ns = /* hoist-static*/ useNamespace('tabs')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script setup lang=\"tsx\">\nimport { type IconProps } from '@vft-ui/components';\nimport { useNamespace, useOrderedChildren } from '@vft-ui/hooks';\nimport { UPDATE_MODEL_EVENT } from '@vft/constants';\nimport { isNumberish, isUndefined } from '@vft/utils';\nimport { computed, getCurrentInstance, nextTick, provide, ref, useSlots, watch } from 'vue';\nimport TabNav from './tab-nav.vue';\nimport { type TabsPaneContext, type TabsProps, TabsRootContextKey, type TabsType } from './types';\n\ninterface TabsProps {\n  /** 风格类型 */\n  type?: TabsType;\n  /** 标签是否可关闭 */\n  closable?: boolean;\n  /** 标签是否可增加 */\n  addable?: boolean;\n  /** 绑定值，选中选项卡的 name */\n  modelValue: Numberish;\n  /** 标签是否同时可增加和关闭 */\n  editable?: boolean;\n  /** 选项卡所在位置 */\n  tabPosition?: 'top' | 'right' | 'bottom' | 'left';\n  /** 切换标签之前的钩子函数， 若返回 false  或者返回被 reject 的 Promise，则阻止切换 */\n  beforeLeave?: Function;\n  /** 是否自动撑开宽度 */\n  stretch?: boolean;\n  /** icon 配置 */\n  closeIconCfg?: IconProps;\n  addIconCfg?: IconProps;\n  arrowLeftIconCfg?: IconProps;\n  arrowRightIconCfg?: IconProps;\n}\n\ndefineProps({\n  \"type\": { default: '' },\n  \"closable\": { type: Boolean,  },\n  \"addable\": { type: Boolean, default: false },\n  \"modelValue\": null,\n  \"editable\": { type: Boolean,  },\n  \"tabPosition\": { default: 'top' },\n  \"beforeLeave\": { type: Function,  },\n  \"stretch\": { type: Boolean,  },\n  \"closeIconCfg\": null,\n  \"addIconCfg\": null,\n  \"arrowLeftIconCfg\": null,\n  \"arrowRightIconCfg\": null\n})\n\nconst emit = defineEmits({\n  [UPDATE_MODEL_EVENT]: (name: Numberish) => isNumberish(name),\n  /** 点击 */\n  tabClick: (pane: TabsPaneContext, ev: Event) => ev instanceof Event,\n  /** 右键点击 */\n  tabContextMenu: (pane: TabsPaneContext, index: number, ev: Event) => ev instanceof Event,\n  tabChange: (name: Numberish) => isNumberish(name),\n  edit: (paneName: Numberish | undefined, action: 'remove' | 'add') =>\n    ['remove', 'add'].includes(action),\n  /** 移除 */\n  tabRemove: (name: Numberish) => isNumberish(name),\n  /** 增加 */\n  tabAdd: () => true\n});\n\n\n\n;\n\nconst vm = getCurrentInstance()!;\n\nconst slots = useSlots();\n\n// tab-nav 实例\nconst nav$ = ref();\n\n// 默认的激活的 tab\nconst currentName = ref<Numberish>(__props.modelValue ?? '0');\n\n// 更新当前 current tab 触发 tabChange 以及更新 modelValue\nconst changeCurrentName = (value: Numberish) => {\n  currentName.value = value;\n  emit('update:modelValue', value);\n  emit('tabChange', value);\n};\n\n// value 值为当前点击的 tab 值\nconst setCurrentName = async (value?: Numberish) => {\n  // 如果 currentName 等于原值，或者 value 不存在，不执行\n  if (currentName.value === value || isUndefined(value)) return;\n\n  try {\n    // 切换标签之前的钩子函数， 若返回 false  或者返回被 reject 的 Promise，则阻止切换 */\n    const canLeave = await __props.beforeLeave?.(value, currentName.value);\n    if (canLeave !== false) {\n      // 更新 tab 值\n      changeCurrentName(value);\n      //\n      nav$.value?.removeFocus?.();\n    }\n  } catch {}\n};\n\n/**\n * @description tab 点击事件\n * @author wfd\n * @date 2022/10/18 09:07\n * @example\n * @param {TabsPaneContext} tab 当前被点击的 tab 信息\n * @param {Numberish} tabName 被点击的 tab 值\n * @param {Event} event\n */\nconst handleTabClick = (tab: TabsPaneContext, tabName: Numberish, event: Event) => {\n  // 如果 TabPaneProps 中设置了 disabled 则禁止点击\n  if (tab.props.disabled) return;\n  // 更新 currentName\n  setCurrentName(tabName);\n  // 抛出 tabClick 事件\n  emit('tabClick', tab, event);\n};\n\nconst handleTabRemove = (pane: TabsPaneContext, ev: Event) => {\n  if (pane.props.disabled || isUndefined(pane.props.name)) return;\n  ev.stopPropagation();\n  emit('edit', pane.props.name, 'remove');\n  emit('tabRemove', pane.props.name);\n};\n\n// 监听 modelValue 改变触发改变 currentName\nwatch(\n  () => __props.modelValue,\n  (modelValue) => setCurrentName(modelValue)\n);\n\n// 当前激活的 tab 变化触发 nav$ scrollToActiveTab 方法\nwatch(currentName, async () => {\n  await nextTick();\n  nav$.value?.scrollToActiveTab();\n});\n\n// 增加 tab 事件\nconst handleTabAdd = () => {\n  emit('edit', undefined, 'add');\n  emit('tabAdd');\n};\n\nconst handleContextmenu = (pane: TabsPaneContext, index: number, ev: Event) => {\n  emit('tabContextMenu', pane, index, ev);\n};\n\n// 默认渲染的内容区域\nconst panels = computed(() => {\n  return <div class={ns.e('content')}>{slots.default?.()}</div>;\n});\n\n// 找出当前 tab 组件下 vft-tab-pane 的组件实例对象\nconst { children: panes, addChild: registerPane, removeChild: unregisterPane } = useOrderedChildren<TabsPaneContext>(getCurrentInstance()!, 'vft-tab-pane');\n\nprovide(TabsRootContextKey, {\n  props: vm.props as unknown as TabsProps,\n  currentName,\n  registerPane,\n  unregisterPane\n});\n\ndefineExpose({\n  currentName\n});\n\n// 图标相关\nconst _addIconCfg = computed(() => {\n  return {\n    icon: 'vi-add',\n    color: 'black',\n    size: 12,\n    ...__props.addIconCfg\n  };\n});\n\nconst _closeIconCfg = computed(() => {\n  return {\n    icon: 'vi-close',\n    size: 12,\n    ...__props.closeIconCfg\n  };\n});\n\nconst _arrowLeftIconCfg = computed(() => {\n  return {\n    icon: 'vi-arrow-left',\n    size: 18,\n    ...__props.arrowLeftIconCfg\n  };\n});\n\nconst _arrowRightIconCfg = computed(() => {\n  return {\n    icon: 'vi-arrow-right',\n    size: 18,\n    ...__props.arrowRightIconCfg\n  };\n});\n\nconst header = computed(() => {\n  return (\n    <div class={[ns.e('header'), ns.is(__props.tabPosition)]}>\n      <TabNav\n        ref={nav$}\n        currentName={currentName.value}\n        panes={panes.value}\n        stretch={__props.stretch}\n        closeIconCfg={_closeIconCfg.value}\n        addIconCfg={_addIconCfg.value}\n        arrowRightIconCfg={_arrowRightIconCfg.value}\n        arrowLeftIconCfg={_arrowLeftIconCfg.value}\n        editable={__props.editable}\n        addable={__props.addable}\n        type={__props.type}\n        onTabClick={handleTabClick}\n        onTabRemove={handleTabRemove}\n        onTabAdd={handleTabAdd}\n        onTabContextmenu={handleContextmenu}\n      />\n      {slots.headerRight?.()}\n    </div>\n  );\n});\n\ndefineRender(() => {\n  return (\n    <div\n      class={[\n        ns.b(),\n        ns.m(__props.tabPosition),\n        {\n          [ns.m('card')]: __props.type === 'card',\n          [ns.m('border-card')]: __props.type === 'border-card'\n        }\n      ]}\n    >\n      {...__props.tabPosition !== 'bottom' ? [header.value, panels.value] : [panels.value, header.value]}\n    </div>\n  );\n});\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","name","b","vm","getCurrentInstance","slots","useSlots","nav$","ref","currentName","__props","modelValue","changeCurrentName","value","emit","setCurrentName","isUndefined","beforeLeave","removeFocus","handleTabClick","tab","tabName","event","props","disabled","handleTabRemove","pane","ev","stopPropagation","watch","nextTick","scrollToActiveTab","handleTabAdd","undefined","handleContextmenu","index","panels","computed","_createVNode","e","default","children","panes","addChild","registerPane","removeChild","unregisterPane","useOrderedChildren","provide","TabsRootContextKey","expose","_addIconCfg","icon","color","size","addIconCfg","_closeIconCfg","closeIconCfg","_arrowLeftIconCfg","arrowLeftIconCfg","_arrowRightIconCfg","arrowRightIconCfg","header","is","tabPosition","TabNav","stretch","editable","addable","type","headerRight","m"],"mappings":"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"}

package/lib/components/tooltip/constants.d.ts

@@ -0,0 +1,18 @@
+import type { InjectionKey, Ref } from 'vue';
+export type Arrayable<T> = T | T[];
+export type TooltipTriggerType = 'hover' | 'focus' | 'click' | 'contextmenu';
+export type VftTooltipInjectionContext = {
+    controlled: Ref<boolean>;
+    id: Ref<string>;
+    open: Ref<boolean>;
+    trigger: Ref<Arrayable<TooltipTriggerType>>;
+    onOpen: (e?: Event) => void;
+    onClose: (e?: Event) => void;
+    onToggle: (e: Event) => void;
+    onShow: () => void;
+    onHide: () => void;
+    onBeforeShow: () => void;
+    onBeforeHide: () => void;
+    updatePopper: () => void;
+};
+export declare const TOOLTIP_INJECTION_KEY: InjectionKey<VftTooltipInjectionContext>;

package/lib/components/tooltip/constants.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=Symbol("vftTooltip");exports.TOOLTIP_INJECTION_KEY=t;
+//# sourceMappingURL=constants.js.map

package/lib/components/tooltip/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../packages/components/tooltip/constants.ts"],"sourcesContent":["import type { InjectionKey, Ref } from 'vue';\n\nexport type Arrayable<T> = T | T[];\nexport type TooltipTriggerType = 'hover' | 'focus' | 'click' | 'contextmenu';\n\nexport type VftTooltipInjectionContext = {\n  controlled: Ref<boolean>\n  id: Ref<string>\n  open: Ref<boolean>\n  trigger: Ref<Arrayable<TooltipTriggerType>>\n  onOpen: (e?: Event) => void\n  onClose: (e?: Event) => void\n  onToggle: (e: Event) => void\n  onShow: () => void\n  onHide: () => void\n  onBeforeShow: () => void\n  onBeforeHide: () => void\n  updatePopper: () => void\n}\n\nexport const TOOLTIP_INJECTION_KEY: InjectionKey<VftTooltipInjectionContext> = Symbol('vftTooltip');\n"],"names":["TOOLTIP_INJECTION_KEY"],"mappings":"gFAoBa,MAAAA,EAAkE,OAAO,YAAY"}

package/lib/components/tooltip/content.vue.d.ts

@@ -0,0 +1,268 @@
+import type { PropType as __PropType } from 'vue';
+import type { Options, Placement } from '@popperjs/core';
+import { type StyleValue } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    boundariesPadding: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    fallbackPlacements: {
+        type: __PropType<Placement[] | undefined>;
+        required: false;
+    };
+    gpuAcceleration: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    offset: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    placement: {
+        type: __PropType<Placement | undefined>;
+        required: false;
+    };
+    popperOptions: {
+        type: __PropType<Partial<Options> | undefined>;
+        required: false;
+    };
+    strategy: {
+        type: __PropType<"fixed" | "absolute" | undefined>;
+        required: false;
+    };
+    style: {
+        type: __PropType<StyleValue | undefined>;
+        required: false;
+    };
+    className: {
+        type: __PropType<ClassType | undefined>;
+        required: false;
+    };
+    effect: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    enterable: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    pure: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    focusOnShow: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    trapping: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    popperClass: {
+        type: __PropType<ClassType | undefined>;
+        required: false;
+    };
+    popperStyle: {
+        type: __PropType<StyleValue | undefined>;
+        required: false;
+    };
+    referenceEl: {
+        type: __PropType<HTMLElement | undefined>;
+        required: false;
+    };
+    triggerTargetEl: {
+        type: __PropType<HTMLElement | undefined>;
+        required: false;
+    };
+    stopPopperMouseEvent: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    virtualTriggering: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    zIndex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    showAfter: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    hideAfter: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    appendTo: {
+        type: __PropType<string | HTMLElement | undefined>;
+        required: false;
+    };
+    content: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    rawContent: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    persistent: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    ariaLabel: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    visible: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    transition: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    teleported: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}, {
+    /**
+     * @description el-popper-content component instance
+     */
+    contentRef: any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    boundariesPadding: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    fallbackPlacements: {
+        type: __PropType<Placement[] | undefined>;
+        required: false;
+    };
+    gpuAcceleration: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    offset: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    placement: {
+        type: __PropType<Placement | undefined>;
+        required: false;
+    };
+    popperOptions: {
+        type: __PropType<Partial<Options> | undefined>;
+        required: false;
+    };
+    strategy: {
+        type: __PropType<"fixed" | "absolute" | undefined>;
+        required: false;
+    };
+    style: {
+        type: __PropType<StyleValue | undefined>;
+        required: false;
+    };
+    className: {
+        type: __PropType<ClassType | undefined>;
+        required: false;
+    };
+    effect: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    enterable: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    pure: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    focusOnShow: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    trapping: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    popperClass: {
+        type: __PropType<ClassType | undefined>;
+        required: false;
+    };
+    popperStyle: {
+        type: __PropType<StyleValue | undefined>;
+        required: false;
+    };
+    referenceEl: {
+        type: __PropType<HTMLElement | undefined>;
+        required: false;
+    };
+    triggerTargetEl: {
+        type: __PropType<HTMLElement | undefined>;
+        required: false;
+    };
+    stopPopperMouseEvent: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    virtualTriggering: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    zIndex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    showAfter: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    hideAfter: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    appendTo: {
+        type: __PropType<string | HTMLElement | undefined>;
+        required: false;
+    };
+    content: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    rawContent: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    persistent: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    ariaLabel: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    visible: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    transition: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    teleported: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}>>, {}>;
+export default _sfc_main;

package/lib/components/tooltip/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/components/tooltip/content.vue.js.map

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

package/lib/components/tooltip/content.vue2.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),$=require("../../hooks/use-namespace/index.js");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.js");const R=require("@vueuse/core");require("@vue/shared");require("@vft/utils");const m=require("../../utils/event.js"),V=require("../../hooks/use-popper-container/index.js");require("../popper/index.js");const z=require("./constants.js"),j=require("../popper/content.vue2.js"),D=e.defineComponent({name:"VftTooltipContent",inheritAttrs:!1}),H=e.defineComponent({...D,props:{boundariesPadding:{default:0},fallbackPlacements:null,gpuAcceleration:{type:Boolean,default:!0},offset:{default:12},placement:{default:"bottom"},popperOptions:{default:{}},strategy:{default:"absolute"},style:null,className:null,effect:{default:"dark"},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},virtualTriggering:{type:Boolean},zIndex:null,showAfter:{default:0},hideAfter:{default:200},appendTo:null,content:{default:""},rawContent:{type:Boolean,default:!1},persistent:{type:Boolean},ariaLabel:null,visible:{type:Boolean,default:null},transition:{default:"vft-fade-in-linear"},teleported:{type:Boolean,default:!0},disabled:{type:Boolean}},setup(t,{expose:v}){const{selector:y}=V.usePopperContainerId(),b=$.useNamespace("tooltip"),o=e.ref(null),c=e.ref(!1),{controlled:d,id:h,open:a,trigger:i,onClose:l,onOpen:C,onShow:B,onHide:T,onBeforeShow:s,onBeforeHide:f}=e.inject(z.TOOLTIP_INJECTION_KEY,void 0),E=e.computed(()=>t.transition||`${b.namespace.value}-fade-in-linear`),k=e.computed(()=>process.env.NODE_ENV==="test"?!0:t.persistent);e.onBeforeUnmount(()=>{c.value=!0});const q=e.computed(()=>e.unref(k)?!0:e.unref(a)),p=e.computed(()=>t.disabled?!1:e.unref(a)),w=e.computed(()=>t.appendTo||y.value),P=e.computed(()=>t.style??{}),O=e.computed(()=>!e.unref(a)),S=()=>{T()},g=()=>{if(e.unref(d))return!0},N=m.composeEventHandlers(g,()=>{t.enterable&&e.unref(i)==="hover"&&C()}),A=m.composeEventHandlers(g,()=>{e.unref(i)==="hover"&&l()}),x=()=>{var n,r;(r=(n=o.value)==null?void 0:n.updatePopper)==null||r.call(n),s==null||s()},L=()=>{f==null||f()},M=()=>{B(),u=R.onClickOutside(e.computed(()=>{var n;return(n=o.value)==null?void 0:n.popperContentRef}),()=>{if(e.unref(d))return;e.unref(i)!=="hover"&&l()})},I=()=>{t.virtualTriggering||l()};let u;return e.watch(()=>e.unref(a),n=>{n||u==null||u()},{flush:"post"}),e.watch(()=>t.content,()=>{var n,r;(r=(n=o.value)==null?void 0:n.updatePopper)==null||r.call(n)}),v({contentRef:o}),(n,r)=>(e.openBlock(),e.createBlock(e.Teleport,{disabled:!t.teleported,to:e.unref(w)},[e.createVNode(e.Transition,{name:e.unref(E),onAfterLeave:S,onBeforeEnter:x,onAfterEnter:M,onBeforeLeave:L},{default:e.withCtx(()=>[e.unref(q)?e.withDirectives((e.openBlock(),e.createBlock(e.unref(j.default),e.mergeProps({key:0,id:e.unref(h),ref_key:"contentRef",ref:o},n.$attrs,{"aria-label":t.ariaLabel,"aria-hidden":e.unref(O),"boundaries-padding":t.boundariesPadding,"fallback-placements":t.fallbackPlacements,"gpu-acceleration":t.gpuAcceleration,offset:t.offset,placement:t.placement,"popper-options":t.popperOptions,strategy:t.strategy,effect:t.effect,enterable:t.enterable,pure:t.pure,"popper-class":t.popperClass,"popper-style":[t.popperStyle,e.unref(P)],"reference-el":t.referenceEl,"trigger-target-el":t.triggerTargetEl,visible:e.unref(p),"z-index":t.zIndex,onMouseenter:e.unref(N),onMouseleave:e.unref(A),onBlur:I,onClose:e.unref(l)}),{default:e.withCtx(()=>[c.value?e.createCommentVNode("",!0):e.renderSlot(n.$slots,"default",{key:0})]),_:3},16,["id","aria-label","aria-hidden","boundaries-padding","fallback-placements","gpu-acceleration","offset","placement","popper-options","strategy","effect","enterable","pure","popper-class","popper-style","reference-el","trigger-target-el","visible","z-index","onMouseenter","onMouseleave","onClose"])),[[e.vShow,e.unref(p)]]):e.createCommentVNode("",!0)]),_:3},8,["name"])],8,["disabled","to"]))}});exports.default=H;
+//# sourceMappingURL=content.vue2.js.map

package/lib/components/tooltip/content.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.vue2.js","sources":["../../../../../packages/components/tooltip/content.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: 'VftTooltipContent',\n\tinheritAttrs: false\n});\n</script>\n<template>\n\t<teleport :disabled=\"!teleported\" :to=\"_appendTo\">\n\t\t<transition\n\t\t\t\t:name=\"transitionClass\"\n\t\t\t\t@after-leave=\"onTransitionLeave\"\n\t\t\t\t@before-enter=\"onBeforeEnter\"\n\t\t\t\t@after-enter=\"onAfterShow\"\n\t\t\t\t@before-leave=\"onBeforeLeave\"\n\t\t>\n\t\t\t<vft-popper-content\n\t\t\t\t\tv-if=\"shouldRender\"\n\t\t\t\t\tv-show=\"shouldShow\"\n\t\t\t\t\t:id=\"id\"\n\t\t\t\t\tref=\"contentRef\"\n\t\t\t\t\tv-bind=\"$attrs\"\n\t\t\t\t\t:aria-label=\"ariaLabel\"\n\t\t\t\t\t:aria-hidden=\"ariaHidden\"\n\t\t\t\t\t:boundaries-padding=\"boundariesPadding\"\n\t\t\t\t\t:fallback-placements=\"fallbackPlacements\"\n\t\t\t\t\t:gpu-acceleration=\"gpuAcceleration\"\n\t\t\t\t\t:offset=\"offset\"\n\t\t\t\t\t:placement=\"placement\"\n\t\t\t\t\t:popper-options=\"popperOptions\"\n\t\t\t\t\t:strategy=\"strategy\"\n\t\t\t\t\t:effect=\"effect\"\n\t\t\t\t\t:enterable=\"enterable\"\n\t\t\t\t\t:pure=\"pure\"\n\t\t\t\t\t:popper-class=\"popperClass\"\n\t\t\t\t\t:popper-style=\"[popperStyle, contentStyle]\"\n\t\t\t\t\t:reference-el=\"referenceEl\"\n\t\t\t\t\t:trigger-target-el=\"triggerTargetEl\"\n\t\t\t\t\t:visible=\"shouldShow\"\n\t\t\t\t\t:z-index=\"zIndex\"\n\t\t\t\t\t@mouseenter=\"onContentEnter\"\n\t\t\t\t\t@mouseleave=\"onContentLeave\"\n\t\t\t\t\t@blur=\"onBlur\"\n\t\t\t\t\t@close=\"onClose\"\n\t\t\t>\n\t\t\t\t<template v-if=\"!destroyed\">\n\t\t\t\t\t<slot />\n\t\t\t\t</template>\n\t\t\t</vft-popper-content>\n\t\t</transition>\n\t</teleport>\n</template>\n\n<script lang=\"ts\" setup>\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport type { Options, Placement } from '@popperjs/core';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { computed, inject, onBeforeUnmount, ref, type StyleValue, unref, watch } from 'vue';\nimport { onClickOutside } from '@vueuse/core';\nimport { usePopperContainerId } from '@vft-ui/hooks';\nimport { composeEventHandlers } from '@vft-ui/utils';\nimport { VftPopperContent } from '@vft-ui/components/popper';\nimport { TOOLTIP_INJECTION_KEY } from './constants';\n\n;\n\ninterface ToolTipProps {\n\tboundariesPadding?: number;\n\tfallbackPlacements?: Placement[];\n\tgpuAcceleration?: boolean;\n\toffset?: number;\n\tplacement?: Placement;\n\tpopperOptions?: Partial<Options>;\n\tstrategy?: 'fixed' | 'absolute';\n\tstyle?: StyleValue;\n\tclassName?: ClassType;\n\teffect?: string;\n\tenterable?: boolean;\n\tpure?: boolean;\n\tfocusOnShow?: boolean;\n\ttrapping?: boolean;\n\tpopperClass?: ClassType;\n\tpopperStyle?: StyleValue;\n\treferenceEl?: HTMLElement;\n\ttriggerTargetEl?: HTMLElement;\n\tstopPopperMouseEvent?: boolean;\n\tvirtualTriggering?: boolean;\n\tzIndex?: number;\n\t// ---- useDelayedToggleProps\n\tshowAfter?: number;\n\thideAfter?: number;\n\t// ---- tooltip content\n\tappendTo?: HTMLElement | string;\n\tcontent?: string;\n\trawContent?: boolean;\n\tpersistent?: boolean;\n\tariaLabel?: string;\n\tvisible?: boolean;\n\ttransition?: string;\n\tteleported?: boolean;\n\tdisabled?: boolean;\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  \"style\": null,\n  \"className\": null,\n  \"effect\": { default: 'dark' },\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  \"virtualTriggering\": { type: Boolean,  },\n  \"zIndex\": null,\n  \"showAfter\": { default: 0 },\n  \"hideAfter\": { default: 200 },\n  \"appendTo\": null,\n  \"content\": { default: '' },\n  \"rawContent\": { type: Boolean, default: false },\n  \"persistent\": { type: Boolean,  },\n  \"ariaLabel\": null,\n  \"visible\": { type: Boolean, default: null },\n  \"transition\": { default: 'vft-fade-in-linear' },\n  \"teleported\": { type: Boolean, default: true },\n  \"disabled\": { type: Boolean,  }\n})\n\nconst { selector } = usePopperContainerId();\nconst ns = useNamespace('tooltip');\n// TODO any is temporary, replace with `InstanceType<typeof ElPopperContent> | null` later\nconst contentRef = ref<any>(null);\nconst destroyed = ref(false);\nconst {\n\tcontrolled,\n\tid,\n\topen,\n\ttrigger,\n\tonClose,\n\tonOpen,\n\tonShow,\n\tonHide,\n\tonBeforeShow,\n\tonBeforeHide,\n} = inject(TOOLTIP_INJECTION_KEY, undefined)!;\n\nconst transitionClass = computed(() => {\n\treturn __props.transition || `${ns.namespace.value}-fade-in-linear`;\n});\n\nconst persistentRef = computed(() => {\n\t// For testing, we would always want the content to be rendered\n\t// to the DOM, so we need to return true here.\n\tif (process.env.NODE_ENV === 'test') {\n\t\treturn true\n\t}\n\treturn __props.persistent\n})\n\nonBeforeUnmount(() => {\n\tdestroyed.value = true\n})\n\nconst shouldRender = computed(() => {\n\treturn unref(persistentRef) ? true : unref(open)\n})\n\nconst shouldShow = computed(() => {\n\treturn __props.disabled ? false : unref(open)\n})\n\nconst _appendTo = computed(() => {\n\treturn __props.appendTo || selector.value\n})\n\nconst contentStyle = computed(() => (__props.style ?? {}) as any)\n\nconst ariaHidden = computed(() => !unref(open))\n\nconst onTransitionLeave = () => {\n\tonHide()\n}\n\nconst stopWhenControlled = () => {\n\tif (unref(controlled)) return true\n}\n\nconst onContentEnter = composeEventHandlers(stopWhenControlled, () => {\n\tif (__props.enterable && unref(trigger) === 'hover') {\n\t\tonOpen()\n\t}\n})\n\nconst onContentLeave = composeEventHandlers(stopWhenControlled, () => {\n\tif (unref(trigger) === 'hover') {\n\t\tonClose()\n\t}\n})\n\nconst onBeforeEnter = () => {\n\tcontentRef.value?.updatePopper?.()\n\tonBeforeShow?.()\n}\n\nconst onBeforeLeave = () => {\n\tonBeforeHide?.()\n}\n\nconst onAfterShow = () => {\n\tonShow()\n\tstopHandle = onClickOutside(\n\t\tcomputed(() => {\n\t\t\treturn contentRef.value?.popperContentRef\n\t\t}),\n\t\t() => {\n\t\t\tif (unref(controlled)) return\n\t\t\tconst $trigger = unref(trigger)\n\t\t\tif ($trigger !== 'hover') {\n\t\t\t\tonClose()\n\t\t\t}\n\t\t}\n\t)\n}\n\nconst onBlur = () => {\n\tif (!__props.virtualTriggering) {\n\t\tonClose()\n\t}\n}\n\nlet stopHandle: ReturnType<typeof onClickOutside>\n\nwatch(\n\t() => unref(open),\n\t(val) => {\n\t\tif (!val) {\n\t\t\tstopHandle?.()\n\t\t}\n\t},\n\t{\n\t\tflush: 'post',\n\t}\n)\n\nwatch(\n\t() => __props.content,\n\t() => {\n\t\tcontentRef.value?.updatePopper?.()\n\t}\n)\n\ndefineExpose({\n\t/**\n\t * @description el-popper-content component instance\n\t */\n\tcontentRef,\n})\n</script>\n"],"names":["__default__","DO_defineComponent","selector","usePopperContainerId","ns","useNamespace","contentRef","ref","destroyed","controlled","id","open","trigger","onClose","onOpen","onShow","onHide","onBeforeShow","onBeforeHide","inject","TOOLTIP_INJECTION_KEY","transitionClass","computed","__props","persistentRef","onBeforeUnmount","shouldRender","unref","shouldShow","_appendTo","contentStyle","ariaHidden","onTransitionLeave","stopWhenControlled","onContentEnter","composeEventHandlers","onContentLeave","onBeforeEnter","_b","_a","onBeforeLeave","onAfterShow","stopHandle","onClickOutside","onBlur","watch","val","expose"],"mappings":"8hBAEAA,EAA6BC,EAAAA,gBAAmB,CAC/C,KAAM,oBACN,aAAc,EACf,CAAC,m4BAqIK,KAAA,CAAE,SAAAC,GAAaC,EAAAA,uBACfC,EAAKC,eAAa,SAAS,EAE3BC,EAAaC,MAAS,IAAI,EAC1BC,EAAYD,MAAI,EAAK,EACrB,CACL,WAAAE,EACA,GAAAC,EACA,KAAAC,EACA,QAAAC,EACA,QAAAC,EACA,OAAAC,EACA,OAAAC,EACA,OAAAC,EACA,aAAAC,EACA,aAAAC,CACD,EAAIC,SAAOC,EAAAA,sBAAuB,MAAS,EAErCC,EAAkBC,EAAAA,SAAS,IACzBC,EAAQ,YAAc,GAAGnB,EAAG,UAAU,sBAC7C,EAEKoB,EAAgBF,EAAAA,SAAS,IAG1B,QAAQ,IAAI,WAAa,OACrB,GAEDC,EAAQ,UACf,EAEDE,EAAAA,gBAAgB,IAAM,CACrBjB,EAAU,MAAQ,EAAA,CAClB,EAEK,MAAAkB,EAAeJ,EAAAA,SAAS,IACtBK,EAAAA,MAAMH,CAAa,EAAI,GAAOG,QAAMhB,CAAI,CAC/C,EAEKiB,EAAaN,EAAAA,SAAS,IACpBC,EAAQ,SAAW,GAAQI,EAAA,MAAMhB,CAAI,CAC5C,EAEKkB,EAAYP,EAAAA,SAAS,IACnBC,EAAQ,UAAYrB,EAAS,KACpC,EAEK4B,EAAeR,EAAAA,SAAS,IAAOC,EAAQ,OAAS,CAAU,CAAA,EAE1DQ,EAAaT,EAAAA,SAAS,IAAM,CAACK,EAAAA,MAAMhB,CAAI,CAAC,EAExCqB,EAAoB,IAAM,CACxBhB,GAAA,EAGFiB,EAAqB,IAAM,CAChC,GAAIN,EAAAA,MAAMlB,CAAU,EAAU,MAAA,EAAA,EAGzByB,EAAiBC,uBAAqBF,EAAoB,IAAM,CACjEV,EAAQ,WAAaI,EAAM,MAAAf,CAAO,IAAM,SACpCE,GACR,CACA,EAEKsB,EAAiBD,uBAAqBF,EAAoB,IAAM,CACjEN,EAAA,MAAMf,CAAO,IAAM,SACdC,GACT,CACA,EAEKwB,EAAgB,IAAM,UAC3BC,GAAAC,EAAAjC,EAAW,QAAX,YAAAiC,EAAkB,eAAlB,MAAAD,EAAA,KAAAC,GACetB,GAAA,MAAAA,GAAA,EAGVuB,EAAgB,IAAM,CACZtB,GAAA,MAAAA,GAAA,EAGVuB,EAAc,IAAM,CAClB1B,IACM2B,EAAAC,EAAA,eACZrB,EAAAA,SAAS,IAAM,OACd,OAAOiB,EAAAjC,EAAW,QAAX,YAAAiC,EAAkB,gBAAA,CACzB,EACD,IAAM,CACL,GAAIZ,EAAAA,MAAMlB,CAAU,EAAG,OACNkB,QAAMf,CAAO,IACb,SACRC,GAEV,CAAA,CACD,EAGK+B,EAAS,IAAM,CACfrB,EAAQ,mBACJV,GACT,EAGG,IAAA6B,EAEJG,OAAAA,EAAA,MACC,IAAMlB,EAAAA,MAAMhB,CAAI,EACfmC,GAAQ,CACHA,GACSJ,GAAA,MAAAA,GAEf,EACA,CACC,MAAO,MACR,CAAA,EAGDG,EAAA,MACC,IAAMtB,EAAQ,QACd,IAAM,UACLe,GAAAC,EAAAjC,EAAW,QAAX,YAAAiC,EAAkB,eAAlB,MAAAD,EAAA,KAAAC,EACD,CAAA,EAGYQ,EAAA,CAIZ,WAAAzC,CAAA,CACA"}