@qingmingmu/components 0.1.0-beta.0

package/es/shared/components.DoInWOkI.d.cts

@@ -0,0 +1,85 @@
+import { PropType, defineComponent, onMounted, openBlock, createElementBlock, normalizeClass, createBlock } from 'vue';
+import { useTheme } from '@qingmingmu/hooks';
+import { a as Icon } from './components.b5GjJzDh.cjs';
+import { _ as _export_sfc } from './components.OJRSZE6i.cjs';
+
+/**
+ * QmThemeToggle 组件类型定义（桌面端 task）
+ * 类型先行：纯前端主题切换按钮，联动 @qingmingmu/hooks useTheme。
+ */
+/** 初始主题模式 */
+type ThemeToggleMode = 'light' | 'dark' | 'system';
+/** 按钮尺寸 */
+type ThemeToggleSize = 'small' | 'medium' | 'large';
+/** props 声明 */
+declare const themeToggleProps: {
+    /** 初始主题模式（挂载时应用一次；缺省跟随 useTheme 单例） */
+    readonly mode: {
+        readonly type: PropType<ThemeToggleMode>;
+        readonly default: undefined;
+    };
+    /** 按钮尺寸 */
+    readonly size: {
+        readonly type: PropType<ThemeToggleSize>;
+        readonly default: "medium";
+    };
+};
+/** emits 声明 */
+interface ThemeToggleEmits {
+    /** 切换后的主题（'light' | 'dark'） */
+    change: [mode: 'light' | 'dark'];
+}
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmThemeToggle" },
+  __name: "theme-toggle",
+  props: themeToggleProps,
+  emits: ["change"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const { isDark, setStyle } = useTheme();
+    onMounted(() => {
+      if (props.mode) {
+        if (props.mode === "system")
+          setStyle("system");
+        else setStyle(props.mode === "dark" ? "black" : "white");
+      }
+    });
+    function toggle() {
+      const next = isDark.value ? "white" : "black";
+      setStyle(next);
+      emit("change", next === "black" ? "dark" : "light");
+    }
+    const __returned__ = { props, emit, isDark, setStyle, toggle, get QmIcon() {
+      return Icon;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = ["aria-label", "title"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("button", {
+		type: "button",
+		class: normalizeClass(["qm-theme-toggle", `qm-theme-toggle--${_ctx.size}`]),
+		"data-qm": "theme-toggle",
+		"aria-label": $setup.isDark ? "切换到亮色模式" : "切换到暗色模式",
+		title: $setup.isDark ? "切换到亮色模式" : "切换到暗色模式",
+		onClick: $setup.toggle
+	}, [$setup.isDark ? (openBlock(), createBlock($setup["QmIcon"], {
+		key: 0,
+		name: "sun",
+		class: "qm-theme-toggle__icon"
+	})) : (openBlock(), createBlock($setup["QmIcon"], {
+		key: 1,
+		name: "moon",
+		class: "qm-theme-toggle__icon"
+	}))], 10, _hoisted_1);
+}
+var ThemeToggle = /*#__PURE__*/ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\theme-toggle\\theme-toggle.vue"]]);
+
+export { ThemeToggle as T, themeToggleProps as t };
+export type { ThemeToggleEmits as a, ThemeToggleMode as b, ThemeToggleSize as c };

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

@@ -0,0 +1,85 @@
+import { PropType, defineComponent, onMounted, openBlock, createElementBlock, normalizeClass, createBlock } from 'vue';
+import { useTheme } from '@qingmingmu/hooks';
+import { a as Icon } from './components.C6sLxXPo.js';
+import { _ as _export_sfc } from './components.OJRSZE6i.js';
+
+/**
+ * QmThemeToggle 组件类型定义（桌面端 task）
+ * 类型先行：纯前端主题切换按钮，联动 @qingmingmu/hooks useTheme。
+ */
+/** 初始主题模式 */
+type ThemeToggleMode = 'light' | 'dark' | 'system';
+/** 按钮尺寸 */
+type ThemeToggleSize = 'small' | 'medium' | 'large';
+/** props 声明 */
+declare const themeToggleProps: {
+    /** 初始主题模式（挂载时应用一次；缺省跟随 useTheme 单例） */
+    readonly mode: {
+        readonly type: PropType<ThemeToggleMode>;
+        readonly default: undefined;
+    };
+    /** 按钮尺寸 */
+    readonly size: {
+        readonly type: PropType<ThemeToggleSize>;
+        readonly default: "medium";
+    };
+};
+/** emits 声明 */
+interface ThemeToggleEmits {
+    /** 切换后的主题（'light' | 'dark'） */
+    change: [mode: 'light' | 'dark'];
+}
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmThemeToggle" },
+  __name: "theme-toggle",
+  props: themeToggleProps,
+  emits: ["change"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const { isDark, setStyle } = useTheme();
+    onMounted(() => {
+      if (props.mode) {
+        if (props.mode === "system")
+          setStyle("system");
+        else setStyle(props.mode === "dark" ? "black" : "white");
+      }
+    });
+    function toggle() {
+      const next = isDark.value ? "white" : "black";
+      setStyle(next);
+      emit("change", next === "black" ? "dark" : "light");
+    }
+    const __returned__ = { props, emit, isDark, setStyle, toggle, get QmIcon() {
+      return Icon;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = ["aria-label", "title"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("button", {
+		type: "button",
+		class: normalizeClass(["qm-theme-toggle", `qm-theme-toggle--${_ctx.size}`]),
+		"data-qm": "theme-toggle",
+		"aria-label": $setup.isDark ? "切换到亮色模式" : "切换到暗色模式",
+		title: $setup.isDark ? "切换到亮色模式" : "切换到暗色模式",
+		onClick: $setup.toggle
+	}, [$setup.isDark ? (openBlock(), createBlock($setup["QmIcon"], {
+		key: 0,
+		name: "sun",
+		class: "qm-theme-toggle__icon"
+	})) : (openBlock(), createBlock($setup["QmIcon"], {
+		key: 1,
+		name: "moon",
+		class: "qm-theme-toggle__icon"
+	}))], 10, _hoisted_1);
+}
+var ThemeToggle = /*#__PURE__*/ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\theme-toggle\\theme-toggle.vue"]]);
+
+export { ThemeToggle as T, themeToggleProps as t };
+export type { ThemeToggleEmits as a, ThemeToggleMode as b, ThemeToggleSize as c };

package/es/shared/components.DqdBSuxX.mjs

@@ -0,0 +1,175 @@
+import { ref, nextTick } from 'vue';
+
+function splitPlacement(placement) {
+  if (placement === "top-start" || placement === "top-end" || placement === "bottom-start" || placement === "bottom-end") {
+    const [base, align] = placement.split("-");
+    return { base, align };
+  }
+  return { base: placement, align: null };
+}
+function placementName(base, align) {
+  return align ? `${base}-${align}` : base;
+}
+function computePosition(triggerRect, panelSize, viewportSize, placement, offset = 4, flip = true) {
+  const { base, align } = splitPlacement(placement);
+  const leftFor = (isEnd) => isEnd ? triggerRect.right - panelSize.width : triggerRect.left;
+  switch (base) {
+    case "bottom": {
+      const fitsDown = triggerRect.bottom + offset + panelSize.height <= viewportSize.height;
+      if (flip && !fitsDown) {
+        return {
+          top: triggerRect.top - offset - panelSize.height,
+          left: leftFor(align === "end"),
+          placement: placementName("top", align),
+          flipped: true
+        };
+      }
+      return {
+        top: triggerRect.bottom + offset,
+        left: leftFor(align === "end"),
+        placement: placementName("bottom", align),
+        flipped: false
+      };
+    }
+    case "top": {
+      const fitsUp = triggerRect.top - offset - panelSize.height >= 0;
+      if (flip && !fitsUp) {
+        return {
+          top: triggerRect.bottom + offset,
+          left: leftFor(align === "end"),
+          placement: placementName("bottom", align),
+          flipped: true
+        };
+      }
+      return {
+        top: triggerRect.top - offset - panelSize.height,
+        left: leftFor(align === "end"),
+        placement: placementName("top", align),
+        flipped: false
+      };
+    }
+    case "right": {
+      const fitsRight = triggerRect.right + offset + panelSize.width <= viewportSize.width;
+      if (flip && !fitsRight) {
+        return {
+          top: triggerRect.top,
+          left: triggerRect.left - offset - panelSize.width,
+          placement: "left",
+          flipped: true
+        };
+      }
+      return {
+        top: triggerRect.top,
+        left: triggerRect.right + offset,
+        placement: "right",
+        flipped: false
+      };
+    }
+    case "left": {
+      const fitsLeft = triggerRect.left - offset - panelSize.width >= 0;
+      if (flip && !fitsLeft) {
+        return {
+          top: triggerRect.top,
+          left: triggerRect.right + offset,
+          placement: "right",
+          flipped: true
+        };
+      }
+      return {
+        top: triggerRect.top,
+        left: triggerRect.left - offset - panelSize.width,
+        placement: "left",
+        flipped: false
+      };
+    }
+  }
+}
+const MAX_RETRY = 10;
+function usePositioning(options) {
+  const {
+    triggerRef,
+    panelRef,
+    placement,
+    offset = 4,
+    flip = true,
+    matchTriggerWidth = false
+  } = options;
+  const positionStyle = ref({
+    position: "fixed",
+    visibility: "hidden"
+  });
+  const actualPlacement = ref(placement.value);
+  let retryCount = 0;
+  let disposed = false;
+  let pendingRaf = null;
+  function onViewportChange() {
+    void updatePosition();
+  }
+  function cancelPendingRaf() {
+    if (pendingRaf !== null) {
+      cancelAnimationFrame(pendingRaf);
+      pendingRaf = null;
+    }
+  }
+  async function updatePosition() {
+    if (disposed)
+      return;
+    await nextTick();
+    if (disposed)
+      return;
+    const trigger = triggerRef.value;
+    const panel = panelRef.value;
+    if (!trigger || !panel) {
+      if (retryCount < MAX_RETRY) {
+        retryCount += 1;
+        cancelPendingRaf();
+        pendingRaf = requestAnimationFrame(() => {
+          pendingRaf = null;
+          void updatePosition();
+        });
+      }
+      return;
+    }
+    retryCount = 0;
+    const rect = trigger.getBoundingClientRect();
+    const panelSize = { width: panel.offsetWidth, height: panel.offsetHeight };
+    const viewportSize = {
+      width: typeof window === "undefined" ? 0 : window.innerWidth,
+      height: typeof window === "undefined" ? 0 : window.innerHeight
+    };
+    const pos = computePosition(rect, panelSize, viewportSize, placement.value, offset, flip);
+    actualPlacement.value = pos.placement;
+    const style = {
+      position: "fixed",
+      top: `${pos.top}px`,
+      left: `${pos.left}px`,
+      visibility: "visible"
+    };
+    if (matchTriggerWidth)
+      style.width = `${rect.width}px`;
+    positionStyle.value = style;
+  }
+  function startAutoReposition() {
+    window.addEventListener("scroll", onViewportChange, true);
+    window.addEventListener("resize", onViewportChange, true);
+  }
+  function stopAutoReposition() {
+    window.removeEventListener("scroll", onViewportChange, true);
+    window.removeEventListener("resize", onViewportChange, true);
+  }
+  function dispose() {
+    disposed = true;
+    cancelPendingRaf();
+    stopAutoReposition();
+  }
+  return {
+    positionStyle,
+    actualPlacement,
+    updatePosition,
+    startAutoReposition,
+    stopAutoReposition,
+    dispose
+  };
+}
+
+export { usePositioning as u };

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

@@ -0,0 +1,159 @@
+import { InjectionKey, ComputedRef, defineComponent, reactive, computed, provide, openBlock, createElementBlock, createElementVNode, renderSlot, inject, onMounted, onBeforeUnmount, normalizeClass, toDisplayString, createCommentVNode, withModifiers } from 'vue';
+import { _ as _export_sfc } from './components.OJRSZE6i.mjs';
+
+/**
+ * QmBreadcrumb 组件类型定义（导航 + 桌面端 task）
+ * 类型先行：面包屑为纯展示导航，主组件仅暴露分隔符配置。
+ */
+/** props 声明 */
+declare const breadcrumbProps: {
+    /** 分隔符（渲染在项之间） */
+    readonly separator: {
+        readonly type: StringConstructor;
+        readonly default: "/";
+    };
+};
+/** 面包屑上下文（provide/inject 供 QmBreadcrumbItem 消费：分隔符 + 子项收集） */
+interface BreadcrumbContext {
+    /** 分隔符内容 */
+    separator: ComputedRef<string>;
+    /** 已注册的子项 token 列表（用于推导是否为最后一项） */
+    items: object[];
+    /** 注册子项，返回注销函数 */
+    register: (token: object) => () => void;
+}
+/** 注入键 */
+declare const BREADCRUMB_CONTEXT_KEY: InjectionKey<BreadcrumbContext>;
+/** QmBreadcrumbItem props（子组件独立声明，供类型推导） */
+declare const breadcrumbItemProps: {
+    /** 路由地址（点击 emit select 并阻止默认跳转，由应用接管路由） */
+    readonly to: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    /** 普通链接地址（原生锚点跳转） */
+    readonly href: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+};
+/** QmBreadcrumbItem emits */
+interface BreadcrumbItemEmits {
+    /** 点击带 to 的非最后一项时触发，携带 to 值 */
+    select: [to: string];
+}
+
+var _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmBreadcrumb" },
+  __name: "breadcrumb",
+  props: breadcrumbProps,
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const items = reactive([]);
+    const context = {
+      separator: computed(() => props.separator),
+      items,
+      register: (token) => {
+        items.push(token);
+        return () => {
+          const index = items.indexOf(token);
+          if (index >= 0) items.splice(index, 1);
+        };
+      }
+    };
+    provide(BREADCRUMB_CONTEXT_KEY, context);
+    const __returned__ = { props, items, context };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1$1 = {
+	class: "qm-breadcrumb",
+	"data-qm": "breadcrumb",
+	"aria-label": "面包屑"
+};
+const _hoisted_2$1 = { class: "qm-breadcrumb__list" };
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("nav", _hoisted_1$1, [createElementVNode("ol", _hoisted_2$1, [renderSlot(_ctx.$slots, "default")])]);
+}
+var Breadcrumb = /*#__PURE__*/ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\breadcrumb\\breadcrumb.vue"]]);
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmBreadcrumbItem" },
+  __name: "breadcrumb-item",
+  props: breadcrumbItemProps,
+  emits: ["select"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const context = inject(BREADCRUMB_CONTEXT_KEY, void 0);
+    const token = {};
+    const index = computed(() => context?.items.indexOf(token) ?? -1);
+    const isFirst = computed(() => index.value === 0);
+    const isLast = computed(() => context ? index.value === context.items.length - 1 : false);
+    let unregister;
+    onMounted(() => {
+      unregister = context?.register(token);
+    });
+    onBeforeUnmount(() => {
+      unregister?.();
+    });
+    function onClickTo() {
+      if (props.to) emit("select", props.to);
+    }
+    const __returned__ = { props, emit, context, token, index, isFirst, isLast, get unregister() {
+      return unregister;
+    }, set unregister(v) {
+      unregister = v;
+    }, onClickTo };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = {
+	key: 0,
+	class: "qm-breadcrumb__separator",
+	"aria-hidden": "true"
+};
+const _hoisted_2 = ["href"];
+const _hoisted_3 = ["href"];
+const _hoisted_4 = ["aria-current"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock(
+		"li",
+		{
+			class: normalizeClass(["qm-breadcrumb-item", { "qm-breadcrumb-item--last": $setup.isLast }]),
+			"data-qm": "breadcrumb-item"
+		},
+		[!$setup.isFirst ? (openBlock(), createElementBlock(
+			"span",
+			_hoisted_1,
+			toDisplayString($setup.context?.separator.value),
+			1
+			/* TEXT */
+		)) : createCommentVNode("v-if", true), !$setup.isLast && _ctx.href ? (openBlock(), createElementBlock("a", {
+			key: 1,
+			class: "qm-breadcrumb__link",
+			href: _ctx.href
+		}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_2)) : !$setup.isLast && _ctx.to ? (openBlock(), createElementBlock("a", {
+			key: 2,
+			class: "qm-breadcrumb__link",
+			href: _ctx.to,
+			onClick: withModifiers($setup.onClickTo, ["prevent"])
+		}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_3)) : (openBlock(), createElementBlock("span", {
+			key: 3,
+			class: "qm-breadcrumb__current",
+			"aria-current": $setup.isLast ? "page" : undefined
+		}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_4))],
+		2
+		/* CLASS */
+	);
+}
+var breadcrumbItem = /*#__PURE__*/ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\breadcrumb\\breadcrumb-item.vue"]]);
+
+export { BREADCRUMB_CONTEXT_KEY as B, Breadcrumb as c, breadcrumbItem as d, breadcrumbItemProps as e, breadcrumbProps as f };
+export type { BreadcrumbContext as a, BreadcrumbItemEmits as b };

package/es/shared/components.DuT8IQV_.cjs

@@ -0,0 +1,71 @@
+'use strict';
+
+const vue = require('vue');
+const icon = require('./components.CRtd1JMp.cjs');
+const exportHelper = require('./components.DUidQ77e.cjs');
+
+const emptyProps = {
+  /** 描述文案（默认插槽可覆盖） */
+  description: { type: String, default: "\u6682\u65E0\u6570\u636E" },
+  /** 图标尺寸（px） */
+  imageSize: { type: Number, default: 64 }
+};
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "QmEmpty" },
+  __name: "empty",
+  props: emptyProps,
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const imageStyle = vue.computed(() => ({
+      width: `${props.imageSize}px`,
+      height: `${props.imageSize}px`
+    }));
+    const __returned__ = { props, imageStyle, get QmIcon() {
+      return icon.Icon;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = {
+	class: "qm-empty",
+	"data-qm": "empty"
+};
+const _hoisted_2 = {
+	key: 0,
+	class: "qm-empty__description"
+};
+const _hoisted_3 = {
+	key: 1,
+	class: "qm-empty__footer"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+		vue.createElementVNode(
+			"div",
+			{
+				class: "qm-empty__image",
+				style: vue.normalizeStyle($setup.imageStyle)
+			},
+			[vue.renderSlot(_ctx.$slots, "image", {}, () => [vue.createCommentVNode(" 统一走 QmIcon 图标体系：默认空态语义图标（inbox），尺寸跟随 imageSize "), vue.createVNode($setup["QmIcon"], {
+				name: "inbox",
+				style: vue.normalizeStyle({ fontSize: `${_ctx.imageSize}px` })
+			}, null, 8, ["style"])])],
+			4
+			/* STYLE */
+		),
+		_ctx.$slots.default || _ctx.description ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [vue.renderSlot(_ctx.$slots, "default", {}, () => [vue.createTextVNode(
+			vue.toDisplayString(_ctx.description),
+			1
+			/* TEXT */
+		)])])) : vue.createCommentVNode("v-if", true),
+		_ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [vue.renderSlot(_ctx.$slots, "footer")])) : vue.createCommentVNode("v-if", true)
+	]);
+}
+const Empty = /*#__PURE__*/ exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\empty\\empty.vue"]]);
+
+exports.Empty = Empty;
+exports.emptyProps = emptyProps;

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

@@ -0,0 +1,97 @@
+import { PropType, defineComponent, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createElementVNode } from 'vue';
+import { _ as _export_sfc } from './components.OJRSZE6i.js';
+
+/**
+ * QmLink 组件类型定义（组件体系设计 §6.4：类型先行）
+ * 基础-02：链接，href / 语义类型 / 下划线 / 禁用 / target 透传；
+ * 禁用时不跳转（移除 href）+ aria-disabled；click 事件（禁用时不触发）。
+ */
+
+/** 链接语义类型（当前共享 --qm-link-* 主色 Token 族，供主题层扩展） */
+type LinkType = 'default' | 'primary' | 'success' | 'warning' | 'error';
+/** props 声明（纯类型 + 默认值，供 SFC 与文档复用） */
+declare const linkProps: {
+    /** 链接地址；禁用时移除，避免跳转 */
+    readonly href: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /** 语义类型 */
+    readonly type: {
+        readonly type: PropType<LinkType>;
+        readonly default: "primary";
+    };
+    /** 是否显示下划线 */
+    readonly underline: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 禁用：不跳转 + aria-disabled + 不 emit click */
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 原生 target 透传（_blank / _self 等） */
+    readonly target: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+};
+/** emits 声明 */
+interface LinkEmits {
+    /** 点击事件（禁用时不触发） */
+    click: [event: MouseEvent];
+}
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmLink" },
+  __name: "link",
+  props: linkProps,
+  emits: ["click"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const modifierClass = computed(() => {
+      const classes = [`qm-link--${props.type}`];
+      if (props.underline) classes.push("qm-link--underline");
+      if (props.disabled) classes.push("qm-link--disabled");
+      return classes;
+    });
+    const resolvedHref = computed(() => props.disabled ? void 0 : props.href || void 0);
+    function handleClick(event) {
+      if (props.disabled) {
+        event.preventDefault();
+        event.stopPropagation();
+        return;
+      }
+      emit("click", event);
+    }
+    const __returned__ = { props, emit, modifierClass, resolvedHref, handleClick };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = [
+	"href",
+	"target",
+	"aria-disabled",
+	"tabindex"
+];
+const _hoisted_2 = { class: "qm-link__content" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("a", {
+		class: normalizeClass(["qm-link", $setup.modifierClass]),
+		href: $setup.resolvedHref,
+		target: _ctx.target || undefined,
+		"aria-disabled": _ctx.disabled || undefined,
+		tabindex: _ctx.disabled ? -1 : undefined,
+		"data-qm": "link",
+		onClick: $setup.handleClick
+	}, [renderSlot(_ctx.$slots, "icon"), createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "default")])], 10, _hoisted_1);
+}
+var Link = /*#__PURE__*/ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\link\\link.vue"]]);
+
+export { Link as b, linkProps as l };
+export type { LinkEmits as L, LinkType as a };