rappel-ui 1.0.34 → 1.0.36

package/es/components/dropdown/index.d.ts

@@ -1,100 +1,9 @@
+import { default as Dropdown } from './src/dropdown.vue';
 import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps } from 'vue';
-import { DropdownProps, OptionsItem, DropdownSubmenuProps } from './index.ts';
+import { DropdownSubmenuProps, DropdownOption } from './index.ts';
 export * from './src/types.ts';
 export * from './src/use-dropdown-emit.ts';
-export declare const ReDropdown: {
-    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< DropdownProps & {
-        visible?: boolean;
-    }> & Readonly<{
-        onSelect?: ((value: any, item: OptionsItem) => any) | undefined;
-        onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
-        onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
-        onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
-        onAfterEnter?: ((el: HTMLElement) => any) | undefined;
-        onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
-        onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
-        onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
-        onAfterLeave?: ((el: HTMLElement) => any) | undefined;
-        "onUpdate:visible"?: ((value: boolean | undefined) => any) | undefined;
-    }>, {
-        tooltipRef: any;
-        select: (value: any, item: OptionsItem) => void;
-    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-        select: (value: any, item: OptionsItem) => any;
-        beforeEnter: (el: HTMLElement) => any;
-        enter: (el: HTMLElement, done: () => void) => any;
-        enterCancelled: (el: HTMLElement) => any;
-        afterEnter: (el: HTMLElement) => any;
-        beforeLeave: (el: HTMLElement) => any;
-        leave: (el: HTMLElement, done: () => void) => any;
-        leaveCancelled: (el: HTMLElement) => any;
-        afterLeave: (el: HTMLElement) => any;
-        "update:visible": (value: boolean | undefined) => any;
-    }, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly< DropdownProps & {
-        visible?: boolean;
-    }> & Readonly<{
-        onSelect?: ((value: any, item: OptionsItem) => any) | undefined;
-        onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
-        onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
-        onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
-        onAfterEnter?: ((el: HTMLElement) => any) | undefined;
-        onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
-        onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
-        onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
-        onAfterLeave?: ((el: HTMLElement) => any) | undefined;
-        "onUpdate:visible"?: ((value: boolean | undefined) => any) | undefined;
-    }>, {
-        tooltipRef: any;
-        select: (value: any, item: OptionsItem) => void;
-    }, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & ComponentOptionsBase<Readonly< DropdownProps & {
-    visible?: boolean;
-}> & Readonly<{
-    onSelect?: ((value: any, item: OptionsItem) => any) | undefined;
-    onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
-    onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
-    onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
-    onAfterEnter?: ((el: HTMLElement) => any) | undefined;
-    onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
-    onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
-    onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
-    onAfterLeave?: ((el: HTMLElement) => any) | undefined;
-    "onUpdate:visible"?: ((value: boolean | undefined) => any) | undefined;
-}>, {
-    tooltipRef: any;
-    select: (value: any, item: OptionsItem) => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    select: (value: any, item: OptionsItem) => any;
-    beforeEnter: (el: HTMLElement) => any;
-    enter: (el: HTMLElement, done: () => void) => any;
-    enterCancelled: (el: HTMLElement) => any;
-    afterEnter: (el: HTMLElement) => any;
-    beforeLeave: (el: HTMLElement) => any;
-    leave: (el: HTMLElement, done: () => void) => any;
-    leaveCancelled: (el: HTMLElement) => any;
-    afterLeave: (el: HTMLElement) => any;
-    "update:visible": (value: boolean | undefined) => any;
-}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
-    $slots: {
-        menu?: (props: {
-            options: OptionsItem[];
-        }) => any;
-    } & {
-        item?: (props: {
-            options: OptionsItem[];
-        }) => any;
-    };
-});
+export declare const ReDropdown: typeof Dropdown;
 export declare const ReDropdownMenu: {
     new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
         P: {};
@@ -129,21 +38,23 @@ export declare const ReDropdownSubmenu: {
         label?: (props: {}) => any;
     } & {
         default?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
     };
 });
 export declare const ReDropdownItem: {
-    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< OptionsItem> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< DropdownOption> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly< OptionsItem> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    }, Readonly< DropdownOption> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & ComponentOptionsBase<Readonly< OptionsItem> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+} & ComponentOptionsBase<Readonly< DropdownOption> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: {
         icon?: (props: {}) => any;
     } & {
@@ -151,7 +62,9 @@ export declare const ReDropdownItem: {
     } & {
         'sub-icon'?: (props: {}) => any;
     } & {
-        submenu?: (props: {}) => any;
+        'item-submenu'?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
     };
 });
 export default ReDropdown;

