rappel-ui 1.0.20 → 1.0.22

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

@@ -2,18 +2,17 @@ import { toPx as e } from "../../../utils/util.mjs";
 import "../../../utils/index.mjs";
 import { useNamespace as t } from "../../../composables/use-namespace/index.mjs";
 import "../../../composables/index.mjs";
-import { autoUpdate as n, flip as r, inline as i, offset as a } from "../../../node_modules/.pnpm/@floating-ui_dom@1.8.0/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs";
-import { arrow as o, useFloating as s } from "../../../node_modules/.pnpm/@floating-ui_vue@2.0.1_vue@3.5.42_typescript@5.9.3_/node_modules/@floating-ui/vue/dist/floating-ui.vue.mjs";
-import { useEmits as ee } from "./use-emit.mjs";
-import c from "./content.mjs";
-import { useTooltip as l } from "./use-tooltip.mjs";
-import { filterNodeTypes as u, staticSideMap as d } from "./constants.mjs";
-import { Fragment as f, computed as p, createBlock as m, createElementBlock as h, createVNode as g, defineComponent as _, h as v, mergeModels as y, normalizeClass as b, normalizeStyle as te, onUnmounted as ne, openBlock as x, ref as S, renderSlot as C, resolveDynamicComponent as w, toDisplayString as T, unref as E, useModel as D, useSlots as O, useTemplateRef as k, withCtx as A } from "vue";
+import { useEmits as n } from "./use-emit.mjs";
+import r from "./content.mjs";
+import { useTooltip as i } from "./use-tooltip.mjs";
+import { filterNodeTypes as a, staticSideMap as o } from "./constants.mjs";
+import { Fragment as s, computed as c, createBlock as l, createElementBlock as u, createVNode as d, defineComponent as f, h as p, mergeModels as m, normalizeClass as h, normalizeStyle as g, onUnmounted as _, openBlock as v, ref as y, renderSlot as ee, resolveDynamicComponent as te, toDisplayString as ne, unref as b, useModel as x, useSlots as S, useTemplateRef as C, withCtx as w } from "vue";
+import { arrow as T, autoUpdate as E, flip as D, inline as O, offset as k, useFloating as A } from "@floating-ui/vue";
 //#region packages/components/tooltip/src/tooltip.vue?vue&type=script&setup=true&lang.ts
