rappel-ui 1.0.32 → 1.0.33

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

@@ -1,16 +1,16 @@
 import { _buttonGroupProps as e, buttonSizes as t, buttonTypes as n } from "./constants.mjs";
 import { useNamespace as r } from "../../../composables/use-namespace/index.mjs";
 import "../../../composables/index.mjs";
-import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, defineComponent as l, inject as u, mergeProps as d, normalizeClass as f, openBlock as p, renderSlot as m, resolveDynamicComponent as h, unref as g, useTemplateRef as _ } from "vue";
-import { computedAsync as v } from "@vueuse/core";
-import { Loading as y, getAsyncIcon as b } from "@rappel-ui/svg-icons";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, defineComponent as l, inject as u, normalizeClass as d, openBlock as f, renderSlot as p, resolveDynamicComponent as m, unref as h, useTemplateRef as g } from "vue";
+import { computedAsync as _ } from "@vueuse/core";
+import { Loading as v, getAsyncIcon as y } from "@rappel-ui/svg-icons";
 //#region packages/components/button/src/button.vue?vue&type=script&setup=true&lang.ts
-var x = [
+var b = [
 	"type",
 	"disabled",
 	"autofocus",
 	"aria-disabled"
-], S = l({
+], x = l({
 	name: "ReButton",
 	__name: "button",
 	props: {
@@ -41,7 +41,7 @@ var x = [
 			type: Boolean,
 			default: () => void 0
 		},
-		loadingIcon: { default: () => y },
+		loadingIcon: { default: () => v },
 		text: {
 			type: Boolean,
 			default: () => void 0
@@ -67,73 +67,77 @@ var x = [
 		nativeType: { default: "button" }
 	},
 	emits: ["click"],
-	setup(l, { expose: y, emit: S }) {
-		let C = S, { n: w, nm: T, ns: E, is: D } = r("button"), O = u(e, null), k = a(() => {
+	setup(l, { expose: v, emit: x }) {
+		let S = x, { n: C, nm: w, ns: T, is: E, has: D } = r("button"), O = u(e, null), k = a(() => {
 			var e;
 			return l.type || (O == null || (e = O.type) == null ? void 0 : e.value) || "";
 		}), A = a(() => {
 			var e;
 			return l.size || (O == null || (e = O.size) == null ? void 0 : e.value) || "";
-		}), j = a(() => [
-			w(),
-			k.value && n.includes(k.value) ? T(k.value) : "",
-			A.value && t.includes(A.value) ? T(A.value) : "",
-			D("text", l.text),
-			D("text-padding", l.text && l.padding),
-			D("text-bg", l.text && l.bg),
-			D("link", l.link),
-			D("plain", l.plain),
-			D("round", l.round),
-			D("circle", l.circle),
-			D("dashed", l.dashed),
-			D("loading", l.loading),
-			D("disabled", l.disabled)
-		]), M = v(async () => await b(l.loadingIcon)), N = v(async () => await b(l.icon));
-		function P(e) {
+		}), j = a(() => {
+			var e;
+			return (O == null || (e = O.gap) == null ? void 0 : e.value) || "";
+		}), M = a(() => [
+			C(),
+			k.value && n.includes(k.value) ? w(k.value) : "",
+			A.value && t.includes(A.value) ? w(A.value) : "",
+			E("text", l.text),
+			E("text-padding", l.text && l.padding),
+			E("text-bg", l.text && l.bg),
+			E("link", l.link),
+			E("plain", l.plain),
+			E("round", l.round),
+			E("circle", l.circle),
+			E("dashed", l.dashed),
+			E("loading", l.loading),
+			E("disabled", l.disabled),
+			D("group-gap", !!j.value)
+		]), N = _(async () => await y(l.loadingIcon)), P = _(async () => await y(l.icon));
+		function F(e) {
 			if (l.disabled || l.loading) {
 				e.stopPropagation();
 				return;
 			}
-			C("click", e);
+			S("click", e);
 		}
-		let F = _("ref");
-		return y({ ref: F }), (e, t) => {
+		let I = g("ref");
+		return v({ ref: I }), (e, t) => {
 			var n;
-			return p(), c("button", d(e.$attrs, {
+			return f(), c("button", {
 				ref_key: "ref",
-				ref: F,
-				class: j.value,
+				ref: I,
+				class: d(M.value),
 				type: l.nativeType,
 				disabled: l.disabled || l.loading,
 				autofocus: l.autofocus,
 				"aria-disabled": l.disabled,
-				onClick: P
-			}), [
-				m(e.$slots, "loading", {}, () => [l.loading ? (p(), c(i, { key: 0 }, [typeof g(M) == "string" ? (p(), c("i", {
+				onClick: F
+			}, [
+				p(e.$slots, "loading", {}, () => [l.loading ? (f(), c(i, { key: 0 }, [typeof h(N) == "string" ? (f(), c("i", {
 					key: 0,
-					class: f([g(E)("loading"), g(M)]),
+					class: d([h(T)("loading"), h(N)]),
 					"aria-hidden": "true"
-				}, null, 2)) : (p(), o(h(g(M)), {
+				}, null, 2)) : (f(), o(m(h(N)), {
 					key: 1,
-					class: f([g(E)("loading")]),
+					class: d([h(T)("loading")]),
 					"aria-hidden": "true"
 				}, null, 8, ["class"]))], 64)) : s("", !0)]),
-				m(e.$slots, "icon", {}, () => [l.icon ? (p(), c(i, { key: 0 }, [typeof g(N) == "string" ? (p(), c("i", {
+				p(e.$slots, "icon", {}, () => [l.icon ? (f(), c(i, { key: 0 }, [typeof h(P) == "string" ? (f(), c("i", {
 					key: 0,
-					class: f([g(E)("icon"), g(N)]),
+					class: d([h(T)("icon"), h(P)]),
 					"aria-hidden": "true"
-				}, null, 2)) : (p(), o(h(g(N)), {
+				}, null, 2)) : (f(), o(m(h(P)), {
 					key: 1,
-					class: f([g(E)("icon")]),
+					class: d([h(T)("icon")]),
 					"aria-hidden": "true"
 				}, null, 8, ["class"]))], 64)) : s("", !0)]),
-				(n = e.$slots) != null && n.default ? (p(), c("span", {
+				(n = e.$slots) != null && n.default ? (f(), c("span", {
 					key: 0,
-					class: f([g(E)("content")])
-				}, [m(e.$slots, "default")], 2)) : s("", !0)
-			], 16, x);
+					class: d([h(T)("content")])
+				}, [p(e.$slots, "default")], 2)) : s("", !0)
+			], 10, b);
 		};
 	}
 });
 //#endregion
-export { S as default };
+export { x as default };

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

@@ -24,6 +24,7 @@ export interface ButtonProps {
 export interface ButtonGroupProps {
     size?: ButtonProps['size'];
     type?: ButtonProps['type'];
+    gap?: string | number;
     direction?: 'horizontal' | 'vertical';
 }
 export interface ButtonEmits {

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

@@ -92,7 +92,7 @@ var D = ["innerHTML"], O = d({
 			type: Boolean,
 			default: !0
 		},
-		cssDuration: { default: 0 },
+		cssDuration: { default: 450 },
 		arrowSize: { default: 8 },
 		arrowOffset: { default: 4 },
 		arrowOptions: { default: () => void 0 },
@@ -208,14 +208,14 @@ var D = ["innerHTML"], O = d({
 						class: m([b(A)("icon")]),
 						"aria-hidden": "true"
 					}, null, 8, ["class"]))], 64)) : o("", !0)]), g(e.$slots, "title", { title: d.title }, () => [c("div", { class: m([b(A)("title")]) }, y(d.title), 3)])], 2)]),
-					g(e.$slots, "content", { content: d.content }, () => [d.isHtml ? (h(), s("div", {
+					g(e.$slots, "content", { content: d.content }, () => [d.content ? (h(), s(r, { key: 0 }, [d.isHtml ? (h(), s("div", {
 						key: 0,
 						class: m([b(A)("content")]),
 						innerHTML: d.content
 					}, null, 10, D)) : (h(), s("div", {
 						key: 1,
 						class: m([b(A)("content")])
-					}, y(d.content), 3))]),
+					}, y(d.content), 3))], 64)) : o("", !0)]),
 					g(e.$slots, "footer", {
 						cancel: K,
 						cancelSize: d.cancelSize,

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

@@ -79,7 +79,7 @@ var b = ["innerHTML"], x = s({
 			type: Boolean,
 			default: !0
 		},
-		cssDuration: { default: 0 },
+		cssDuration: { default: 450 },
 		arrowSize: { default: 8 },
 		arrowOffset: { default: 4 },
 		arrowOptions: { default: () => void 0 },

package/es/components/svg-icon/src/svg-icon.vue_vue_type_script_setup_true_lang.mjs

@@ -22,7 +22,7 @@ var l = [
 		size: { default: 16 },
 		fill: { default: () => void 0 },
 		fillRule: { default: () => void 0 },
-		color: { default: "currentColor" },
+		stroke: { default: () => void 0 },
 		spin: {
 			type: Boolean,
 			default: !1
@@ -39,7 +39,7 @@ var l = [
 			"stroke-linecap": "round",
 			"stroke-linejoin": "round",
 			"stroke-width": "2",
-			stroke: a.fill ? void 0 : a.color,
+			stroke: a.stroke,
 			xmlns: "http://www.w3.org/2000/svg",
 			"aria-hidden": "true"
 		}, [i("path", {

package/es/components/svg-icon/src/types.d.ts

@@ -4,6 +4,6 @@ export interface SvgIconProps {
     size?: string | number;
     fill?: string;
     fillRule?: 'inherit' | 'nonzero' | 'evenodd';
-    color?: string;
+    stroke?: string;
     spin?: boolean;
 }

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

@@ -88,7 +88,7 @@ var D = ["innerHTML"], O = ["data-placement"], k = u({
 			type: Boolean,
 			default: !0
 		},
-		cssDuration: { default: 0 },
+		cssDuration: { default: 450 },
 		arrowSize: { default: 8 },
 		arrowOffset: { default: 4 },
 		arrowOptions: { default: () => void 0 },
@@ -187,7 +187,8 @@ var D = ["innerHTML"], O = ["data-placement"], k = u({
 			height: e(u.height),
 			maxWidth: e(u.maxWidth),
 			maxHeight: e(u.maxHeight),
-			zIndex: $.value
+			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);
 		});

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),