rappel-ui 1.0.34 → 1.0.35

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

@@ -1,20 +1,21 @@
-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 ie, createCommentVNode as s, createElementBlock as c, createVNode as ae, defineComponent as l, h as u, mergeModels as d, normalizeClass as f, normalizeStyle as p, onUnmounted as m, 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 { 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 T = ["data-placement", "data-positioned"], E = ["innerHTML"], D = ["data-placement"], O = l({
+var T = ["data-placement", "data-positioned"], E = ["innerHTML"], D = ["data-placement"], O = d({
 	name: "ReTooltip",
 	__name: "tooltip",
-	props: d({
+	props: f({
 		visible: { type: Boolean },
 		content: { default: "" },
 		isHtml: {
@@ -53,10 +54,10 @@ var T = ["data-placement", "data-positioned"], E = ["innerHTML"], D = ["data-pla
 			],
 			default: () => void 0
 		},
-		theme: { default: "dark" },
+		theme: { default: "auto" },
 		reverseTheme: {
 			type: Boolean,
-			default: !1
+			default: !0
 		},
 		offset: {
 			type: [
@@ -89,6 +90,10 @@ var T = ["data-placement", "data-positioned"], E = ["innerHTML"], D = ["data-pla
 			default: !0
 		},
 		cssDuration: { default: 300 },
+		appear: {
+			type: Boolean,
+			default: !0
+		},
 		arrowSize: { default: 8 },
 		arrowOffset: { default: 4 },
 		arrowOptions: { default: () => void 0 },
@@ -120,7 +125,7 @@ var T = ["data-placement", "data-positioned"], E = ["innerHTML"], D = ["data-pla
 		},
 		visibleModifiers: {}
 	}),
-	emits: d([
+	emits: f([
 		"beforeEnter",
 		"enter",
 		"enterCancelled",
@@ -130,31 +135,27 @@ var T = ["data-placement", "data-positioned"], E = ["innerHTML"], D = ["data-pla
 		"leaveCancelled",
 		"afterLeave"
 	], ["update:visible"]),
-	setup(l, { expose: d, emit: O }) {
-		let { beforeEnter: k, enter: A, afterEnter: j, beforeLeave: M, leave: N, afterLeave: P, enterCancelled: F, leaveCancelled: I } = te(O), { ns: L, n: R, is: z } = t("tooltip"), B = le(), V = o(() => {
-			var e, t;
-			let n = B == null || (e = B.default) == null || (e = e.call(B)) == 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)" ? u("span", {}, n) : n;
-		}), H = y("triggerRef"), U = y("floatingRef"), W = y("arrowRef"), G = g(), K = o(() => l.isVirtual ? l.virtualRef : l.isExternal ? G.value : V.value ? H.value : null), q = ce(l, "visible"), { floatingStyles: pe, middlewareData: me, placement: J, isPositioned: Y, update: he } = w(K, U, {
-			transform: l.transform,
+	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: l.placement,
-			strategy: l.strategy,
+			placement: d.placement,
+			strategy: d.strategy,
 			middleware: [
-				S(l.inlineOptions),
-				C(l.offset),
+				S(d.inlineOptions),
+				C(d.offset),
 				x({
-					padding: l.flipOffset,
-					boundary: l.boundary,
-					elementContext: l.elementContext,
-					altBoundary: l.altBoundary,
-					rootBoundary: l.rootBoundary,
-					...l.flipOptions
+					padding: d.flipOffset,
+					boundary: d.boundary,
+					elementContext: d.elementContext,
+					altBoundary: d.altBoundary,
+					rootBoundary: d.rootBoundary,
+					...d.flipOptions
 				}),
 				fe({
 					element: W,
-					padding: l.arrowOffset,
-					...l.arrowOptions
+					padding: d.arrowOffset,
+					...d.arrowOptions
 				})
 			],
 			whileElementsMounted: (e, t, n) => b(e, t, n, {
@@ -164,43 +165,43 @@ var T = ["data-placement", "data-positioned"], E = ["innerHTML"], D = ["data-pla
 				elementResize: !0,
 				layoutShift: !0
 			})
-		}), ge = o(() => [pe.value, l.floatingStyle]), X = o(() => {
-			let t = J.value.split("-")[0], n = i[t], r = me.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]: `-${l.arrowSize / 2}px`,
-				width: e(l.arrowSize),
-				height: e(l.arrowSize)
+				[n]: `-${d.arrowSize / 2}px`,
+				width: t(d.arrowSize),
+				height: t(d.arrowSize)
 			};
-		}), _e = o(() => l.isVirtual ? null : l.isExternal ? l.externalRef : V.value ? H.value : null), { stop: ve, setup: ye, delayShow: be, delayHide: xe } = ne({
+		}), _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: l.isExternal,
+			isExternal: d.isExternal,
 			externalActiveRef: G,
-			externalRef: o(() => l.externalRef),
-			trigger: l.trigger,
-			floatingRef: l.persistent ? U : void 0,
+			externalRef: c(() => d.externalRef),
+			trigger: d.trigger,
+			floatingRef: d.persistent ? U : void 0,
 			open: q,
-			clickToToggle: l.clickToToggle,
-			showDelay: parseFloat(l.showDelay),
-			hideDelay: parseFloat(l.hideDelay),
-			disabled: o(() => l.disabled)
+			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 } = r(l.theme, l.reverseTheme), Ce = o(() => [ge.value, {
-			width: e(l.width),
-			height: e(l.height),
-			maxWidth: e(l.maxWidth),
-			maxHeight: e(l.maxHeight),
+		}, { 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-duration": l.cssDuration ? `${l.cssDuration}ms` : void 0
-		}]), $ = g(0), { zIndex: we } = n(), { stop: Te } = ue(q, (e) => {
-			e && ($.value = l.zIndex || we.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 m(() => {
+		return ae(() => {
 			Se(), Te();
-		}), d({
+		}), f({
 			update: he,
 			hide: () => {
 				q.value = !1;
@@ -215,16 +216,17 @@ var T = ["data-placement", "data-positioned"], E = ["innerHTML"], D = ["data-pla
 			arrowRef: W,
 			floatingPlacement: J,
 			isPositioned: Y
-		}), (e, t) => (h(), c(a, null, [(h(), ie(oe(V.value), {
+		}), (e, t) => (h(), u(s, null, [(h(), re(oe(V.value), {
 			ref_key: "triggerRef",
 			ref: H,
-			class: f([v(L)("trigger")])
-		}, null, 8, ["class"])), ae(v(ee), {
-			teleported: l.teleported,
-			"append-to": l.appendTo,
-			transition: l.transition,
-			"css-duration": l.cssDuration,
-			"css-transition": l.cssTransition,
+			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),
@@ -234,43 +236,43 @@ var T = ["data-placement", "data-positioned"], E = ["innerHTML"], D = ["data-pla
 			onEnterCancelled: v(F),
 			onLeaveCancelled: v(I)
 		}, {
-			default: de(() => [q.value ? (h(), c("div", {
+			default: de(() => [q.value ? (h(), u("div", {
 				key: 0,
 				ref_key: "floatingRef",
 				ref: U,
-				style: p(Ce.value),
-				class: f([
+				style: m(Ce.value),
+				class: p([
 					v(R)(),
 					v(z)(v(Q), !!v(Q)),
-					l.floatingClass
+					d.floatingClass
 				]),
 				"data-placement": v(J),
 				"data-positioned": v(Y)
 			}, [_(e.$slots, "content", {
-				isHtml: l.isHtml,
-				content: l.content,
+				isHtml: d.isHtml,
+				content: d.content,
 				zIndex: $.value,
 				placement: v(J)
-			}, () => [l.isHtml ? (h(), c("span", {
+			}, () => [d.isHtml ? (h(), u("span", {
 				key: 0,
-				class: f([v(L)("content")]),
-				innerHTML: l.content
-			}, null, 10, E)) : (h(), c("span", {
+				class: p([v(L)("content")]),
+				innerHTML: d.content
+			}, null, 10, E)) : (h(), u("span", {
 				key: 1,
-				class: f([v(L)("content")])
-			}, se(l.content), 3))]), _(e.$slots, "arrow", {
-				showArrow: l.showArrow,
+				class: p([v(L)("content")])
+			}, se(d.content), 3))]), _(e.$slots, "arrow", {
+				showArrow: d.showArrow,
 				arrowStyle: X.value,
 				placement: v(J),
 				zIndex: $.value
-			}, () => [l.showArrow ? (h(), c("span", {
+			}, () => [d.showArrow ? (h(), u("span", {
 				key: 0,
 				ref_key: "arrowRef",
 				ref: W,
 				"data-placement": v(J),
-				style: p(X.value),
-				class: f([v(L)("arrow")])
-			}, null, 14, D)) : s("", !0)])], 14, T)) : s("", !0)]),
+				style: m(X.value),
+				class: p([v(L)("arrow")])
+			}, null, 14, D)) : l("", !0)])], 14, T)) : l("", !0)]),
 			_: 3
 		}, 8, [
 			"teleported",
@@ -278,6 +280,7 @@ var T = ["data-placement", "data-positioned"], E = ["innerHTML"], D = ["data-pla
 			"transition",
 			"css-duration",
 			"css-transition",
+			"appear",
 			"onBeforeEnter",
 			"onEnter",
 			"onAfterEnter",

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;

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

@@ -2,11 +2,11 @@ import { EmitFn } from 'vue';
 import { TooltipEmits } from './types';
 export declare function useTooltipEmits(emits: EmitFn<TooltipEmits>): {
     beforeEnter: (el: HTMLElement) => void;
-    enter: (el: HTMLElement, done: any) => void;
+    enter: (el: HTMLElement, done: () => void) => void;
     enterCancelled: (el: HTMLElement) => void;
     afterEnter: (el: HTMLElement) => void;
     beforeLeave: (el: HTMLElement) => void;
-    leave: (el: HTMLElement, done: any) => 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/use-transition-emit.d.ts

@@ -2,11 +2,11 @@ import { EmitFn } from 'vue';
 import { TransitionEmits } from './types';
 export declare function useTransitionEmits(emits: EmitFn<TransitionEmits>): {
     beforeEnter: (el: HTMLElement) => void;
-    enter: (el: HTMLElement, done: any) => void;
+    enter: (el: HTMLElement, done: () => void) => void;
     enterCancelled: (el: HTMLElement) => void;
     afterEnter: (el: HTMLElement) => void;
     beforeLeave: (el: HTMLElement) => void;
-    leave: (el: HTMLElement, done: any) => 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 };