rappel-ui 1.0.33 → 1.0.35

package/es/components/tooltip/src/tooltip.vue_vue_type_script_setup_true_lang.mjs

@@ -1,17 +1,18 @@
-import { toPx as e } from "../../../utils/util.mjs";
+import { isAnum as e, toPx as t } from "../../../utils/util.mjs";
 import "../../../utils/index.mjs";
-import { useNamespace as t } from "../../../composables/use-namespace/index.mjs";
-import { useZIndex as n } from "../../../composables/use-z-index/index.mjs";
-import { useTheme as r } from "../../../composables/use-theme/index.mjs";
+import { useNamespace as n } from "../../../composables/use-namespace/index.mjs";
+import { useZIndex as r } from "../../../composables/use-z-index/index.mjs";
+import { useTheme as ee } from "../../../composables/use-theme/index.mjs";
+import { useSlotFirstNode as te } from "../../../composables/use-slot-node/index.mjs";
 import "../../../composables/index.mjs";
-import { ReTransition as ee } from "../../transition/index.mjs";
-import { useTooltipEmits as te } from "./use-tooltip-emit.mjs";
-import { useTooltip as ne } from "./use-tooltip.mjs";
-import { filterNodeTypes as re, staticSideMap as i } from "./constants.mjs";
-import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createVNode as ie, defineComponent as u, h as d, mergeModels as f, normalizeClass as p, normalizeStyle as m, onUnmounted as h, openBlock as g, ref as _, renderSlot as v, resolveDynamicComponent as ae, toDisplayString as oe, unref as y, useModel as se, useSlots as ce, useTemplateRef as b, watch as le, withCtx as ue } from "vue";
-import { arrow as x, autoUpdate as S, flip as C, inline as w, offset as T, useFloating as E } from "@floating-ui/vue";
+import { ReTransition as ne } from "../../transition/index.mjs";
+import { useTooltipEmits as i } from "./use-tooltip-emit.mjs";
+import { useTooltip as a } from "./use-tooltip.mjs";
+import { staticSideMap as o } from "./constants.mjs";
+import { Fragment as s, computed as c, createBlock as re, createCommentVNode as l, createElementBlock as u, createVNode as ie, defineComponent as d, mergeModels as f, normalizeClass as p, normalizeStyle as m, onUnmounted as ae, openBlock as h, ref as g, renderSlot as _, resolveDynamicComponent as oe, toDisplayString as se, unref as v, useModel as ce, useSlots as le, useTemplateRef as y, watch as ue, withCtx as de } from "vue";
+import { arrow as fe, autoUpdate as b, flip as x, inline as S, offset as C, useFloating as w } from "@floating-ui/vue";
 //#region packages/components/tooltip/src/tooltip.vue?vue&type=script&setup=true&lang.ts
