@sdata/web-vue 4.0.0 → 4.2.0

package/es/badge/badge.vue.d.ts

@@ -14,6 +14,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     color?: ColorType | string;
     status?: BadgeStatus;
     count?: number;
+    animation?: boolean;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     text?: string;
     dot?: boolean;
@@ -23,6 +24,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     color?: ColorType | string;
     status?: BadgeStatus;
     count?: number;
+    animation?: boolean;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: () => unknown;
     content?: () => unknown;

package/es/badge/badge.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,8 @@
 import { configProviderInjectionKey } from "../config-provider/context.js";
 import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
-import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString, unref, useSlots } from "vue";
+import NumberFlow from "../number-flow/index.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString, unref, useSlots } from "vue";
 //#region components/badge/badge.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-label"];
 var COLORS = [
@@ -31,7 +32,11 @@ var badge_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		offset: { default: () => [] },
 		color: {},
 		status: {},
-		count: {}
+		count: {},
+		animation: {
+			type: Boolean,
+			default: true
+		}
 	},
 	setup(__props) {
 		const slots = useSlots();
@@ -56,7 +61,9 @@ var badge_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 			return style;
 		});
 		const mergedStyle = computed(() => _objectSpread2(_objectSpread2({}, !__props.color || COLORS.includes(__props.color) ? {} : { backgroundColor: __props.color }), computedDotStyle.value));
-		const displayCount = computed(() => __props.maxCount && countValue.value > __props.maxCount ? `${__props.maxCount}+` : countValue.value);
+		const isCountOverflow = computed(() => Boolean(__props.maxCount && countValue.value > __props.maxCount));
+		const displayCount = computed(() => isCountOverflow.value ? __props.maxCount : countValue.value);
+		const displaySuffix = computed(() => isCountOverflow.value ? "+" : void 0);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("span", { class: normalizeClass(wrapperClassName.value) }, [renderSlot(_ctx.$slots, "default"), _ctx.$slots.content ? (openBlock(), createElementBlock("span", {
 				key: 0,
@@ -89,7 +96,15 @@ var badge_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 				key: 4,
 				class: normalizeClass(`${unref(prefixCls)}-number`),
 				style: normalizeStyle(mergedStyle.value)
-			}, [createElementVNode("span", null, toDisplayString(displayCount.value), 1)], 6)) : createCommentVNode("", true)], 2);
+			}, [createVNode(unref(NumberFlow), {
+				value: displayCount.value,
+				suffix: displaySuffix.value,
+				animated: __props.animation
+			}, null, 8, [
+				"value",
+				"suffix",
+				"animated"
+			])], 6)) : createCommentVNode("", true)], 2);
 		};
 	}
 }));

package/es/badge/index.d.ts

@@ -11,6 +11,7 @@ declare const Badge: {
         color?: import("./badge.vue").ColorType | string;
         status?: import("./badge.vue").BadgeStatus;
         count?: number;
+        animation?: boolean;
     }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -27,6 +28,7 @@ declare const Badge: {
         color?: import("./badge.vue").ColorType | string;
         status?: import("./badge.vue").BadgeStatus;
         count?: number;
+        animation?: boolean;
     }> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -40,6 +42,7 @@ declare const Badge: {
     color?: import("./badge.vue").ColorType | string;
     status?: import("./badge.vue").BadgeStatus;
     count?: number;
+    animation?: boolean;
 }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?: () => unknown;

package/es/bloom-menu/bloom-menu.js

@@ -0,0 +1,5 @@
+import bloom_menu_vue_vue_type_script_setup_true_lang_default from "./bloom-menu.vue_vue_type_script_setup_true_lang.js";
+//#region components/bloom-menu/bloom-menu.vue
+var bloom_menu_default = bloom_menu_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { bloom_menu_default as default };

package/es/bloom-menu/bloom-menu.vue.d.ts

