rappel-ui 1.0.33 → 1.0.35

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

@@ -0,0 +1,70 @@
+import { default as Dropdown } from './src/dropdown.vue';
+import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps } from 'vue';
+import { DropdownSubmenuProps, DropdownOption } from './index.ts';
+export * from './src/types.ts';
+export * from './src/use-dropdown-emit.ts';
+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: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        default?: (props: {}) => any;
+    };
+});
+export declare const ReDropdownSubmenu: {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< DropdownSubmenuProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< DropdownSubmenuProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< DropdownSubmenuProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        label?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
+    };
+});
+export declare const ReDropdownItem: {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< DropdownOption> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< DropdownOption> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< DropdownOption> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        icon?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
+    } & {
+        'sub-icon'?: (props: {}) => any;
+    } & {
+        'item-submenu'?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
+    };
+});
+export default ReDropdown;

package/es/components/dropdown/index.mjs

@@ -0,0 +1,15 @@
+import { withInstall as e } from "../../utils/vue/index.mjs";
+import "../../utils/index.mjs";
+import t from "./src/dropdown-menu.mjs";
+import n from "./src/dropdown-item.mjs";
+import r from "./src/dropdown-submenu.mjs";
+import { useDropdownEmits as i } from "./src/use-dropdown-emit.mjs";
+import a from "./src/dropdown.mjs";
+//#region packages/components/dropdown/index.ts
+var o = e(a, {
+	DropdownMenu: t,
+	DropdownItem: n,
+	DropdownSubmenu: r
+}), s = e(t), c = e(r), l = e(n);
+//#endregion
+export { o as ReDropdown, o as default, l as ReDropdownItem, s as ReDropdownMenu, c as ReDropdownSubmenu, i as useDropdownEmits };

package/es/components/dropdown/src/constants.d.ts

@@ -0,0 +1,15 @@
+export declare const originsMap: {
+    readonly top: "bottom center";
+    readonly 'top-start': "bottom left";
+    readonly 'top-end': "bottom right";
+    readonly bottom: "top center";
+    readonly 'bottom-start': "top left";
+    readonly 'bottom-end': "top right";
+    readonly left: "right center";
+    readonly 'left-start': "right top";
+    readonly 'left-end': "right bottom";
+    readonly right: "center left";
+    readonly 'right-start': "left top";
+    readonly 'right-end': "left bottom";
+};
+export declare const _dropdownProvideKey: unique symbol;

package/es/components/dropdown/src/constants.mjs

@@ -0,0 +1,17 @@
+//#region packages/components/dropdown/src/constants.ts
+var e = {
+	top: "bottom center",
+	"top-start": "bottom left",
+	"top-end": "bottom right",
+	bottom: "top center",
+	"bottom-start": "top left",
+	"bottom-end": "top right",
+	left: "right center",
+	"left-start": "right top",
+	"left-end": "right bottom",
+	right: "center left",
+	"right-start": "left top",
+	"right-end": "left bottom"
+}, t = Symbol("_dropdownProvideKey");
+//#endregion
+export { t as _dropdownProvideKey, e as originsMap };

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

@@ -0,0 +1,5 @@
+import e from "./dropdown-item.vue_vue_type_script_setup_true_lang.mjs";
+//#region packages/components/dropdown/src/dropdown-item.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,23 @@
+import { DropdownOption } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare var __VLS_9: {}, __VLS_16: {}, __VLS_18: {}, __VLS_32: {}, __VLS_39: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_9) => any;
+} & {
+    default?: (props: typeof __VLS_16) => any;
+} & {
+    'sub-icon'?: (props: typeof __VLS_18) => any;
+} & {
+    'item-submenu'?: (props: typeof __VLS_32) => any;
+} & {
+    default?: (props: typeof __VLS_39) => 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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,130 @@
+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 { 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 E = ["depth"], D = p({
+	name: "ReDropdownItem",
+	__name: "dropdown-item",
+	props: {
+		value: { default: "" },
+		label: { default: "" },
+		disabled: {
+			type: Boolean,
+			default: () => void 0
+		},
+		children: { default: () => [] },
+		hasChildren: {
+			type: Boolean,
+			default: () => void 0
+		},
+		icon: { default: "" },
+		subIcon: { default: () => w },
+		depth: { default: () => void 0 }
+	},
+	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 (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
+			}));
+		}, 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: h([b(D)("icon")])
+				}, [_(e.$slots, "icon", {}, () => [typeof b(B) == "string" ? (g(), l("i", {
+					key: 0,
+					class: h([b(B)]),
+					"aria-hidden": "true"
+				}, null, 2)) : (g(), s(v(b(B)), {
+					key: 1,
+					"aria-hidden": "true"
+				}))])], 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: 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 { D as default };

package/es/components/dropdown/src/dropdown-menu.mjs

@@ -0,0 +1,5 @@
+import e from "./dropdown-menu.vue_vue_type_script_setup_true_lang.mjs";
+//#region packages/components/dropdown/src/dropdown-menu.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,14 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,14 @@
+import { useNamespace as e } from "../../../composables/use-namespace/index.mjs";
+import "../../../composables/index.mjs";
+import { createElementBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, renderSlot as a, unref as o } from "vue";
+//#region packages/components/dropdown/src/dropdown-menu.vue?vue&type=script&setup=true&lang.ts
+var s = n({
+	name: "ReDropdownMenu",
+	__name: "dropdown-menu",
+	setup(n) {
+		let { ns: s } = e("dropdown");
+		return (e, n) => (i(), t("ul", { class: r([o(s)("menu")]) }, [a(e.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { s as default };

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

@@ -0,0 +1,5 @@
+import e from "./dropdown-submenu.vue_vue_type_script_setup_true_lang.mjs";
+//#region packages/components/dropdown/src/dropdown-submenu.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,19 @@
+import { DropdownSubmenuProps } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+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>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,53 @@
+import { useNamespace as e } from "../../../composables/use-namespace/index.mjs";
+import "../../../composables/index.mjs";
+import { _dropdownProvideKey as t } from "./constants.mjs";
+import n from "./dropdown-item.mjs";
+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 x = u({
+	name: "ReDropdownSubmenu",
+	__name: "dropdown-submenu",
+	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
+				}, 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 { x as default };

package/es/components/dropdown/src/dropdown.mjs

@@ -0,0 +1,5 @@
+import e from "./dropdown.vue_vue_type_script_setup_true_lang.mjs";
+//#region packages/components/dropdown/src/dropdown.vue
+var t = e;
+//#endregion
+export { t as default };