rappel-ui 1.0.33 → 1.0.34

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

@@ -0,0 +1,226 @@
+import { useNamespace as e } from "../../../composables/use-namespace/index.mjs";
+import "../../../composables/index.mjs";
+import { filterNodeTypes as t } from "../../tooltip/src/constants.mjs";
+import n from "./dropdown-menu.mjs";
+import { _dropdownProvideKey as r, originsMap as i } from "./constants.mjs";
+import a from "./dropdown-item.mjs";
+import o from "./dropdown-submenu.mjs";
+import { useDropdownEmits as s } from "./use-dropdown-emit.mjs";
+import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, defineComponent as p, h as m, mergeModels as h, mergeProps as g, openBlock as _, provide as v, renderList as y, renderSlot as b, resolveComponent as x, resolveDynamicComponent as S, unref as C, useModel as w, useSlots as T, useTemplateRef as E, withCtx as D } from "vue";
+//#region packages/components/dropdown/src/dropdown.vue?vue&type=script&setup=true&lang.ts
+var O = p({
+	name: "ReDropdownSubmenu",
+	__name: "dropdown",
+	props: h({
+		options: { default: () => [] },
+		itemProps: { default: () => ({}) },
+		closeOnSelect: {
+			type: Boolean,
+			default: !0
+		},
+		visible: { type: Boolean },
+		content: {},
+		isHtml: { type: Boolean },
+		placement: { default: "bottom" },
+		delay: {},
+		width: { default: () => void 0 },
+		height: { default: () => void 0 },
+		maxWidth: { default: () => void 0 },
+		maxHeight: { default: () => void 0 },
+		trigger: { default: "hover" },
+		disabled: {
+			type: Boolean,
+			default: () => void 0
+		},
+		clickToToggle: { type: Boolean },
+		showDelay: { default: 0 },
+		hideDelay: { default: 200 },
+		showArrow: {
+			type: Boolean,
+			default: !0
+		},
+		floatingClass: { default: () => void 0 },
+		floatingStyle: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: () => void 0
+		},
+		theme: { default: "light" },
+		reverseTheme: {
+			type: Boolean,
+			default: !1
+		},
+		offset: {
+			type: [
+				Number,
+				Object,
+				Function
+			],
+			default: 10
+		},
+		teleported: {
+			type: Boolean,
+			default: !0
+		},
+		appendTo: { default: "body" },
+		persistent: {
+			type: Boolean,
+			default: !0
+		},
+		boundary: { default: "clippingAncestors" },
+		elementContext: { default: "floating" },
+		altBoundary: {
+			type: Boolean,
+			default: !1
+		},
+		rootBoundary: { default: "viewport" },
+		transition: { default: "dropdown" },
+		mode: {},
+		cssTransition: {
+			type: Boolean,
+			default: !0
+		},
+		cssDuration: { default: 300 },
+		arrowSize: { default: 8 },
+		arrowOffset: { default: 4 },
+		arrowOptions: { default: () => void 0 },
+		shiftOptions: {},
+		flipOffset: { default: 8 },
+		flipOptions: { default: () => void 0 },
+		inlineOptions: { default: () => void 0 },
+		hideOptions: {},
+		isExternal: {
+			type: Boolean,
+			default: () => void 0
+		},
+		externalRef: { default: () => void 0 },
+		isVirtual: {
+			type: Boolean,
+			default: () => void 0
+		},
+		virtualRef: { default: () => void 0 },
+		zIndex: {},
+		transform: { type: Boolean },
+		strategy: {}
+	}, {
+		visible: { type: Boolean },
+		visibleModifiers: {}
+	}),
+	emits: h([
+		"select",
+		"beforeEnter",
+		"enter",
+		"enterCancelled",
+		"afterEnter",
+		"beforeLeave",
+		"leave",
+		"leaveCancelled",
+		"afterLeave"
+	], ["update:visible"]),
+	setup(p, { expose: h, emit: O }) {
+		let { n: k } = e("dropdown"), { beforeEnter: A, enter: j, afterEnter: M, beforeLeave: N, leave: P, afterLeave: F, enterCancelled: I, leaveCancelled: L, select: R } = s(O), z = w(p, "visible"), B = l(() => [k(), p.floatingClass]), V = T(), H = l(() => {
+			var e, n;
+			let r = V == null || (e = V.default) == null || (e = e.call(V)) == null ? void 0 : e.filter((e) => e && !t.includes(e.type.toString()))[0];
+			return (r == null || (n = r.type) == null ? void 0 : n.toString()) === "Symbol(v-txt)" ? m("span", {}, r) : r;
+		}), U = E("tooltipRef"), W = l(() => {
+			var e;
+			let t = (e = U.value) == null ? void 0 : e.floatingPlacement, n = i[t];
+			return [p.floatingStyle, { "transform-origin": n }];
+		}), G = l(() => Array.isArray(p.options) && p.options.length > 0), K = (e, t) => {
+			t.disabled || (R(e, t), p.closeOnSelect && (z.value = !1));
+		}, q = Object.assign({}, {
+			label: "label",
+			value: "value",
+			disabled: "disabled",
+			children: "children"
+		}, p.itemProps || {}), J = (e) => ({
+			...e,
+			label: e[q.label],
+			value: e[q.value],
+			disabled: e[q.disabled],
+			children: e[q.children]
+		}), Y = (e) => e.map((e) => {
+			let t = J(e);
+			return Array.isArray(t.children) && t.children.length > 0 && (t.children = Y(t.children)), t;
+		}), X = l(() => Y(p.options));
+		return v(r, { select: K }), h({
+			tooltipRef: U,
+			select: K
+		}), (e, t) => {
+			let r = x("re-tooltip");
+			return _(), u(r, {
+				ref_key: "tooltipRef",
+				ref: U,
+				visible: z.value,
+				"onUpdate:visible": t[0] || (t[0] = (e) => z.value = e),
+				width: p.width,
+				height: p.height,
+				"max-width": p.maxWidth,
+				"max-height": p.maxHeight,
+				"floating-class": B.value,
+				"floating-style": W.value,
+				disabled: p.disabled,
+				theme: p.theme,
+				placement: p.placement,
+				trigger: p.trigger,
+				"reverse-theme": p.reverseTheme,
+				"show-delay": p.showDelay,
+				"hide-delay": p.hideDelay,
+				transition: p.transition,
+				"css-duration": p.cssDuration,
+				"css-transition": p.cssTransition,
+				transform: !1,
+				"show-arrow": p.showArrow,
+				offset: p.offset,
+				teleported: p.teleported,
+				"append-to": p.appendTo,
+				persistent: p.persistent,
+				boundary: p.boundary,
+				"element-context": p.elementContext,
+				"alt-boundary": p.altBoundary,
+				"root-boundary": p.rootBoundary,
+				"arrow-size": p.arrowSize,
+				"arrow-offset": p.arrowOffset,
+				"flip-offset": p.flipOffset,
+				"arrow-options": p.arrowOptions,
+				"flip-options": p.flipOptions,
+				"inline-options": p.inlineOptions,
+				"is-external": p.isExternal,
+				"external-ref": p.externalRef,
+				"is-virtual": p.isVirtual,
+				"virtual-ref": p.virtualRef,
+				onBeforeEnter: C(A),
+				onEnter: C(j),
+				onAfterEnter: C(M),
+				onBeforeLeave: C(N),
+				onLeave: C(P),
+				onAfterLeave: C(F),
+				onEnterCancelled: C(I),
+				onLeaveCancelled: C(L)
+			}, {
+				content: D(() => [b(e.$slots, "menu", { options: p.options }, () => [G.value ? (_(), u(n, { key: 0 }, {
+					default: D(() => [b(e.$slots, "item", { options: p.options }, () => [(_(!0), f(c, null, y(X.value, (e) => {
+						var t;
+						return _(), f(c, { key: e.value }, [e != null && (t = e.children) != null && t.length ? (_(), u(o, {
+							key: 0,
+							item: e
+						}, null, 8, ["item"])) : (_(), u(a, g({
+							key: 1,
+							ref_for: !0
+						}, e), null, 16))], 64);
+					}), 128))])]),
+					_: 3
+				})) : d("", !0)])]),
+				default: D(() => [(_(), u(S(H.value)))]),
+				_: 3
+			}, 8, "visible.width.height.max-width.max-height.floating-class.floating-style.disabled.theme.placement.trigger.reverse-theme.show-delay.hide-delay.transition.css-duration.css-transition.show-arrow.offset.teleported.append-to.persistent.boundary.element-context.alt-boundary.root-boundary.arrow-size.arrow-offset.flip-offset.arrow-options.flip-options.inline-options.is-external.external-ref.is-virtual.virtual-ref.onBeforeEnter.onEnter.onAfterEnter.onBeforeLeave.onLeave.onAfterLeave.onEnterCancelled.onLeaveCancelled".split("."));
+		};
+	}
+});
+//#endregion
+export { O as default };

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