-var D = ["innerHTML"], O = ["data-placement"], k = u({
+var T = ["data-placement", "data-positioned"], E = ["innerHTML"], D = ["data-placement"], O = d({
 	name: "ReTooltip",
 	__name: "tooltip",
 	props: f({
@@ -53,10 +54,10 @@ var D = ["innerHTML"], O = ["data-placement"], k = u({
 			],
 			default: () => void 0
 		},
-		theme: { default: "dark" },
+		theme: { default: "auto" },
 		reverseTheme: {
 			type: Boolean,
-			default: !1
+			default: !0
 		},
 		offset: {
 			type: [
@@ -88,7 +89,11 @@ var D = ["innerHTML"], O = ["data-placement"], k = u({
 			type: Boolean,
 			default: !0
 		},
-		cssDuration: { default: 450 },
+		cssDuration: { default: 300 },
+		appear: {
+			type: Boolean,
+			default: !0
+		},
 		arrowSize: { default: 8 },
 		arrowOffset: { default: 4 },
 		arrowOptions: { default: () => void 0 },
@@ -107,7 +112,12 @@ var D = ["innerHTML"], O = ["data-placement"], k = u({
 			default: () => void 0
 		},
 		virtualRef: { default: () => void 0 },
-		zIndex: { default: () => void 0 }
+		zIndex: { default: () => void 0 },
+		transform: {
+			type: Boolean,
+			default: !0
+		},
+		strategy: { default: "absolute" }
 	}, {
 		visible: {
 			type: Boolean,
@@ -125,141 +135,144 @@ var D = ["innerHTML"], O = ["data-placement"], k = u({
 		"leaveCancelled",
 		"afterLeave"
 	], ["update:visible"]),
-	setup(u, { expose: f, emit: k }) {
-		let { beforeEnter: A, enter: j, afterEnter: M, beforeLeave: N, leave: P, afterLeave: F, enterCancelled: I, leaveCancelled: L } = te(k), { ns: R, n: z, is: B } = t("tooltip"), V = ce(), H = o(() => {
-			var e, t;
-			let n = V == null || (e = V.default) == null || (e = e.call(V)) == null ? void 0 : e.filter((e) => e && !re.includes(e.type.toString()))[0];
-			return (n == null || (t = n.type) == null ? void 0 : t.toString()) === "Symbol(v-txt)" ? d("span", {}, n) : n;
-		}), U = b("triggerRef"), W = b("floatingRef"), G = b("arrowRef"), K = _(), q = o(() => u.isVirtual ? u.virtualRef : u.isExternal ? K.value : H.value ? U.value : null), J = se(u, "visible"), { floatingStyles: de, middlewareData: fe, placement: Y, update: pe } = E(q, W, {
-			open: J,
-			placement: u.placement,
-			strategy: "absolute",
+	setup(d, { expose: f, emit: O }) {
+		let { beforeEnter: k, enter: A, afterEnter: j, beforeLeave: M, leave: N, afterLeave: P, enterCancelled: F, leaveCancelled: I } = i(O), { ns: L, n: R, is: z } = n("tooltip"), B = le(), V = c(() => te(B)), H = y("triggerRef"), U = y("floatingRef"), W = y("arrowRef"), G = g(), K = c(() => d.isVirtual ? d.virtualRef : d.isExternal ? G.value : V.value ? H.value : null), q = ce(d, "visible"), { floatingStyles: pe, middlewareData: me, placement: J, isPositioned: Y, update: he } = w(K, U, {
+			transform: d.transform,
+			open: q,
+			placement: d.placement,
+			strategy: d.strategy,
 			middleware: [
-				w(u.inlineOptions),
-				T(u.offset),
-				C({
-					padding: u.flipOffset,
-					boundary: u.boundary,
-					elementContext: u.elementContext,
-					altBoundary: u.altBoundary,
-					rootBoundary: u.rootBoundary,
-					...u.flipOptions
-				}),
+				S(d.inlineOptions),
+				C(d.offset),
 				x({
-					element: G,
-					padding: u.arrowOffset,
-					...u.arrowOptions
+					padding: d.flipOffset,
+					boundary: d.boundary,
+					elementContext: d.elementContext,
+					altBoundary: d.altBoundary,
+					rootBoundary: d.rootBoundary,
+					...d.flipOptions
+				}),
+				fe({
+					element: W,
+					padding: d.arrowOffset,
+					...d.arrowOptions
 				})
 			],
-			whileElementsMounted: (e, t, n) => S(e, t, n, {
+			whileElementsMounted: (e, t, n) => b(e, t, n, {
 				animationFrame: !0,
 				ancestorScroll: !0,
 				ancestorResize: !0,
 				elementResize: !0,
 				layoutShift: !0
 			})
-		}), me = o(() => [de.value, u.floatingStyle]), X = o(() => {
-			let t = Y.value.split("-")[0], n = i[t], r = fe.value.arrow;
+		}), ge = c(() => [pe.value, d.floatingStyle]), X = c(() => {
+			let e = J.value.split("-")[0], n = o[e], r = me.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]: `-${u.arrowSize / 2}px`,
-				width: e(u.arrowSize),
-				height: e(u.arrowSize)
+				[n]: `-${d.arrowSize / 2}px`,
+				width: t(d.arrowSize),
+				height: t(d.arrowSize)
 			};
-		}), he = o(() => u.isVirtual ? null : u.isExternal ? u.externalRef : H.value ? U.value : null), { stop: ge, setup: _e, delayShow: ve, delayHide: ye } = ne({
-			triggerRef: he,
-			isExternal: u.isExternal,
-			externalActiveRef: K,
-			externalRef: o(() => u.externalRef),
-			trigger: u.trigger,
-			floatingRef: u.persistent ? W : void 0,
-			open: J,
-			clickToToggle: u.clickToToggle,
-			showDelay: parseFloat(u.showDelay),
-			hideDelay: parseFloat(u.hideDelay),
-			disabled: o(() => u.disabled)
-		}), { scope: Z } = _e(), be = () => {
-			ge(), Z == null || Z.stop();
-		}, { currentTheme: Q } = r(u.theme, u.reverseTheme), xe = o(() => [me.value, {
-			width: e(u.width),
-			height: e(u.height),
-			maxWidth: e(u.maxWidth),
-			maxHeight: e(u.maxHeight),
+		}), _e = c(() => d.isVirtual ? null : d.isExternal ? d.externalRef : V.value ? H.value : null), { stop: ve, setup: ye, delayShow: be, delayHide: xe } = a({
+			triggerRef: _e,
+			isExternal: d.isExternal,
+			externalActiveRef: G,
+			externalRef: c(() => d.externalRef),
+			trigger: d.trigger,
+			floatingRef: d.persistent ? U : void 0,
+			open: q,
+			clickToToggle: d.clickToToggle,
+			showDelay: parseFloat(d.showDelay),
+			hideDelay: parseFloat(d.hideDelay),
+			disabled: c(() => d.disabled)
+		}), { scope: Z } = ye(), Se = () => {
+			ve(), Z == null || Z.stop();
+		}, { currentTheme: Q } = ee(d.theme, d.reverseTheme), Ce = c(() => [ge.value, {
+			width: t(d.width),
+			height: t(d.height),
+			maxWidth: t(d.maxWidth),
+			maxHeight: t(d.maxHeight),
 			zIndex: $.value,
-			transition: `opacity ${u.cssDuration}ms ease, visibility ${u.cssDuration}ms ease`
-		}]), $ = _(0), { zIndex: Se } = n(), { stop: Ce } = le(J, (e) => {
-			e && ($.value = u.zIndex || Se.value);
+			"transition-duration": e(d.cssDuration) ? `${d.cssDuration}ms` : void 0
+		}]), $ = g(0), { zIndex: we } = r(), { stop: Te } = ue(q, (e) => {
+			e && ($.value = d.zIndex || we.value);
 		});
-		return h(() => {
-			be(), Ce();
+		return ae(() => {
+			Se(), Te();
 		}), f({
-			update: pe,
+			update: he,
 			hide: () => {
-				J.value = !1;
+				q.value = !1;
 			},
-			delayHide: ye,
+			delayHide: xe,
 			show: () => {
-				J.value = !0;
+				q.value = !0;
 			},
-			delayShow: ve,
-			triggerRef: q,
-			floatingRef: W,
-			arrowRef: G
-		}), (e, t) => (g(), l(a, null, [(g(), s(ae(H.value), {
+			delayShow: be,
+			triggerRef: K,
+			floatingRef: U,
+			arrowRef: W,
+			floatingPlacement: J,
+			isPositioned: Y
+		}), (e, t) => (h(), u(s, null, [(h(), re(oe(V.value), {
 			ref_key: "triggerRef",
-			ref: U,
-			class: p([y(R)("trigger")])
-		}, null, 8, ["class"])), ie(y(ee), {
-			teleported: u.teleported,
-			"append-to": u.appendTo,
-			transition: u.transition,
-			"css-duration": u.cssDuration,
-			"css-transition": u.cssTransition,
-			onBeforeEnter: y(A),
-			onEnter: y(j),
-			onAfterEnter: y(M),
-			onBeforeLeave: y(N),
-			onLeave: y(P),
-			onAfterLeave: y(F),
-			onEnterCancelled: y(I),
-			onLeaveCancelled: y(L)
+			ref: H,
+			class: p([v(L)("trigger")])
+		}, null, 8, ["class"])), ie(v(ne), {
+			teleported: d.teleported,
+			"append-to": d.appendTo,
+			transition: d.transition,
+			"css-duration": d.cssDuration,
+			"css-transition": d.cssTransition,
+			appear: d.appear,
+			onBeforeEnter: v(k),
+			onEnter: v(A),
+			onAfterEnter: v(j),
+			onBeforeLeave: v(M),
+			onLeave: v(N),
+			onAfterLeave: v(P),
+			onEnterCancelled: v(F),
+			onLeaveCancelled: v(I)
 		}, {
-			default: ue(() => [J.value ? (g(), l("div", {
+			default: de(() => [q.value ? (h(), u("div", {
 				key: 0,
 				ref_key: "floatingRef",
-				ref: W,
-				style: m(xe.value),
+				ref: U,
+				style: m(Ce.value),
 				class: p([
-					y(z)(),
-					y(B)(y(Q), !!y(Q)),
-					u.floatingClass
-				])
-			}, [v(e.$slots, "content", {
-				isHtml: u.isHtml,
-				content: u.content,
-				zIndex: $.value
-			}, () => [u.isHtml ? (g(), l("span", {
+					v(R)(),
+					v(z)(v(Q), !!v(Q)),
+					d.floatingClass
+				]),
+				"data-placement": v(J),
+				"data-positioned": v(Y)
+			}, [_(e.$slots, "content", {
+				isHtml: d.isHtml,
+				content: d.content,
+				zIndex: $.value,
+				placement: v(J)
+			}, () => [d.isHtml ? (h(), u("span", {
 				key: 0,
-				class: p([y(R)("content")]),
-				innerHTML: u.content
-			}, null, 10, D)) : (g(), l("span", {
+				class: p([v(L)("content")]),
+				innerHTML: d.content
+			}, null, 10, E)) : (h(), u("span", {
 				key: 1,
-				class: p([y(R)("content")])
-			}, oe(u.content), 3))]), v(e.$slots, "arrow", {
-				showArrow: u.showArrow,
+				class: p([v(L)("content")])
+			}, se(d.content), 3))]), _(e.$slots, "arrow", {
+				showArrow: d.showArrow,
 				arrowStyle: X.value,
-				placement: y(Y),
+				placement: v(J),
 				zIndex: $.value
-			}, () => [u.showArrow ? (g(), l("span", {
+			}, () => [d.showArrow ? (h(), u("span", {
 				key: 0,
 				ref_key: "arrowRef",
-				ref: G,
-				"data-placement": y(Y),
+				ref: W,
+				"data-placement": v(J),
 				style: m(X.value),
-				class: p([y(R)("arrow")])
-			}, null, 14, O)) : c("", !0)])], 6)) : c("", !0)]),
+				class: p([v(L)("arrow")])
+			}, null, 14, D)) : l("", !0)])], 14, T)) : l("", !0)]),
 			_: 3
 		}, 8, [
 			"teleported",
@@ -267,6 +280,7 @@ var D = ["innerHTML"], O = ["data-placement"], k = u({
 			"transition",
 			"css-duration",
 			"css-transition",
+			"appear",
 			"onBeforeEnter",
 			"onEnter",
 			"onAfterEnter",
@@ -279,4 +293,4 @@ var D = ["innerHTML"], O = ["data-placement"], k = u({
 	}
 });
 //#endregion
-export { k as default };
+export { O as default };

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

@@ -34,6 +34,7 @@ export interface TooltipProps {
     mode?: TransitionMode;
     cssTransition?: boolean;
     cssDuration?: number;
+    appear?: boolean;
     arrowSize?: number;
     arrowOffset?: number;
     arrowOptions?: ArrowOptions;
@@ -47,6 +48,8 @@ export interface TooltipProps {
     isVirtual?: boolean;
     virtualRef?: VirtualElement | null;
     zIndex?: number;
+    transform?: boolean;
+    strategy?: 'absolute' | 'fixed';
 }
 export interface TooltipEmits extends TransitionEmits {
 }

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

@@ -1,12 +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;
+    beforeEnter: (el: HTMLElement) => void;
+    enter: (el: HTMLElement, done: () => void) => void;
+    enterCancelled: (el: HTMLElement) => void;
+    afterEnter: (el: HTMLElement) => void;
+    beforeLeave: (el: HTMLElement) => void;
+    leave: (el: HTMLElement, done: () => void) => void;
+    leaveCancelled: (el: HTMLElement) => void;
+    afterLeave: (el: HTMLElement) => void;
 };

package/es/components/tooltip/src/use-tooltip.mjs

@@ -60,7 +60,7 @@ function s({ triggerRef: s, isExternal: c, externalActiveRef: l, externalRef: u,
 	}, C = () => {
 		p.value = !1, S();
 	};
-	return c && n(() => u == null ? void 0 : u.value, (e) => {
+	return c && !t(_) && n(() => u == null ? void 0 : u.value, (e) => {
 		if (!(["click", "contextmenu"].includes(d) && l.value === e)) {
 			if (!l.value || !p.value) {
 				l.value = e, y();
@@ -80,13 +80,13 @@ function s({ triggerRef: s, isExternal: c, externalActiveRef: l, externalRef: u,
 					S();
 					return;
 				}
-				if (t(_)) {
+				if (n(() => t(_), (e) => {
+					e ? C() : x();
+				}), t(_)) {
 					C();
 					return;
 				}
-				x(), n(() => t(_), (e) => {
-					e ? C() : x();
-				}), n(s, (e) => {
+				x(), n(s, (e) => {
 					e && (S(), x());
 				});
 			}), { scope: r };

package/es/components/transition/src/transition.vue_vue_type_script_setup_true_lang.mjs

@@ -23,7 +23,7 @@ var p = o({
 		cssDuration: { default: 0 },
 		appear: {
 			type: Boolean,
-			default: !0
+			default: !1
 		}
 	},
 	emits: [

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

@@ -1,12 +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;
+    beforeEnter: (el: HTMLElement) => void;
+    enter: (el: HTMLElement, done: () => void) => void;
+    enterCancelled: (el: HTMLElement) => void;
+    afterEnter: (el: HTMLElement) => void;
+    beforeLeave: (el: HTMLElement) => void;
+    leave: (el: HTMLElement, done: () => void) => void;
+    leaveCancelled: (el: HTMLElement) => void;
+    afterLeave: (el: HTMLElement) => void;
 };

package/es/composables/index.d.ts

@@ -6,3 +6,4 @@ export * from './use-waterfall-layout';
 export * from './use-namespace';
 export * from './use-z-index';
 export * from './use-theme';
+export * from './use-slot-node';

package/es/composables/index.mjs

@@ -6,4 +6,5 @@ import { useWaterFallLayout as i } from "./use-waterfall-layout/index.mjs";
 import { useNamespace as a } from "./use-namespace/index.mjs";
 import { useZIndex as o } from "./use-z-index/index.mjs";
 import { useTheme as s } from "./use-theme/index.mjs";
-export { t as useDateFormat, e as useDraggable, a as useNamespace, n as useOnceFn, s as useTheme, r as useTimeNodes, i as useWaterFallLayout, o as useZIndex };
+import { useSlotFirstNode as c } from "./use-slot-node/index.mjs";
+export { t as useDateFormat, e as useDraggable, a as useNamespace, n as useOnceFn, c as useSlotFirstNode, s as useTheme, r as useTimeNodes, i as useWaterFallLayout, o as useZIndex };

package/es/composables/use-slot-node/index.d.ts

@@ -0,0 +1,2 @@
+import { VNode, Slots, Slot } from 'vue';
+export declare function useSlotFirstNode(slots: Slots, name?: string): Slot | VNode | undefined;

package/es/composables/use-slot-node/index.mjs

@@ -0,0 +1,10 @@
+import { filterNodeTypes as e } from "../../constants/index.mjs";
+import { h as t, isVNode as n } from "vue";
+//#region packages/composables/use-slot-node/index.ts
+function r(r, i = "default") {
+	var a, o;
+	let s = r == null || (a = r[i]) == null || (a = a.call(r)) == null ? void 0 : a.filter((t) => n(t) && !e.includes(t.type.toString()))[0];
+	return (s == null || (o = s.type) == null ? void 0 : o.toString()) === "Symbol(v-txt)" ? t("span", {}, s) : s;
+}
+//#endregion
+export { r as useSlotFirstNode };

package/es/composables/use-theme/index.mjs

@@ -14,7 +14,7 @@ function o(e = "light", n = !1) {
 	let i = r(a);
 	return {
 		isDark: a,
-		currentTheme: t(() => n ? e === "dark" ? "light" : "dark" : e),
+		currentTheme: t(() => e === "auto" ? n ? a.value ? "light" : "dark" : a.value ? "dark" : "light" : n ? e === "dark" ? "light" : "dark" : e),
 		toggle: i
 	};
 }

package/es/constants/index.d.ts

@@ -1 +1,2 @@
 export * from './svgLoading';
+export declare const filterNodeTypes: readonly ["Symbol(Comment)", "Symbol()", "Symbol(v-cmt)"];

package/es/constants/index.mjs

@@ -0,0 +1,9 @@
+import { svgLoadingContent as e } from "./svgLoading.mjs";
+//#region packages/constants/index.ts
+var t = [
+	"Symbol(Comment)",
+	"Symbol()",
+	"Symbol(v-cmt)"
+];
+//#endregion
+export { t as filterNodeTypes, e as svgLoadingContent };