@qingmingmu/components 0.1.0-beta.0

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

@@ -0,0 +1,272 @@
+import { PropType, Ref, ComputedRef, defineComponent, useId, ref, useSlots, computed, watch, onMounted, onBeforeUnmount, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode, normalizeClass, renderSlot, createBlock, Teleport, createVNode, Transition, withCtx, normalizeStyle, createTextVNode, toDisplayString } from 'vue';
+import { u as usePositioning } from './components.4UjasbrA.js';
+import { _ as _export_sfc } from './components.OJRSZE6i.js';
+
+/**
+ * QmPopover 组件类型定义（03-T10：类型先行，组件体系设计 §6.4）
+ *
+ * 与 QmTooltip 的区别：
+ * - Popover 是卡片式浮层（标题 + 内容 + 操作区），默认 click 触发，可承载交互；
+ * - Tooltip 是纯文字提示，默认 hover。
+ */
+
+/** 四向放置方向（与 use-positioning 的 Placement 对齐） */
+type PopoverPlacement = 'top' | 'bottom' | 'left' | 'right';
+/** 触发方式：click 点击切换 / hover 悬停 / focus 聚焦 */
+type PopoverTrigger = 'click' | 'hover' | 'focus';
+/** props 声明 */
+declare const popoverProps: {
+    /** 标题文案（也可用 title 插槽覆盖） */
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /** 弹出位置：top/bottom/left/right，默认 bottom */
+    readonly placement: {
+        readonly type: PropType<PopoverPlacement>;
+        readonly default: "bottom";
+    };
+    /** 触发方式，默认 click */
+    readonly trigger: {
+        readonly type: PropType<PopoverTrigger>;
+        readonly default: "click";
+    };
+    /** 禁用整个触发器（不展开） */
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 是否显示连接箭头，默认 true */
+    readonly showArrow: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    /** 自定义宽度（CSS 宽度字符串，如 '240px'）；缺省走 min/max-width Token */
+    readonly width: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /** Teleport 挂载目标，默认 body */
+    readonly appendTo: {
+        readonly type: StringConstructor;
+        readonly default: "body";
+    };
+    /** 受控显隐（v-model:visible）；未传即非受控，组件内自维护 */
+    readonly visible: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+};
+/** emits 声明 */
+interface PopoverEmits {
+    /** 显隐同步（受控 v-model:visible） */
+    'update:visible': [value: boolean];
+    /** 显示时触发 */
+    'show': [];
+    /** 隐藏时触发 */
+    'hide': [];
+}
+
+/**
+ * usePopover 行为层（03-T10）
+ *
+ * 职责（与视图解耦，可独立单测）：
+ * - 显隐状态：受控（v-model:visible）/ 非受控双模式，统一由 setOpen 收敛；
+ * - 触发管理：click 切换 / hover 悬停（带延迟防抖，移到面板不关闭）/ focus 聚焦；
+ * - 关闭契约：点击外部（document mousedown 捕获）、Esc、再次点击 trigger；
+ * - disabled 短路：禁用时不展开、不响应触发；
+ * - 无泄漏契约：定时器与 document 监听在 close / dispose 时清理。
+ *
+ * 定位计算不在本层（复用 composables/use-positioning，组件层组合）。
+ */
+
+/** hover 展开延迟（ms）：避免快速划过时闪烁 */
+declare const HOVER_OPEN_DELAY = 80;
+/** hover 关闭延迟（ms）：从触发器移到面板的窗口，期间取消关闭 */
+declare const HOVER_CLOSE_DELAY = 100;
+interface UsePopoverOptions {
+    /** 受控显隐（props.visible，未传即 undefined → 非受控） */
+    visible: Ref<boolean | undefined>;
+    /** 触发方式 */
+    trigger: Ref<'click' | 'hover' | 'focus'>;
+    /** 禁用 */
+    disabled: Ref<boolean>;
+    /** 触发器元素（外部点击判定 + 面板包含判定） */
+    triggerRef: Ref<HTMLElement | null>;
+    /** 浮层面板元素（Teleport 挂载后） */
+    panelRef: Ref<HTMLElement | null>;
+    emitUpdate: (value: boolean) => void;
+    emitShow: () => void;
+    emitHide: () => void;
+}
+interface UsePopoverReturn {
+    /** 当前是否展开（受控时跟随 props.visible） */
+    open: ComputedRef<boolean>;
+    /** 展开 */
+    show: () => void;
+    /** 关闭 */
+    hide: () => void;
+    /** 切换 */
+    toggle: () => void;
+    onTriggerClick: () => void;
+    onTriggerMouseenter: () => void;
+    onTriggerMouseleave: () => void;
+    onTriggerFocus: () => void;
+    onTriggerBlur: () => void;
+    onPanelMouseenter: () => void;
+    onPanelMouseleave: () => void;
+    /** 卸载清理 */
+    dispose: () => void;
+}
+declare function usePopover(options: UsePopoverOptions): UsePopoverReturn;
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmPopover" },
+  __name: "popover",
+  props: popoverProps,
+  emits: ["update:visible", "show", "hide"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const uid = useId();
+    const panelId = `qm-popover-panel-${uid}`;
+    const headerId = `qm-popover-header-${uid}`;
+    const triggerRef = ref(null);
+    const panelRef = ref(null);
+    const popoverSlots = useSlots();
+    const visibleRef = computed(() => props.visible);
+    const triggerMode = computed(() => props.trigger);
+    const disabled = computed(() => props.disabled);
+    const popover = usePopover({
+      visible: visibleRef,
+      trigger: triggerMode,
+      disabled,
+      triggerRef,
+      panelRef,
+      emitUpdate: (value) => emit("update:visible", value),
+      emitShow: () => emit("show"),
+      emitHide: () => emit("hide")
+    });
+    const { open } = popover;
+    const placementRef = computed(() => props.placement);
+    const {
+      positionStyle,
+      updatePosition,
+      startAutoReposition,
+      stopAutoReposition,
+      dispose: disposePositioning
+    } = usePositioning({
+      triggerRef,
+      panelRef,
+      placement: placementRef,
+      offset: 10,
+      // --qm-popover-offset
+      flip: true
+    });
+    const cardStyle = computed(() => {
+      const style = { ...positionStyle.value };
+      if (props.width)
+        style.width = props.width;
+      return style;
+    });
+    const hasHeader = computed(() => Boolean(props.title) || Boolean(popoverSlots.title));
+    watch(
+      open,
+      (val) => {
+        if (val) {
+          void updatePosition();
+          startAutoReposition();
+        } else {
+          stopAutoReposition();
+        }
+      },
+      { flush: "post" }
+    );
+    onMounted(() => {
+      if (open.value)
+        void updatePosition();
+    });
+    onBeforeUnmount(() => {
+      stopAutoReposition();
+      disposePositioning();
+      popover.dispose();
+    });
+    const __returned__ = { props, emit, uid, panelId, headerId, triggerRef, panelRef, popoverSlots, visibleRef, triggerMode, disabled, popover, open, placementRef, positionStyle, updatePosition, startAutoReposition, stopAutoReposition, disposePositioning, cardStyle, hasHeader };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = [
+	"tabindex",
+	"aria-expanded",
+	"aria-controls",
+	"aria-disabled"
+];
+const _hoisted_2 = ["aria-labelledby", "aria-label"];
+const _hoisted_3 = {
+	key: 0,
+	class: "qm-popover__arrow",
+	"aria-hidden": "true"
+};
+const _hoisted_4 = { class: "qm-popover__body" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock(
+		Fragment,
+		null,
+		[
+			createCommentVNode(" 触发器（default 插槽）；包装承担 button 语义以合法携带 aria-expanded/controls "),
+			createElementVNode("span", {
+				ref: "triggerRef",
+				class: normalizeClass(["qm-popover__trigger", { "qm-popover__trigger--disabled": $setup.disabled }]),
+				role: "button",
+				tabindex: $setup.disabled ? -1 : 0,
+				"aria-expanded": $setup.open,
+				"aria-controls": $setup.open ? $setup.panelId : undefined,
+				"aria-haspopup": "true",
+				"aria-disabled": $setup.disabled || undefined,
+				onClick: _cache[0] || (_cache[0] = (...args) => $setup.popover.onTriggerClick && $setup.popover.onTriggerClick(...args)),
+				onMouseenter: _cache[1] || (_cache[1] = (...args) => $setup.popover.onTriggerMouseenter && $setup.popover.onTriggerMouseenter(...args)),
+				onMouseleave: _cache[2] || (_cache[2] = (...args) => $setup.popover.onTriggerMouseleave && $setup.popover.onTriggerMouseleave(...args)),
+				onFocus: _cache[3] || (_cache[3] = (...args) => $setup.popover.onTriggerFocus && $setup.popover.onTriggerFocus(...args)),
+				onBlur: _cache[4] || (_cache[4] = (...args) => $setup.popover.onTriggerBlur && $setup.popover.onTriggerBlur(...args))
+			}, [renderSlot(_ctx.$slots, "default")], 42, _hoisted_1),
+			createCommentVNode(" 浮层卡片（Teleport 到 appendTo，fixed 定位） "),
+			(openBlock(), createBlock(Teleport, { to: _ctx.appendTo }, [createVNode(Transition, { name: "qm-popover" }, {
+				default: withCtx(() => [$setup.open ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					id: $setup.panelId,
+					ref: "panelRef",
+					class: normalizeClass(["qm-popover", [`qm-popover--${_ctx.placement}`, { "qm-popover--no-arrow": !_ctx.showArrow }]]),
+					style: normalizeStyle($setup.cardStyle),
+					role: "dialog",
+					"aria-modal": "false",
+					"aria-labelledby": $setup.hasHeader ? $setup.headerId : undefined,
+					"aria-label": $setup.hasHeader ? undefined : "弹出卡片",
+					onMouseenter: _cache[5] || (_cache[5] = (...args) => $setup.popover.onPanelMouseenter && $setup.popover.onPanelMouseenter(...args)),
+					onMouseleave: _cache[6] || (_cache[6] = (...args) => $setup.popover.onPanelMouseleave && $setup.popover.onPanelMouseleave(...args))
+				}, [
+					_ctx.showArrow ? (openBlock(), createElementBlock("div", _hoisted_3)) : createCommentVNode("v-if", true),
+					$setup.hasHeader ? (openBlock(), createElementBlock("div", {
+						key: 1,
+						id: $setup.headerId,
+						class: "qm-popover__header"
+					}, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(
+						toDisplayString(_ctx.title),
+						1
+						/* TEXT */
+					)])])) : createCommentVNode("v-if", true),
+					createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "content")])
+				], 46, _hoisted_2)) : createCommentVNode("v-if", true)]),
+				_: 3
+			})], 8, ["to"]))
+		],
+		64
+		/* STABLE_FRAGMENT */
+	);
+}
+var Popover = /*#__PURE__*/ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\popover\\popover.vue"]]);
+
+export { HOVER_CLOSE_DELAY as H, Popover as c, HOVER_OPEN_DELAY as d, popoverProps as p, usePopover as u };
+export type { PopoverEmits as P, UsePopoverOptions as U, PopoverPlacement as a, PopoverTrigger as b, UsePopoverReturn as e };

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