@@ -0,0 +1,30 @@
+import { Component } from 'vue';
+import { TooltipProps, TooltipEmits } from '../../tooltip';
+export interface DropdownProps extends TooltipProps {
+    options?: OptionsItem[];
+    itemProps?: ItemProps;
+    closeOnSelect?: boolean;
+}
+export interface ItemProps {
+    label: string;
+    value: string;
+    disabled?: string;
+    children?: string;
+}
+export interface DropdownEmits extends TooltipEmits {
+    select: [value: any, item: OptionsItem];
+}
+export interface OptionsItem {
+    value: any;
+    label?: string;
+    disabled?: boolean;
+    children?: OptionsItem[];
+    hasChildren?: boolean;
+    icon?: string | Component;
+}
+export interface DropdownProvides {
+    select: (value: any, item: OptionsItem) => void;
+}
+export interface DropdownSubmenuProps {
+    item?: OptionsItem;
+}

package/es/components/dropdown/src/use-dropdown-emit.d.ts

@@ -0,0 +1,13 @@
+import { EmitFn } from 'vue';
+import { DropdownEmits, OptionsItem } from './types';
+export declare function useDropdownEmits(emits: EmitFn<DropdownEmits>): {
+    select: (value: any, item: OptionsItem) => 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/dropdown/src/use-dropdown-emit.mjs

@@ -0,0 +1,11 @@
+import { useTooltipEmits as e } from "../../tooltip/src/use-tooltip-emit.mjs";
+//#region packages/components/dropdown/src/use-dropdown-emit.ts
+function t(t) {
+	let n = e(t), r = (e, n) => t("select", e, n);
+	return {
+		...n,
+		select: r
+	};
+}
+//#endregion
+export { t as useDropdownEmits };

package/es/components/dropdown/style/css.mjs

@@ -0,0 +1,2 @@
+import '../../../../theme-chalk/base.css'
+import '../../../../theme-chalk/re-dropdown.css'

package/es/components/dropdown/style/index.mjs

@@ -0,0 +1,2 @@
+import '../../../../theme-chalk/src/base.scss'
+import '../../../../theme-chalk/src/dropdown.scss'

package/es/components/index.d.ts

@@ -11,3 +11,4 @@ export * from './tooltip';
 export * from './popover';
 export * from './popconfirm';
 export * from './message';
+export * from './dropdown';

package/es/components/index.mjs

@@ -1,5 +1,5 @@
 import { __exportAll as e } from "../_virtual/_rolldown/runtime.mjs";
-import { _buttonGroupProps as t, buttonNativeTypes as n, buttonSizes as r, buttonTypes as i } from "./button/src/constants.mjs";
+import { _buttonGroupProvideKey as t, buttonNativeTypes as n, buttonSizes as r, buttonTypes as i } from "./button/src/constants.mjs";
 import { ReButton as a, ReButtonGroup as o } from "./button/index.mjs";
 import { ReInput as s } from "./input/index.mjs";
 import { ReTabs as c } from "./tabs/index.mjs";
@@ -17,10 +17,16 @@ import { RePopover as y } from "./popover/index.mjs";
 import { RePopconfirm as b } from "./popconfirm/index.mjs";
 import { createMessage as x } from "./message/src/create-message.mjs";
 import { ReMessage as S } from "./message/index.mjs";
+import { useDropdownEmits as C } from "./dropdown/src/use-dropdown-emit.mjs";
+import { ReDropdown as w, ReDropdownItem as T, ReDropdownMenu as E, ReDropdownSubmenu as D } from "./dropdown/index.mjs";
 //#region packages/components/index.ts
-var C = e({
+var O = e({
 	ReButton: () => a,
 	ReButtonGroup: () => o,
+	ReDropdown: () => w,
+	ReDropdownItem: () => T,
+	ReDropdownMenu: () => E,
+	ReDropdownSubmenu: () => D,
 	ReFilterPanel: () => f,
 	ReInput: () => s,
 	ReMessage: () => S,
@@ -33,14 +39,15 @@ var C = e({
 	ReTabs: () => c,
 	ReTooltip: () => _,
 	ReTransition: () => h,
-	_buttonGroupProps: () => t,
+	_buttonGroupProvideKey: () => t,
 	buttonNativeTypes: () => n,
 	buttonSizes: () => r,
 	buttonTypes: () => i,
 	createMessage: () => x,
+	useDropdownEmits: () => C,
 	usePopoverEmits: () => v,
 	useTooltipEmits: () => g,
 	useTransitionEmits: () => m
 });
 //#endregion
-export { a as ReButton, o as ReButtonGroup, f as ReFilterPanel, s as ReInput, S as ReMessage, d as ReNeutralColor, b as RePopconfirm, y as RePopover, l as RePrimaryColor, u as ReSecondaryColor, p as ReSvgIcon, c as ReTabs, _ as ReTooltip, h as ReTransition, t as _buttonGroupProps, n as buttonNativeTypes, r as buttonSizes, i as buttonTypes, C as components_exports, x as createMessage, v as usePopoverEmits, g as useTooltipEmits, m as useTransitionEmits };
+export { a as ReButton, o as ReButtonGroup, w as ReDropdown, T as ReDropdownItem, E as ReDropdownMenu, D as ReDropdownSubmenu, f as ReFilterPanel, s as ReInput, S as ReMessage, d as ReNeutralColor, b as RePopconfirm, y as RePopover, l as RePrimaryColor, u as ReSecondaryColor, p as ReSvgIcon, c as ReTabs, _ as ReTooltip, h as ReTransition, t as _buttonGroupProvideKey, n as buttonNativeTypes, r as buttonSizes, i as buttonTypes, O as components_exports, x as createMessage, C as useDropdownEmits, v as usePopoverEmits, g as useTooltipEmits, m as useTransitionEmits };

package/es/components/message/src/use-message-emit.d.ts

@@ -1,12 +1,12 @@
 import { EmitFn } from 'vue';
 import { MessageEmits } from './types';
 export declare function useMessageEmits(emits: EmitFn<MessageEmits>): {
-    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/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: 450 },
+		cssDuration: { default: 300 },
 		arrowSize: { default: 8 },
 		arrowOffset: { default: 4 },
 		arrowOptions: { default: () => void 0 },
@@ -111,7 +111,9 @@ var D = ["innerHTML"], O = d({
 			default: () => void 0
 		},
 		virtualRef: { default: () => void 0 },
-		zIndex: {}
+		zIndex: {},
+		transform: { type: Boolean },
+		strategy: {}
 	}, {
 		visible: { type: Boolean },
 		visibleModifiers: {}

package/es/components/popconfirm/src/use-popconfirm-emit.d.ts

@@ -1,12 +1,12 @@
 import { EmitFn } from 'vue';
 import { PopconfirmEmits } from './types';
 export declare function usePopconfirmEmits(emits: EmitFn<PopconfirmEmits>): {
-    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/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: 450 },
+		cssDuration: { default: 300 },
 		arrowSize: { default: 8 },
 		arrowOffset: { default: 4 },
 		arrowOptions: { default: () => void 0 },
@@ -98,7 +98,9 @@ var b = ["innerHTML"], x = s({
 			default: () => void 0
 		},
 		virtualRef: { default: () => void 0 },
-		zIndex: {}
+		zIndex: {},
+		transform: { type: Boolean },
+		strategy: {}
 	}, {
 		visible: { type: Boolean },
 		visibleModifiers: {}

package/es/components/popover/src/use-popover-emit.d.ts

@@ -1,12 +1,12 @@
 import { EmitFn } from 'vue';
 import { PopoverEmits } from './types';
 export declare function usePopoverEmits(emits: EmitFn<PopoverEmits>): {
-    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/tooltip/index.d.ts

@@ -1,4 +1,4 @@
-import { CreateComponentPublicInstanceWithMixins, ComputedRef, ShallowRef, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, StyleValue } from 'vue';
+import { CreateComponentPublicInstanceWithMixins, ComputedRef, ShallowRef, Ref, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, StyleValue } from 'vue';
 import { TooltipProps } from '.';
 import { VirtualElement, Placement } from '@floating-ui/vue';
 export * from './src/use-tooltip-emit';
@@ -25,6 +25,8 @@ export declare const ReTooltip: {
         triggerRef: ComputedRef<HTMLElement | VirtualElement | null | undefined>;
         floatingRef: Readonly< ShallowRef<HTMLElement | null>>;
         arrowRef: Readonly< ShallowRef<HTMLSpanElement | null, HTMLSpanElement | null>>;
+        floatingPlacement: Readonly< Ref<Placement, Placement>>;
+        isPositioned: Readonly< Ref<boolean, boolean>>;
     }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
         beforeEnter: (el: HTMLElement) => any;
         enter: (el: HTMLElement, done: () => void) => any;
@@ -63,6 +65,8 @@ export declare const ReTooltip: {
         triggerRef: ComputedRef<HTMLElement | VirtualElement | null | undefined>;
         floatingRef: Readonly< ShallowRef<HTMLElement | null>>;
         arrowRef: Readonly< ShallowRef<HTMLSpanElement | null, HTMLSpanElement | null>>;
+        floatingPlacement: Readonly< Ref<Placement, Placement>>;
+        isPositioned: Readonly< Ref<boolean, boolean>>;
     }, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -88,6 +92,8 @@ export declare const ReTooltip: {
     triggerRef: ComputedRef<HTMLElement | VirtualElement | null | undefined>;
     floatingRef: Readonly< ShallowRef<HTMLElement | null>>;
     arrowRef: Readonly< ShallowRef<HTMLSpanElement | null, HTMLSpanElement | null>>;
+    floatingPlacement: Readonly< Ref<Placement, Placement>>;
+    isPositioned: Readonly< Ref<boolean, boolean>>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     beforeEnter: (el: HTMLElement) => any;
     enter: (el: HTMLElement, done: () => void) => any;
@@ -104,6 +110,7 @@ export declare const ReTooltip: {
             isHtml: boolean | undefined;
             content: string;
             zIndex: number;
+            placement: Placement;
         }) => any;
     } & {
         arrow?: (props: {

package/es/components/tooltip/src/tooltip.vue.d.ts

@@ -1,4 +1,4 @@
-import { StyleValue, DefineComponent, ComputedRef, ShallowRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { StyleValue, DefineComponent, ComputedRef, ShallowRef, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { TooltipProps } from './types';
 import { Placement, VirtualElement } from '@floating-ui/vue';
 type __VLS_Props = TooltipProps;
@@ -10,6 +10,7 @@ declare var __VLS_23: {
     isHtml: boolean | undefined;
     content: string;
     zIndex: number;
+    placement: Placement;
 }, __VLS_25: {
     showArrow: boolean;
     arrowStyle: StyleValue;
@@ -30,6 +31,8 @@ declare const __VLS_base: DefineComponent<__VLS_PublicProps, {
     triggerRef: ComputedRef<HTMLElement | VirtualElement | null | undefined>;
     floatingRef: Readonly< ShallowRef<HTMLElement | null>>;
     arrowRef: Readonly< ShallowRef<HTMLSpanElement | null, HTMLSpanElement | null>>;
+    floatingPlacement: Readonly< Ref<Placement, Placement>>;
+    isPositioned: Readonly< Ref<boolean, boolean>>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     beforeEnter: (el: HTMLElement) => any;
     enter: (el: HTMLElement, done: () => void) => any;