@qingmingmu/components 0.1.0-beta.0

package/es/shared/components.l2LF8U7V.mjs

@@ -0,0 +1,55 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode } from 'vue';
+import { _ as _export_sfc } from './components.pcqpp-6-.mjs';
+
+const layoutProps = {
+  /** 排列方向：horizontal（侧栏+主体）/ vertical（纵向堆叠） */
+  direction: { type: String, default: "horizontal" }
+};
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmLayout" },
+  __name: "layout",
+  props: layoutProps,
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const directionClass = computed(() => `qm-layout--${props.direction}`);
+    const __returned__ = { props, directionClass };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = {
+	key: 0,
+	class: "qm-layout__sider"
+};
+const _hoisted_2 = { class: "qm-layout__body" };
+const _hoisted_3 = {
+	key: 0,
+	class: "qm-layout__header"
+};
+const _hoisted_4 = { class: "qm-layout__content" };
+const _hoisted_5 = {
+	key: 1,
+	class: "qm-layout__footer"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock(
+		"div",
+		{
+			class: normalizeClass(["qm-layout", $setup.directionClass]),
+			"data-qm": "layout"
+		},
+		[_ctx.$slots.sider ? (openBlock(), createElementBlock("aside", _hoisted_1, [renderSlot(_ctx.$slots, "sider")])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_2, [
+			_ctx.$slots.header ? (openBlock(), createElementBlock("header", _hoisted_3, [renderSlot(_ctx.$slots, "header")])) : createCommentVNode("v-if", true),
+			createElementVNode("main", _hoisted_4, [renderSlot(_ctx.$slots, "default")]),
+			_ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_5, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("v-if", true)
+		])],
+		2
+		/* CLASS */
+	);
+}
+const Layout = /*#__PURE__*/ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\layout\\layout.vue"]]);
+
+export { Layout as L, layoutProps as l };

package/es/shared/components.ls2ruUoQ.cjs

