@qingmingmu/components 0.1.0-beta.0

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

@@ -0,0 +1,314 @@
+import { InjectionKey, PropType, Ref, ComputedRef, defineComponent, useId, ref, computed, provide, watch, nextTick, onBeforeUnmount, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode, normalizeClass, renderSlot, createBlock, Teleport, normalizeStyle, inject, withKeys, withModifiers } from 'vue';
+import { u as usePositioning } from './components.4UjasbrA.mjs';
+import { _ as _export_sfc } from './components.OJRSZE6i.mjs';
+
+/**
+ * QmDropdown 组件类型定义（导航 + 桌面端 task）
+ * 类型先行：command 为菜单项命令标识（字符串或数字）。
+ */
+/** 菜单项命令标识 */
+type DropdownKey = string | number;
+/** 触发方式 */
+type DropdownTrigger = 'click' | 'hover';
+/** 弹出位置（bottom-start 与 bottom 同为左对齐，bottom-end 右对齐） */
+type DropdownPlacement = 'bottom' | 'top' | 'bottom-start' | 'bottom-end';
+/** props 声明 */
+declare const dropdownProps: {
+    /** 触发方式 */
+    readonly trigger: {
+        readonly type: PropType<DropdownTrigger>;
+        readonly default: "hover";
+    };
+    /** 弹出位置 */
+    readonly placement: {
+        readonly type: PropType<DropdownPlacement>;
+        readonly default: "bottom";
+    };
+    /** 禁用（不展开、不响应触发） */
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 点击菜单项后是否自动关闭 */
+    readonly hideOnClick: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+};
+/** emits 声明 */
+interface DropdownEmits {
+    /** 点击菜单项时触发，携带命令 key */
+    command: [key: DropdownKey];
+    /** 展开/收起变化 */
+    visibleChange: [visible: boolean];
+}
+/** 下拉上下文（provide/inject 供 QmDropdownItem 冒泡 command 到父级） */
+interface DropdownContext {
+    /** 点击菜单项：父级统一 emit command + 按 hideOnClick 关闭 */
+    emitCommand: (key: DropdownKey) => void;
+}
+/** 注入键 */
+declare const DROPDOWN_CONTEXT_KEY: InjectionKey<DropdownContext>;
+
+/**
+ * useDropdown 行为层（导航 + 桌面端 task）
+ *
+ * 职责（与视图解耦，可独立单测）：
+ * - 显隐状态：非受控内部状态，统一由 setOpen 收敛（disabled 短路）；
+ * - 触发管理：click 切换 / hover 悬停（带延迟防抖，移到面板不关闭）；
+ * - 关闭契约：点击外部（document mousedown 捕获）、Esc；
+ * - 无泄漏契约：定时器与 document 监听在 hide / dispose 时清理。
+ *
+ * 定位计算不在本层（dropdown.vue 组合：Teleport + fixed + 视口钳制）。
+ */
+
+/** hover 展开延迟（ms）：避免快速划过时闪烁 */
+declare const HOVER_OPEN_DELAY = 80;
+/** hover 关闭延迟（ms）：从触发器移到面板的窗口，期间取消关闭 */
+declare const HOVER_CLOSE_DELAY = 100;
+interface UseDropdownOptions {
+    /** 触发方式 */
+    trigger: Ref<DropdownTrigger>;
+    /** 禁用 */
+    disabled: Ref<boolean>;
+    /** 触发器元素（外部点击判定 + 面板包含判定） */
+    triggerRef: Ref<HTMLElement | null>;
+    /** 弹出面板元素（Teleport 挂载后） */
+    panelRef: Ref<HTMLElement | null>;
+    /** 显隐变化回调 */
+    emitVisibleChange: (visible: boolean) => void;
+}
+interface UseDropdownReturn {
+    /** 当前是否展开 */
+    open: ComputedRef<boolean>;
+    /** 展开 */
+    show: () => void;
+    /** 关闭 */
+    hide: () => void;
+    /** 切换 */
+    toggle: () => void;
+    onTriggerClick: () => void;
+    onTriggerMouseenter: () => void;
+    onTriggerMouseleave: () => void;
+    onPanelMouseenter: () => void;
+    onPanelMouseleave: () => void;
+    /** 卸载清理 */
+    dispose: () => void;
+}
+declare function useDropdown(options: UseDropdownOptions): UseDropdownReturn;
+
+var _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmDropdown" },
+  __name: "dropdown",
+  props: dropdownProps,
+  emits: ["command", "visibleChange"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const uid = useId();
+    const panelId = `qm-dropdown-panel-${uid}`;
+    const triggerRef = ref(null);
+    const panelRef = ref(null);
+    const trigger = computed(() => props.trigger);
+    const disabled = computed(() => props.disabled);
+    const dropdown = useDropdown({
+      trigger,
+      disabled,
+      triggerRef,
+      panelRef,
+      emitVisibleChange: (visible) => emit("visibleChange", visible)
+    });
+    const { open, hide } = dropdown;
+    const context = {
+      emitCommand: (key) => {
+        emit("command", key);
+        if (props.hideOnClick)
+          hide();
+      }
+    };
+    provide(DROPDOWN_CONTEXT_KEY, context);
+    const placementRef = computed(() => props.placement);
+    const {
+      positionStyle,
+      updatePosition,
+      startAutoReposition,
+      stopAutoReposition,
+      dispose: disposePositioning
+    } = usePositioning({
+      triggerRef,
+      panelRef,
+      placement: placementRef,
+      offset: 4,
+      flip: true
+    });
+    watch(
+      open,
+      (val) => {
+        if (val) {
+          void updatePosition();
+          startAutoReposition();
+        } else {
+          stopAutoReposition();
+        }
+      },
+      { flush: "post" }
+    );
+    watch(
+      open,
+      async (val) => {
+        if (!val)
+          return;
+        await nextTick();
+        focusFirstItem();
+      },
+      { flush: "post" }
+    );
+    watch(open, (val) => {
+      if (!val)
+        restoreFocus();
+    });
+    function focusableItems() {
+      const panel = panelRef.value;
+      if (!panel)
+        return [];
+      return [...panel.querySelectorAll('.qm-dropdown-item:not([aria-disabled="true"])')];
+    }
+    function focusFirstItem() {
+      const items = focusableItems();
+      items[0]?.focus();
+    }
+    function restoreFocus() {
+      const panel = panelRef.value;
+      const active = document.activeElement;
+      if (panel && active && panel.contains(active))
+        triggerRef.value?.focus();
+    }
+    function onPanelKeydown(event) {
+      const items = focusableItems();
+      if (!items.length)
+        return;
+      if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+        event.preventDefault();
+        const current = document.activeElement;
+        let index = current ? items.indexOf(current) : -1;
+        const dir = event.key === "ArrowDown" ? 1 : -1;
+        index = index < 0 ? dir > 0 ? 0 : items.length - 1 : (index + dir + items.length) % items.length;
+        items[index]?.focus();
+      } else if (event.key === "Escape") {
+        event.preventDefault();
+        hide();
+      }
+    }
+    onBeforeUnmount(() => {
+      disposePositioning();
+      dropdown.dispose();
+    });
+    const __returned__ = { props, emit, uid, panelId, triggerRef, panelRef, trigger, disabled, dropdown, open, hide, context, placementRef, positionStyle, updatePosition, startAutoReposition, stopAutoReposition, disposePositioning, focusableItems, focusFirstItem, restoreFocus, onPanelKeydown };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1$1 = [
+	"tabindex",
+	"aria-expanded",
+	"aria-controls",
+	"aria-disabled"
+];
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock(
+		Fragment,
+		null,
+		[
+			createCommentVNode(" 触发器（default 插槽） "),
+			createElementVNode("span", {
+				ref: "triggerRef",
+				class: normalizeClass(["qm-dropdown", { "qm-dropdown--disabled": $setup.disabled }]),
+				role: "button",
+				tabindex: $setup.disabled ? -1 : 0,
+				"aria-haspopup": true,
+				"aria-expanded": $setup.open,
+				"aria-controls": $setup.open ? $setup.panelId : undefined,
+				"aria-disabled": $setup.disabled || undefined,
+				onClick: _cache[0] || (_cache[0] = (...args) => $setup.dropdown.onTriggerClick && $setup.dropdown.onTriggerClick(...args)),
+				onMouseenter: _cache[1] || (_cache[1] = (...args) => $setup.dropdown.onTriggerMouseenter && $setup.dropdown.onTriggerMouseenter(...args)),
+				onMouseleave: _cache[2] || (_cache[2] = (...args) => $setup.dropdown.onTriggerMouseleave && $setup.dropdown.onTriggerMouseleave(...args))
+			}, [renderSlot(_ctx.$slots, "default")], 42, _hoisted_1$1),
+			createCommentVNode(" 下拉面板（Teleport 到 body，fixed 定位） "),
+			(openBlock(), createBlock(Teleport, { to: "body" }, [$setup.open ? (openBlock(), createElementBlock(
+				"div",
+				{
+					key: 0,
+					id: $setup.panelId,
+					ref: "panelRef",
+					class: "qm-dropdown__panel",
+					style: normalizeStyle($setup.positionStyle),
+					role: "menu",
+					onMouseenter: _cache[3] || (_cache[3] = (...args) => $setup.dropdown.onPanelMouseenter && $setup.dropdown.onPanelMouseenter(...args)),
+					onMouseleave: _cache[4] || (_cache[4] = (...args) => $setup.dropdown.onPanelMouseleave && $setup.dropdown.onPanelMouseleave(...args)),
+					onKeydown: $setup.onPanelKeydown
+				},
+				[renderSlot(_ctx.$slots, "dropdown")],
+				36
+				/* STYLE, NEED_HYDRATION */
+			)) : createCommentVNode("v-if", true)]))
+		],
+		64
+		/* STABLE_FRAGMENT */
+	);
+}
+var Dropdown = /*#__PURE__*/ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\dropdown\\dropdown.vue"]]);
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmDropdownItem" },
+  __name: "dropdown-item",
+  props: {
+    /** 菜单项命令标识（command 事件携带值） */
+    command: { type: [String, Number], default: "" },
+    /** 禁用 */
+    disabled: { type: Boolean, default: false },
+    /** 上方显示分隔线 */
+    divided: { type: Boolean, default: false }
+  },
+  emits: ["command"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const context = inject(DROPDOWN_CONTEXT_KEY, void 0);
+    function onClick() {
+      if (props.disabled)
+        return;
+      emit("command", props.command);
+      context?.emitCommand?.(props.command);
+    }
+    const __returned__ = { props, emit, context, onClick };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = [
+	"aria-disabled",
+	"tabindex",
+	"onKeydown"
+];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("div", {
+		class: normalizeClass(["qm-dropdown-item", {
+			"qm-dropdown-item--disabled": $props.disabled,
+			"qm-dropdown-item--divided": $props.divided
+		}]),
+		"data-qm": "dropdown-item",
+		role: "menuitem",
+		"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"])]
+	}, [renderSlot(_ctx.$slots, "default")], 42, _hoisted_1);
+}
+var dropdownItem = /*#__PURE__*/ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\dropdown\\dropdown-item.vue"]]);
+
+export { DROPDOWN_CONTEXT_KEY as D, HOVER_CLOSE_DELAY as H, HOVER_OPEN_DELAY as f, Dropdown as g, dropdownItem as h, dropdownProps as j, useDropdown as u };
+export type { UseDropdownOptions as U, DropdownContext as a, DropdownEmits as b, DropdownKey as c, DropdownPlacement as d, DropdownTrigger as e, UseDropdownReturn as i };