package/es/components/dropdown/src/dropdown-item.vue.d.ts

@@ -1,16 +1,18 @@
-import { OptionsItem } from './types';
+import { DropdownOption } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare var __VLS_1: {}, __VLS_8: {}, __VLS_10: {}, __VLS_17: {};
+declare var __VLS_9: {}, __VLS_16: {}, __VLS_18: {}, __VLS_32: {}, __VLS_39: {};
 type __VLS_Slots = {} & {
-    icon?: (props: typeof __VLS_1) => any;
+    icon?: (props: typeof __VLS_9) => any;
 } & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_16) => any;
 } & {
-    'sub-icon'?: (props: typeof __VLS_10) => any;
+    'sub-icon'?: (props: typeof __VLS_18) => any;
 } & {
-    submenu?: (props: typeof __VLS_17) => any;
+    'item-submenu'?: (props: typeof __VLS_32) => any;
+} & {
+    default?: (props: typeof __VLS_39) => any;
 };
-declare const __VLS_base: DefineComponent<OptionsItem, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<OptionsItem> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: DefineComponent<DropdownOption, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<DropdownOption> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/es/components/dropdown/src/dropdown-item.vue_vue_type_script_setup_true_lang.mjs

@@ -1,11 +1,14 @@
 import { useNamespace as e } from "../../../composables/use-namespace/index.mjs";
+import { useTheme as t } from "../../../composables/use-theme/index.mjs";
 import "../../../composables/index.mjs";
-import { _dropdownProvideKey as t } from "./constants.mjs";
-import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, inject as u, normalizeClass as d, openBlock as f, renderSlot as p, resolveDynamicComponent as m, toDisplayString as h, unref as g } from "vue";
-import { computedAsync as _ } from "@vueuse/core";
-import { ArrowBackward as v, getAsyncIcon as y } from "@rappel-ui/svg-icons";
+import { ReTooltip as n } from "../../tooltip/index.mjs";
+import { _dropdownProvideKey as r, originsMap as i } from "./constants.mjs";
+import a from "./loop.mjs";
+import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, inject as m, normalizeClass as h, openBlock as g, renderSlot as _, resolveDynamicComponent as v, toDisplayString as y, unref as b, useTemplateRef as x, withCtx as S } from "vue";
+import { computedAsync as C } from "@vueuse/core";
+import { ArrowBackward as w, getAsyncIcon as T } from "@rappel-ui/svg-icons";
 //#region packages/components/dropdown/src/dropdown-item.vue?vue&type=script&setup=true&lang.ts
