vft 0.0.401 → 0.0.403

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -10,7 +10,7 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<{
10
10
  type: import("vue").PropType<boolean>;
11
11
  };
12
12
  visible: {
13
- type: import("vue").PropType<boolean>;
13
+ type: import("vue").PropType<boolean | null>;
14
14
  };
15
15
  transition: {
16
16
  type: import("vue").PropType<string>;
@@ -105,7 +105,7 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<{
105
105
  type: import("vue").PropType<boolean>;
106
106
  };
107
107
  visible: {
108
- type: import("vue").PropType<boolean>;
108
+ type: import("vue").PropType<boolean | null>;
109
109
  };
110
110
  transition: {
111
111
  type: import("vue").PropType<string>;
@@ -191,7 +191,7 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<{
191
191
  type: import("vue").PropType<boolean>;
192
192
  };
193
193
  visible: {
194
- type: import("vue").PropType<boolean>;
194
+ type: import("vue").PropType<boolean | null>;
195
195
  };
196
196
  transition: {
197
197
  type: import("vue").PropType<string>;
@@ -18,7 +18,7 @@ const D = "onUpdate:visible", H = m({
18
18
  trigger: { default: "hover" },
19
19
  placement: { default: "bottom" },
20
20
  disabled: { type: Boolean, default: !1 },
21
- visible: { type: Boolean, default: !1 },
21
+ visible: { type: [Boolean, null], default: null },
22
22
  transition: {},
23
23
  popperOptions: {},
24
24
  tabindex: { default: 0 },
@@ -6,7 +6,7 @@ export interface PopoverProps {
6
6
  trigger?: TooltipTriggerType;
7
7
  placement?: Placement;
8
8
  disabled?: boolean;
9
- visible?: boolean;
9
+ visible?: boolean | null;
10
10
  transition?: string;
11
11
  popperOptions?: Partial<Options>;
12
12
  tabindex?: number;
@@ -1,26 +1,26 @@
1
- import { defineComponent as C, ref as v, computed as n, inject as K, onBeforeUnmount as Y, unref as t, watch as y, createBlock as b, openBlock as h, withCtx as u, createVNode as q, Transition as G, withDirectives as Q, createCommentVNode as X, mergeProps as Z, renderSlot as x, vShow as _ } from "vue";
1
+ import { defineComponent as B, ref as v, computed as n, inject as K, onBeforeUnmount as Y, unref as t, watch as y, createBlock as b, openBlock as C, withCtx as u, createVNode as q, Transition as G, withDirectives as Q, createCommentVNode as X, mergeProps as Z, renderSlot as x, vShow as _ } from "vue";
2
2
  import "../focus-trap/focus-trap.vue2.js";
3
3
  import { tryFocus as ee } from "../focus-trap/utils.js";
4
- import { onClickOutside as te } from "@vueuse/core";
4
+ import { isClient as te, onClickOutside as oe } from "@vueuse/core";
5
5
  import "@vft/utils";
6
- import { composeEventHandlers as B } from "../../utils/event.js";
6
+ import { composeEventHandlers as h } from "../../utils/event.js";
7
7
  import "../config-provider/hooks/use-global-config.js";
8
8
  import "lodash-es";
9
9
  import "../form/index.js";
10
- import { useNamespace as oe } from "../../hooks/use-namespace/index.js";
10
+ import { useNamespace as ne } from "../../hooks/use-namespace/index.js";
11
11
  import "../../hooks/use-model-toggle/index.js";
12
12
  import "@popperjs/core";
13
- import { usePopperContainerId as ne } from "../../hooks/use-popper-container/index.js";
13
+ import { usePopperContainerId as re } from "../../hooks/use-popper-container/index.js";
14
14
  import "../../hooks/use-z-index/index.js";
15
15
  import "../popper/index.js";
16
- import { VftTeleport as re } from "../teleport/index.js";
17
- import { TOOLTIP_INJECTION_KEY as ae } from "./constants.js";
18
- import le from "../popper/content.vue2.js";
19
- const se = C({
16
+ import { VftTeleport as ae } from "../teleport/index.js";
17
+ import { TOOLTIP_INJECTION_KEY as le } from "./constants.js";
18
+ import se from "../popper/content.vue2.js";
19
+ const pe = B({
20
20
  name: "VftTooltipContent",
21
21
  inheritAttrs: !1
22
- }), Oe = /* @__PURE__ */ C({
23
- ...se,
22
+ }), Ne = /* @__PURE__ */ B({
23
+ ...pe,
24
24
  props: {
25
25
  boundariesPadding: { default: 0 },
26
26
  fallbackPlacements: {},
@@ -56,8 +56,8 @@ const se = C({
56
56
  disabled: { type: Boolean },
57
57
  arrowOffset: { default: 5 }
58
58
  },
59
- setup(o, { expose: T }) {
60
- const { selector: E } = ne(), w = oe("tooltip"), r = v(null), S = n(() => r.value?.popperContentRef);
59
+ setup(o, { expose: E }) {
60
+ const { selector: T } = re(), w = ne("tooltip"), r = v(null), S = n(() => r.value?.popperContentRef);
61
61
  let l;
62
62
  const {
63
63
  controlled: d,
@@ -65,29 +65,29 @@ const se = C({
65
65
  open: s,
66
66
  trigger: p,
67
67
  onClose: a,
68
- onOpen: P,
69
- onShow: k,
70
- onHide: A,
71
- onBeforeShow: N,
68
+ onOpen: N,
69
+ onShow: P,
70
+ onHide: k,
71
+ onBeforeShow: A,
72
72
  onBeforeHide: I
73
- } = K(ae, void 0), R = n(() => o.transition || `${w.namespace.value}-fade-in-linear`), L = n(() => process.env.NODE_ENV === "test" && !process.env.RUN_TEST_WITH_PERSISTENT ? !0 : o.persistent);
73
+ } = K(le, void 0), R = n(() => o.transition || `${w.namespace.value}-fade-in-linear`), L = n(() => process.env.NODE_ENV === "test" && !process.env.RUN_TEST_WITH_PERSISTENT ? !0 : process.env.NODE_ENV === "development" && !te ? !1 : o.persistent);
74
74
  Y(() => {
75
75
  l?.();
76
76
  });
77
- const H = n(() => t(L) ? !0 : t(s)), c = n(() => o.disabled ? !1 : t(s)), $ = n(() => o.appendTo || E.value), M = n(() => o.style ?? {}), i = v(!0), V = () => {
78
- A(), g() && ee(document.body), i.value = !0;
77
+ const H = n(() => t(L) ? !0 : t(s)), c = n(() => o.disabled ? !1 : t(s)), V = n(() => o.appendTo || T.value), $ = n(() => o.style ?? {}), i = v(!0), M = () => {
78
+ k(), g() && ee(document.body), i.value = !0;
79
79
  }, m = () => {
80
80
  if (t(d)) return !0;
81
- }, z = B(m, () => {
82
- o.enterable && t(p) === "hover" && P();
83
- }), j = B(m, () => {
81
+ }, z = h(m, () => {
82
+ o.enterable && t(p) === "hover" && N();
83
+ }), j = h(m, () => {
84
84
  t(p) === "hover" && a();
85
85
  }), D = () => {
86
- r.value?.updatePopper?.(), N?.();
86
+ r.value?.updatePopper?.(), A?.();
87
87
  }, F = () => {
88
88
  I?.();
89
89
  }, U = () => {
90
- k();
90
+ P();
91
91
  }, W = () => {
92
92
  o.virtualTriggering || a();
93
93
  }, g = (e) => {
@@ -97,7 +97,7 @@ const se = C({
97
97
  return y(
98
98
  () => t(s),
99
99
  (e) => {
100
- e ? (i.value = !1, l = te(S, () => {
100
+ e ? (i.value = !1, l = oe(S, () => {
101
101
  if (t(d)) return;
102
102
  t(p) !== "hover" && a();
103
103
  })) : l?.();
@@ -110,26 +110,26 @@ const se = C({
110
110
  () => {
111
111
  r.value?.updatePopper?.();
112
112
  }
113
- ), T({
113
+ ), E({
114
114
  /**
115
115
  * @description el-popper-content component instance
116
116
  */
117
117
  contentRef: r,
118
118
  isFocusInsideContent: g
119
- }), (e, f) => (h(), b(t(re), {
119
+ }), (e, f) => (C(), b(t(ae), {
120
120
  disabled: !e.teleported,
121
- to: $.value
121
+ to: V.value
122
122
  }, {
123
123
  default: u(() => [
124
124
  q(G, {
125
125
  name: R.value,
126
- onAfterLeave: V,
126
+ onAfterLeave: M,
127
127
  onBeforeEnter: D,
128
128
  onAfterEnter: U,
129
129
  onBeforeLeave: F
130
130
  }, {
131
131
  default: u(() => [
132
- H.value ? Q((h(), b(t(le), Z({
132
+ H.value ? Q((C(), b(t(se), Z({
133
133
  key: 0,
134
134
  id: t(O),
135
135
  ref_key: "contentRef",
@@ -149,7 +149,7 @@ const se = C({
149
149
  enterable: e.enterable,
150
150
  pure: e.pure,
151
151
  "popper-class": e.popperClass,
152
- "popper-style": [e.popperStyle, M.value],
152
+ "popper-style": [e.popperStyle, $.value],
153
153
  "reference-el": e.referenceEl,
154
154
  "trigger-target-el": e.triggerTargetEl,
155
155
  visible: c.value,
@@ -175,5 +175,5 @@ const se = C({
175
175
  }
176
176
  });
177
177
  export {
178
- Oe as default
178
+ Ne as default
179
179
  };
@@ -2,14 +2,14 @@ import "@vueuse/core";
2
2
  import { isNumber as m, isClient as p } from "@vft/utils";
3
3
  import { debugWarn as l } from "../../utils/error.js";
4
4
  import "../../components/config-provider/hooks/use-global-config.js";
5
- import { getCurrentInstance as i, inject as e, computed as c, unref as v, ref as Z } from "vue";
5
+ import { ref as v, getCurrentInstance as i, inject as e, computed as c, unref as Z } from "vue";
6
6
  import "lodash-es";
7
7
  import "../../components/form/index.js";
8
8
  const s = {
9
9
  current: 0
10
- }, u = Z(0), f = 2e3, d = Symbol("vftZIndexContextKey"), y = Symbol("zIndexContextKey"), K = (I) => {
10
+ }, u = v(0), f = 2e3, d = Symbol("vftZIndexContextKey"), y = Symbol("zIndexContextKey"), K = (I) => {
11
11
  const n = i() ? e(d, s) : s, x = I || (i() ? e(y, void 0) : void 0), t = c(() => {
12
- const r = v(x);
12
+ const r = Z(x);
13
13
  return m(r) ? r : f;
14
14
  }), o = c(() => t.value + u.value), a = () => (n.current++, u.value = n.current, o.value);
15
15
  return !p && !e(d) && l(
@@ -1,6 +1,6 @@
1
1
  declare const _default: {
2
2
  "name": "vft",
3
- "version": "0.0.401",
3
+ "version": "0.0.403",
4
4
  "license": "MIT",
5
5
  "main": "lib/index.cjs",
6
6
  "module": "es/index.js",
@@ -1,4 +1,4 @@
1
- const o = "0.0.401";
1
+ const o = "0.0.403";
2
2
  export {
3
3
  o as version
4
4
  };
@@ -10,7 +10,7 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<{
10
10
  type: import("vue").PropType<boolean>;
11
11
  };
12
12
  visible: {
13
- type: import("vue").PropType<boolean>;
13
+ type: import("vue").PropType<boolean | null>;
14
14
  };
15
15
  transition: {
16
16
  type: import("vue").PropType<string>;
@@ -105,7 +105,7 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<{
105
105
  type: import("vue").PropType<boolean>;
106
106
  };
107
107
  visible: {
108
- type: import("vue").PropType<boolean>;
108
+ type: import("vue").PropType<boolean | null>;
109
109
  };
110
110
  transition: {
111
111
  type: import("vue").PropType<string>;
@@ -191,7 +191,7 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<{
191
191
  type: import("vue").PropType<boolean>;
192
192
  };
193
193
  visible: {
194
- type: import("vue").PropType<boolean>;
194
+ type: import("vue").PropType<boolean | null>;
195
195
  };
196
196
  transition: {
197
197
  type: import("vue").PropType<string>;
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),y=require("../tooltip/index.cjs"),l=require("../../constants/aria.cjs");require("@vueuse/core");require("@vft/utils");const w=require("../../utils/helper.cjs");require("lodash-es");require("../form/index.cjs");const C=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const E="onUpdate:visible",B=t.defineComponent({name:"vft-popover"}),q=t.defineComponent({...B,props:{trigger:{default:"hover"},placement:{default:"bottom"},disabled:{type:Boolean,default:!1},visible:{type:Boolean,default:!1},transition:{},popperOptions:{},tabindex:{default:0},content:{},popperStyle:{type:[Boolean,null,String,Object,Array]},popperClass:{},enterable:{type:Boolean,default:!0},effect:{default:"light"},teleported:{type:Boolean,default:!0},title:{},width:{default:150},offset:{},showAfter:{default:0},hideAfter:{default:200},autoClose:{default:0},showArrow:{type:Boolean,default:!0},persistent:{type:Boolean,default:!0},appendTo:{},triggerKeys:{default:()=>[l.EVENT_CODE.enter,l.EVENT_CODE.numpadEnter,l.EVENT_CODE.space]},"onUpdate:visible":{}},emits:["update:visible","before-enter","before-leave","after-enter","after-leave"],setup(r,{expose:i,emit:s}){const o=s,n=C.useNamespace("popover"),p=t.computed(()=>[E]),a=t.ref(),d=t.computed(()=>t.unref(a)?.popperRef),f=t.computed(()=>[{width:w.addUnit(r.width)},r.popperStyle]),u=t.computed(()=>[n.b(),r.popperClass,{[n.m("plain")]:!!r.content}]),c=t.computed(()=>r.transition===`${n.namespace.value}-fade-in-linear`),b=()=>{a.value?.hide()},v=()=>{o("before-enter")},m=()=>{o("before-leave")},g=()=>{o("after-enter")},h=()=>{o("update:visible",!1),o("after-leave")};return i({popperRef:d,hide:b}),(e,S)=>(t.openBlock(),t.createBlock(t.unref(y.VftTooltip),t.mergeProps({ref_key:"tooltipRef",ref:a},e.$attrs,{trigger:e.trigger,"trigger-keys":e.triggerKeys,placement:e.placement,disabled:e.disabled,visible:e.visible,transition:e.transition,"popper-options":e.popperOptions,tabindex:e.tabindex,content:e.content,offset:e.offset,"show-after":e.showAfter,"hide-after":e.hideAfter,"auto-close":e.autoClose,"show-arrow":e.showArrow,"aria-label":e.title,effect:e.effect,enterable:e.enterable,"popper-class":u.value,"popper-style":f.value,teleported:e.teleported,"append-to":e.appendTo,persistent:e.persistent,"gpu-acceleration":c.value,"onUpdate:visible":p.value,onBeforeShow:v,onBeforeHide:m,onShow:g,onHide:h}),{content:t.withCtx(()=>[e.title?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(t.unref(n).e("title")),role:"title"},t.toDisplayString(e.title),3)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default",{},()=>[t.createTextVNode(t.toDisplayString(e.content),1)])]),default:t.withCtx(()=>[e.$slots.reference?t.renderSlot(e.$slots,"reference",{key:0}):t.createCommentVNode("",!0)]),_:3},16,["trigger","trigger-keys","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","append-to","persistent","gpu-acceleration","onUpdate:visible"]))}});exports.default=q;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),y=require("../tooltip/index.cjs"),l=require("../../constants/aria.cjs");require("@vueuse/core");require("@vft/utils");const w=require("../../utils/helper.cjs");require("lodash-es");require("../form/index.cjs");const C=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const E="onUpdate:visible",B=t.defineComponent({name:"vft-popover"}),q=t.defineComponent({...B,props:{trigger:{default:"hover"},placement:{default:"bottom"},disabled:{type:Boolean,default:!1},visible:{type:[Boolean,null],default:null},transition:{},popperOptions:{},tabindex:{default:0},content:{},popperStyle:{type:[Boolean,null,String,Object,Array]},popperClass:{},enterable:{type:Boolean,default:!0},effect:{default:"light"},teleported:{type:Boolean,default:!0},title:{},width:{default:150},offset:{},showAfter:{default:0},hideAfter:{default:200},autoClose:{default:0},showArrow:{type:Boolean,default:!0},persistent:{type:Boolean,default:!0},appendTo:{},triggerKeys:{default:()=>[l.EVENT_CODE.enter,l.EVENT_CODE.numpadEnter,l.EVENT_CODE.space]},"onUpdate:visible":{}},emits:["update:visible","before-enter","before-leave","after-enter","after-leave"],setup(r,{expose:i,emit:s}){const o=s,n=C.useNamespace("popover"),p=t.computed(()=>[E]),a=t.ref(),u=t.computed(()=>t.unref(a)?.popperRef),d=t.computed(()=>[{width:w.addUnit(r.width)},r.popperStyle]),f=t.computed(()=>[n.b(),r.popperClass,{[n.m("plain")]:!!r.content}]),c=t.computed(()=>r.transition===`${n.namespace.value}-fade-in-linear`),b=()=>{a.value?.hide()},v=()=>{o("before-enter")},m=()=>{o("before-leave")},g=()=>{o("after-enter")},h=()=>{o("update:visible",!1),o("after-leave")};return i({popperRef:u,hide:b}),(e,S)=>(t.openBlock(),t.createBlock(t.unref(y.VftTooltip),t.mergeProps({ref_key:"tooltipRef",ref:a},e.$attrs,{trigger:e.trigger,"trigger-keys":e.triggerKeys,placement:e.placement,disabled:e.disabled,visible:e.visible,transition:e.transition,"popper-options":e.popperOptions,tabindex:e.tabindex,content:e.content,offset:e.offset,"show-after":e.showAfter,"hide-after":e.hideAfter,"auto-close":e.autoClose,"show-arrow":e.showArrow,"aria-label":e.title,effect:e.effect,enterable:e.enterable,"popper-class":f.value,"popper-style":d.value,teleported:e.teleported,"append-to":e.appendTo,persistent:e.persistent,"gpu-acceleration":c.value,"onUpdate:visible":p.value,onBeforeShow:v,onBeforeHide:m,onShow:g,onHide:h}),{content:t.withCtx(()=>[e.title?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(t.unref(n).e("title")),role:"title"},t.toDisplayString(e.title),3)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default",{},()=>[t.createTextVNode(t.toDisplayString(e.content),1)])]),default:t.withCtx(()=>[e.$slots.reference?t.renderSlot(e.$slots,"reference",{key:0}):t.createCommentVNode("",!0)]),_:3},16,["trigger","trigger-keys","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","append-to","persistent","gpu-acceleration","onUpdate:visible"]))}});exports.default=q;
@@ -6,7 +6,7 @@ export interface PopoverProps {
6
6
  trigger?: TooltipTriggerType;
7
7
  placement?: Placement;
8
8
  disabled?: boolean;
9
- visible?: boolean;
9
+ visible?: boolean | null;
10
10
  transition?: string;
11
11
  popperOptions?: Partial<Options>;
12
12
  tabindex?: number;
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../focus-trap/focus-trap.vue2.cjs");const V=require("../focus-trap/utils.cjs"),j=require("@vueuse/core");require("@vft/utils");const v=require("../../utils/event.cjs");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const z=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");const D=require("../../hooks/use-popper-container/index.cjs");require("../../hooks/use-z-index/index.cjs");require("../popper/index.cjs");const F=require("../teleport/index.cjs"),U=require("./constants.cjs"),W=require("../popper/content.vue2.cjs"),J=e.defineComponent({name:"VftTooltipContent",inheritAttrs:!1}),K=e.defineComponent({...J,props:{boundariesPadding:{default:0},fallbackPlacements:{},gpuAcceleration:{type:Boolean,default:!0},offset:{default:12},placement:{default:"bottom"},popperOptions:{default:()=>({})},strategy:{default:"absolute"},style:{type:[Boolean,null,String,Object,Array]},className:{},effect:{default:"dark"},enterable:{type:Boolean,default:!0},pure:{type:Boolean},focusOnShow:{type:Boolean,default:!1},trapping:{type:Boolean,default:!1},popperClass:{},popperStyle:{type:[Boolean,null,String,Object,Array]},referenceEl:{},triggerTargetEl:{},stopPopperMouseEvent:{type:Boolean,default:!0},virtualTriggering:{type:Boolean},zIndex:{},showAfter:{default:0},hideAfter:{default:200},appendTo:{},content:{default:""},rawContent:{type:Boolean,default:!1},persistent:{type:Boolean},ariaLabel:{},visible:{type:Boolean,default:null},transition:{},teleported:{type:Boolean,default:!0},disabled:{type:Boolean},arrowOffset:{default:5}},setup(n,{expose:g}){const{selector:m}=D.usePopperContainerId(),y=z.useNamespace("tooltip"),o=e.ref(null),b=e.computed(()=>o.value?.popperContentRef);let a;const{controlled:p,id:h,open:l,trigger:u,onClose:r,onOpen:C,onShow:B,onHide:T,onBeforeShow:E,onBeforeHide:q}=e.inject(U.TOOLTIP_INJECTION_KEY,void 0),w=e.computed(()=>n.transition||`${y.namespace.value}-fade-in-linear`),S=e.computed(()=>process.env.NODE_ENV==="test"&&!process.env.RUN_TEST_WITH_PERSISTENT?!0:n.persistent);e.onBeforeUnmount(()=>{a?.()});const O=e.computed(()=>e.unref(S)?!0:e.unref(l)),f=e.computed(()=>n.disabled?!1:e.unref(l)),k=e.computed(()=>n.appendTo||m.value),P=e.computed(()=>n.style??{}),s=e.ref(!0),A=()=>{T(),c()&&V.tryFocus(document.body),s.value=!0},d=()=>{if(e.unref(p))return!0},N=v.composeEventHandlers(d,()=>{n.enterable&&e.unref(u)==="hover"&&C()}),I=v.composeEventHandlers(d,()=>{e.unref(u)==="hover"&&r()}),R=()=>{o.value?.updatePopper?.(),E?.()},H=()=>{q?.()},L=()=>{B()},M=()=>{n.virtualTriggering||r()},c=t=>{const i=o.value?.popperContentRef,$=t?.relatedTarget||document.activeElement;return i?.contains($)};return e.watch(()=>e.unref(l),t=>{t?(s.value=!1,a=j.onClickOutside(b,()=>{if(e.unref(p))return;e.unref(u)!=="hover"&&r()})):a?.()},{flush:"post"}),e.watch(()=>n.content,()=>{o.value?.updatePopper?.()}),g({contentRef:o,isFocusInsideContent:c}),(t,i)=>(e.openBlock(),e.createBlock(e.unref(F.VftTeleport),{disabled:!t.teleported,to:k.value},{default:e.withCtx(()=>[e.createVNode(e.Transition,{name:w.value,onAfterLeave:A,onBeforeEnter:R,onAfterEnter:L,onBeforeLeave:H},{default:e.withCtx(()=>[O.value?e.withDirectives((e.openBlock(),e.createBlock(e.unref(W.default),e.mergeProps({key:0,id:e.unref(h),ref_key:"contentRef",ref:o},t.$attrs,{"aria-label":t.ariaLabel,"aria-hidden":s.value,"boundaries-padding":t.boundariesPadding,"fallback-placements":t.fallbackPlacements,"gpu-acceleration":t.gpuAcceleration,offset:t.offset,placement:t.placement,"popper-options":t.popperOptions,"arrow-offset":t.arrowOffset,strategy:t.strategy,effect:t.effect,enterable:t.enterable,pure:t.pure,"popper-class":t.popperClass,"popper-style":[t.popperStyle,P.value],"reference-el":t.referenceEl,"trigger-target-el":t.triggerTargetEl,visible:f.value,"z-index":t.zIndex,onMouseenter:e.unref(N),onMouseleave:e.unref(I),onBlur:M,onClose:e.unref(r)}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["id","aria-label","aria-hidden","boundaries-padding","fallback-placements","gpu-acceleration","offset","placement","popper-options","arrow-offset","strategy","effect","enterable","pure","popper-class","popper-style","reference-el","trigger-target-el","visible","z-index","onMouseenter","onMouseleave","onClose"])),[[e.vShow,f.value]]):e.createCommentVNode("",!0)]),_:3},8,["name"])]),_:3},8,["disabled","to"]))}});exports.default=K;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../focus-trap/focus-trap.vue2.cjs");const j=require("../focus-trap/utils.cjs"),v=require("@vueuse/core");require("@vft/utils");const g=require("../../utils/event.cjs");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const z=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");const D=require("../../hooks/use-popper-container/index.cjs");require("../../hooks/use-z-index/index.cjs");require("../popper/index.cjs");const F=require("../teleport/index.cjs"),U=require("./constants.cjs"),W=require("../popper/content.vue2.cjs"),J=e.defineComponent({name:"VftTooltipContent",inheritAttrs:!1}),K=e.defineComponent({...J,props:{boundariesPadding:{default:0},fallbackPlacements:{},gpuAcceleration:{type:Boolean,default:!0},offset:{default:12},placement:{default:"bottom"},popperOptions:{default:()=>({})},strategy:{default:"absolute"},style:{type:[Boolean,null,String,Object,Array]},className:{},effect:{default:"dark"},enterable:{type:Boolean,default:!0},pure:{type:Boolean},focusOnShow:{type:Boolean,default:!1},trapping:{type:Boolean,default:!1},popperClass:{},popperStyle:{type:[Boolean,null,String,Object,Array]},referenceEl:{},triggerTargetEl:{},stopPopperMouseEvent:{type:Boolean,default:!0},virtualTriggering:{type:Boolean},zIndex:{},showAfter:{default:0},hideAfter:{default:200},appendTo:{},content:{default:""},rawContent:{type:Boolean,default:!1},persistent:{type:Boolean},ariaLabel:{},visible:{type:Boolean,default:null},transition:{},teleported:{type:Boolean,default:!0},disabled:{type:Boolean},arrowOffset:{default:5}},setup(n,{expose:m}){const{selector:y}=D.usePopperContainerId(),b=z.useNamespace("tooltip"),r=e.ref(null),C=e.computed(()=>r.value?.popperContentRef);let a;const{controlled:p,id:h,open:l,trigger:s,onClose:o,onOpen:B,onShow:E,onHide:T,onBeforeShow:q,onBeforeHide:w}=e.inject(U.TOOLTIP_INJECTION_KEY,void 0),S=e.computed(()=>n.transition||`${b.namespace.value}-fade-in-linear`),O=e.computed(()=>process.env.NODE_ENV==="test"&&!process.env.RUN_TEST_WITH_PERSISTENT?!0:process.env.NODE_ENV==="development"&&!v.isClient?!1:n.persistent);e.onBeforeUnmount(()=>{a?.()});const k=e.computed(()=>e.unref(O)?!0:e.unref(l)),f=e.computed(()=>n.disabled?!1:e.unref(l)),N=e.computed(()=>n.appendTo||y.value),P=e.computed(()=>n.style??{}),u=e.ref(!0),A=()=>{T(),c()&&j.tryFocus(document.body),u.value=!0},d=()=>{if(e.unref(p))return!0},I=g.composeEventHandlers(d,()=>{n.enterable&&e.unref(s)==="hover"&&B()}),R=g.composeEventHandlers(d,()=>{e.unref(s)==="hover"&&o()}),H=()=>{r.value?.updatePopper?.(),q?.()},L=()=>{w?.()},M=()=>{E()},$=()=>{n.virtualTriggering||o()},c=t=>{const i=r.value?.popperContentRef,V=t?.relatedTarget||document.activeElement;return i?.contains(V)};return e.watch(()=>e.unref(l),t=>{t?(u.value=!1,a=v.onClickOutside(C,()=>{if(e.unref(p))return;e.unref(s)!=="hover"&&o()})):a?.()},{flush:"post"}),e.watch(()=>n.content,()=>{r.value?.updatePopper?.()}),m({contentRef:r,isFocusInsideContent:c}),(t,i)=>(e.openBlock(),e.createBlock(e.unref(F.VftTeleport),{disabled:!t.teleported,to:N.value},{default:e.withCtx(()=>[e.createVNode(e.Transition,{name:S.value,onAfterLeave:A,onBeforeEnter:H,onAfterEnter:M,onBeforeLeave:L},{default:e.withCtx(()=>[k.value?e.withDirectives((e.openBlock(),e.createBlock(e.unref(W.default),e.mergeProps({key:0,id:e.unref(h),ref_key:"contentRef",ref:r},t.$attrs,{"aria-label":t.ariaLabel,"aria-hidden":u.value,"boundaries-padding":t.boundariesPadding,"fallback-placements":t.fallbackPlacements,"gpu-acceleration":t.gpuAcceleration,offset:t.offset,placement:t.placement,"popper-options":t.popperOptions,"arrow-offset":t.arrowOffset,strategy:t.strategy,effect:t.effect,enterable:t.enterable,pure:t.pure,"popper-class":t.popperClass,"popper-style":[t.popperStyle,P.value],"reference-el":t.referenceEl,"trigger-target-el":t.triggerTargetEl,visible:f.value,"z-index":t.zIndex,onMouseenter:e.unref(I),onMouseleave:e.unref(R),onBlur:$,onClose:e.unref(o)}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["id","aria-label","aria-hidden","boundaries-padding","fallback-placements","gpu-acceleration","offset","placement","popper-options","arrow-offset","strategy","effect","enterable","pure","popper-class","popper-style","reference-el","trigger-target-el","visible","z-index","onMouseenter","onMouseleave","onClose"])),[[e.vShow,f.value]]):e.createCommentVNode("",!0)]),_:3},8,["name"])]),_:3},8,["disabled","to"]))}});exports.default=K;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.401";exports.version=e;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.403";exports.version=e;
@@ -1,6 +1,6 @@
1
1
  declare const _default: {
2
2
  "name": "vft",
3
- "version": "0.0.401",
3
+ "version": "0.0.403",
4
4
  "license": "MIT",
5
5
  "main": "lib/index.cjs",
6
6
  "module": "es/index.js",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vft",
3
- "version": "0.0.401",
3
+ "version": "0.0.403",
4
4
  "license": "MIT",
5
5
  "main": "lib/index.cjs",
6
6
  "module": "es/index.js",
@@ -55,12 +55,12 @@
55
55
  "resize-detector": "0.3.0",
56
56
  "sortablejs": "1.15.0",
57
57
  "photoswipe": "5.4.4",
58
- "@vft/use": "0.0.82",
58
+ "@vft/router": "0.0.67",
59
59
  "@vft/constants": "0.0.72",
60
+ "@vft/use": "0.0.82",
61
+ "@vft/directives": "0.0.36",
60
62
  "@vft/store": "0.0.54",
61
- "@vft/router": "0.0.67",
62
- "@vft/utils": "0.0.140",
63
- "@vft/directives": "0.0.36"
63
+ "@vft/utils": "0.0.140"
64
64
  },
65
65
  "vetur": {
66
66
  "tags": "tags.json",
package/web-types.json CHANGED
@@ -1 +1 @@
1
- {"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"vft","version":"0.0.401","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{}}}
1
+ {"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"vft","version":"0.0.403","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{}}}