package/es/shared/components.DlTJ-jbM.cjs

@@ -0,0 +1,235 @@
+'use strict';
+
+const vue = require('vue');
+const icon = require('./components.CRtd1JMp.cjs');
+const useDialog = require('./components.CAVYcOKF.cjs');
+const exportHelper = require('./components.DUidQ77e.cjs');
+
+const drawerProps = {
+  /** 受控 v-model：是否显示 */
+  modelValue: { type: Boolean, default: false },
+  /** 滑出方向：left / right / top / bottom */
+  placement: { type: String, default: "right" },
+  /** 抽屉尺寸：left/right 为宽度，top/bottom 为高度（缺省走 --qm-drawer-width/height Token） */
+  size: { type: [String, Number], default: "" },
+  /** 标题（header 插槽可覆盖） */
+  title: { type: String, default: "" },
+  /** 是否显示关闭按钮 */
+  showClose: { type: Boolean, default: true },
+  /** 点击遮罩是否关闭 */
+  closeOnClickOverlay: { type: Boolean, default: true },
+  /** 按 Esc 是否关闭 */
+  closeOnEsc: { type: Boolean, default: true },
+  /** Teleport 目标，默认 body */
+  appendTo: { type: String, default: "body" }
+};
+
+function useDrawer(options) {
+  const { modelValue, closeOnEsc, panelRef, emitClose } = options;
+  let leaving = false;
+  const trap = useDialog.createFocusTrap(
+    () => panelRef.value,
+    () => document.activeElement
+  );
+  function close() {
+    if (leaving)
+      return;
+    leaving = true;
+    emitClose();
+    vue.nextTick(() => {
+      if (modelValue.value)
+        leaving = false;
+    });
+  }
+  function handleKeydown(event) {
+    if (!modelValue.value)
+      return;
+    event.stopPropagation();
+    if (event.key === "Escape" && closeOnEsc.value) {
+      event.preventDefault();
+      close();
+    } else {
+      trap.trap(event);
+    }
+  }
+  function dispose() {
+    useDialog.unlockBodyScroll();
+    leaving = false;
+  }
+  vue.watch(modelValue, (val) => {
+    if (val) {
+      leaving = false;
+      useDialog.lockBodyScroll();
+      trap.record();
+      vue.nextTick(() => trap.focusFirst());
+    }
+  });
+  return { close, handleKeydown, trap, dispose };
+}
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "QmDrawer" },
+  __name: "drawer",
+  props: drawerProps,
+  emits: ["update:modelValue", "open", "close"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const uid = vue.useId();
+    const titleId = `qm-drawer-title-${uid}`;
+    const mounted = vue.ref(false);
+    const panelRef = vue.ref(null);
+    let mouseDownInside = false;
+    let finalized = false;
+    const visible = vue.computed(() => props.modelValue);
+    const isHorizontal = vue.computed(() => props.placement === "left" || props.placement === "right");
+    const panelStyle = vue.computed(() => {
+      if (!props.size)
+        return void 0;
+      const sizeValue = typeof props.size === "number" ? `${props.size}px` : props.size;
+      return isHorizontal.value ? { width: sizeValue } : { height: sizeValue };
+    });
+    const { close, handleKeydown, trap, dispose } = useDrawer({
+      modelValue: visible,
+      closeOnEsc: vue.computed(() => props.closeOnEsc),
+      panelRef,
+      emitClose: () => {
+        emit("update:modelValue", false);
+        emit("close");
+      }
+    });
+    function unlock() {
+      if (finalized)
+        return;
+      finalized = true;
+      dispose();
+      trap.restore();
+    }
+    function handleAfterLeave() {
+      unlock();
+    }
+    function handleOverlayMouseDown(event) {
+      mouseDownInside = panelRef.value?.contains(event.target) ?? false;
+    }
+    function handleOverlayClick(event) {
+      if (mouseDownInside)
+        return;
+      if (props.closeOnClickOverlay && event.target === event.currentTarget)
+        close();
+    }
+    function handleOpen() {
+      emit("open");
+    }
+    vue.onMounted(() => {
+      mounted.value = true;
+      if (visible.value) {
+        useDialog.lockBodyScroll();
+        trap.record();
+        vue.nextTick(() => trap.focusFirst());
+      }
+    });
+    vue.onBeforeUnmount(() => {
+      unlock();
+    });
+    vue.watch(
+      visible,
+      (val) => {
+        if (val) {
+          finalized = false;
+          handleOpen();
+        } else {
+          unlock();
+        }
+      },
+      { immediate: true }
+    );
+    const __returned__ = { props, emit, uid, titleId, mounted, panelRef, get mouseDownInside() {
+      return mouseDownInside;
+    }, set mouseDownInside(v) {
+      mouseDownInside = v;
+    }, get finalized() {
+      return finalized;
+    }, set finalized(v) {
+      finalized = v;
+    }, visible, isHorizontal, panelStyle, close, handleKeydown, trap, dispose, unlock, handleAfterLeave, handleOverlayMouseDown, handleOverlayClick, handleOpen, get QmIcon() {
+      return icon.Icon;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = ["aria-labelledby", "aria-label"];
+const _hoisted_2 = {
+	key: 0,
+	class: "qm-drawer__header"
+};
+const _hoisted_3 = { class: "qm-drawer__body" };
+const _hoisted_4 = {
+	key: 1,
+	class: "qm-drawer__footer"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return vue.openBlock(), vue.createBlock(vue.Teleport, {
+		to: _ctx.appendTo,
+		disabled: !$setup.mounted
+	}, [vue.createVNode(vue.Transition, {
+		name: "qm-drawer",
+		onAfterLeave: $setup.handleAfterLeave
+	}, {
+		default: vue.withCtx(() => [$setup.visible ? (vue.openBlock(), vue.createElementBlock(
+			"div",
+			{
+				key: 0,
+				class: vue.normalizeClass(["qm-drawer-overlay", `qm-drawer-overlay--${_ctx.placement}`]),
+				"data-qm": "drawer",
+				onMousedown: $setup.handleOverlayMouseDown,
+				onClick: $setup.handleOverlayClick,
+				onKeydown: _cache[1] || (_cache[1] = (...args) => $setup.handleKeydown && $setup.handleKeydown(...args))
+			},
+			[vue.createElementVNode("div", {
+				ref: "panelRef",
+				class: vue.normalizeClass(["qm-drawer", `qm-drawer--${_ctx.placement}`]),
+				style: vue.normalizeStyle($setup.panelStyle),
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-labelledby": _ctx.title ? $setup.titleId : undefined,
+				"aria-label": _ctx.title ? undefined : "抽屉",
+				tabindex: "-1"
+			}, [
+				_ctx.$slots.header || _ctx.title || _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_2, [vue.renderSlot(_ctx.$slots, "header", {}, () => [_ctx.title ? (vue.openBlock(), vue.createElementBlock(
+					"h2",
+					{
+						key: 0,
+						id: $setup.titleId,
+						class: "qm-drawer__title"
+					},
+					vue.toDisplayString(_ctx.title),
+					1
+					/* TEXT */
+				)) : vue.createCommentVNode("v-if", true)]), _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
+					key: 0,
+					type: "button",
+					class: "qm-drawer__close",
+					"aria-label": "关闭",
+					onClick: _cache[0] || (_cache[0] = (...args) => $setup.close && $setup.close(...args))
+				}, [vue.createVNode($setup["QmIcon"], {
+					name: "close",
+					class: "qm-drawer__close-icon",
+					style: { "font-size": "14px" }
+				})])) : vue.createCommentVNode("v-if", true)])) : vue.createCommentVNode("v-if", true),
+				vue.createElementVNode("div", _hoisted_3, [vue.renderSlot(_ctx.$slots, "default")]),
+				_ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("footer", _hoisted_4, [vue.renderSlot(_ctx.$slots, "footer", { close: $setup.close })])) : vue.createCommentVNode("v-if", true)
+			], 14, _hoisted_1)],
+			34
+			/* CLASS, NEED_HYDRATION */
+		)) : vue.createCommentVNode("v-if", true)]),
+		_: 3
+	})], 8, ["to", "disabled"]);
+}
+const Drawer = /*#__PURE__*/ exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\drawer\\drawer.vue"]]);
+
+exports.Drawer = Drawer;
+exports.drawerProps = drawerProps;
+exports.useDrawer = useDrawer;

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