-var b = l({
+var E = ["depth"], D = p({
 	name: "ReDropdownItem",
 	__name: "dropdown-item",
 	props: {
@@ -13,58 +16,115 @@ var b = l({
 		label: { default: "" },
 		disabled: {
 			type: Boolean,
-			default: !1
+			default: () => void 0
 		},
 		children: { default: () => [] },
 		hasChildren: {
 			type: Boolean,
-			default: !1
+			default: () => void 0
 		},
-		icon: { default: "" }
+		icon: { default: "" },
+		subIcon: { default: () => w },
+		depth: { default: () => void 0 }
 	},
-	setup(l) {
-		let { ns: b, is: x, has: S } = e("dropdown"), C = n(() => {
+	setup(p) {
+		let { n: w, ns: D, is: O, has: k } = e("dropdown"), A = o(() => {
+			var e, t;
+			return (e = p.hasChildren) == null ? ((t = p.children) == null ? void 0 : t.length) > 0 : e;
+		}), j = o(() => [
+			D("item"),
+			O("disabled", p.disabled),
+			k("children", A.value)
+		]), M = o(() => {
 			var e;
-			return [
-				b("item"),
-				x("disabled", l.disabled),
-				S("children", l.hasChildren || ((e = l.children) == null ? void 0 : e.length) > 0)
-			];
-		}), w = u(t, null), T = (e) => {
-			var t;
-			e.stopPropagation(), !(l.hasChildren || ((t = l.children) == null ? void 0 : t.length) > 0) && (w == null || w.select(l.value, {
-				label: l.label,
-				disabled: l.disabled,
-				value: l.value,
-				children: l.children
+			return (e = p.depth) == null ? F.value : e;
+		}), N = o(() => !A.value || p.disabled), P = m(r, null), F = o(() => P == null ? void 0 : P.depth.value), I = o(() => P.theme.value), L = o(() => P.reverseTheme.value), R = o(() => {
+			var e;
+			return P == null || (e = P.submenuOffset) == null ? void 0 : e.value;
+		}), z = (e) => {
+			e.stopPropagation(), !(A.value || p.disabled) && (P == null || P.select(p.value, {
+				label: p.label,
+				disabled: p.disabled,
+				value: p.value,
+				children: p.children,
+				hasChildren: p.hasChildren,
+				icon: p.icon,
+				subIcon: p.subIcon,
+				depth: M.value
 			}));
-		}, E = _(async () => await y(l.icon));
-		return (e, t) => {
-			var n;
-			return f(), a("li", {
-				class: d(C.value),
-				onClick: T
-			}, [
-				l.icon ? (f(), a("div", {
+		}, B = C(async () => await T(p.icon)), V = C(async () => await T(p.subIcon)), H = x("tooltipRef"), U = o(() => {
+			var e;
+			let t = (e = H.value) == null ? void 0 : e.floatingPlacement;
+			return [{ "transform-origin": i[t] }];
+		}), { currentTheme: W } = t(I.value, L.value);
+		return (e, t) => (g(), l("li", {
+			class: h(j.value),
+			depth: M.value,
+			onClick: z
+		}, [f(b(n), {
+			ref_key: "tooltipRef",
+			ref: H,
+			"floating-class": [A.value ? [b(w)(), b(D)("submenu")] : "", b(O)("disabled", p.disabled)],
+			"floating-style": U.value,
+			disabled: N.value,
+			teleported: !1,
+			placement: "right-start",
+			"show-arrow": !1,
+			transform: !1,
+			transition: "dropdown",
+			offset: R.value,
+			theme: I.value,
+			"reverse-theme": L.value
+		}, {
+			content: S(() => {
+				var t;
+				return [(t = e.$slots) != null && t["item-submenu"] && !p.disabled ? (g(), s(a, {
+					key: 0,
+					class: h([b(w)(), b(O)(b(W), !!b(W))])
+				}, {
+					default: S(() => [_(e.$slots, "item-submenu")]),
+					_: 3
+				}, 8, ["class"])) : A.value && !p.disabled ? (g(), s(a, {
+					key: 1,
+					class: h([b(w)(), b(O)(b(W), !!b(W))]),
+					options: p.children
+				}, null, 8, ["class", "options"])) : _(e.$slots, "default", {}, () => [d(y(p.label), 1)], void 0, 2)];
+			}),
+			default: S(() => [u("div", { class: h([b(D)("label-wrap")]) }, [
+				p.icon ? (g(), l("div", {
 					key: 0,
-					class: d([g(b)("icon")])
-				}, [p(e.$slots, "icon", {}, () => [typeof g(E) == "string" ? (f(), a("i", {
+					class: h([b(D)("icon")])
+				}, [_(e.$slots, "icon", {}, () => [typeof b(B) == "string" ? (g(), l("i", {
 					key: 0,
-					class: d([g(E)]),
+					class: h([b(B)]),
 					"aria-hidden": "true"
-				}, null, 2)) : (f(), r(m(g(E)), {
+				}, null, 2)) : (g(), s(v(b(B)), {
 					key: 1,
 					"aria-hidden": "true"
-				}))])], 2)) : i("", !0),
-				o("div", { class: d([g(b)("label")]) }, [p(e.$slots, "default", {}, () => [s(h(l.label), 1)])], 2),
-				l.hasChildren || (n = l.children) != null && n.length ? (f(), a("div", {
+				}))])], 2)) : c("", !0),
+				u("div", { class: h([b(D)("label")]) }, [_(e.$slots, "default", {}, () => [d(y(p.label), 1)])], 2),
+				p.subIcon && A.value ? (g(), l("div", {
 					key: 1,
-					class: d([g(b)("subicon")])
-				}, [p(e.$slots, "sub-icon", {}, () => [c(g(v))])], 2)) : i("", !0),
-				p(e.$slots, "submenu")
-			], 2);
-		};
+					class: h([b(D)("subicon")])
+				}, [_(e.$slots, "sub-icon", {}, () => [typeof b(V) == "string" ? (g(), l("i", {
+					key: 0,
+					class: h([b(V)]),
+					"aria-hidden": "true"
+				}, null, 2)) : (g(), s(v(b(V)), {
+					key: 1,
+					"aria-hidden": "true"
+				}))])], 2)) : c("", !0)
+			], 2)]),
+			_: 3
+		}, 8, [
+			"floating-class",
+			"floating-style",
+			"disabled",
+			"offset",
+			"theme",
+			"reverse-theme"
+		])], 10, E));
 	}
 });
 //#endregion
-export { b as default };
+export { D as default };

package/es/components/dropdown/src/dropdown-submenu.vue.d.ts

@@ -1,10 +1,12 @@
-import { DropdownSubmenuProps } from './types.ts';
+import { DropdownSubmenuProps } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare var __VLS_8: {}, __VLS_17: {};
+declare var __VLS_8: {}, __VLS_17: {}, __VLS_20: {};
 type __VLS_Slots = {} & {
     label?: (props: typeof __VLS_8) => any;
 } & {
     default?: (props: typeof __VLS_17) => any;
+} & {
+    default?: (props: typeof __VLS_20) => any;
 };
 declare const __VLS_base: DefineComponent<DropdownSubmenuProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<DropdownSubmenuProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/components/dropdown/src/dropdown-submenu.vue_vue_type_script_setup_true_lang.mjs

@@ -1,43 +1,53 @@
 import { useNamespace as e } from "../../../composables/use-namespace/index.mjs";
 import "../../../composables/index.mjs";
-import t from "./dropdown-menu.mjs";
+import { _dropdownProvideKey as t } from "./constants.mjs";
 import n from "./dropdown-item.mjs";
-import { Fragment as r, createBlock as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, mergeProps as u, normalizeClass as d, openBlock as f, renderList as p, renderSlot as m, resolveComponent as h, toDisplayString as g, unref as _, withCtx as v } from "vue";
+import r from "./loop.mjs";
+import { computed as i, createBlock as a, createElementVNode as o, createSlots as s, createTextVNode as c, createVNode as l, defineComponent as u, inject as d, mergeProps as f, normalizeClass as p, openBlock as m, provide as h, renderSlot as g, toDisplayString as _, unref as v, withCtx as y, withModifiers as b } from "vue";
 //#region packages/components/dropdown/src/dropdown-submenu.vue?vue&type=script&setup=true&lang.ts
-var y = l({
+var x = u({
 	name: "ReDropdownSubmenu",
 	__name: "dropdown-submenu",
-	props: { item: { default: () => ({
-		value: "",
-		children: []
-	}) } },
-	setup(l) {
-		let { n: y, ns: b } = e("dropdown");
-		return (e, x) => {
-			let S = h("dropdown-submenu", !0);
-			return f(), i(n, u(l.item, { "has-children": "" }), {
-				submenu: v(() => [o("div", { class: d([
-					_(y)("dropdown"),
-					_(y)("tooltip"),
-					_(b)("children")
-				]) }, [c(t, null, {
-					default: v(() => [m(e.$slots, "default", {}, () => [(f(!0), a(r, null, p(l.item.children, (e) => {
-						var t;
-						return f(), a(r, { key: e.value }, [e != null && (t = e.children) != null && t.length ? (f(), i(S, {
-							key: 0,
-							item: e
-						}, null, 8, ["item"])) : (f(), i(n, u({
-							key: 1,
-							ref_for: !0
-						}, e), null, 16))], 64);
-					}), 128))])]),
+	props: {
+		item: { default: () => ({ value: void 0 }) },
+		depth: { default: () => void 0 }
+	},
+	setup(u) {
+		let { n: x, ns: S } = e("dropdown"), C = d(t), w = i(() => {
+			var e;
+			return C == null || (e = C.depth) == null ? void 0 : e.value;
+		}), T = i(() => {
+			var e;
+			return C == null || (e = C.hasOptions) == null ? void 0 : e.value;
+		});
+		return h(t, {
+			...C,
+			depth: i(() => {
+				var e;
+				return ((e = w.value) == null ? 0 : e) + 1;
+			})
+		}), (e, t) => {
+			var i;
+			return m(), a(n, f(u.item, {
+				depth: (i = u.depth) == null ? w.value : i,
+				"has-children": ""
+			}), s({
+				submenu: y(() => [o("div", {
+					class: p([v(x)(), v(S)("submenu")]),
+					onClick: t[0] || (t[0] = b(() => {}, ["stop"]))
+				}, [l(r, { options: u.item.children }, {
+					default: y(() => [g(e.$slots, "default")]),
 					_: 3
-				})], 2)]),
-				default: v(() => [m(e.$slots, "label", {}, () => [s(g(l.item.label), 1)])]),
-				_: 3
-			}, 16);
+				}, 8, ["options"])], 2)]),
+				default: y(() => [g(e.$slots, "label", {}, () => [c(_(u.item.label), 1)])]),
+				_: 2
+			}, [T.value ? void 0 : {
+				name: "item-submenu",
+				fn: y(() => [g(e.$slots, "default")]),
+				key: "0"
+			}]), 1040, ["depth"]);
 		};
 	}
 });
 //#endregion
-export { y as default };
+export { x as default };