-var j = ["innerHTML"], M = _({
+var j = ["innerHTML"], M = f({
 	name: "ReTooltip",
 	__name: "tooltip",
-	props: y({
+	props: m({
 		visible: { type: Boolean },
 		content: { default: "" },
 		isHtml: {
@@ -109,7 +108,7 @@ var j = ["innerHTML"], M = _({
 		},
 		visibleModifiers: {}
 	}),
-	emits: y([
+	emits: m([
 		"beforeShow",
 		"show",
 		"beforeHide",
@@ -123,75 +122,75 @@ var j = ["innerHTML"], M = _({
 		"leaveCancelled",
 		"afterLeave"
 	], ["update:visible"]),
-	setup(_, { expose: y, emit: M }) {
-		let { beforeShow: N, beforeHide: P, show: F, hide: I, beforeEnter: L, enter: R, afterEnter: z, beforeLeave: B, leave: re, afterLeave: V, enterCancelled: H, leaveCancelled: U } = ee(M), { ns: W } = t("tooltip"), G = O(), K = p(() => {
+	setup(f, { expose: m, emit: M }) {
+		let { beforeShow: N, beforeHide: P, show: F, hide: I, beforeEnter: L, enter: R, afterEnter: z, beforeLeave: re, leave: B, afterLeave: V, enterCancelled: H, leaveCancelled: U } = n(M), { ns: W } = t("tooltip"), G = S(), K = c(() => {
 			var e, t;
-			let n = G == null || (e = G.default) == null || (e = e.call(G)) == null ? void 0 : e.filter((e) => e && !u.includes(e.type.toString()))[0];
-			return (n == null || (t = n.type) == null ? void 0 : t.toString()) === "Symbol(v-txt)" ? v("span", {}, n) : n;
-		}), q = k("triggerRef"), J = k("floatingRef"), Y = S(), X = p(() => _.isVirtual ? _.virtualRef : _.isExternal ? Y.value : K.value ? q.value : null), Z = D(_, "visible"), { floatingStyles: ie, middlewareData: ae, placement: Q, update: oe } = s(X, p(() => {
+			let n = G == null || (e = G.default) == null || (e = e.call(G)) == null ? void 0 : e.filter((e) => e && !a.includes(e.type.toString()))[0];
+			return (n == null || (t = n.type) == null ? void 0 : t.toString()) === "Symbol(v-txt)" ? p("span", {}, n) : n;
+		}), q = C("triggerRef"), J = C("floatingRef"), Y = y(), X = c(() => f.isVirtual ? f.virtualRef : f.isExternal ? Y.value : K.value ? q.value : null), Z = x(f, "visible"), { floatingStyles: ie, middlewareData: ae, placement: Q, update: oe } = A(X, c(() => {
 			var e;
 			return (e = J.value) == null ? void 0 : e.floatingRef;
 		}), {
 			open: Z,
-			placement: _.placement,
+			placement: f.placement,
 			strategy: "absolute",
 			middleware: [
-				i(_.inlineOptions),
-				a(_.offset),
-				r({
-					padding: _.flipOffset,
-					boundary: _.boundary,
-					elementContext: _.elementContext,
-					altBoundary: _.altBoundary,
-					rootBoundary: _.rootBoundary,
-					..._.flipOptions
+				O(f.inlineOptions),
+				k(f.offset),
+				D({
+					padding: f.flipOffset,
+					boundary: f.boundary,
+					elementContext: f.elementContext,
+					altBoundary: f.altBoundary,
+					rootBoundary: f.rootBoundary,
+					...f.flipOptions
 				}),
-				o({
-					element: p(() => {
+				T({
+					element: c(() => {
 						var e;
 						return (e = J.value) == null ? void 0 : e.arrowRef;
 					}),
-					padding: _.arrowOffset,
-					..._.arrowOptions
+					padding: f.arrowOffset,
+					...f.arrowOptions
 				})
 			],
-			whileElementsMounted: (e, t, r) => n(e, t, r, {
+			whileElementsMounted: (e, t, n) => E(e, t, n, {
 				animationFrame: !0,
 				ancestorScroll: !0,
 				ancestorResize: !0,
 				elementResize: !0,
 				layoutShift: !0
 			})
-		}), se = p(() => [ie.value, _.floatingStyle]), ce = p(() => {
-			let t = d[Q.value.split("-")[0]], n = ae.value.arrow;
+		}), se = c(() => [ie.value, f.floatingStyle]), ce = c(() => {
+			let t = o[Q.value.split("-")[0]], n = ae.value.arrow;
 			return {
 				position: "absolute",
 				left: (n == null ? void 0 : n.x) == null ? "" : `${n.x}px`,
 				top: (n == null ? void 0 : n.y) == null ? "" : `${n.y}px`,
-				[t]: `-${_.arrowSize / 2}px`,
-				width: e(_.arrowSize),
-				height: e(_.arrowSize)
+				[t]: `-${f.arrowSize / 2}px`,
+				width: e(f.arrowSize),
+				height: e(f.arrowSize)
 			};
-		}), { stop: le, setup: ue, delayShow: de, delayHide: fe } = l({
-			triggerRef: p(() => _.isVirtual ? null : _.isExternal ? _.externalRef : K.value ? q.value : null),
-			isExternal: _.isExternal,
+		}), { stop: le, setup: ue, delayShow: de, delayHide: fe } = i({
+			triggerRef: c(() => f.isVirtual ? null : f.isExternal ? f.externalRef : K.value ? q.value : null),
+			isExternal: f.isExternal,
 			externalActiveRef: Y,
-			externalRef: p(() => _.externalRef),
-			trigger: _.trigger,
-			floatingRef: p(() => {
+			externalRef: c(() => f.externalRef),
+			trigger: f.trigger,
+			floatingRef: c(() => {
 				var e;
-				return _.persistent ? (e = J.value) == null ? void 0 : e.floatingRef : void 0;
+				return f.persistent ? (e = J.value) == null ? void 0 : e.floatingRef : void 0;
 			}),
 			open: Z,
-			showDelay: _.showDelay,
-			hideDelay: _.hideDelay,
-			disabled: p(() => _.disabled)
+			showDelay: f.showDelay,
+			hideDelay: f.hideDelay,
+			disabled: c(() => f.disabled)
 		}), { scope: $ } = ue(), pe = () => {
 			le(), $ == null || $.stop();
 		};
-		return ne(() => {
+		return _(() => {
 			pe();
-		}), y({
+		}), m({
 			update: oe,
 			hide: () => {
 				Z.value = !1;
@@ -202,60 +201,60 @@ var j = ["innerHTML"], M = _({
 			},
 			delayShow: de,
 			triggerRef: X.value,
-			floatingRef: p(() => {
+			floatingRef: c(() => {
 				var e;
 				return (e = J.value) == null ? void 0 : e.floatingRef;
 			}).value,
-			arrowRef: p(() => {
+			arrowRef: c(() => {
 				var e;
 				return (e = J.value) == null ? void 0 : e.arrowRef;
 			}).value
-		}), (e, t) => (x(), h(f, null, [(x(), m(w(K.value), {
+		}), (e, t) => (v(), u(s, null, [(v(), l(te(K.value), {
 			ref_key: "triggerRef",
 			ref: q,
-			class: b([E(W)("trigger")])
-		}, null, 8, ["class"])), g(c, {
+			class: h([b(W)("trigger")])
+		}, null, 8, ["class"])), d(r, {
 			ref_key: "floatingRef",
 			ref: J,
 			modelValue: Z.value,
 			"onUpdate:modelValue": t[0] || (t[0] = (e) => Z.value = e),
-			placement: E(Q),
-			"show-arrow": _.showArrow,
-			width: _.width,
-			height: _.height,
-			"max-width": _.maxWidth,
-			"max-height": _.maxHeight,
-			"floating-class": _.floatingClass,
-			style: te(se.value),
-			theme: _.theme,
-			"reverse-theme": _.reverseTheme,
+			placement: b(Q),
+			"show-arrow": f.showArrow,
+			width: f.width,
+			height: f.height,
+			"max-width": f.maxWidth,
+			"max-height": f.maxHeight,
+			"floating-class": f.floatingClass,
+			style: g(se.value),
+			theme: f.theme,
+			"reverse-theme": f.reverseTheme,
 			"arrow-style": ce.value,
-			teleported: _.teleported,
-			"append-to": _.appendTo,
-			transition: _.transition,
-			"css-duration": _.cssDuration,
-			"css-transition": _.cssTransition,
-			onBeforeShow: E(N),
-			onShow: E(F),
-			onBeforeHide: E(P),
-			onHide: E(I),
-			onBeforeEnter: E(L),
-			onEnter: E(R),
-			onAfterEnter: E(z),
-			onBeforeLeave: E(B),
-			onLeave: E(re),
-			onAfterLeave: E(V),
-			onEnterCancelled: E(H),
-			onLeaveCancelled: E(U)
+			teleported: f.teleported,
+			"append-to": f.appendTo,
+			transition: f.transition,
+			"css-duration": f.cssDuration,
+			"css-transition": f.cssTransition,
+			onBeforeShow: b(N),
+			onShow: b(F),
+			onBeforeHide: b(P),
+			onHide: b(I),
+			onBeforeEnter: b(L),
+			onEnter: b(R),
+			onAfterEnter: b(z),
+			onBeforeLeave: b(re),
+			onLeave: b(B),
+			onAfterLeave: b(V),
+			onEnterCancelled: b(H),
+			onLeaveCancelled: b(U)
 		}, {
-			default: A(() => [C(e.$slots, "content", {}, () => [_.isHtml ? (x(), h("span", {
+			default: w(() => [ee(e.$slots, "content", {}, () => [f.isHtml ? (v(), u("span", {
 				key: 0,
-				class: b([E(W)("content")]),
-				innerHTML: _.content
-			}, null, 10, j)) : (x(), h("span", {
+				class: h([b(W)("content")]),
+				innerHTML: f.content
+			}, null, 10, j)) : (v(), u("span", {
 				key: 1,
-				class: b([E(W)("content")])
-			}, T(_.content), 3))])]),
+				class: h([b(W)("content")])
+			}, ne(f.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));
 	}

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

@@ -1,23 +1,22 @@
-import { useDebounceFn as e } from "../../../node_modules/.pnpm/@vueuse_shared@14.4.0_vue@3.5.42_typescript@5.9.3_/node_modules/@vueuse/shared/dist/index.mjs";
-import { onClickOutside as t, useElementHover as n, useEventListener as r } from "../../../node_modules/.pnpm/@vueuse_core@14.4.0_vue@3.5.42_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.mjs";
-import { effectScope as i, unref as a, watch as o } from "vue";
+import { effectScope as e, unref as t, watch as n } from "vue";
+import { onClickOutside as r, useDebounceFn as i, useElementHover as a, useEventListener as o } from "@vueuse/core";
 //#region packages/components/tooltip/src/use-tooltip.ts
 function s({ triggerRef: s, isExternal: c, externalActiveRef: l, externalRef: u, trigger: d, floatingRef: f, open: p, showDelay: m = 0, hideDelay: h = 0, disabled: g }) {
-	let _ = [], v = e(() => {
+	let _ = [], v = i(() => {
 		p.value = !0;
-	}, c ? 0 : m), y = e((e) => {
+	}, c ? 0 : m), y = i((e) => {
 		p.value = !1, typeof e == "function" && e();
 	}, c ? 0 : h), b = () => {
 		if (s.value) switch (d) {
 			case "click": {
-				let e = r(s, "click", v), i = n(f, {
+				let e = o(s, "click", v), t = a(f, {
 					delayEnter: 0,
 					delayLeave: 0,
 					triggerOnRemoval: !0
-				}), a = t(s, () => {
-					!i.value && y();
+				}), n = r(s, () => {
+					!t.value && y();
 				});
-				_.push(e, a);
+				_.push(e, n);
 				break;
 			}
 			case "hover": {
@@ -25,32 +24,32 @@ function s({ triggerRef: s, isExternal: c, externalActiveRef: l, externalRef: u,
 					delayEnter: m,
 					delayLeave: h,
 					triggerOnRemoval: !0
-				}, t = n(s, e), r = n(f, e);
+				}, t = a(s, e), r = a(f, e);
 				c && p.value && (t.value = !0);
-				let { stop: i } = o(() => [t.value, r.value], ([e, t]) => {
+				let { stop: i } = n(() => [t.value, r.value], ([e, t]) => {
 					p.value = e || t;
 				});
 				_.push(i);
 				break;
 			}
 			case "focus": {
-				let e = r(s, "focus", v), i = n(f, {
+				let e = o(s, "focus", v), t = a(f, {
 					delayEnter: 0,
 					delayLeave: 0,
 					triggerOnRemoval: !0
-				}), a = r(s, "blur", () => !i.value && y()), o = t(s, () => !i.value && y());
-				_.push(e, a, o);
+				}), n = o(s, "blur", () => !t.value && y()), i = r(s, () => !t.value && y());
+				_.push(e, n, i);
 				break;
 			}
 			case "contextmenu": {
-				let e = r(s, "contextmenu", (e) => {
+				let e = o(s, "contextmenu", (e) => {
 					e.preventDefault(), v();
-				}), i = n(f, {
+				}), t = a(f, {
 					delayEnter: 0,
 					delayLeave: 0,
 					triggerOnRemoval: !0
-				}), a = t(s, () => !i.value && y());
-				_.push(e, a);
+				}), n = r(s, () => !t.value && y());
+				_.push(e, n);
 				break;
 			}
 		}
@@ -59,7 +58,7 @@ function s({ triggerRef: s, isExternal: c, externalActiveRef: l, externalRef: u,
 	}, S = () => {
 		p.value = !1, x();
 	};
-	return c && o(() => u == null ? void 0 : u.value, (e) => {
+	return c && n(() => u == null ? void 0 : u.value, (e) => {
 		if (!(["click", "contextmenu"].includes(d) && l.value === e)) {
 			if (!l.value || !p.value) {
 				l.value = e, v();
@@ -73,22 +72,22 @@ function s({ triggerRef: s, isExternal: c, externalActiveRef: l, externalRef: u,
 		start: b,
 		stop: S,
 		setup: () => {
-			let e = i();
-			return e.run(() => {
+			let r = e();
+			return r.run(() => {
 				if (p.value) {
 					x();
 					return;
 				}
-				if (a(g)) {
+				if (t(g)) {
 					S();
 					return;
 				}
-				b(), o(() => a(g), (e) => {
+				b(), n(() => t(g), (e) => {
 					e ? S() : b();
-				}), o(s, (e) => {
+				}), n(s, (e) => {
 					e && (x(), b());
 				});
-			}), { scope: e };
+			}), { scope: r };
 		},
 		delayHide: y,
 		delayShow: v

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

@@ -1,21 +1,20 @@
-import { useToggle as e } from "../../node_modules/.pnpm/@vueuse_shared@14.4.0_vue@3.5.42_typescript@5.9.3_/node_modules/@vueuse/shared/dist/index.mjs";
-import { useDark as t } from "../../node_modules/.pnpm/@vueuse_core@14.4.0_vue@3.5.42_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.mjs";
-import { useNamespace as n } from "../use-namespace/index.mjs";
+import { useNamespace as e } from "../use-namespace/index.mjs";
 import "../index.mjs";
-import { computed as r } from "vue";
+import { computed as t } from "vue";
+import { useDark as n, useToggle as r } from "@vueuse/core";
 //#region packages/composables/use-theme/index.ts
-var { libName: i } = n(""), a = t({
+var { libName: i } = e(""), a = n({
 	storageKey: `${i}-color-scheme`,
 	selector: "html",
 	attribute: "class",
 	valueDark: "dark",
 	valueLight: "light"
 });
-function o(t = "light", n = !1) {
-	let i = e(a);
+function o(e = "light", n = !1) {
+	let i = r(a);
 	return {
 		isDark: a,
-		currentTheme: r(() => n ? t === "dark" ? "light" : "dark" : t),
+		currentTheme: t(() => n ? e === "dark" ? "light" : "dark" : e),
 		toggle: i
 	};
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rappel-ui",
-  "version": "1.0.20",
+  "version": "1.0.22",
   "description": "A Vue3 Component Library",
   "keywords": [
     "vue",
@@ -66,10 +66,32 @@
     "./es/**/*.css",
     "./cjs/**/*.css",
     "**/style/*.js",
+    "**/style/*.mjs",
     "./dist/**/*.css",
     "./theme-chalk/**/*.css",
     "./theme-chalk/src/**/*.scss"
   ],
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  },
+  "dependencies": {
+    "@rappel-ui/components": "^1.0.10",
+    "@rappel-ui/composables": "^1.0.5",
+    "@rappel-ui/constants": "^1.0.5",
+    "@rappel-ui/directives": "^1.0.5",
+    "@rappel-ui/svg-icons": "^1.0.12",
+    "@rappel-ui/theme-chalk": "^1.0.7",
+    "@rappel-ui/types": "^1.0.2",
+    "@rappel-ui/utils": "^1.0.5",
+    "@vueuse/core": "^14.4.0",
+    "dayjs": "^1.11.18",
+    "@floating-ui/vue": "^2.0.1"
+  },
+  "devDependencies": {
+    "@types/node": "^22.18.13",
+    "vue": "^3.5.26",
+    "vue-router": "^4.6.3"
+  },
   "scripts": {
     "clean": "rimraf dist"
   }