rappel-ui 1.0.28 → 1.0.29

package/cjs/components/popover/src/use-popover-emit.js

@@ -0,0 +1 @@
+const e=require("../../tooltip/src/use-tooltip-emit.js");function t(t){return{...e.useTooltipEmits(t)}}exports.usePopoverEmits=t;

package/cjs/components/tooltip/index.d.ts

@@ -1,16 +1,12 @@
-import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps } from 'vue';
+import { CreateComponentPublicInstanceWithMixins, ComputedRef, ShallowRef, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, StyleValue } from 'vue';
 import { TooltipProps } from '.';
-import { VirtualElement } from '@floating-ui/vue';
-export * from './src/use-emit';
+import { VirtualElement, Placement } from '@floating-ui/vue';
+export * from './src/use-tooltip-emit';
 export * from './src/types';
 export declare const ReTooltip: {
     new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< TooltipProps & {
         visible?: boolean;
     }> & Readonly<{
-        onBeforeShow?: ((el: HTMLElement) => any) | undefined;
-        onShow?: ((el: HTMLElement) => any) | undefined;
-        onBeforeHide?: ((el: HTMLElement) => any) | undefined;
-        onHide?: ((el: HTMLElement) => any) | undefined;
         onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
         onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
         onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
@@ -26,14 +22,10 @@ export declare const ReTooltip: {
         delayHide: (cb: () => void) => void;
         show: () => void;
         delayShow: () => void;
-        triggerRef: HTMLElement | VirtualElement | null | undefined;
-        floatingRef: HTMLElement | undefined;
-        arrowRef: HTMLElement | undefined;
+        triggerRef: ComputedRef<HTMLElement | VirtualElement | null | undefined>;
+        floatingRef: Readonly< ShallowRef<HTMLElement | null>>;
+        arrowRef: Readonly< ShallowRef<HTMLSpanElement | null, HTMLSpanElement | null>>;
     }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-        beforeShow: (el: HTMLElement) => any;
-        show: (el: HTMLElement) => any;
-        beforeHide: (el: HTMLElement) => any;
-        hide: (el: HTMLElement) => any;
         beforeEnter: (el: HTMLElement) => any;
         enter: (el: HTMLElement, done: () => void) => any;
         enterCancelled: (el: HTMLElement) => any;
@@ -53,10 +45,6 @@ export declare const ReTooltip: {
     }, Readonly< TooltipProps & {
         visible?: boolean;
     }> & Readonly<{
-        onBeforeShow?: ((el: HTMLElement) => any) | undefined;
-        onShow?: ((el: HTMLElement) => any) | undefined;
-        onBeforeHide?: ((el: HTMLElement) => any) | undefined;
-        onHide?: ((el: HTMLElement) => any) | undefined;
         onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
         onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
         onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
@@ -72,9 +60,9 @@ export declare const ReTooltip: {
         delayHide: (cb: () => void) => void;
         show: () => void;
         delayShow: () => void;
-        triggerRef: HTMLElement | VirtualElement | null | undefined;
-        floatingRef: HTMLElement | undefined;
-        arrowRef: HTMLElement | undefined;
+        triggerRef: ComputedRef<HTMLElement | VirtualElement | null | undefined>;
+        floatingRef: Readonly< ShallowRef<HTMLElement | null>>;
+        arrowRef: Readonly< ShallowRef<HTMLSpanElement | null, HTMLSpanElement | null>>;
     }, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -82,10 +70,6 @@ export declare const ReTooltip: {
 } & ComponentOptionsBase<Readonly< TooltipProps & {
     visible?: boolean;
 }> & Readonly<{
-    onBeforeShow?: ((el: HTMLElement) => any) | undefined;
-    onShow?: ((el: HTMLElement) => any) | undefined;
-    onBeforeHide?: ((el: HTMLElement) => any) | undefined;
-    onHide?: ((el: HTMLElement) => any) | undefined;
     onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
     onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
     onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
@@ -101,14 +85,10 @@ export declare const ReTooltip: {
     delayHide: (cb: () => void) => void;
     show: () => void;
     delayShow: () => void;
-    triggerRef: HTMLElement | VirtualElement | null | undefined;
-    floatingRef: HTMLElement | undefined;
-    arrowRef: HTMLElement | undefined;
+    triggerRef: ComputedRef<HTMLElement | VirtualElement | null | undefined>;
+    floatingRef: Readonly< ShallowRef<HTMLElement | null>>;
+    arrowRef: Readonly< ShallowRef<HTMLSpanElement | null, HTMLSpanElement | null>>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    beforeShow: (el: HTMLElement) => any;
-    show: (el: HTMLElement) => any;
-    beforeHide: (el: HTMLElement) => any;
-    hide: (el: HTMLElement) => any;
     beforeEnter: (el: HTMLElement) => any;
     enter: (el: HTMLElement, done: () => void) => any;
     enterCancelled: (el: HTMLElement) => any;
@@ -120,7 +100,18 @@ export declare const ReTooltip: {
     "update:visible": (value: boolean) => any;
 }, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: {
-        content?: (props: {}) => any;
+        content?: (props: {
+            isHtml: boolean | undefined;
+            content: string;
+            zIndex: number;
+        }) => any;
+    } & {
+        arrow?: (props: {
+            showArrow: boolean;
+            arrowStyle: StyleValue;
+            placement: Placement;
+            zIndex: number;
+        }) => any;
     };
 });
 export default ReTooltip;

package/cjs/components/tooltip/index.js

@@ -1 +1 @@
-const e=require("../../utils/vue/index.js");require("../../utils/index.js");const t=require("./src/use-emit.js"),n=require("./src/tooltip.js");var r=e.withInstall(n.default);exports.ReTooltip=r,exports.default=r,exports.useEmits=t.useEmits;
+const e=require("../../utils/vue/index.js");require("../../utils/index.js");const t=require("./src/use-tooltip-emit.js"),n=require("./src/tooltip.js");var r=e.withInstall(n.default);exports.ReTooltip=r,exports.default=r,exports.useTooltipEmits=t.useTooltipEmits;

package/cjs/components/tooltip/src/tooltip.vue.d.ts

@@ -1,14 +1,25 @@
+import { StyleValue, DefineComponent, ComputedRef, ShallowRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { TooltipProps } from './types';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { VirtualElement } from '@floating-ui/vue';
+import { Placement, VirtualElement } from '@floating-ui/vue';
 type __VLS_Props = TooltipProps;
 type __VLS_ModelProps = {
     'visible'?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_29: {};
+declare var __VLS_23: {
+    isHtml: boolean | undefined;
+    content: string;
+    zIndex: number;
+}, __VLS_25: {
+    showArrow: boolean;
+    arrowStyle: StyleValue;
+    placement: Placement;
+    zIndex: number;
+};
 type __VLS_Slots = {} & {
-    content?: (props: typeof __VLS_29) => any;
+    content?: (props: typeof __VLS_23) => any;
+} & {
+    arrow?: (props: typeof __VLS_25) => any;
 };
 declare const __VLS_base: DefineComponent<__VLS_PublicProps, {
     update: () => void;
@@ -16,14 +27,10 @@ declare const __VLS_base: DefineComponent<__VLS_PublicProps, {
     delayHide: (cb: () => void) => void;
     show: () => void;
     delayShow: () => void;
-    triggerRef: HTMLElement | VirtualElement | null | undefined;
-    floatingRef: HTMLElement | undefined;
-    arrowRef: HTMLElement | undefined;
+    triggerRef: ComputedRef<HTMLElement | VirtualElement | null | undefined>;
+    floatingRef: Readonly< ShallowRef<HTMLElement | null>>;
+    arrowRef: Readonly< ShallowRef<HTMLSpanElement | null, HTMLSpanElement | null>>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    beforeShow: (el: HTMLElement) => any;
-    show: (el: HTMLElement) => any;
-    beforeHide: (el: HTMLElement) => any;
-    hide: (el: HTMLElement) => any;
     beforeEnter: (el: HTMLElement) => any;
     enter: (el: HTMLElement, done: () => void) => any;
     enterCancelled: (el: HTMLElement) => any;
@@ -34,10 +41,6 @@ declare const __VLS_base: DefineComponent<__VLS_PublicProps, {
     afterLeave: (el: HTMLElement) => any;
     "update:visible": (value: boolean) => any;
 }, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onBeforeShow?: ((el: HTMLElement) => any) | undefined;
-    onShow?: ((el: HTMLElement) => any) | undefined;
-    onBeforeHide?: ((el: HTMLElement) => any) | undefined;
-    onHide?: ((el: HTMLElement) => any) | undefined;
     onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
     onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
     onEnterCancelled?: ((el: HTMLElement) => any) | undefined;

package/cjs/components/tooltip/src/tooltip.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-const e=require("../../../utils/util.js");require("../../../utils/index.js");const t=require("../../../composables/use-namespace/index.js");require("../../../composables/index.js");const n=require("./use-emit.js"),r=require("./content.js"),i=require("./use-tooltip.js"),a=require("./constants.js");let o=require("vue"),s=require("@floating-ui/vue");var c=[`innerHTML`],l=(0,o.defineComponent)({name:`ReTooltip`,__name:`tooltip`,props:(0,o.mergeModels)({visible:{type:Boolean},content:{default:``},isHtml:{type:Boolean,default:()=>void 0},placement:{default:`top`},delay:{},width:{default:()=>void 0},height:{default:()=>void 0},maxWidth:{default:()=>void 0},maxHeight:{default:()=>void 0},trigger:{default:`hover`},disabled:{type:Boolean,default:()=>void 0},showDelay:{default:0},hideDelay:{default:200},showArrow:{type:Boolean,default:!0},floatingClass:{default:()=>void 0},floatingStyle:{type:[Boolean,null,String,Object,Array],default:()=>void 0},theme:{default:`dark`},reverseTheme:{type:Boolean,default:!1},offset:{type:[Number,Object,Function],default:10},teleported:{type:Boolean,default:!0},appendTo:{default:`body`},persistent:{type:Boolean,default:!0},boundary:{default:`clippingAncestors`},elementContext:{default:`floating`},altBoundary:{type:Boolean,default:!1},rootBoundary:{default:`viewport`},transition:{default:`tooltip`},mode:{},cssTransition:{type:Boolean,default:!0},cssDuration:{default:0},arrowSize:{default:8},arrowOffset:{default:4},arrowOptions:{default:()=>void 0},shiftOptions:{},flipOffset:{default:8},flipOptions:{default:()=>void 0},inlineOptions:{default:()=>void 0},hideOptions:{},isExternal:{type:Boolean,default:()=>void 0},externalRef:{default:()=>void 0},isVirtual:{type:Boolean,default:()=>void 0},virtualRef:{default:()=>void 0}},{visible:{type:Boolean,default:!1},visibleModifiers:{}}),emits:(0,o.mergeModels)([`beforeShow`,`show`,`beforeHide`,`hide`,`beforeEnter`,`enter`,`enterCancelled`,`afterEnter`,`beforeLeave`,`leave`,`leaveCancelled`,`afterLeave`],[`update:visible`]),setup(l,{expose:u,emit:d}){let{beforeShow:f,beforeHide:p,show:m,hide:h,beforeEnter:g,enter:_,afterEnter:v,beforeLeave:y,leave:b,afterLeave:x,enterCancelled:S,leaveCancelled:C}=n.useEmits(d),{ns:w}=t.useNamespace(`tooltip`),T=(0,o.useSlots)(),E=(0,o.computed)(()=>{var e,t;let n=T==null||(e=T.default)==null||(e=e.call(T))==null?void 0:e.filter(e=>e&&!a.filterNodeTypes.includes(e.type.toString()))[0];return(n==null||(t=n.type)==null?void 0:t.toString())===`Symbol(v-txt)`?(0,o.h)(`span`,{},n):n}),D=(0,o.useTemplateRef)(`triggerRef`),O=(0,o.useTemplateRef)(`floatingRef`),k=(0,o.ref)(),A=(0,o.computed)(()=>l.isVirtual?l.virtualRef:l.isExternal?k.value:E.value?D.value:null),j=(0,o.useModel)(l,`visible`),{floatingStyles:M,middlewareData:N,placement:P,update:F}=(0,s.useFloating)(A,(0,o.computed)(()=>{var e;return(e=O.value)==null?void 0:e.floatingRef}),{open:j,placement:l.placement,strategy:`absolute`,middleware:[(0,s.inline)(l.inlineOptions),(0,s.offset)(l.offset),(0,s.flip)({padding:l.flipOffset,boundary:l.boundary,elementContext:l.elementContext,altBoundary:l.altBoundary,rootBoundary:l.rootBoundary,...l.flipOptions}),(0,s.arrow)({element:(0,o.computed)(()=>{var e;return(e=O.value)==null?void 0:e.arrowRef}),padding:l.arrowOffset,...l.arrowOptions})],whileElementsMounted:(e,t,n)=>(0,s.autoUpdate)(e,t,n,{animationFrame:!0,ancestorScroll:!0,ancestorResize:!0,elementResize:!0,layoutShift:!0})}),I=(0,o.computed)(()=>[M.value,l.floatingStyle]),L=(0,o.computed)(()=>{let t=P.value.split(`-`)[0],n=a.staticSideMap[t],r=N.value.arrow;return{position:`absolute`,left:(r==null?void 0:r.x)==null?``:`${r.x}px`,top:(r==null?void 0:r.y)==null?``:`${r.y}px`,[n]:`-${l.arrowSize/2}px`,width:e.toPx(l.arrowSize),height:e.toPx(l.arrowSize)}}),R=(0,o.computed)(()=>l.isVirtual?null:l.isExternal?l.externalRef:E.value?D.value:null),{stop:z,setup:B,delayShow:V,delayHide:H}=i.useTooltip({triggerRef:R,isExternal:l.isExternal,externalActiveRef:k,externalRef:(0,o.computed)(()=>l.externalRef),trigger:l.trigger,floatingRef:(0,o.computed)(()=>{var e;return l.persistent?(e=O.value)==null?void 0:e.floatingRef:void 0}),open:j,showDelay:l.showDelay,hideDelay:l.hideDelay,disabled:(0,o.computed)(()=>l.disabled)}),{scope:U}=B(),W=()=>{z(),U==null||U.stop()};return(0,o.onUnmounted)(()=>{W()}),u({update:F,hide:()=>{j.value=!1},delayHide:H,show:()=>{j.value=!0},delayShow:V,triggerRef:A.value,floatingRef:(0,o.computed)(()=>{var e;return(e=O.value)==null?void 0:e.floatingRef}).value,arrowRef:(0,o.computed)(()=>{var e;return(e=O.value)==null?void 0:e.arrowRef}).value}),(e,t)=>((0,o.openBlock)(),(0,o.createElementBlock)(o.Fragment,null,[((0,o.openBlock)(),(0,o.createBlock)((0,o.resolveDynamicComponent)(E.value),{ref_key:`triggerRef`,ref:D,class:(0,o.normalizeClass)([(0,o.unref)(w)(`trigger`)])},null,8,[`class`])),(0,o.createVNode)(r.default,{ref_key:`floatingRef`,ref:O,modelValue:j.value,"onUpdate:modelValue":t[0]||(t[0]=e=>j.value=e),placement:(0,o.unref)(P),"show-arrow":l.showArrow,width:l.width,height:l.height,"max-width":l.maxWidth,"max-height":l.maxHeight,"floating-class":l.floatingClass,style:(0,o.normalizeStyle)(I.value),theme:l.theme,"reverse-theme":l.reverseTheme,"arrow-style":L.value,teleported:l.teleported,"append-to":l.appendTo,transition:l.transition,"css-duration":l.cssDuration,"css-transition":l.cssTransition,onBeforeShow:(0,o.unref)(f),onShow:(0,o.unref)(m),onBeforeHide:(0,o.unref)(p),onHide:(0,o.unref)(h),onBeforeEnter:(0,o.unref)(g),onEnter:(0,o.unref)(_),onAfterEnter:(0,o.unref)(v),onBeforeLeave:(0,o.unref)(y),onLeave:(0,o.unref)(b),onAfterLeave:(0,o.unref)(x),onEnterCancelled:(0,o.unref)(S),onLeaveCancelled:(0,o.unref)(C)},{default:(0,o.withCtx)(()=>[(0,o.renderSlot)(e.$slots,`content`,{},()=>[l.isHtml?((0,o.openBlock)(),(0,o.createElementBlock)(`span`,{key:0,class:(0,o.normalizeClass)([(0,o.unref)(w)(`content`)]),innerHTML:l.content},null,10,c)):((0,o.openBlock)(),(0,o.createElementBlock)(`span`,{key:1,class:(0,o.normalizeClass)([(0,o.unref)(w)(`content`)])},(0,o.toDisplayString)(l.content),3))])]),_:3},8,`modelValue.placement.show-arrow.width.height.max-width.max-height.floating-class.style.theme.reverse-theme.arrow-style.teleported.append-to.transition.css-duration.css-transition.onBeforeShow.onShow.onBeforeHide.onHide.onBeforeEnter.onEnter.onAfterEnter.onBeforeLeave.onLeave.onAfterLeave.onEnterCancelled.onLeaveCancelled`.split(`.`))],64))}});exports.default=l;
+const e=require("../../../utils/util.js");require("../../../utils/index.js");const t=require("../../../composables/use-namespace/index.js"),n=require("../../../composables/use-z-index/index.js"),r=require("../../../composables/use-theme/index.js");require("../../../composables/index.js");const i=require("../../transition/index.js"),a=require("./use-tooltip-emit.js"),o=require("./use-tooltip.js"),s=require("./constants.js");let c=require("vue"),l=require("@floating-ui/vue");var u=[`innerHTML`],d=[`data-placement`],f=(0,c.defineComponent)({name:`ReTooltip`,__name:`tooltip`,props:(0,c.mergeModels)({visible:{type:Boolean},content:{default:``},isHtml:{type:Boolean,default:()=>void 0},placement:{default:`top`},delay:{},width:{default:()=>void 0},height:{default:()=>void 0},maxWidth:{default:()=>void 0},maxHeight:{default:()=>void 0},trigger:{default:`hover`},disabled:{type:Boolean,default:()=>void 0},showDelay:{default:0},hideDelay:{default:200},showArrow:{type:Boolean,default:!0},floatingClass:{default:()=>void 0},floatingStyle:{type:[Boolean,null,String,Object,Array],default:()=>void 0},theme:{default:`dark`},reverseTheme:{type:Boolean,default:!1},offset:{type:[Number,Object,Function],default:10},teleported:{type:Boolean,default:!0},appendTo:{default:`body`},persistent:{type:Boolean,default:!0},boundary:{default:`clippingAncestors`},elementContext:{default:`floating`},altBoundary:{type:Boolean,default:!1},rootBoundary:{default:`viewport`},transition:{default:`tooltip`},mode:{},cssTransition:{type:Boolean,default:!0},cssDuration:{default:0},arrowSize:{default:8},arrowOffset:{default:4},arrowOptions:{default:()=>void 0},shiftOptions:{},flipOffset:{default:8},flipOptions:{default:()=>void 0},inlineOptions:{default:()=>void 0},hideOptions:{},isExternal:{type:Boolean,default:()=>void 0},externalRef:{default:()=>void 0},isVirtual:{type:Boolean,default:()=>void 0},virtualRef:{default:()=>void 0},zIndex:{default:()=>void 0}},{visible:{type:Boolean,default:!1},visibleModifiers:{}}),emits:(0,c.mergeModels)([`beforeEnter`,`enter`,`enterCancelled`,`afterEnter`,`beforeLeave`,`leave`,`leaveCancelled`,`afterLeave`],[`update:visible`]),setup(f,{expose:p,emit:m}){let{beforeEnter:h,enter:g,afterEnter:_,beforeLeave:v,leave:y,afterLeave:b,enterCancelled:x,leaveCancelled:S}=a.useTooltipEmits(m),{ns:C,n:w,is:T}=t.useNamespace(`tooltip`),E=(0,c.useSlots)(),D=(0,c.computed)(()=>{var e,t;let n=E==null||(e=E.default)==null||(e=e.call(E))==null?void 0:e.filter(e=>e&&!s.filterNodeTypes.includes(e.type.toString()))[0];return(n==null||(t=n.type)==null?void 0:t.toString())===`Symbol(v-txt)`?(0,c.h)(`span`,{},n):n}),O=(0,c.useTemplateRef)(`triggerRef`),k=(0,c.useTemplateRef)(`floatingRef`),A=(0,c.useTemplateRef)(`arrowRef`),j=(0,c.ref)(),M=(0,c.computed)(()=>f.isVirtual?f.virtualRef:f.isExternal?j.value:D.value?O.value:null),N=(0,c.useModel)(f,`visible`),{floatingStyles:P,middlewareData:F,placement:I,update:L}=(0,l.useFloating)(M,k,{open:N,placement:f.placement,strategy:`absolute`,middleware:[(0,l.inline)(f.inlineOptions),(0,l.offset)(f.offset),(0,l.flip)({padding:f.flipOffset,boundary:f.boundary,elementContext:f.elementContext,altBoundary:f.altBoundary,rootBoundary:f.rootBoundary,...f.flipOptions}),(0,l.arrow)({element:A,padding:f.arrowOffset,...f.arrowOptions})],whileElementsMounted:(e,t,n)=>(0,l.autoUpdate)(e,t,n,{animationFrame:!0,ancestorScroll:!0,ancestorResize:!0,elementResize:!0,layoutShift:!0})}),R=(0,c.computed)(()=>[P.value,f.floatingStyle]),z=(0,c.computed)(()=>{let t=I.value.split(`-`)[0],n=s.staticSideMap[t],r=F.value.arrow;return{position:`absolute`,left:(r==null?void 0:r.x)==null?``:`${r.x}px`,top:(r==null?void 0:r.y)==null?``:`${r.y}px`,[n]:`-${f.arrowSize/2}px`,width:e.toPx(f.arrowSize),height:e.toPx(f.arrowSize)}}),B=(0,c.computed)(()=>f.isVirtual?null:f.isExternal?f.externalRef:D.value?O.value:null),{stop:V,setup:H,delayShow:U,delayHide:W}=o.useTooltip({triggerRef:B,isExternal:f.isExternal,externalActiveRef:j,externalRef:(0,c.computed)(()=>f.externalRef),trigger:f.trigger,floatingRef:f.persistent?k:void 0,open:N,showDelay:f.showDelay,hideDelay:f.hideDelay,disabled:(0,c.computed)(()=>f.disabled)}),{scope:G}=H(),K=()=>{V(),G==null||G.stop()},{currentTheme:q}=r.useTheme(f.theme,f.reverseTheme),J=(0,c.computed)(()=>[R.value,{width:e.toPx(f.width),height:e.toPx(f.height),maxWidth:e.toPx(f.maxWidth),maxHeight:e.toPx(f.maxHeight),zIndex:Y.value}]),Y=(0,c.ref)(0),{zIndex:X}=n.useZIndex(),{stop:Z}=(0,c.watch)(N,e=>{e&&(Y.value=f.zIndex||X.value)});return(0,c.onUnmounted)(()=>{K(),Z()}),p({update:L,hide:()=>{N.value=!1},delayHide:W,show:()=>{N.value=!0},delayShow:U,triggerRef:M,floatingRef:k,arrowRef:A}),(e,t)=>((0,c.openBlock)(),(0,c.createElementBlock)(c.Fragment,null,[((0,c.openBlock)(),(0,c.createBlock)((0,c.resolveDynamicComponent)(D.value),{ref_key:`triggerRef`,ref:O,class:(0,c.normalizeClass)([(0,c.unref)(C)(`trigger`)])},null,8,[`class`])),(0,c.createVNode)((0,c.unref)(i.ReTransition),{teleported:f.teleported,"append-to":f.appendTo,transition:f.transition,"css-duration":f.cssDuration,"css-transition":f.cssTransition,onBeforeEnter:(0,c.unref)(h),onEnter:(0,c.unref)(g),onAfterEnter:(0,c.unref)(_),onBeforeLeave:(0,c.unref)(v),onLeave:(0,c.unref)(y),onAfterLeave:(0,c.unref)(b),onEnterCancelled:(0,c.unref)(x),onLeaveCancelled:(0,c.unref)(S)},{default:(0,c.withCtx)(()=>[N.value?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{key:0,ref_key:`floatingRef`,ref:k,style:(0,c.normalizeStyle)(J.value),class:(0,c.normalizeClass)([(0,c.unref)(w)(),(0,c.unref)(T)((0,c.unref)(q),!!(0,c.unref)(q)),f.floatingClass])},[(0,c.renderSlot)(e.$slots,`content`,{isHtml:f.isHtml,content:f.content,zIndex:Y.value},()=>[f.isHtml?((0,c.openBlock)(),(0,c.createElementBlock)(`span`,{key:0,class:(0,c.normalizeClass)([(0,c.unref)(C)(`content`)]),innerHTML:f.content},null,10,u)):((0,c.openBlock)(),(0,c.createElementBlock)(`span`,{key:1,class:(0,c.normalizeClass)([(0,c.unref)(C)(`content`)])},(0,c.toDisplayString)(f.content),3))]),(0,c.renderSlot)(e.$slots,`arrow`,{showArrow:f.showArrow,arrowStyle:z.value,placement:(0,c.unref)(I),zIndex:Y.value},()=>[f.showArrow?((0,c.openBlock)(),(0,c.createElementBlock)(`span`,{key:0,ref_key:`arrowRef`,ref:A,"data-placement":(0,c.unref)(I),style:(0,c.normalizeStyle)(z.value),class:(0,c.normalizeClass)([(0,c.unref)(C)(`arrow`)])},null,14,d)):(0,c.createCommentVNode)(``,!0)])],6)):(0,c.createCommentVNode)(``,!0)]),_:3},8,[`teleported`,`append-to`,`transition`,`css-duration`,`css-transition`,`onBeforeEnter`,`onEnter`,`onAfterEnter`,`onBeforeLeave`,`onLeave`,`onAfterLeave`,`onEnterCancelled`,`onLeaveCancelled`])],64))}});exports.default=f;

package/cjs/components/tooltip/src/types.d.ts

@@ -1,6 +1,7 @@
 import { ShallowRef, ComputedRef, Ref, StyleValue } from 'vue';
 import { Placement, OffsetOptions, ArrowOptions, ShiftOptions, FlipOptions, InlineOptions, HideOptions, Boundary, RootBoundary, ElementContext, VirtualElement } from '@floating-ui/vue';
 import { Theme, MaybeClass } from '../../../types';
+import { TransitionMode, TransitionEmits } from '../..';
 export interface TooltipProps {
     visible?: boolean;
     content?: string;
@@ -44,6 +45,9 @@ export interface TooltipProps {
     externalRef?: HTMLElement | null;
     isVirtual?: boolean;
     virtualRef?: VirtualElement | null;
+    zIndex?: number;
+}
+export interface TooltipEmits extends TransitionEmits {
 }
 export interface TriggerOptions {
     triggerRef: Ref<HTMLElement | null | undefined>;
@@ -51,50 +55,11 @@ export interface TriggerOptions {
     externalRef?: ComputedRef<HTMLElement | null | undefined>;
     externalActiveRef: Ref<HTMLElement | null | undefined>;
     trigger: string;
-    floatingRef: ShallowRef<HTMLElement | null | undefined>;
+    floatingRef?: ShallowRef<HTMLElement | null>;
     open: ShallowRef<boolean>;
     showDelay?: number;
     hideDelay?: number;
     disabled?: ShallowRef<boolean | undefined> | ComputedRef<boolean | undefined>;
 }
 export type Trigger = 'hover' | 'click' | 'focus' | 'contextmenu';
-export type TransitionMode = 'in-out' | 'out-in' | 'default';
-export interface FloatingProps {
-    modelValue?: boolean;
-    style?: StyleValue;
-    arrowStyle?: Record<string, any>;
-    appendTo?: string | HTMLElement;
-    teleported?: boolean;
-    defer?: boolean;
-    content?: string;
-    placement?: string;
-    showArrow?: boolean;
-    width?: number | string;
-    height?: number | string;
-    maxWidth?: number | string;
-    maxHeight?: number | string;
-    floatingClass?: MaybeClass;
-    transition?: string;
-    mode?: TransitionMode;
-    cssTransition?: boolean;
-    cssDuration?: number;
-    appear?: boolean;
-    zIndex?: number;
-    theme?: Theme;
-    reverseTheme?: boolean;
-}
-export interface FloatingEmits {
-    beforeShow: [el: HTMLElement];
-    show: [el: HTMLElement];
-    beforeHide: [el: HTMLElement];
-    hide: [el: HTMLElement];
-    beforeEnter: [el: HTMLElement];
-    enter: [el: HTMLElement, done: () => void];
-    enterCancelled: [el: HTMLElement];
-    afterEnter: [el: HTMLElement];
-    beforeLeave: [el: HTMLElement];
-    leave: [el: HTMLElement, done: () => void];
-    leaveCancelled: [el: HTMLElement];
-    afterLeave: [el: HTMLElement];
-}
 export type { Placement, OffsetOptions, ShiftOptions, FlipOptions, ArrowOptions, VirtualElement, ElementContext, Boundary, RootBoundary, InlineOptions, HideOptions };

package/cjs/components/tooltip/src/use-tooltip-emit.d.ts

@@ -0,0 +1,12 @@
+import { EmitFn } from 'vue';
+import { TooltipEmits } from './types';
+export declare function useTooltipEmits(emits: EmitFn<TooltipEmits>): {
+    beforeEnter: (el: any) => void;
+    enter: (el: any, done: any) => void;
+    enterCancelled: (el: any) => void;
+    afterEnter: (el: any) => void;
+    beforeLeave: (el: any) => void;
+    leave: (el: any, done: any) => void;
+    leaveCancelled: (el: any) => void;
+    afterLeave: (el: any) => void;
+};

package/cjs/components/tooltip/src/use-tooltip-emit.js

@@ -0,0 +1 @@
+const e=require("../../transition/src/use-transition-emit.js");function t(t){return{...e.useTransitionEmits(t)}}exports.useTooltipEmits=t;

package/cjs/components/transition/index.d.ts

@@ -0,0 +1,67 @@
+import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps } from 'vue';
+import { TransitionProps } from '.';
+export * from './src/use-transition-emit';
+export * from './src/types';
+export declare const ReTransition: {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< TransitionProps> & Readonly<{
+        onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
+        onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
+        onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
+        onAfterEnter?: ((el: HTMLElement) => any) | undefined;
+        onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
+        onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
+        onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
+        onAfterLeave?: ((el: HTMLElement) => any) | undefined;
+    }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        beforeEnter: (el: HTMLElement) => any;
+        enter: (el: HTMLElement, done: () => void) => any;
+        enterCancelled: (el: HTMLElement) => any;
+        afterEnter: (el: HTMLElement) => any;
+        beforeLeave: (el: HTMLElement) => any;
+        leave: (el: HTMLElement, done: () => void) => any;
+        leaveCancelled: (el: HTMLElement) => any;
+        afterLeave: (el: HTMLElement) => any;
+    }, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< TransitionProps> & Readonly<{
+        onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
+        onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
+        onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
+        onAfterEnter?: ((el: HTMLElement) => any) | undefined;
+        onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
+        onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
+        onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
+        onAfterLeave?: ((el: HTMLElement) => any) | undefined;
+    }>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< TransitionProps> & Readonly<{
+    onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
+    onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
+    onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
+    onAfterEnter?: ((el: HTMLElement) => any) | undefined;
+    onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
+    onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
+    onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
+    onAfterLeave?: ((el: HTMLElement) => any) | undefined;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    beforeEnter: (el: HTMLElement) => any;
+    enter: (el: HTMLElement, done: () => void) => any;
+    enterCancelled: (el: HTMLElement) => any;
+    afterEnter: (el: HTMLElement) => any;
+    beforeLeave: (el: HTMLElement) => any;
+    leave: (el: HTMLElement, done: () => void) => any;
+    leaveCancelled: (el: HTMLElement) => any;
+    afterLeave: (el: HTMLElement) => any;
+}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        default?: (props: {}) => any;
+    };
+});
+export default ReTransition;

package/cjs/components/transition/index.js

@@ -0,0 +1 @@
+const e=require("../../utils/vue/index.js");require("../../utils/index.js");const t=require("./src/use-transition-emit.js"),n=require("./src/transition.js");var r=e.withInstall(n.default);exports.ReTransition=r,exports.default=r,exports.useTransitionEmits=t.useTransitionEmits;

package/cjs/components/transition/src/transition.js

@@ -0,0 +1 @@
+var e=require("./transition.vue_vue_type_script_setup_true_lang.js").default;exports.default=e;

package/cjs/components/transition/src/transition.vue.d.ts

@@ -0,0 +1,33 @@
+import { TransitionProps } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare var __VLS_20: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_20) => any;
+};
+declare const __VLS_base: DefineComponent<TransitionProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    beforeEnter: (el: HTMLElement) => any;
+    enter: (el: HTMLElement, done: () => void) => any;
+    enterCancelled: (el: HTMLElement) => any;
+    afterEnter: (el: HTMLElement) => any;
+    beforeLeave: (el: HTMLElement) => any;
+    leave: (el: HTMLElement, done: () => void) => any;
+    leaveCancelled: (el: HTMLElement) => any;
+    afterLeave: (el: HTMLElement) => any;
+}, string, PublicProps, Readonly<TransitionProps> & Readonly<{
+    onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
+    onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
+    onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
+    onAfterEnter?: ((el: HTMLElement) => any) | undefined;
+    onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
+    onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
+    onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
+    onAfterLeave?: ((el: HTMLElement) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/cjs/components/transition/src/transition.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+const e=require("./use-transition-emit.js");let t=require("vue");var n=(0,t.defineComponent)({name:`ReTransition`,__name:`transition`,props:{appendTo:{default:`body`},teleported:{type:Boolean,default:!0},defer:{type:Boolean,default:()=>void 0},transition:{default:``},mode:{default:`default`},cssTransition:{type:Boolean,default:!0},cssDuration:{default:0},appear:{type:Boolean,default:!0}},emits:[`beforeEnter`,`enter`,`enterCancelled`,`afterEnter`,`beforeLeave`,`leave`,`leaveCancelled`,`afterLeave`],setup(n,{emit:r}){let{beforeEnter:i,beforeLeave:a,enter:o,leave:s,afterEnter:c,afterLeave:l,enterCancelled:u,leaveCancelled:d}=e.useTransitionEmits(r),f=(0,t.computed)(()=>n.cssTransition?null:`enter`),p=(0,t.computed)(()=>n.cssTransition?null:`leave`);return(e,r)=>((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{disabled:!n.teleported,defer:n.defer,to:n.appendTo},[(0,t.createVNode)(t.Transition,(0,t.mergeProps)({name:n.transition,type:`transition`,css:n.cssTransition,duration:n.cssDuration,appear:n.appear,mode:n.mode},e.$attrs,{onBeforeEnter:(0,t.unref)(i),onBeforeLeave:(0,t.unref)(a)},{[(0,t.toHandlerKey)(f.value)]:(0,t.unref)(o)},{[(0,t.toHandlerKey)(p.value)]:(0,t.unref)(s)},{onEnterCancelled:(0,t.unref)(u),onLeaveCancelled:(0,t.unref)(d),onAfterEnter:(0,t.unref)(c),onAfterLeave:(0,t.unref)(l)}),{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`default`)]),_:3},16,[`name`,`css`,`duration`,`appear`,`mode`,`onBeforeEnter`,`onBeforeLeave`,`onEnterCancelled`,`onLeaveCancelled`,`onAfterEnter`,`onAfterLeave`])],8,[`disabled`,`defer`,`to`]))}});exports.default=n;