@@ -0,0 +1,70 @@
+import { PropType, defineComponent, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode } from 'vue';
+import { _ as _export_sfc } from './components.OJRSZE6i.cjs';
+
+/**
+ * QmDivider 组件类型定义（组件体系设计 §6.4：类型先行）
+ * 基础-04：分割线，水平（可带文字）/ 垂直 / 虚线；水平时支持文字位置 left|center|right。
+ */
+
+/** 分割线方向 */
+type DividerDirection = 'horizontal' | 'vertical';
+/** 文字位置（仅水平方向生效） */
+type DividerContentPosition = 'left' | 'center' | 'right';
+/** props 声明（纯类型 + 默认值，供 SFC 与文档复用） */
+declare const dividerProps: {
+    /** 方向：horizontal 水平（可带文字）/ vertical 垂直 */
+    readonly direction: {
+        readonly type: PropType<DividerDirection>;
+        readonly default: "horizontal";
+    };
+    /** 文字位置：left / center / right（仅水平生效） */
+    readonly contentPosition: {
+        readonly type: PropType<DividerContentPosition>;
+        readonly default: "center";
+    };
+    /** 虚线 */
+    readonly dashed: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmDivider" },
+  __name: "divider",
+  props: dividerProps,
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const modifierClass = computed(() => {
+      const classes = [
+        `qm-divider--${props.direction}`,
+        `qm-divider--${props.contentPosition}`
+      ];
+      if (props.dashed)
+        classes.push("qm-divider--dashed");
+      return classes;
+    });
+    const __returned__ = { props, modifierClass };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = ["aria-orientation"];
+const _hoisted_2 = {
+	key: 0,
+	class: "qm-divider__text"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("div", {
+		class: normalizeClass(["qm-divider", $setup.modifierClass]),
+		"data-qm": "divider",
+		role: "separator",
+		"aria-orientation": _ctx.direction
+	}, [_ctx.direction === "horizontal" && _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_2, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("v-if", true)], 10, _hoisted_1);
+}
+var Divider = /*#__PURE__*/ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\divider\\divider.vue"]]);
+
+export { Divider as b, dividerProps as d };
+export type { DividerContentPosition as D, DividerDirection as a };

package/es/shared/components.DnW9eqJM.cjs

@@ -0,0 +1,79 @@
+'use strict';
+
+const vue = require('vue');
+const icon = require('./components.CRtd1JMp.cjs');
+const exportHelper = require('./components.DUidQ77e.cjs');
+
+const tagProps = {
+  /** 语义类型：default / primary / success / warning / error */
+  type: { type: String, default: "default" },
+  /** 尺寸：small / medium / large */
+  size: { type: String, default: "medium" },
+  /** 可关闭：显示关闭按钮，点击 emit close */
+  closable: { type: Boolean, default: false },
+  /** 胶囊圆角 */
+  round: { type: Boolean, default: false },
+  /** 主题效果：light / dark / plain */
+  effect: { type: String, default: "light" }
+};
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "QmTag" },
+  __name: "tag",
+  props: tagProps,
+  emits: ["close"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const modifierClass = vue.computed(() => {
+      const classes = [
+        `qm-tag--${props.type}`,
+        `qm-tag--${props.size}`,
+        `qm-tag--${props.effect}`
+      ];
+      if (props.round)
+        classes.push("qm-tag--round");
+      if (props.closable)
+        classes.push("qm-tag--closable");
+      return classes;
+    });
+    function handleClose() {
+      emit("close");
+    }
+    const __returned__ = { props, emit, modifierClass, handleClose, get QmIcon() {
+      return icon.Icon;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = { class: "qm-tag__content" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return vue.openBlock(), vue.createElementBlock(
+		"span",
+		{
+			class: vue.normalizeClass(["qm-tag", $setup.modifierClass]),
+			"data-qm": "tag"
+		},
+		[vue.createElementVNode("span", _hoisted_1, [vue.renderSlot(_ctx.$slots, "default")]), _ctx.closable ? (vue.openBlock(), vue.createElementBlock("button", {
+			key: 0,
+			type: "button",
+			class: "qm-tag__close",
+			"aria-label": "关闭",
+			tabindex: "-1",
+			onClick: $setup.handleClose
+		}, [vue.createVNode($setup["QmIcon"], {
+			name: "close",
+			class: "qm-tag__close-icon",
+			style: { "font-size": "12px" }
+		})])) : vue.createCommentVNode("v-if", true)],
+		2
+		/* CLASS */
+	);
+}
+const Tag = /*#__PURE__*/ exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\tag\\tag.vue"]]);
+
+exports.Tag = Tag;
+exports.tagProps = tagProps;