@@ -0,0 +1,52 @@
+import type { Merge, UnknownRecord } from 'type-fest';
+import type { HTMLAttributes, VNode } from 'vue';
+import type { ButtonInstance } from '../button';
+import type { BloomMenuItem, BloomMenuOffset } from './types';
+type BloomMenuButtonProps = Merge<HTMLAttributes, ButtonInstance['$props']> & UnknownRecord;
+type __VLS_Props = {
+    items: readonly BloomMenuItem[];
+    modelValue?: boolean;
+    defaultOpen?: boolean;
+    columns?: number;
+    title?: string;
+    triggerText?: string;
+    buttonProps?: BloomMenuButtonProps;
+    offset?: BloomMenuOffset;
+    closeAriaLabel?: string;
+};
+type __VLS_Slots = {
+    trigger(props: {
+        open: () => void;
+    }): VNode[];
+    header(props: {
+        close: (restoreFocus?: boolean) => void;
+    }): VNode[];
+    icon(props: {
+        item: BloomMenuItem;
+        index: number;
+    }): VNode[];
+    item(props: {
+        item: BloomMenuItem;
+        index: number;
+    }): VNode[];
+    empty(): VNode[];
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    open: () => any;
+    close: () => any;
+    select: (item: BloomMenuItem, index: number) => any;
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onOpen?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onSelect?: ((item: BloomMenuItem, index: number) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").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/bloom-menu/bloom-menu.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,380 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import IconClose from "../icon/icon-close/index.js";
+import { useI18n } from "../locale/index.js";
+import Trigger from "../trigger/index.js";
+import Button from "../button/index.js";
+import IconPlus from "../icon/icon-plus/index.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, unref, useTemplateRef, watch, withCtx } from "vue";
+import { shift } from "@floating-ui/vue";
+import { Motion, useReducedMotion } from "motion-v";
+//#region components/bloom-menu/bloom-menu.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { ref: "panelRoot" };
+var bloom_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "BloomMenu" }), {}, {
+	__name: "bloom-menu",
+	props: {
+		items: {},
+		modelValue: {
+			type: Boolean,
+			default: () => void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: false
+		},
+		columns: { default: 3 },
+		title: { default: "Create" },
+		triggerText: { default: "Create" },
+		buttonProps: {},
+		offset: {},
+		closeAriaLabel: {}
+	},
+	emits: [
+		"update:modelValue",
+		"open",
+		"close",
+		"select"
+	],
+	setup(__props, { emit: __emit }) {
+		var _props$modelValue;
+		const emit = __emit;
+		const prefixCls = getPrefixCls("bloom-menu");
+		const { t } = useI18n();
+		const triggerButtonRef = useTemplateRef("triggerButton");
+		const panelRootRef = useTemplateRef("panelRoot");
+		const internalOpen = shallowRef(__props.defaultOpen);
+		const popupVisible = shallowRef((_props$modelValue = __props.modelValue) !== null && _props$modelValue !== void 0 ? _props$modelValue : __props.defaultOpen);
+		const reducedMotion = useReducedMotion();
+		const triggerStyle = shallowRef({
+			width: 144,
+			height: 44,
+			backgroundColor: "transparent",
+			borderColor: "transparent",
+			borderRadius: "16px",
+			boxShadow: "none",
+			color: "currentColor"
+		});
+		const normalizedColumns = computed(() => Math.max(1, Math.floor(__props.columns)));
+		const rowCount = computed(() => Math.max(1, Math.ceil(__props.items.length / normalizedColumns.value)));
+		const isOpen = computed(() => {
+			var _props$modelValue2;
+			return (_props$modelValue2 = __props.modelValue) !== null && _props$modelValue2 !== void 0 ? _props$modelValue2 : internalOpen.value;
+		});
+		const rootClasses = computed(() => [prefixCls, { [`${prefixCls}-open`]: isOpen.value }]);
+		const centerMiddleware = computed(() => ({
+			name: "bloomMenuCenter",
+			fn: ({ rects }) => {
+				var _props$offset$left, _props$offset, _props$offset$top, _props$offset2;
+				return {
+					x: rects.reference.x + (rects.reference.width - rects.floating.width) / 2 + ((_props$offset$left = (_props$offset = __props.offset) === null || _props$offset === void 0 ? void 0 : _props$offset.left) !== null && _props$offset$left !== void 0 ? _props$offset$left : 0),
+					y: rects.reference.y + (rects.reference.height - rects.floating.height) / 2 + ((_props$offset$top = (_props$offset2 = __props.offset) === null || _props$offset2 === void 0 ? void 0 : _props$offset2.top) !== null && _props$offset$top !== void 0 ? _props$offset$top : 0)
+				};
+			}
+		}));
+		const floatingOptions = computed(() => ({
+			placement: "top",
+			middleware: [centerMiddleware.value, shift({ crossAxis: true })]
+		}));
+		const popupContentStyle = computed(() => ({ pointerEvents: isOpen.value ? void 0 : "none" }));
+		const panelStyle = computed(() => ({
+			"--bloom-menu-columns": normalizedColumns.value,
+			"--bloom-menu-source-width": `${triggerStyle.value.width}px`,
+			"--bloom-menu-source-height": `${triggerStyle.value.height}px`,
+			"--bloom-menu-source-background": triggerStyle.value.backgroundColor,
+			"--bloom-menu-source-border-color": triggerStyle.value.borderColor,
+			"--bloom-menu-source-border-radius": triggerStyle.value.borderRadius,
+			"--bloom-menu-source-box-shadow": triggerStyle.value.boxShadow,
+			"--bloom-menu-source-color": triggerStyle.value.color
+		}));
+		const panelCollapsed = computed(() => reducedMotion.value ? {} : {
+			width: "var(--bloom-menu-source-width)",
+			height: "var(--bloom-menu-source-height)",
+			color: "var(--bloom-menu-source-color)",
+			backgroundColor: "var(--bloom-menu-source-background)",
+			borderColor: "var(--bloom-menu-source-border-color)",
+			borderRadius: "var(--bloom-menu-source-border-radius)",
+			boxShadow: "var(--bloom-menu-source-box-shadow)"
+		});
+		const panelInitial = computed(() => _objectSpread2(_objectSpread2({}, panelCollapsed.value), {}, { opacity: reducedMotion.value ? 0 : .98 }));
+		const panelAnimate = computed(() => ({
+			width: "var(--bloom-menu-panel-width)",
+			height: "auto",
+			color: "var(--bloom-menu-panel-color)",
+			backgroundColor: "var(--bloom-menu-panel-background)",
+			borderColor: "var(--bloom-menu-panel-border-color)",
+			borderRadius: "var(--bloom-menu-panel-border-radius)",
+			boxShadow: "var(--bloom-menu-panel-shadow)",
+			opacity: 1
+		}));
+		const panelTarget = computed(() => isOpen.value ? panelAnimate.value : panelCollapsed.value);
+		const morphTransition = computed(() => reducedMotion.value ? { duration: .15 } : {
+			type: "spring",
+			stiffness: 300,
+			damping: 32,
+			mass: .9
+		});
+		const contentTransition = computed(() => ({
+			delay: isOpen.value && !reducedMotion.value ? .12 : 0,
+			duration: reducedMotion.value ? .15 : isOpen.value ? .2 : .12
+		}));
+		const gridInitial = computed(() => reducedMotion.value ? false : { clipPath: "inset(45% 34% 45% 34%)" });
+		const gridTransition = computed(() => ({
+			delay: reducedMotion.value ? 0 : .08,
+			duration: reducedMotion.value ? .15 : .45,
+			ease: [
+				.16,
+				1,
+				.3,
+				1
+			]
+		}));
+		function getTriggerElement(event) {
+			var _triggerButtonRef$val;
+			if ((event === null || event === void 0 ? void 0 : event.currentTarget) instanceof HTMLElement) return event.currentTarget;
+			return (_triggerButtonRef$val = triggerButtonRef.value) === null || _triggerButtonRef$val === void 0 ? void 0 : _triggerButtonRef$val.$el;
+		}
+		function captureTriggerStyle(event) {
+			const element = getTriggerElement(event);
+			if (!element || typeof window === "undefined") return;
+			const rect = element.getBoundingClientRect();
+			const style = window.getComputedStyle(element);
+			triggerStyle.value = {
+				width: rect.width,
+				height: rect.height,
+				backgroundColor: style.backgroundColor,
+				borderColor: style.borderColor,
+				borderRadius: style.borderRadius,
+				boxShadow: style.boxShadow,
+				color: style.color
+			};
+		}
+		function setOpen(nextOpen) {
+			if (nextOpen === isOpen.value) return;
+			if (__props.modelValue === void 0) internalOpen.value = nextOpen;
+			emit("update:modelValue", nextOpen);
+			if (nextOpen) emit("open");
+			else emit("close");
+		}
+		function handlePopupVisibleChange(visible) {
+			if (visible) {
+				captureTriggerStyle();
+				setOpen(true);
+			} else {
+				var _panelRootRef$value;
+				if (document.activeElement instanceof HTMLElement && ((_panelRootRef$value = panelRootRef.value) === null || _panelRootRef$value === void 0 ? void 0 : _panelRootRef$value.contains(document.activeElement))) focusTrigger();
+				setOpen(false);
+			}
+		}
+		let closeTimer = 0;
+		function schedulePopupHide() {
+			window.clearTimeout(closeTimer);
+			closeTimer = window.setTimeout(() => {
+				if (!isOpen.value) popupVisible.value = false;
+			}, reducedMotion.value ? 150 : 450);
+		}
+		function open() {
+			captureTriggerStyle();
+			setOpen(true);
+		}
+		function focusTrigger() {
+			var _triggerButtonRef$val2;
+			(_triggerButtonRef$val2 = triggerButtonRef.value) === null || _triggerButtonRef$val2 === void 0 || (_triggerButtonRef$val2 = _triggerButtonRef$val2.$el) === null || _triggerButtonRef$val2 === void 0 || _triggerButtonRef$val2.focus();
+		}
+		function close(restoreFocus = false) {
+			setOpen(false);
+			if (restoreFocus) nextTick(focusTrigger);
+		}
+		function focusPanel(attempt = 0) {
+			nextTick(() => {
+				var _panelRootRef$value2, _panelRootRef$value3;
+				const firstItem = (_panelRootRef$value2 = panelRootRef.value) === null || _panelRootRef$value2 === void 0 ? void 0 : _panelRootRef$value2.querySelector(`.${prefixCls}-item:not(:disabled)`);
+				const closeButton = (_panelRootRef$value3 = panelRootRef.value) === null || _panelRootRef$value3 === void 0 ? void 0 : _panelRootRef$value3.querySelector(`.${prefixCls}-close`);
+				const target = firstItem !== null && firstItem !== void 0 ? firstItem : closeButton;
+				if (!target || getComputedStyle(target).visibility === "hidden") {
+					if (attempt < 30) requestAnimationFrame(() => focusPanel(attempt + 1));
+					return;
+				}
+				target.focus();
+			});
+		}
+		function selectItem(item, index) {
+			if (item.disabled) return;
+			emit("select", item, index);
+			close(true);
+		}
+		function getItemClasses(item, index) {
+			const column = index % normalizedColumns.value;
+			const row = Math.floor(index / normalizedColumns.value);
+			return [`${prefixCls}-item`, {
+				[`${prefixCls}-item-border-right`]: column < normalizedColumns.value - 1,
+				[`${prefixCls}-item-border-bottom`]: row < rowCount.value - 1,
+				[`${prefixCls}-item-disabled`]: item.disabled
+			}];
+		}
+		function getItemInitial() {
+			return reducedMotion.value ? { opacity: 0 } : {
+				opacity: 0,
+				scale: .85,
+				filter: "blur(6px)"
+			};
+		}
+		function getItemTransition(index) {
+			const column = index % normalizedColumns.value;
+			const row = Math.floor(index / normalizedColumns.value);
+			const distance = Math.hypot(column - (normalizedColumns.value - 1) / 2, row - (rowCount.value - 1) / 2);
+			return {
+				delay: reducedMotion.value ? 0 : .1 + distance * .07,
+				type: "spring",
+				stiffness: 440,
+				damping: 34
+			};
+		}
+		onMounted(captureTriggerStyle);
+		watch(isOpen, (openState) => {
+			if (!openState) {
+				schedulePopupHide();
+				return;
+			}
+			window.clearTimeout(closeTimer);
+			popupVisible.value = true;
+			captureTriggerStyle();
+			focusPanel();
+		}, { immediate: true });
+		onBeforeUnmount(() => window.clearTimeout(closeTimer));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(rootClasses.value) }, [createVNode(unref(Trigger), {
+				"popup-visible": popupVisible.value,
+				trigger: "click",
+				"floating-options": floatingOptions.value,
+				"content-class": `${unref(prefixCls)}-popup`,
+				"content-style": popupContentStyle.value,
+				duration: 0,
+				"animation-name": "",
+				"render-to-body": "",
+				"esc-to-close": "",
+				"aria-has-popup": "dialog",
+				onPopupVisibleChange: handlePopupVisibleChange
+			}, {
+				content: withCtx(() => [createVNode(unref(Motion), {
+					"data-bloom-menu-panel": "",
+					initial: panelInitial.value,
+					animate: panelTarget.value,
+					transition: morphTransition.value,
+					style: normalizeStyle(panelStyle.value),
+					class: normalizeClass(`${unref(prefixCls)}-panel`),
+					role: "dialog",
+					"aria-label": __props.title
+				}, {
+					default: withCtx(() => [createElementVNode("div", _hoisted_1, [createVNode(unref(Motion), {
+						initial: { opacity: 0 },
+						animate: { opacity: isOpen.value ? 1 : 0 },
+						transition: contentTransition.value,
+						class: normalizeClass(`${unref(prefixCls)}-content`)
+					}, {
+						default: withCtx(() => [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-header`) }, [renderSlot(_ctx.$slots, "header", { close }, () => {
+							var _props$closeAriaLabel;
+							return [createElementVNode("span", { class: normalizeClass(`${unref(prefixCls)}-title`) }, toDisplayString(__props.title), 3), createVNode(unref(Button), {
+								type: "text",
+								shape: "circle",
+								size: "mini",
+								class: normalizeClass(`${unref(prefixCls)}-close`),
+								"aria-label": (_props$closeAriaLabel = __props.closeAriaLabel) !== null && _props$closeAriaLabel !== void 0 ? _props$closeAriaLabel : unref(t)("a11y.bloomMenuClose"),
+								onClick: _cache[0] || (_cache[0] = ($event) => close(true))
+							}, {
+								icon: withCtx(() => [createVNode(unref(IconClose))]),
+								_: 1
+							}, 8, ["class", "aria-label"])];
+						})], 2), __props.items.length ? (openBlock(), createBlock(unref(Motion), {
+							key: 0,
+							initial: gridInitial.value,
+							animate: { clipPath: "inset(0% 0% 0% 0%)" },
+							transition: gridTransition.value,
+							class: normalizeClass(`${unref(prefixCls)}-grid`)
+						}, {
+							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
+								return openBlock(), createBlock(unref(Button), {
+									key: item.value,
+									type: "text",
+									long: "",
+									class: normalizeClass(getItemClasses(item, index)),
+									disabled: item.disabled,
+									onClick: ($event) => selectItem(item, index)
+								}, {
+									default: withCtx(() => [createVNode(unref(Motion), {
+										initial: getItemInitial(),
+										animate: {
+											opacity: 1,
+											scale: 1,
+											filter: "blur(0px)"
+										},
+										transition: getItemTransition(index),
+										class: normalizeClass(`${unref(prefixCls)}-item-content`)
+									}, {
+										default: withCtx(() => [renderSlot(_ctx.$slots, "item", {
+											item,
+											index
+										}, () => [item.icon || _ctx.$slots.icon ? (openBlock(), createElementBlock("span", {
+											key: 0,
+											class: normalizeClass(`${unref(prefixCls)}-item-icon`)
+										}, [renderSlot(_ctx.$slots, "icon", {
+											item,
+											index
+										}, () => [item.icon ? (openBlock(), createBlock(resolveDynamicComponent(item.icon), { key: 0 })) : createCommentVNode("", true)])], 2)) : createCommentVNode("", true), createElementVNode("span", { class: normalizeClass(`${unref(prefixCls)}-item-label`) }, toDisplayString(item.label), 3)])]),
+										_: 2
+									}, 1032, [
+										"initial",
+										"transition",
+										"class"
+									])]),
+									_: 2
+								}, 1032, [
+									"class",
+									"disabled",
+									"onClick"
+								]);
+							}), 128))]),
+							_: 3
+						}, 8, [
+							"initial",
+							"transition",
+							"class"
+						])) : (openBlock(), createElementBlock("div", {
+							key: 1,
+							class: normalizeClass(`${unref(prefixCls)}-empty`)
+						}, [renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(toDisplayString(unref(t)("a11y.bloomMenuEmpty")), 1)])], 2))]),
+						_: 3
+					}, 8, [
+						"animate",
+						"transition",
+						"class"
+					])], 512)]),
+					_: 3
+				}, 8, [
+					"initial",
+					"animate",
+					"transition",
+					"style",
+					"class",
+					"aria-label"
+				])]),
+				default: withCtx(() => [createVNode(unref(Button), mergeProps(__props.buttonProps, {
+					ref: "triggerButton",
+					"data-bloom-menu-trigger": "",
+					class: `${unref(prefixCls)}-trigger`,
+					onPointerdown: captureTriggerStyle
+				}), {
+					default: withCtx(() => [createElementVNode("span", { class: normalizeClass(`${unref(prefixCls)}-trigger-content`) }, [renderSlot(_ctx.$slots, "trigger", { open }, () => [createTextVNode(toDisplayString(__props.triggerText) + " ", 1), createVNode(unref(IconPlus))])], 2)]),
+					_: 3
+				}, 16, ["class"])]),
+				_: 3
+			}, 8, [
+				"popup-visible",
+				"floating-options",
+				"content-class",
+				"content-style"
+			])], 2);
+		};
+	}
+}));
+//#endregion
+export { bloom_menu_vue_vue_type_script_setup_true_lang_default as default };

package/es/bloom-menu/index.d.ts

@@ -0,0 +1,6 @@
+import type { SFCWithInstall } from '../_utils/types';
+import _BloomMenu from './bloom-menu.vue';
+export type { BloomMenuItem, BloomMenuOffset } from './types';
+declare const BloomMenu: SFCWithInstall<typeof _BloomMenu>;
+export type BloomMenuInstance = InstanceType<typeof _BloomMenu>;
+export default BloomMenu;

package/es/bloom-menu/index.js

@@ -0,0 +1,10 @@
+import { getComponentPrefix, setGlobalConfig } from "../_utils/global-config.js";
+import bloom_menu_default from "./bloom-menu.js";
+//#region components/bloom-menu/index.ts
+var BloomMenu = Object.assign(bloom_menu_default, { install: (app, options) => {
+	setGlobalConfig(app, options);
+	const componentPrefix = getComponentPrefix(options);
+	app.component(componentPrefix + bloom_menu_default.name, bloom_menu_default);
+} });
+//#endregion
+export { BloomMenu as default };

package/es/bloom-menu/style/css.js

@@ -0,0 +1,2 @@
+import "../../style/index.css";
+import "./index.css";