package/cjs/components/transition/src/types.d.ts

@@ -0,0 +1,21 @@
+export type TransitionMode = 'in-out' | 'out-in' | 'default';
+export interface TransitionProps {
+    appendTo?: string | HTMLElement;
+    teleported?: boolean;
+    defer?: boolean;
+    transition?: string;
+    mode?: TransitionMode;
+    cssTransition?: boolean;
+    cssDuration?: number;
+    appear?: boolean;
+}
+export interface TransitionEmits {
+    beforeEnter: [el: HTMLElement];
+    enter: [el: HTMLElement, done: () => void];
+    enterCancelled: [el: HTMLElement];
+    afterEnter: [el: HTMLElement];
+    beforeLeave: [el: HTMLElement];
+    leave: [el: HTMLElement, done: () => void];
+    leaveCancelled: [el: HTMLElement];
+    afterLeave: [el: HTMLElement];
+}

package/cjs/components/transition/src/use-transition-emit.d.ts

@@ -0,0 +1,12 @@
+import { EmitFn } from 'vue';
+import { TransitionEmits } from './types';
+export declare function useTransitionEmits(emits: EmitFn<TransitionEmits>): {
+    beforeEnter: (el: any) => void;
+    enter: (el: any, done: any) => void;
+    enterCancelled: (el: any) => void;
+    afterEnter: (el: any) => void;
+    beforeLeave: (el: any) => void;
+    leave: (el: any, done: any) => void;
+    leaveCancelled: (el: any) => void;
+    afterLeave: (el: any) => void;
+};

package/cjs/components/transition/src/use-transition-emit.js

@@ -0,0 +1 @@
+function e(e){return{beforeEnter:t=>e(`beforeEnter`,t),enter:(t,n)=>e(`enter`,t,n),enterCancelled:t=>e(`enterCancelled`,t),afterEnter:t=>e(`afterEnter`,t),beforeLeave:t=>e(`beforeLeave`,t),leave:(t,n)=>e(`leave`,t,n),leaveCancelled:t=>e(`leaveCancelled`,t),afterLeave:t=>e(`afterLeave`,t)}}exports.useTransitionEmits=e;