@@ -0,0 +1,140 @@
+'use strict';
+
+const vue = require('vue');
+const exportHelper = require('./components.DUidQ77e.cjs');
+
+const progressProps = {
+  /** 进度百分比（0-100，越界自动钳制） */
+  percentage: { type: Number, default: 0 },
+  /** 进度类型：line / circle */
+  type: { type: String, default: "line" },
+  /** 状态：default / success / warning / error（映射 --qm-progress-color-*） */
+  status: { type: String, default: "default" },
+  /** 线宽（px）：line 为轨道高度，circle 为 SVG stroke-width */
+  strokeWidth: { type: Number, default: 8 },
+  /** 是否显示百分比文字（默认插槽可自定义） */
+  showText: { type: Boolean, default: true },
+  /** 自定义进度色（覆盖状态色） */
+  color: { type: String, default: "" }
+};
+const CIRCLE_RADIUS = 45;
+function circleCircumference(radius = CIRCLE_RADIUS) {
+  return 2 * Math.PI * radius;
+}
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "QmProgress" },
+  __name: "progress",
+  props: progressProps,
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const clamped = vue.computed(() => Math.min(100, Math.max(0, props.percentage)));
+    const isCircle = vue.computed(() => props.type === "circle");
+    const barStyle = vue.computed(() => ({
+      width: `${clamped.value}%`,
+      backgroundColor: props.color || void 0
+    }));
+    const circleBarStyle = vue.computed(() => ({
+      stroke: props.color || void 0
+    }));
+    const circumference = vue.computed(() => circleCircumference(CIRCLE_RADIUS));
+    const dashOffset = vue.computed(() => circumference.value * (1 - clamped.value / 100));
+    const statusClass = vue.computed(
+      () => props.status === "default" ? "" : `qm-progress--${props.status}`
+    );
+    const __returned__ = { props, clamped, isCircle, barStyle, circleBarStyle, circumference, dashOffset, statusClass, get CIRCLE_RADIUS() {
+      return CIRCLE_RADIUS;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = ["aria-valuenow"];
+const _hoisted_2 = {
+	key: 0,
+	class: "qm-progress__circle"
+};
+const _hoisted_3 = {
+	class: "qm-progress__circle-svg",
+	viewBox: "0 0 100 100",
+	"aria-hidden": "true"
+};
+const _hoisted_4 = ["r", "stroke-width"];
+const _hoisted_5 = [
+	"r",
+	"stroke-width",
+	"stroke-dasharray",
+	"stroke-dashoffset"
+];
+const _hoisted_6 = {
+	key: 0,
+	class: "qm-progress__circle-text"
+};
+const _hoisted_7 = { class: "qm-progress__track" };
+const _hoisted_8 = {
+	key: 0,
+	class: "qm-progress__text"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return vue.openBlock(), vue.createElementBlock("div", {
+		class: vue.normalizeClass(["qm-progress", [$setup.isCircle ? "qm-progress--circle" : "qm-progress--line", $setup.statusClass]]),
+		"data-qm": "progress",
+		role: "progressbar",
+		"aria-valuenow": $setup.clamped,
+		"aria-valuemin": "0",
+		"aria-valuemax": "100"
+	}, [vue.createCommentVNode(" 环形 "), $setup.isCircle ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [(vue.openBlock(), vue.createElementBlock("svg", _hoisted_3, [vue.createElementVNode("circle", {
+		class: "qm-progress__circle-track",
+		cx: "50",
+		cy: "50",
+		r: $setup.CIRCLE_RADIUS,
+		"stroke-width": _ctx.strokeWidth,
+		fill: "none"
+	}, null, 8, _hoisted_4), vue.createElementVNode("circle", {
+		class: "qm-progress__circle-bar",
+		cx: "50",
+		cy: "50",
+		r: $setup.CIRCLE_RADIUS,
+		"stroke-width": _ctx.strokeWidth,
+		fill: "none",
+		"stroke-linecap": "round",
+		"stroke-dasharray": $setup.circumference,
+		"stroke-dashoffset": $setup.dashOffset,
+		style: vue.normalizeStyle($setup.circleBarStyle)
+	}, null, 12, _hoisted_5)])), _ctx.showText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, [vue.renderSlot(_ctx.$slots, "default", {}, () => [vue.createTextVNode(
+		vue.toDisplayString($setup.clamped) + "%",
+		1
+		/* TEXT */
+	)])])) : vue.createCommentVNode("v-if", true)])) : (vue.openBlock(), vue.createElementBlock(
+		vue.Fragment,
+		{ key: 1 },
+		[
+			vue.createCommentVNode(" 线性 "),
+			vue.createElementVNode("div", _hoisted_7, [vue.createElementVNode(
+				"div",
+				{
+					class: "qm-progress__bar",
+					style: vue.normalizeStyle($setup.barStyle)
+				},
+				null,
+				4
+				/* STYLE */
+			)]),
+			_ctx.showText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8, [vue.renderSlot(_ctx.$slots, "default", {}, () => [vue.createTextVNode(
+				vue.toDisplayString($setup.clamped) + "%",
+				1
+				/* TEXT */
+			)])])) : vue.createCommentVNode("v-if", true)
+		],
+		64
+		/* STABLE_FRAGMENT */
+	))], 10, _hoisted_1);
+}
+const Progress = /*#__PURE__*/ exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\progress\\progress.vue"]]);
+
+exports.CIRCLE_RADIUS = CIRCLE_RADIUS;
+exports.Progress = Progress;
+exports.circleCircumference = circleCircumference;
+exports.progressProps = progressProps;

package/es/shared/components.pAb-8zT2.mjs