@@ -0,0 +1,329 @@
+import { PropType, Ref, InjectionKey, ComputedRef, defineComponent, ref, toRef, computed, onMounted, openBlock, createElementBlock, normalizeClass, createCommentVNode, createElementVNode, renderSlot, createTextVNode, toDisplayString } from 'vue';
+import { _ as _export_sfc } from './components.OJRSZE6i.js';
+
+/**
+ * QmRadio / QmRadioGroup 组件类型定义（组件体系设计 §6.4：类型先行）
+ * 03-T6：单选框 + 单选组、三档尺寸、水平/垂直排列、禁用、键盘方向键导航、可访问性
+ */
+
+/** 选项值（字符串 / 数字 / 布尔） */
+type RadioValue = string | number | boolean;
+/** 尺寸（§6.3：尺寸枚举统一 small | medium | large） */
+type RadioSize = 'small' | 'medium' | 'large';
+/** 组排列方向 */
+type RadioDirection = 'horizontal' | 'vertical';
+/**
+ * ============================================================
+ *  QmRadio（单选项）props
+ * ============================================================
+ */
+declare const radioProps: {
+    /** 受控值：单独使用即自身选中态；组模式下由 QmRadioGroup 注入，勿直传 */
+    readonly modelValue: {
+        readonly type: PropType<RadioValue | undefined>;
+        readonly default: undefined;
+    };
+    /** 选项值（组模式下用于选中比对；必填） */
+    readonly value: {
+        readonly type: PropType<RadioValue>;
+        readonly required: true;
+    };
+    /** 禁用单项（整组禁用由 group.disabled 统一接管） */
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 标签文案（缺省时回退默认插槽内容） */
+    readonly label: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /** 尺寸：缺省回退组 size，再回退 medium */
+    readonly size: {
+        readonly type: PropType<RadioSize | undefined>;
+        readonly default: undefined;
+    };
+    /** 原生 name：组模式下由 group 注入以共享浏览器原生单选行为 */
+    readonly name: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+};
+/** emits 声明 */
+interface RadioEmits {
+    'update:modelValue': [value: RadioValue];
+    /** 选中变化时触发（携带当前值） */
+    'change': [value: RadioValue];
+}
+/**
+ * ============================================================
+ *  QmRadioGroup（单选组）props
+ * ============================================================
+ */
+declare const radioGroupProps: {
+    /** 受控值（v-model）：选中项的 value */
+    readonly modelValue: {
+        readonly type: PropType<RadioValue | undefined>;
+        readonly default: undefined;
+    };
+    /** 整组禁用 */
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 统一尺寸（子项未单独指定时回退到此） */
+    readonly size: {
+        readonly type: PropType<RadioSize>;
+        readonly default: "medium";
+    };
+    /** 排列方向 */
+    readonly direction: {
+        readonly type: PropType<RadioDirection>;
+        readonly default: "horizontal";
+    };
+    /** 原生 name：组内所有 QmRadio 共享，确保浏览器原生单选行为 */
+    readonly name: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+};
+/** emits 声明 */
+interface RadioGroupEmits {
+    'update:modelValue': [value: RadioValue];
+    /** 选中变化时触发（携带当前值） */
+    'change': [value: RadioValue];
+}
+
+/**
+ * useRadio / useRadioGroup 行为层（03-T6 §3 / §4）
+ *
+ * 职责（与视图解耦，可独立单测）：
+ * - 组上下文 provide/inject：modelValue / disabled / size / name 由组统一注入；
+ * - 选中态管理：组内 select 触发 update:modelValue + change；单独使用支持受控/非受控；
+ * - 键盘契约（无障碍规范 §12.2 / ARIA radio pattern）：
+ *   · roving tabindex——组内选中项 tabindex=0，其余 -1；
+ *   · ↑↓←→ 在组内循环移动选中并触发 change；Tab 进入组聚焦当前选中项；Space/Enter 选中；
+ * - 禁用守卫：整组禁用 / 单项禁用均拦截 select 与键盘移动；
+ * - 纯函数（findNextEnabledIndex / 方向键判定）独立导出，便于 jsdom 单测。
+ */
+
+interface RadioItem {
+    /** 选项值 */
+    value: RadioValue;
+    /** 单项禁用态（响应式） */
+    disabled: Ref<boolean>;
+    /** 根 label 元素（键盘导航时 focus() 落点） */
+    el: Ref<HTMLElement | null>;
+}
+/** 组上下文（group provide → item inject） */
+interface RadioGroupContext {
+    /** 当前选中值（响应式） */
+    modelValue: Ref<RadioValue | undefined>;
+    /** 整组禁用 */
+    disabled: Ref<boolean>;
+    /** 统一尺寸 */
+    size: Ref<RadioSize>;
+    /** 原生 name（组内共享，浏览器原生单选行为） */
+    name: Ref<string>;
+    /** 子项列表（按注册顺序） */
+    items: Ref<RadioItem[]>;
+    /** 选中某值（emit update:modelValue + change；禁用守卫） */
+    select: (value: RadioValue) => void;
+    /** 子项注册 / 注销 */
+    register: (item: RadioItem) => void;
+    unregister: (item: RadioItem) => void;
+    /** 组内键盘导航入口（item keydown 透传到组） */
+    onItemKeydown: (item: RadioItem, event: KeyboardEvent) => void;
+}
+/** provide/inject key */
+declare const RADIO_GROUP_KEY: InjectionKey<RadioGroupContext>;
+/**
+ * 在 items 中从 fromIndex 起按 delta 循环移动到下一个「非禁用」项，返回新索引。
+ * 全禁用 / 空列表返回 -1。
+ */
+declare function findNextEnabledIndex(items: RadioItem[], fromIndex: number, delta: number): number;
+/** 是否为「向后」方向键（Down / Right：索引 +1） */
+declare function isNextKey(key: string): boolean;
+/** 是否为「向前」方向键（Up / Left：索引 -1） */
+declare function isPrevKey(key: string): boolean;
+interface UseRadioGroupOptions {
+    modelValue: Ref<RadioValue | undefined>;
+    disabled: Ref<boolean>;
+    size: Ref<RadioSize>;
+    /** 原生 name */
+    name: Ref<string>;
+    emitUpdate: (value: RadioValue) => void;
+    emitChange: (value: RadioValue) => void;
+}
+declare function useRadioGroup(options: UseRadioGroupOptions): RadioGroupContext;
+interface UseRadioItemOptions {
+    value: Ref<RadioValue>;
+    disabled: Ref<boolean>;
+    size: Ref<RadioSize | undefined>;
+    name: Ref<string>;
+    /** 自身 modelValue（非组模式受控值；组模式下由组覆盖） */
+    modelValue: Ref<RadioValue | undefined>;
+    /** 根 label 元素 */
+    el: Ref<HTMLElement | null>;
+    emitUpdate: (value: RadioValue) => void;
+    emitChange: (value: RadioValue) => void;
+}
+interface UseRadioItemReturn {
+    /** 是否处于 QmRadioGroup 内 */
+    inGroup: ComputedRef<boolean>;
+    /** 是否选中（组内取组 modelValue，否则自身受控/非受控值） */
+    checked: ComputedRef<boolean>;
+    /** 实际生效禁用态（组禁用 OR 单项禁用） */
+    isDisabled: ComputedRef<boolean>;
+    /** 实际生效尺寸（单项 > 组 > medium） */
+    effectiveSize: ComputedRef<RadioSize>;
+    /** 实际生效原生 name（组内由组注入） */
+    effectiveName: ComputedRef<string>;
+    /** roving tabindex：组内选中项 0 其余 -1；非组内 0；禁用 -1 */
+    tabindex: ComputedRef<number>;
+    /** 选中（点击 / Space / Enter） */
+    check: () => void;
+    /** input keydown 透传（组内走组导航；Space/Enter 选中） */
+    onKeydown: (event: KeyboardEvent) => void;
+    /** 注册到组（onMounted 调用） */
+    registerSelf: () => void;
+}
+declare function useRadioItem(options: UseRadioItemOptions): UseRadioItemReturn;
+
+var _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmRadio" },
+  __name: "radio",
+  props: radioProps,
+  emits: ["update:modelValue", "change"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const rootRef = ref(null);
+    const inputRef = ref(null);
+    const item = useRadioItem({
+      value: toRef(props, "value"),
+      disabled: toRef(props, "disabled"),
+      size: toRef(props, "size"),
+      name: toRef(props, "name"),
+      modelValue: toRef(props, "modelValue"),
+      el: rootRef,
+      emitUpdate: (value) => emit("update:modelValue", value),
+      emitChange: (value) => emit("change", value)
+    });
+    const { checked, isDisabled, effectiveSize, effectiveName, tabindex, check, onKeydown } = item;
+    const rootClass = computed(() => [
+      "qm-radio",
+      `qm-radio--${effectiveSize.value}`,
+      {
+        "qm-radio--checked": checked.value,
+        "qm-radio--disabled": isDisabled.value
+      }
+    ]);
+    function onChange() {
+      check();
+    }
+    onMounted(() => {
+      item.registerSelf();
+    });
+    const __returned__ = { props, emit, rootRef, inputRef, item, checked, isDisabled, effectiveSize, effectiveName, tabindex, check, onKeydown, rootClass, onChange };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1$1 = [
+	"name",
+	"value",
+	"checked",
+	"disabled",
+	"tabindex",
+	"aria-checked"
+];
+const _hoisted_2 = { class: "qm-radio__label" };
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock(
+		"label",
+		{
+			ref: "rootRef",
+			class: normalizeClass($setup.rootClass)
+		},
+		[
+			createCommentVNode(" 原生 radio：视觉隐藏但覆盖整个 label，保留聚焦/点击/键盘可访问性 "),
+			createElementVNode("input", {
+				ref: "inputRef",
+				class: "qm-radio__original",
+				type: "radio",
+				name: $setup.effectiveName,
+				value: _ctx.value,
+				checked: $setup.checked,
+				disabled: $setup.isDisabled,
+				tabindex: $setup.tabindex,
+				"aria-checked": $setup.checked,
+				onChange: $setup.onChange,
+				onKeydown: _cache[0] || (_cache[0] = (...args) => $setup.onKeydown && $setup.onKeydown(...args))
+			}, null, 40, _hoisted_1$1),
+			createCommentVNode(" 自定义圆点（视觉层，aria-hidden 避免与原生 input 语义重复；选中态纯色填满） "),
+			_cache[1] || (_cache[1] = createElementVNode(
+				"span",
+				{
+					class: "qm-radio__dot",
+					"aria-hidden": "true"
+				},
+				null,
+				-1
+				/* CACHED */
+			)),
+			createCommentVNode(" 文案 "),
+			createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(
+				toDisplayString(_ctx.label),
+				1
+				/* TEXT */
+			)])])
+		],
+		2
+		/* CLASS */
+	);
+}
+var Radio = /*#__PURE__*/ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\radio\\radio.vue"]]);
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmRadioGroup" },
+  __name: "radio-group",
+  props: radioGroupProps,
+  emits: ["update:modelValue", "change"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    useRadioGroup({
+      modelValue: toRef(props, "modelValue"),
+      disabled: toRef(props, "disabled"),
+      size: toRef(props, "size"),
+      name: toRef(props, "name"),
+      emitUpdate: (value) => emit("update:modelValue", value),
+      emitChange: (value) => emit("change", value)
+    });
+    const rootClass = computed(() => [
+      "qm-radio-group",
+      `qm-radio-group--${props.direction}`,
+      { "qm-radio-group--disabled": props.disabled }
+    ]);
+    const __returned__ = { props, emit, rootClass };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = ["aria-disabled"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("div", {
+		class: normalizeClass($setup.rootClass),
+		role: "radiogroup",
+		"aria-disabled": _ctx.disabled || undefined
+	}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1);
+}
+var radioGroup = /*#__PURE__*/ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\radio\\radio-group.vue"]]);
+
+export { Radio as R, RADIO_GROUP_KEY as a, findNextEnabledIndex as k, isNextKey as l, isPrevKey as m, radioGroupProps as n, radioProps as o, useRadioItem as p, radioGroup as r, useRadioGroup as u };
+export type { UseRadioGroupOptions as U, RadioDirection as b, RadioEmits as c, RadioGroupContext as d, RadioGroupEmits as e, RadioItem as f, RadioSize as g, RadioValue as h, UseRadioItemOptions as i, UseRadioItemReturn as j };

package/es/shared/components.B4xRhtj-.mjs

@@ -0,0 +1,60 @@
+import { defineComponent, useSlots, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, normalizeStyle, createCommentVNode } from 'vue';
+import { _ as _export_sfc } from './components.pcqpp-6-.mjs';
+
+const appLayoutProps = {
+  /** 侧边栏宽度（数字 px 或任意 CSS 长度字符串） */
+  sidebarWidth: { type: [String, Number], default: 220 },
+  /** 是否折叠侧边栏（宽度收为 0，内容隐藏） */
+  collapsed: { type: Boolean, default: false }
+};
+function normalizeSidebarWidth(width) {
+  return typeof width === "number" ? `${width}px` : width;
+}
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmAppLayout" },
+  __name: "app-layout",
+  props: appLayoutProps,
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const slots = useSlots();
+    const hasSidebar = computed(() => Boolean(slots.sidebar));
+    const sidebarStyle = computed(() => {
+      const width = props.collapsed ? "0px" : normalizeSidebarWidth(props.sidebarWidth);
+      return { width };
+    });
+    const __returned__ = { props, slots, hasSidebar, sidebarStyle };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = { class: "qm-app-layout__titlebar" };
+const _hoisted_2 = { class: "qm-app-layout__body" };
+const _hoisted_3 = { class: "qm-app-layout__content" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock(
+		"div",
+		{
+			class: normalizeClass(["qm-app-layout", { "qm-app-layout--collapsed": _ctx.collapsed }]),
+			"data-qm": "app-layout"
+		},
+		[createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "titlebar")]), createElementVNode("div", _hoisted_2, [$setup.hasSidebar ? (openBlock(), createElementBlock(
+			"aside",
+			{
+				key: 0,
+				class: "qm-app-layout__sidebar",
+				style: normalizeStyle($setup.sidebarStyle)
+			},
+			[renderSlot(_ctx.$slots, "sidebar")],
+			4
+			/* STYLE */
+		)) : createCommentVNode("v-if", true), createElementVNode("main", _hoisted_3, [renderSlot(_ctx.$slots, "default")])])],
+		2
+		/* CLASS */
+	);
+}
+const AppLayout = /*#__PURE__*/ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\app-layout\\app-layout.vue"]]);
+
+export { AppLayout as A, appLayoutProps as a, normalizeSidebarWidth as n };