@qingmingmu/components 0.1.0-beta.0

package/es/shared/components.C2qFTFYw.cjs

@@ -0,0 +1,322 @@
+'use strict';
+
+const vue = require('vue');
+const exportHelper = require('./components.DUidQ77e.cjs');
+const icon = require('./components.CRtd1JMp.cjs');
+
+const menuProps = {
+  /** 受控选中项 key（v-model） */
+  modelValue: {
+    type: [String, Number],
+    default: void 0
+  },
+  /** 非受控模式的初始选中项 key（未绑定 v-model 时作为默认选中） */
+  defaultSelectedKey: {
+    type: [String, Number],
+    default: void 0
+  },
+  /** 排列方向 */
+  mode: { type: String, default: "vertical" },
+  /** 初始展开的子菜单 key 列表 */
+  defaultOpenedKeys: { type: Array, default: () => [] },
+  /** 垂直模式折叠（只显示图标） */
+  collapse: { type: Boolean, default: false }
+};
+const MENU_CONTEXT_KEY = Symbol("qm-menu-context");
+
+const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "QmMenu" },
+  __name: "menu",
+  props: menuProps,
+  emits: ["update:modelValue", "select", "openChange"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const openedKeys = vue.ref([...props.defaultOpenedKeys]);
+    const innerSelectedKey = vue.ref(props.defaultSelectedKey);
+    const effectiveSelectedKey = vue.computed(
+      () => props.modelValue ?? innerSelectedKey.value
+    );
+    vue.watch(
+      () => props.modelValue,
+      (v) => {
+        if (v !== void 0)
+          innerSelectedKey.value = v;
+      }
+    );
+    const menuRef = vue.ref(null);
+    function focusableItems() {
+      const root = menuRef.value;
+      if (!root)
+        return [];
+      return [
+        ...root.querySelectorAll(
+          '.qm-menu-item:not([aria-disabled="true"]), .qm-sub-menu__trigger:not([aria-disabled="true"])'
+        )
+      ];
+    }
+    function normalizeRoving(target) {
+      const items = focusableItems();
+      for (const el of items) el.setAttribute("tabindex", el === target ? "0" : "-1");
+    }
+    function onMenuFocusin(event) {
+      const target = event.target;
+      if (target && menuRef.value?.contains(target))
+        normalizeRoving(target);
+    }
+    function onMenuKeydown(event) {
+      const items = focusableItems();
+      if (!items.length)
+        return;
+      const current = document.activeElement;
+      let index = current ? items.indexOf(current) : -1;
+      if (event.key === "Home") {
+        event.preventDefault();
+        index = 0;
+      } else if (event.key === "End") {
+        event.preventDefault();
+        index = items.length - 1;
+      } else if (event.key === "ArrowDown" || event.key === "ArrowRight") {
+        event.preventDefault();
+        index = index < 0 ? 0 : (index + 1) % items.length;
+      } else if (event.key === "ArrowUp" || event.key === "ArrowLeft") {
+        event.preventDefault();
+        index = index < 0 ? items.length - 1 : (index - 1 + items.length) % items.length;
+      } else {
+        return;
+      }
+      const target = items[index];
+      if (target) {
+        target.focus();
+        normalizeRoving(target);
+      }
+    }
+    vue.onMounted(() => {
+      void vue.nextTick(() => {
+        const items = focusableItems();
+        if (!items.length)
+          return;
+        const selected = items.find((el) => el.getAttribute("aria-selected") === "true");
+        const initial = selected ?? items[0];
+        normalizeRoving(initial);
+      });
+    });
+    const context = {
+      mode: vue.computed(() => props.mode),
+      collapse: vue.computed(() => props.collapse),
+      selectedKey: effectiveSelectedKey,
+      selectKey: (key) => {
+        innerSelectedKey.value = key;
+        if (props.modelValue !== key)
+          emit("update:modelValue", key);
+        emit("select", key);
+      },
+      isOpen: (key) => openedKeys.value.includes(key),
+      toggleSubMenu: (key) => {
+        const index = openedKeys.value.indexOf(key);
+        if (index >= 0)
+          openedKeys.value.splice(index, 1);
+        else openedKeys.value.push(key);
+        emit("openChange", [...openedKeys.value]);
+      }
+    };
+    vue.provide(MENU_CONTEXT_KEY, context);
+    const __returned__ = { props, emit, openedKeys, innerSelectedKey, effectiveSelectedKey, menuRef, focusableItems, normalizeRoving, onMenuFocusin, onMenuKeydown, context };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+	return vue.openBlock(), vue.createElementBlock(
+		"ul",
+		{
+			ref: "menuRef",
+			class: vue.normalizeClass(["qm-menu", [`qm-menu--${_ctx.mode}`, { "qm-menu--collapsed": _ctx.collapse }]]),
+			"data-qm": "menu",
+			role: "menu",
+			onFocusin: $setup.onMenuFocusin,
+			onKeydown: $setup.onMenuKeydown
+		},
+		[vue.renderSlot(_ctx.$slots, "default")],
+		34
+		/* CLASS, NEED_HYDRATION */
+	);
+}
+const Menu = /*#__PURE__*/ exportHelper._export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\menu\\menu.vue"]]);
+
+const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "QmMenuItem" },
+  __name: "menu-item",
+  props: {
+    /** 菜单项唯一 key（选中值，即菜单 modelValue） */
+    index: { type: [String, Number], required: true },
+    /** 禁用（不可选中） */
+    disabled: { type: Boolean, default: false }
+  },
+  emits: ["select"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const context = vue.inject(MENU_CONTEXT_KEY, void 0);
+    const isSelected = vue.computed(() => context?.selectedKey.value === props.index);
+    function onClick() {
+      if (props.disabled)
+        return;
+      emit("select", props.index);
+      context?.selectKey?.(props.index);
+    }
+    const __returned__ = { props, emit, context, isSelected, onClick };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1$1 = [
+	"aria-selected",
+	"aria-disabled",
+	"tabindex",
+	"onKeydown"
+];
+const _hoisted_2$1 = {
+	class: "qm-menu-item__icon",
+	"aria-hidden": "true"
+};
+const _hoisted_3$1 = { class: "qm-menu-item__label" };
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+	return vue.openBlock(), vue.createElementBlock("li", {
+		class: vue.normalizeClass(["qm-menu-item", {
+			"qm-menu-item--selected": $setup.isSelected,
+			"qm-menu-item--disabled": $props.disabled
+		}]),
+		"data-qm": "menu-item",
+		role: "menuitem",
+		"aria-selected": $setup.isSelected,
+		"aria-disabled": $props.disabled || undefined,
+		tabindex: $props.disabled ? -1 : 0,
+		onClick: $setup.onClick,
+		onKeydown: [vue.withKeys(vue.withModifiers($setup.onClick, ["prevent"]), ["enter"]), vue.withKeys(vue.withModifiers($setup.onClick, ["prevent"]), ["space"])]
+	}, [vue.createElementVNode("span", _hoisted_2$1, [vue.renderSlot(_ctx.$slots, "icon")]), vue.createElementVNode("span", _hoisted_3$1, [vue.renderSlot(_ctx.$slots, "default")])], 42, _hoisted_1$1);
+}
+const menuItem = /*#__PURE__*/ exportHelper._export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\menu\\menu-item.vue"]]);
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "QmSubMenu" },
+  __name: "sub-menu",
+  props: {
+    /** 子菜单唯一 key（展开状态标识） */
+    index: { type: [String, Number], required: true },
+    /** 子菜单标题 */
+    title: { type: String, default: "" },
+    /** 禁用（不可展开） */
+    disabled: { type: Boolean, default: false }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const context = vue.inject(MENU_CONTEXT_KEY, void 0);
+    const open = vue.computed(() => context?.isOpen(props.index) ?? false);
+    const popupRef = vue.ref(null);
+    const flip = vue.ref(false);
+    vue.watch(open, async (val) => {
+      if (!val) {
+        flip.value = false;
+        return;
+      }
+      await vue.nextTick();
+      const popup = popupRef.value;
+      if (!popup || context?.mode.value !== "horizontal")
+        return;
+      const rect = popup.getBoundingClientRect();
+      flip.value = rect.bottom > window.innerHeight;
+    });
+    function toggle() {
+      if (props.disabled)
+        return;
+      context?.toggleSubMenu?.(props.index);
+    }
+    const __returned__ = { props, context, open, popupRef, flip, toggle, get QmIcon() {
+      return icon.Icon;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = [
+	"aria-expanded",
+	"aria-disabled",
+	"tabindex",
+	"onKeydown"
+];
+const _hoisted_2 = {
+	class: "qm-sub-menu__icon",
+	"aria-hidden": "true"
+};
+const _hoisted_3 = {
+	key: 0,
+	class: "qm-sub-menu__title"
+};
+const _hoisted_4 = {
+	key: 1,
+	class: "qm-sub-menu__arrow",
+	"aria-hidden": "true"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return vue.openBlock(), vue.createElementBlock(
+		"li",
+		{
+			class: vue.normalizeClass(["qm-sub-menu", {
+				"qm-sub-menu--open": $setup.open,
+				"qm-sub-menu--disabled": $props.disabled,
+				"qm-sub-menu--collapsed": $setup.context?.collapse.value
+			}]),
+			"data-qm": "sub-menu",
+			role: "none"
+		},
+		[vue.createElementVNode("div", {
+			class: "qm-sub-menu__trigger",
+			role: "menuitem",
+			"aria-haspopup": true,
+			"aria-expanded": $setup.open,
+			"aria-disabled": $props.disabled || undefined,
+			tabindex: $props.disabled ? -1 : 0,
+			onClick: $setup.toggle,
+			onKeydown: [vue.withKeys(vue.withModifiers($setup.toggle, ["prevent"]), ["enter"]), vue.withKeys(vue.withModifiers($setup.toggle, ["prevent"]), ["space"])]
+		}, [
+			vue.createElementVNode("span", _hoisted_2, [vue.renderSlot(_ctx.$slots, "icon")]),
+			!$setup.context?.collapse.value ? (vue.openBlock(), vue.createElementBlock(
+				"span",
+				_hoisted_3,
+				vue.toDisplayString($props.title),
+				1
+				/* TEXT */
+			)) : vue.createCommentVNode("v-if", true),
+			!$setup.context?.collapse.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, [vue.createVNode($setup["QmIcon"], {
+				name: "chevron-down",
+				class: "qm-sub-menu__arrow-icon"
+			})])) : vue.createCommentVNode("v-if", true)
+		], 40, _hoisted_1), vue.withDirectives(vue.createElementVNode(
+			"ul",
+			{
+				ref: "popupRef",
+				class: vue.normalizeClass(["qm-sub-menu__popup", { "qm-sub-menu__popup--flip": $setup.flip }]),
+				role: "menu"
+			},
+			[vue.renderSlot(_ctx.$slots, "default")],
+			2
+			/* CLASS */
+		), [[vue.vShow, $setup.open]])],
+		2
+		/* CLASS */
+	);
+}
+const subMenu = /*#__PURE__*/ exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\menu\\sub-menu.vue"]]);
+
+exports.MENU_CONTEXT_KEY = MENU_CONTEXT_KEY;
+exports.Menu = Menu;
+exports.menuItem = menuItem;
+exports.menuProps = menuProps;
+exports.subMenu = subMenu;

package/es/shared/components.C6sLxXPo.d.ts

@@ -0,0 +1,96 @@
+import { PropType, defineComponent, computed, openBlock, createElementBlock, normalizeStyle, normalizeClass, renderSlot, createBlock, resolveDynamicComponent, createCommentVNode } from 'vue';
+import { IconName, iconMap, multicolorIconNames } from '@qingmingmu/icons';
+import { _ as _export_sfc } from './components.OJRSZE6i.js';
+
+/** 图标尺寸枚举（§6.3：尺寸枚举统一 small | medium | large） */
+type IconSize = 'small' | 'medium' | 'large';
+/** props 声明（纯类型 + 默认值，供 SFC 与文档复用） */
+declare const iconProps: {
+    /** 图标名（来自 @qingmingmu/icons 的 iconNames）；为空时渲染插槽或空 */
+    readonly name: {
+        readonly type: PropType<IconName>;
+        readonly default: "";
+    };
+    /** 尺寸：small | medium | large 走分档 Token；string/number 自定义（number 按 px） */
+    readonly size: {
+        readonly type: PropType<IconSize | string | number>;
+        readonly default: "medium";
+    };
+    /** 颜色（默认继承 --qm-icon-color） */
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /** 单色模式：多色图标强制降级为单色（通道色覆盖为 currentColor，随 --qm-icon-color） */
+    readonly mono: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmIcon" },
+  __name: "icon",
+  props: iconProps,
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const enumSize = computed(
+      () => props.size === "small" || props.size === "medium" || props.size === "large" ? props.size : null
+    );
+    const customFontSize = computed(() => {
+      if (enumSize.value)
+        return void 0;
+      if (typeof props.size === "number")
+        return `${props.size}px`;
+      return props.size || void 0;
+    });
+    const iconComp = computed(() => {
+      if (!props.name)
+        return null;
+      return iconMap[props.name] ?? null;
+    });
+    const isMulticolor = computed(
+      () => !!props.name && multicolorIconNames.includes(props.name)
+    );
+    const rootStyle = computed(() => ({
+      fontSize: customFontSize.value,
+      color: props.color || void 0
+    }));
+    const modifierClass = computed(() => {
+      const classes = [];
+      if (enumSize.value)
+        classes.push(`qm-icon--${enumSize.value}`);
+      if (props.mono)
+        classes.push("qm-icon--mono");
+      else if (isMulticolor.value)
+        classes.push("qm-icon--multicolor");
+      return classes;
+    });
+    const __returned__ = { props, enumSize, customFontSize, iconComp, isMulticolor, rootStyle, modifierClass };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock(
+		"span",
+		{
+			class: normalizeClass(["qm-icon", $setup.modifierClass]),
+			style: normalizeStyle($setup.rootStyle),
+			"data-qm": "icon",
+			"aria-hidden": "true"
+		},
+		[_ctx.$slots.default ? renderSlot(_ctx.$slots, "default", {}, undefined, undefined, 0) : $setup.iconComp ? (openBlock(), createBlock(resolveDynamicComponent($setup.iconComp), {
+			key: 1,
+			size: "1em"
+		})) : createCommentVNode("v-if", true)],
+		6
+		/* CLASS, STYLE */
+	);
+}
+var Icon = /*#__PURE__*/ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\icon\\icon.vue"]]);
+
+export { Icon as a, iconProps as i };
+export type { IconSize as I };

package/es/shared/components.C8Nxn3Ut.d.mts

@@ -0,0 +1,272 @@
+import { PropType, Ref, ComputedRef, defineComponent, useId, ref, computed, watch, onBeforeUnmount, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode, renderSlot, createBlock, Teleport, createVNode, Transition, withCtx, normalizeStyle, normalizeClass, createTextVNode, toDisplayString } from 'vue';
+import { u as usePositioning } from './components.4UjasbrA.mjs';
+import { _ as _export_sfc } from './components.OJRSZE6i.mjs';
+
+/**
+ * QmTooltip 组件类型定义（组件体系设计 §6.4：类型先行）
+ * 03-T9：文字提示，基于 use-positioning 共享定位模块
+ * - 触发：hover（延迟防闪烁）/ focus / click（外部点击关闭）
+ * - 位置：top/bottom/left/right 四向 + 视口自动翻转（use-positioning）
+ * - ARIA：触发器 aria-describedby 关联浮层 role=tooltip
+ * - 受控：v-model:visible；未传即非受控
+ */
+
+/** 弹出位置（四向；空间不足时由 use-positioning 自动翻转到对侧） */
+type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
+/** 触发方式 */
+type TooltipTrigger = 'hover' | 'focus' | 'click';
+/** props 声明 */
+declare const tooltipProps: {
+    /** 提示文案（也可用 content 插槽 / 触发器默认插槽旁的 #content） */
+    readonly content: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /** 弹出位置（空间不足自动翻转） */
+    readonly placement: {
+        readonly type: PropType<TooltipPlacement>;
+        readonly default: "top";
+    };
+    /** 触发方式 */
+    readonly trigger: {
+        readonly type: PropType<TooltipTrigger>;
+        readonly default: "hover";
+    };
+    /** 受控显隐（v-model:visible）；未传即非受控（组件内自维护） */
+    readonly visible: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    /** 禁用（不显示浮层，触发器不可聚焦） */
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 是否显示箭头 */
+    readonly showArrow: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    /** hover 进入延迟（ms，防闪烁） */
+    readonly enterDelay: {
+        readonly type: NumberConstructor;
+        readonly default: 100;
+    };
+    /** hover 离开延迟（ms，防闪烁） */
+    readonly leaveDelay: {
+        readonly type: NumberConstructor;
+        readonly default: 100;
+    };
+    /** Teleport 挂载目标（CSS 选择器，默认 body） */
+    readonly appendTo: {
+        readonly type: StringConstructor;
+        readonly default: "body";
+    };
+};
+/** emits 声明 */
+interface TooltipEmits {
+    /** 显隐同步（v-model:visible） */
+    'update:visible': [value: boolean];
+    /** 显示时触发 */
+    'show': [];
+    /** 隐藏时触发 */
+    'hide': [];
+}
+
+/**
+ * useTooltip 行为层（03-T9 §4）
+ *
+ * 职责（与视图解耦，可独立单测）：
+ * - 受控/非受控显隐状态统一管理（props.visible 传入即受控，否则内部自维护）；
+ * - 触发契约：
+ *     hover  —— mouseenter 经 enterDelay 显示，mouseleave 经 leaveDelay 隐藏（互清定时器防闪烁）；
+ *     focus  —— focus 显示，blur 隐藏（Tab 离开关闭）；
+ *     click  —— 点击切换，外部点击关闭；
+ * - 键盘：Esc 关闭（document keydown，仅显示期监听）；
+ * - show/hide 事件契约 + update:visible 同步；
+ * - 延迟定时器清理（无泄漏契约）。
+ *
+ * 定位（fixed/翻转/滚动重定位）复用 composables/use-positioning，不在此内联。
+ */
+
+interface UseTooltipOptions {
+    /** 受控显隐（props.visible，undefined 即非受控） */
+    visible: Ref<boolean | undefined>;
+    /** 触发方式 */
+    trigger: Ref<TooltipTrigger>;
+    /** 禁用 */
+    disabled: Ref<boolean>;
+    /** hover 进入延迟（ms） */
+    enterDelay: Ref<number>;
+    /** hover 离开延迟（ms） */
+    leaveDelay: Ref<number>;
+    emitUpdate: (value: boolean) => void;
+    emitShow: () => void;
+    emitHide: () => void;
+}
+interface UseTooltipReturn {
+    /** 当前解析后的显隐（受控时跟随 props，非受控时为内部状态） */
+    isVisible: ComputedRef<boolean>;
+    /** 编程式显示（禁用时忽略） */
+    show: () => void;
+    /** 编程式隐藏 */
+    hide: () => void;
+    /** 切换（click 触发用） */
+    toggle: () => void;
+    onMouseenter: () => void;
+    onMouseleave: () => void;
+    onFocus: () => void;
+    onBlur: () => void;
+    onClick: () => void;
+    /** 文档 keydown：Esc 关闭（组件层在显示期绑定/解绑） */
+    onDocumentKeydown: (event: KeyboardEvent) => void;
+    /** 卸载清理：清除延迟定时器（无泄漏契约） */
+    dispose: () => void;
+}
+declare function useTooltip(options: UseTooltipOptions): UseTooltipReturn;
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmTooltip" },
+  __name: "tooltip",
+  props: tooltipProps,
+  emits: ["update:visible", "show", "hide"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const uid = useId();
+    const tooltipId = `qm-tooltip-${uid}`;
+    const triggerRef = ref(null);
+    const panelRef = ref(null);
+    const visibleProp = computed(() => props.visible);
+    const triggerProp = computed(() => props.trigger);
+    const disabledProp = computed(() => props.disabled);
+    const enterDelayProp = computed(() => props.enterDelay);
+    const leaveDelayProp = computed(() => props.leaveDelay);
+    const {
+      isVisible,
+      hide,
+      onMouseenter,
+      onMouseleave,
+      onFocus,
+      onBlur,
+      onClick,
+      onDocumentKeydown,
+      dispose: disposeBehavior
+    } = useTooltip({
+      visible: visibleProp,
+      trigger: triggerProp,
+      disabled: disabledProp,
+      enterDelay: enterDelayProp,
+      leaveDelay: leaveDelayProp,
+      emitUpdate: (value) => emit("update:visible", value),
+      emitShow: () => emit("show"),
+      emitHide: () => emit("hide")
+    });
+    const placementProp = computed(() => props.placement);
+    const {
+      positionStyle,
+      actualPlacement,
+      updatePosition,
+      startAutoReposition,
+      stopAutoReposition,
+      dispose: disposePositioning
+    } = usePositioning({
+      triggerRef,
+      panelRef,
+      placement: placementProp,
+      offset: 8,
+      flip: true
+    });
+    function onDocumentMousedown(event) {
+      if (props.trigger !== "click")
+        return;
+      const target = event.target;
+      if (triggerRef.value?.contains(target) || panelRef.value?.contains(target))
+        return;
+      hide();
+    }
+    watch(
+      isVisible,
+      (val) => {
+        if (val) {
+          void updatePosition();
+          startAutoReposition();
+          document.addEventListener("mousedown", onDocumentMousedown, true);
+          document.addEventListener("keydown", onDocumentKeydown, true);
+        } else {
+          stopAutoReposition();
+          document.removeEventListener("mousedown", onDocumentMousedown, true);
+          document.removeEventListener("keydown", onDocumentKeydown, true);
+        }
+      },
+      { flush: "post" }
+    );
+    onBeforeUnmount(() => {
+      document.removeEventListener("mousedown", onDocumentMousedown, true);
+      document.removeEventListener("keydown", onDocumentKeydown, true);
+      stopAutoReposition();
+      disposePositioning();
+      disposeBehavior();
+    });
+    const ariaDescribedby = computed(() => isVisible.value ? tooltipId : void 0);
+    const __returned__ = { props, emit, uid, tooltipId, triggerRef, panelRef, visibleProp, triggerProp, disabledProp, enterDelayProp, leaveDelayProp, isVisible, hide, onMouseenter, onMouseleave, onFocus, onBlur, onClick, onDocumentKeydown, disposeBehavior, placementProp, positionStyle, actualPlacement, updatePosition, startAutoReposition, stopAutoReposition, disposePositioning, onDocumentMousedown, ariaDescribedby };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = ["tabindex", "aria-describedby"];
+const _hoisted_2 = {
+	key: 0,
+	class: "qm-tooltip__arrow",
+	"aria-hidden": "true"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock(
+		Fragment,
+		null,
+		[
+			createCommentVNode(" 触发器（default 插槽；可聚焦以支持 focus 触发与键盘操作） "),
+			createElementVNode("span", {
+				ref: "triggerRef",
+				class: "qm-tooltip__trigger",
+				tabindex: _ctx.disabled ? -1 : 0,
+				"aria-describedby": $setup.ariaDescribedby,
+				onMouseenter: _cache[0] || (_cache[0] = (...args) => $setup.onMouseenter && $setup.onMouseenter(...args)),
+				onMouseleave: _cache[1] || (_cache[1] = (...args) => $setup.onMouseleave && $setup.onMouseleave(...args)),
+				onFocusin: _cache[2] || (_cache[2] = (...args) => $setup.onFocus && $setup.onFocus(...args)),
+				onFocusout: _cache[3] || (_cache[3] = (...args) => $setup.onBlur && $setup.onBlur(...args)),
+				onClick: _cache[4] || (_cache[4] = (...args) => $setup.onClick && $setup.onClick(...args))
+			}, [renderSlot(_ctx.$slots, "default")], 40, _hoisted_1),
+			createCommentVNode(" 浮层（Teleport + Transition；fixed 定位由 use-positioning 计算） "),
+			(openBlock(), createBlock(Teleport, { to: _ctx.appendTo }, [createVNode(Transition, { name: "qm-tooltip" }, {
+				default: withCtx(() => [$setup.isVisible ? (openBlock(), createElementBlock(
+					"div",
+					{
+						key: 0,
+						id: $setup.tooltipId,
+						ref: "panelRef",
+						class: normalizeClass(["qm-tooltip", `qm-tooltip--${$setup.actualPlacement}`]),
+						style: normalizeStyle($setup.positionStyle),
+						role: "tooltip"
+					},
+					[renderSlot(_ctx.$slots, "content", {}, () => [createTextVNode(
+						toDisplayString(_ctx.content),
+						1
+						/* TEXT */
+					)]), _ctx.showArrow ? (openBlock(), createElementBlock("span", _hoisted_2)) : createCommentVNode("v-if", true)],
+					6
+					/* CLASS, STYLE */
+				)) : createCommentVNode("v-if", true)]),
+				_: 3
+			})], 8, ["to"]))
+		],
+		64
+		/* STABLE_FRAGMENT */
+	);
+}
+var Tooltip = /*#__PURE__*/ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\tooltip\\tooltip.vue"]]);
+
+export { Tooltip as T, tooltipProps as t, useTooltip as u };
+export type { UseTooltipOptions as U, TooltipEmits as a, TooltipPlacement as b, TooltipTrigger as c, UseTooltipReturn as d };