@@ -0,0 +1,316 @@
+import { defineComponent, ref, computed, watch, onMounted, nextTick, provide, openBlock, createElementBlock, normalizeClass, renderSlot, inject, withKeys, withModifiers, createElementVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, vShow } from 'vue';
+import { _ as _export_sfc } from './components.pcqpp-6-.mjs';
+import { I as Icon } from './components.D3on6_fI.mjs';
+
+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__ */ 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 = ref([...props.defaultOpenedKeys]);
+    const innerSelectedKey = ref(props.defaultSelectedKey);
+    const effectiveSelectedKey = computed(
+      () => props.modelValue ?? innerSelectedKey.value
+    );
+    watch(
+      () => props.modelValue,
+      (v) => {
+        if (v !== void 0)
+          innerSelectedKey.value = v;
+      }
+    );
+    const menuRef = 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);
+      }
+    }
+    onMounted(() => {
+      void 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: computed(() => props.mode),
+      collapse: 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]);
+      }
+    };
+    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 openBlock(), createElementBlock(
+		"ul",
+		{
+			ref: "menuRef",
+			class: normalizeClass(["qm-menu", [`qm-menu--${_ctx.mode}`, { "qm-menu--collapsed": _ctx.collapse }]]),
+			"data-qm": "menu",
+			role: "menu",
+			onFocusin: $setup.onMenuFocusin,
+			onKeydown: $setup.onMenuKeydown
+		},
+		[renderSlot(_ctx.$slots, "default")],
+		34
+		/* CLASS, NEED_HYDRATION */
+	);
+}
+const Menu = /*#__PURE__*/ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\menu\\menu.vue"]]);
+
+const _sfc_main$1 = /* @__PURE__ */ 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 = inject(MENU_CONTEXT_KEY, void 0);
+    const isSelected = 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 openBlock(), createElementBlock("li", {
+		class: 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: [withKeys(withModifiers($setup.onClick, ["prevent"]), ["enter"]), withKeys(withModifiers($setup.onClick, ["prevent"]), ["space"])]
+	}, [createElementVNode("span", _hoisted_2$1, [renderSlot(_ctx.$slots, "icon")]), createElementVNode("span", _hoisted_3$1, [renderSlot(_ctx.$slots, "default")])], 42, _hoisted_1$1);
+}
+const menuItem = /*#__PURE__*/ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\menu\\menu-item.vue"]]);
+
+const _sfc_main = /* @__PURE__ */ 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 = inject(MENU_CONTEXT_KEY, void 0);
+    const open = computed(() => context?.isOpen(props.index) ?? false);
+    const popupRef = ref(null);
+    const flip = ref(false);
+    watch(open, async (val) => {
+      if (!val) {
+        flip.value = false;
+        return;
+      }
+      await 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;
+    } };
+    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 openBlock(), createElementBlock(
+		"li",
+		{
+			class: 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"
+		},
+		[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: [withKeys(withModifiers($setup.toggle, ["prevent"]), ["enter"]), withKeys(withModifiers($setup.toggle, ["prevent"]), ["space"])]
+		}, [
+			createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "icon")]),
+			!$setup.context?.collapse.value ? (openBlock(), createElementBlock(
+				"span",
+				_hoisted_3,
+				toDisplayString($props.title),
+				1
+				/* TEXT */
+			)) : createCommentVNode("v-if", true),
+			!$setup.context?.collapse.value ? (openBlock(), createElementBlock("span", _hoisted_4, [createVNode($setup["QmIcon"], {
+				name: "chevron-down",
+				class: "qm-sub-menu__arrow-icon"
+			})])) : createCommentVNode("v-if", true)
+		], 40, _hoisted_1), withDirectives(createElementVNode(
+			"ul",
+			{
+				ref: "popupRef",
+				class: normalizeClass(["qm-sub-menu__popup", { "qm-sub-menu__popup--flip": $setup.flip }]),
+				role: "menu"
+			},
+			[renderSlot(_ctx.$slots, "default")],
+			2
+			/* CLASS */
+		), [[vShow, $setup.open]])],
+		2
+		/* CLASS */
+	);
+}
+const subMenu = /*#__PURE__*/ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\menu\\sub-menu.vue"]]);
+
+export { MENU_CONTEXT_KEY as M, Menu as a, menuProps as b, menuItem as m, subMenu as s };

package/es/shared/components.pcqpp-6-.mjs

@@ -0,0 +1,9 @@
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+export { _export_sfc as _ };

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

@@ -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.cjs';
+
+/**
+ * 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 };