rappel-ui 1.0.32 → 1.0.34

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

@@ -8,13 +8,13 @@ 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 { 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 { 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 = l({
 	name: "ReTooltip",
 	__name: "tooltip",
-	props: f({
+	props: d({
 		visible: { type: Boolean },
 		content: { default: "" },
 		isHtml: {
@@ -88,7 +88,7 @@ var D = ["innerHTML"], O = ["data-placement"], k = u({
 			type: Boolean,
 			default: !0
 		},
-		cssDuration: { default: 0 },
+		cssDuration: { default: 300 },
 		arrowSize: { default: 8 },
 		arrowOffset: { default: 4 },
 		arrowOptions: { default: () => void 0 },
@@ -107,7 +107,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,
@@ -115,7 +120,7 @@ var D = ["innerHTML"], O = ["data-placement"], k = u({
 		},
 		visibleModifiers: {}
 	}),
-	emits: f([
+	emits: d([
 		"beforeEnter",
 		"enter",
 		"enterCancelled",
@@ -125,140 +130,147 @@ 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(() => {
+	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 = 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",
+			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,
+			open: q,
+			placement: l.placement,
+			strategy: l.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(l.inlineOptions),
+				C(l.offset),
 				x({
-					element: G,
-					padding: u.arrowOffset,
-					...u.arrowOptions
+					padding: l.flipOffset,
+					boundary: l.boundary,
+					elementContext: l.elementContext,
+					altBoundary: l.altBoundary,
+					rootBoundary: l.rootBoundary,
+					...l.flipOptions
+				}),
+				fe({
+					element: W,
+					padding: l.arrowOffset,
+					...l.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 = o(() => [pe.value, l.floatingStyle]), X = o(() => {
+			let t = J.value.split("-")[0], n = i[t], 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]: `-${l.arrowSize / 2}px`,
+				width: e(l.arrowSize),
+				height: e(l.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),
-			zIndex: $.value
-		}]), $ = _(0), { zIndex: Se } = n(), { stop: Ce } = le(J, (e) => {
-			e && ($.value = u.zIndex || Se.value);
+		}), _e = o(() => l.isVirtual ? null : l.isExternal ? l.externalRef : V.value ? H.value : null), { stop: ve, setup: ye, delayShow: be, delayHide: xe } = ne({
+			triggerRef: _e,
+			isExternal: l.isExternal,
+			externalActiveRef: G,
+			externalRef: o(() => l.externalRef),
+			trigger: l.trigger,
+			floatingRef: l.persistent ? U : void 0,
+			open: q,
+			clickToToggle: l.clickToToggle,
+			showDelay: parseFloat(l.showDelay),
+			hideDelay: parseFloat(l.hideDelay),
+			disabled: o(() => l.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),
+			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);
 		});
-		return h(() => {
-			be(), Ce();
-		}), f({
-			update: pe,
+		return m(() => {
+			Se(), Te();
+		}), d({
+			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(), c(a, null, [(h(), ie(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: 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,
+			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(), c("div", {
 				key: 0,
 				ref_key: "floatingRef",
-				ref: W,
-				style: m(xe.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", {
+				ref: U,
+				style: p(Ce.value),
+				class: f([
+					v(R)(),
+					v(z)(v(Q), !!v(Q)),
+					l.floatingClass
+				]),
+				"data-placement": v(J),
+				"data-positioned": v(Y)
+			}, [_(e.$slots, "content", {
+				isHtml: l.isHtml,
+				content: l.content,
+				zIndex: $.value,
+				placement: v(J)
+			}, () => [l.isHtml ? (h(), c("span", {
 				key: 0,
-				class: p([y(R)("content")]),
-				innerHTML: u.content
-			}, null, 10, D)) : (g(), l("span", {
+				class: f([v(L)("content")]),
+				innerHTML: l.content
+			}, null, 10, E)) : (h(), c("span", {
 				key: 1,
-				class: p([y(R)("content")])
-			}, oe(u.content), 3))]), v(e.$slots, "arrow", {
-				showArrow: u.showArrow,
+				class: f([v(L)("content")])
+			}, se(l.content), 3))]), _(e.$slots, "arrow", {
+				showArrow: l.showArrow,
 				arrowStyle: X.value,
-				placement: y(Y),
+				placement: v(J),
 				zIndex: $.value
-			}, () => [u.showArrow ? (g(), l("span", {
+			}, () => [l.showArrow ? (h(), c("span", {
 				key: 0,
 				ref_key: "arrowRef",
-				ref: G,
-				"data-placement": y(Y),
-				style: m(X.value),
-				class: p([y(R)("arrow")])
-			}, null, 14, O)) : c("", !0)])], 6)) : c("", !0)]),
+				ref: W,
+				"data-placement": v(J),
+				style: p(X.value),
+				class: f([v(L)("arrow")])
+			}, null, 14, D)) : s("", !0)])], 14, T)) : s("", !0)]),
 			_: 3
 		}, 8, [
 			"teleported",
@@ -278,4 +290,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

@@ -47,6 +47,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: any) => void;
+    enterCancelled: (el: HTMLElement) => void;
+    afterEnter: (el: HTMLElement) => void;
+    beforeLeave: (el: HTMLElement) => void;
+    leave: (el: HTMLElement, done: any) => void;
+    leaveCancelled: (el: HTMLElement) => void;
+    afterLeave: (el: HTMLElement) => void;
 };

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

package/es/composables/use-namespace/index.d.ts

@@ -2,6 +2,8 @@ export declare function useNamespace(compName: string): {
     libName: string;
     prefix: string;
     statePrefix: string;
+    hasPrefix: string;
+    has: (feature: string, bool?: boolean | undefined) => string;
     n: (name?: string) => string;
     ng: (groupName: string) => string;
     nm: (modifier: string) => string;

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

@@ -8,6 +8,8 @@ function e(e) {
 		libName: "rappel-ui",
 		prefix: "re",
 		statePrefix: "is",
+		hasPrefix: "has",
+		has: (e, t = void 0) => t ? `has-${e}` : "",
 		n: (e = "") => t(e),
 		ng: (e) => t("", e),
 		nm: (e) => t("", "", e),