@qingmingmu/components 0.1.0-beta.0

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

@@ -0,0 +1,166 @@
+import { PropType, defineComponent, computed, openBlock, createElementBlock, normalizeClass, createCommentVNode, createElementVNode, normalizeStyle, renderSlot, createTextVNode, toDisplayString, Fragment } from 'vue';
+import { _ as _export_sfc } from './components.OJRSZE6i.js';
+
+/**
+ * QmProgress 组件类型定义（03-反馈）
+ * 进度条：线性 / 环形 / 百分比 / 状态色
+ */
+
+/** 进度类型：line 线性 / circle 环形 */
+type ProgressType = 'line' | 'circle';
+/** 状态：default 主色 / success / warning / error */
+type ProgressStatus = 'default' | 'success' | 'warning' | 'error';
+declare const progressProps: {
+    /** 进度百分比（0-100，越界自动钳制） */
+    readonly percentage: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    /** 进度类型：line / circle */
+    readonly type: {
+        readonly type: PropType<ProgressType>;
+        readonly default: "line";
+    };
+    /** 状态：default / success / warning / error（映射 --qm-progress-color-*） */
+    readonly status: {
+        readonly type: PropType<ProgressStatus>;
+        readonly default: "default";
+    };
+    /** 线宽（px）：line 为轨道高度，circle 为 SVG stroke-width */
+    readonly strokeWidth: {
+        readonly type: NumberConstructor;
+        readonly default: 8;
+    };
+    /** 是否显示百分比文字（默认插槽可自定义） */
+    readonly showText: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    /** 自定义进度色（覆盖状态色） */
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+};
+/** emits 声明（进度条无事件） */
+interface ProgressEmits {
+}
+/** 环形进度：100 单位 viewBox 下的圆半径（几何常量） */
+declare const CIRCLE_RADIUS = 45;
+/** 环形周长（stroke-dasharray 基准） */
+declare function circleCircumference(radius?: number): number;
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmProgress" },
+  __name: "progress",
+  props: progressProps,
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const clamped = computed(() => Math.min(100, Math.max(0, props.percentage)));
+    const isCircle = computed(() => props.type === "circle");
+    const barStyle = computed(() => ({
+      width: `${clamped.value}%`,
+      backgroundColor: props.color || void 0
+    }));
+    const circleBarStyle = computed(() => ({
+      stroke: props.color || void 0
+    }));
+    const circumference = computed(() => circleCircumference(CIRCLE_RADIUS));
+    const dashOffset = computed(() => circumference.value * (1 - clamped.value / 100));
+    const statusClass = 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 openBlock(), createElementBlock("div", {
+		class: 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"
+	}, [createCommentVNode(" 环形 "), $setup.isCircle ? (openBlock(), createElementBlock("div", _hoisted_2, [(openBlock(), createElementBlock("svg", _hoisted_3, [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), 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: normalizeStyle($setup.circleBarStyle)
+	}, null, 12, _hoisted_5)])), _ctx.showText ? (openBlock(), createElementBlock("span", _hoisted_6, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(
+		toDisplayString($setup.clamped) + "%",
+		1
+		/* TEXT */
+	)])])) : createCommentVNode("v-if", true)])) : (openBlock(), createElementBlock(
+		Fragment,
+		{ key: 1 },
+		[
+			createCommentVNode(" 线性 "),
+			createElementVNode("div", _hoisted_7, [createElementVNode(
+				"div",
+				{
+					class: "qm-progress__bar",
+					style: normalizeStyle($setup.barStyle)
+				},
+				null,
+				4
+				/* STYLE */
+			)]),
+			_ctx.showText ? (openBlock(), createElementBlock("span", _hoisted_8, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(
+				toDisplayString($setup.clamped) + "%",
+				1
+				/* TEXT */
+			)])])) : createCommentVNode("v-if", true)
+		],
+		64
+		/* STABLE_FRAGMENT */
+	))], 10, _hoisted_1);
+}
+var Progress = /*#__PURE__*/ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\progress\\progress.vue"]]);
+
+export { CIRCLE_RADIUS as C, Progress as c, circleCircumference as d, progressProps as p };
+export type { ProgressEmits as P, ProgressStatus as a, ProgressType as b };

package/es/shared/components.w4bSE8TV.cjs

@@ -0,0 +1,99 @@
+'use strict';
+
+const vue = require('vue');
+const icon = require('./components.CRtd1JMp.cjs');
+const exportHelper = require('./components.DUidQ77e.cjs');
+
+const buttonProps = {
+  /** 语义类型：default / primary / success / warning / error */
+  type: { type: String, default: "default" },
+  /** 尺寸：small / medium / large */
+  size: { type: String, default: "medium" },
+  /** 原生 type，透传到根 button（§5.2 用例 4） */
+  nativeType: { type: String, default: "button" },
+  /** 禁用态：视觉 + 行为（不 emit click） */
+  disabled: { type: Boolean, default: false },
+  /** 加载态：禁用点击 + aria-busy + 加载图标 */
+  loading: { type: Boolean, default: false },
+  /** 圆角胶囊 */
+  round: { type: Boolean, default: false },
+  /** 圆形按钮（宽高相等，仅适合图标按钮） */
+  circle: { type: Boolean, default: false },
+  /** text 变体：无边框文字按钮，文字用语义色 */
+  text: { type: Boolean, default: false },
+  /** link 变体：链接样式按钮，hover 下划线 */
+  link: { type: Boolean, default: false },
+  /** 原生 autofocus 透传 */
+  autofocus: { type: Boolean, default: false }
+};
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "QmButton" },
+  __name: "button",
+  props: buttonProps,
+  emits: ["click"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const isDisabled = vue.computed(() => props.disabled || props.loading);
+    const modifierClass = vue.computed(() => {
+      const classes = [`qm-button--${props.type}`, `qm-button--${props.size}`];
+      if (props.loading)
+        classes.push("qm-button--loading");
+      if (props.round)
+        classes.push("qm-button--round");
+      if (props.circle)
+        classes.push("qm-button--circle");
+      if (props.text)
+        classes.push("qm-button--text");
+      if (props.link)
+        classes.push("qm-button--link");
+      return classes;
+    });
+    function handleClick(event) {
+      if (isDisabled.value)
+        return;
+      emit("click", event);
+    }
+    const __returned__ = { props, emit, isDisabled, modifierClass, handleClick, get QmIcon() {
+      return icon.Icon;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = [
+	"type",
+	"disabled",
+	"aria-busy",
+	"autofocus"
+];
+const _hoisted_2 = {
+	key: 0,
+	class: "qm-button__loading-icon",
+	"aria-hidden": "true"
+};
+const _hoisted_3 = { class: "qm-button__content" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return vue.openBlock(), vue.createElementBlock("button", {
+		class: vue.normalizeClass(["qm-button", $setup.modifierClass]),
+		type: _ctx.nativeType,
+		disabled: $setup.isDisabled,
+		"aria-busy": _ctx.loading || undefined,
+		autofocus: _ctx.autofocus || undefined,
+		onClick: $setup.handleClick
+	}, [
+		_ctx.loading ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, [vue.createVNode($setup["QmIcon"], {
+			name: "loading",
+			style: { "font-size": "14px" }
+		})])) : vue.createCommentVNode("v-if", true),
+		vue.renderSlot(_ctx.$slots, "icon"),
+		vue.createElementVNode("span", _hoisted_3, [vue.renderSlot(_ctx.$slots, "default")])
+	], 10, _hoisted_1);
+}
+const Button = /*#__PURE__*/ exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\button\\button.vue"]]);
+
+exports.Button = Button;
+exports.buttonProps = buttonProps;

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

@@ -0,0 +1,319 @@
+import { PropType, Ref, ComputedRef, defineComponent, ref, toRef, onBeforeUnmount, computed, openBlock, createElementBlock, normalizeClass, createCommentVNode, createElementVNode, normalizeStyle, Fragment, renderList, withModifiers, toDisplayString } from 'vue';
+import { _ as _export_sfc } from './components.OJRSZE6i.js';
+
+/**
+ * QmSlider 组件类型定义（组件体系设计 §6.4：类型先行）
+ * 04-T9：单值 / 范围双滑块 / 步长 / 刻度标记 / 禁用 / 拖拽与键盘
+ */
+
+/** 滑块值：单值 number 或范围 [low, high] */
+type SliderValue = number | [number, number];
+/** 刻度标记：value → label */
+type SliderMarks = Record<number, string>;
+/** props 声明（纯类型 + 默认值，供 SFC 与行为层复用） */
+declare const sliderProps: {
+    /** 受控值（v-model）：单值 number；range 模式为 [low, high] */
+    readonly modelValue: {
+        readonly type: PropType<SliderValue>;
+        readonly default: 0;
+    };
+    /** 最小值 */
+    readonly min: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    /** 最大值 */
+    readonly max: {
+        readonly type: NumberConstructor;
+        readonly default: 100;
+    };
+    /** 步长（>0 生效；拖拽/键盘均按步长吸附） */
+    readonly step: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    /** 范围选择（双滑块，值类型为数组） */
+    readonly range: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 禁用态：视觉 + 行为（不可拖拽/点击/键盘） */
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 拖拽/悬停/聚焦时显示值提示 */
+    readonly showTooltip: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    /** 刻度标记 { value: label } */
+    readonly marks: {
+        readonly type: PropType<SliderMarks>;
+        readonly default: () => {};
+    };
+};
+/** emits 声明 */
+interface SliderEmits {
+    /** 值同步（v-model）：拖拽过程中持续触发 */
+    'update:modelValue': [value: SliderValue];
+    /** 值变化（拖拽结束 / 轨道点击 / 键盘调整） */
+    'change': [value: SliderValue];
+}
+
+/**
+ * useSlider 行为层（04-T9）
+ *
+ * 职责（与视图解耦，可独立单测）：
+ * - 值归一化：单值/范围统一为 [low, high]；clamp 到 [min, max]；
+ * - 步长吸附：snapToStep 按 step 取整并修正浮点精度；
+ * - 拖拽：knob mousedown → document mousemove/mouseup（监听 document 支持拖出组件范围）；
+ * - 轨道点击跳转：range 模式靠近哪端改哪端；点击后进入拖拽（连续拖动）；
+ * - 键盘契约（ARIA slider pattern）：←/→/↑/↓ 步进，Home/End 到边界；
+ * - 禁用守卫：disabled 时拦截一切交互。
+ */
+
+interface UseSliderOptions {
+    /** 受控值（props.modelValue） */
+    modelValue: Ref<SliderValue>;
+    min: Ref<number>;
+    max: Ref<number>;
+    step: Ref<number>;
+    range: Ref<boolean>;
+    disabled: Ref<boolean>;
+    marks: Ref<SliderMarks>;
+    /** 轨道元素（拖拽/点击的坐标基准） */
+    trackRef: Ref<HTMLElement | null>;
+    emitUpdate: (value: SliderValue) => void;
+    emitChange: (value: SliderValue) => void;
+}
+interface SliderMarkItem {
+    value: number;
+    label: string;
+    /** 相对轨道百分比（0-100） */
+    percent: number;
+}
+interface UseSliderReturn {
+    isRange: ComputedRef<boolean>;
+    /** 归一化后的值 [low, high]（单值模式两元素相等） */
+    values: ComputedRef<[number, number]>;
+    /** 当前拖拽中的滑块索引（-1 未拖拽） */
+    draggingIndex: Ref<0 | 1 | -1>;
+    /** 拖拽中的实时值（tooltip 显示） */
+    draggingValue: Ref<number | null>;
+    /** 值 → 轨道百分比 */
+    percentOf: (value: number) => number;
+    /** 已选区间样式（单值从 0 到值；范围两端之间） */
+    rangeStyle: ComputedRef<Record<string, string>>;
+    /** 某滑块定位样式（left 百分比） */
+    knobStyle: (index: 0 | 1) => Record<string, string>;
+    /** 刻度标记列表（升序、过滤出 [min, max] 内） */
+    marksList: ComputedRef<SliderMarkItem[]>;
+    /** 轨道 mousedown：点击跳转 + 进入拖拽 */
+    handleTrackMouseDown: (event: MouseEvent) => void;
+    /** knob mousedown：开始拖拽 */
+    handleKnobMouseDown: (index: 0 | 1, event: MouseEvent) => void;
+    /** knob 键盘：方向键步进 / Home / End */
+    handleKnobKeydown: (index: 0 | 1, event: KeyboardEvent) => void;
+    /** 清理：解绑 document 监听（无泄漏契约） */
+    dispose: () => void;
+}
+/** 小数位数（用于步长吸附的精度修正） */
+declare function countDecimals(value: number): number;
+/** clamp 到 [min, max]（min > max 时自动交换） */
+declare function clamp(value: number, min: number, max: number): number;
+/** 步长吸附：按 step 取整 + 浮点精度修正 + clamp */
+declare function snapToStep(value: number, min: number, max: number, step: number): number;
+/** 归一化：任意 SliderValue → [low, high]（单值两元素相等；range 保证 low <= high） */
+declare function normalizeValue(value: SliderValue, min: number, max: number, range: boolean): [number, number];
+declare function useSlider(options: UseSliderOptions): UseSliderReturn;
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmSlider" },
+  __name: "slider",
+  props: sliderProps,
+  emits: ["update:modelValue", "change"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const trackRef = ref(null);
+    const slider = useSlider({
+      modelValue: toRef(props, "modelValue"),
+      min: toRef(props, "min"),
+      max: toRef(props, "max"),
+      step: toRef(props, "step"),
+      range: toRef(props, "range"),
+      disabled: toRef(props, "disabled"),
+      marks: toRef(props, "marks"),
+      trackRef,
+      emitUpdate: (value) => emit("update:modelValue", value),
+      emitChange: (value) => emit("change", value)
+    });
+    const {
+      isRange,
+      values,
+      draggingIndex,
+      draggingValue,
+      rangeStyle,
+      knobStyle,
+      marksList,
+      handleTrackMouseDown,
+      handleKnobMouseDown,
+      handleKnobKeydown,
+      dispose
+    } = slider;
+    onBeforeUnmount(() => dispose());
+    const thumbs = computed(() => isRange.value ? [0, 1] : [0]);
+    const rootClass = computed(() => [
+      "qm-slider",
+      {
+        "qm-slider--range": isRange.value,
+        "qm-slider--disabled": props.disabled,
+        "qm-slider--dragging": draggingIndex.value >= 0
+      }
+    ]);
+    function thumbValue(index) {
+      return draggingIndex.value === index && draggingValue.value !== null ? draggingValue.value : values.value[index];
+    }
+    function ariaNow(index) {
+      return draggingIndex.value === index && draggingValue.value !== null ? draggingValue.value : values.value[index];
+    }
+    const __returned__ = { props, emit, trackRef, slider, isRange, values, draggingIndex, draggingValue, rangeStyle, knobStyle, marksList, handleTrackMouseDown, handleKnobMouseDown, handleKnobKeydown, dispose, thumbs, rootClass, thumbValue, ariaNow };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = [
+	"tabindex",
+	"aria-valuemin",
+	"aria-valuemax",
+	"aria-valuenow",
+	"aria-disabled",
+	"onMousedown",
+	"onKeydown"
+];
+const _hoisted_2 = {
+	key: 0,
+	class: "qm-slider__tooltip",
+	"aria-hidden": "true"
+};
+const _hoisted_3 = {
+	key: 0,
+	class: "qm-slider__marks",
+	"aria-hidden": "true"
+};
+const _hoisted_4 = { class: "qm-slider__mark-label" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock(
+		"div",
+		{
+			class: normalizeClass($setup.rootClass),
+			"data-qm": "slider"
+		},
+		[
+			createCommentVNode(" 轨道：点击跳转 + 拖拽坐标基准 "),
+			createElementVNode(
+				"div",
+				{
+					ref: "trackRef",
+					class: "qm-slider__track",
+					onMousedown: _cache[0] || (_cache[0] = (...args) => $setup.handleTrackMouseDown && $setup.handleTrackMouseDown(...args))
+				},
+				[
+					_cache[1] || (_cache[1] = createElementVNode(
+						"div",
+						{
+							class: "qm-slider__rail",
+							"aria-hidden": "true"
+						},
+						null,
+						-1
+						/* CACHED */
+					)),
+					createElementVNode(
+						"div",
+						{
+							class: "qm-slider__range",
+							style: normalizeStyle($setup.rangeStyle),
+							"aria-hidden": "true"
+						},
+						null,
+						4
+						/* STYLE */
+					),
+					createCommentVNode(" 滑块（单值 1 个 / 范围 2 个） "),
+					(openBlock(true), createElementBlock(
+						Fragment,
+						null,
+						renderList($setup.thumbs, (index) => {
+							return openBlock(), createElementBlock("div", {
+								key: index,
+								class: normalizeClass(["qm-slider__knob", { "qm-slider__knob--dragging": $setup.draggingIndex === index }]),
+								style: normalizeStyle($setup.knobStyle(index)),
+								role: "slider",
+								tabindex: _ctx.disabled ? -1 : 0,
+								"aria-valuemin": _ctx.min,
+								"aria-valuemax": _ctx.max,
+								"aria-valuenow": $setup.ariaNow(index),
+								"aria-orientation": "horizontal",
+								"aria-disabled": _ctx.disabled || undefined,
+								onMousedown: withModifiers(($event) => $setup.handleKnobMouseDown(index, $event), ["stop"]),
+								onKeydown: ($event) => $setup.handleKnobKeydown(index, $event)
+							}, [_ctx.showTooltip ? (openBlock(), createElementBlock(
+								"span",
+								_hoisted_2,
+								toDisplayString($setup.thumbValue(index)),
+								1
+								/* TEXT */
+							)) : createCommentVNode("v-if", true)], 46, _hoisted_1);
+						}),
+						128
+						/* KEYED_FRAGMENT */
+					))
+				],
+				544
+				/* NEED_HYDRATION, NEED_PATCH */
+			),
+			createCommentVNode(" 刻度标记 "),
+			$setup.marksList.length ? (openBlock(), createElementBlock("div", _hoisted_3, [(openBlock(true), createElementBlock(
+				Fragment,
+				null,
+				renderList($setup.marksList, (mark) => {
+					return openBlock(), createElementBlock(
+						"span",
+						{
+							key: mark.value,
+							class: "qm-slider__mark",
+							style: normalizeStyle({ left: `${mark.percent}%` })
+						},
+						[_cache[2] || (_cache[2] = createElementVNode(
+							"span",
+							{ class: "qm-slider__mark-dot" },
+							null,
+							-1
+							/* CACHED */
+						)), createElementVNode(
+							"span",
+							_hoisted_4,
+							toDisplayString(mark.label),
+							1
+							/* TEXT */
+						)],
+						4
+						/* STYLE */
+					);
+				}),
+				128
+				/* KEYED_FRAGMENT */
+			))])) : createCommentVNode("v-if", true)
+		],
+		2
+		/* CLASS */
+	);
+}
+var Slider = /*#__PURE__*/ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\slider\\slider.vue"]]);
+
+export { Slider as S, clamp as f, countDecimals as g, snapToStep as h, normalizeValue as n, sliderProps as s, useSlider as u };
+export type { UseSliderOptions as U, SliderEmits as a, SliderMarkItem as b, SliderMarks as c, SliderValue as d, UseSliderReturn as e };

package/package.json

@@ -0,0 +1,72 @@
+{
+  "name": "@qingmingmu/components",
+  "type": "module",
+  "version": "0.1.0-beta.0",
+  "description": "青冥组件系统 —— 面向 Electron 桌面端的高可定制 Vue3 组件库",
+  "author": "青冥牧 (Qingming Mu)",
+  "license": "MIT",
+  "homepage": "https://gitee.com/lifuhong/qmcomponent",
+  "repository": {
+    "type": "git",
+    "url": "https://gitee.com/lifuhong/qmcomponent.git",
+    "directory": "packages/components"
+  },
+  "bugs": {
+    "url": "https://gitee.com/lifuhong/qmcomponent/issues"
+  },
+  "keywords": [
+    "qingming",
+    "vue3",
+    "component-library",
+    "ui",
+    "electron",
+    "desktop",
+    "components"
+  ],
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
+  "exports": {
+    ".": {
+      "types": "./es/index.d.ts",
+      "import": "./es/index.mjs",
+      "require": "./es/index.cjs"
+    },
+    "./es/*": "./es/*"
+  },
+  "main": "./es/index.cjs",
+  "module": "./es/index.mjs",
+  "types": "./es/index.d.ts",
+  "files": [
+    "LICENSE",
+    "README.md",
+    "es"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "peerDependencies": {
+    "vue": "^3.3.0"
+  },
+  "dependencies": {
+    "@qingmingmu/hooks": "0.1.0-beta.0",
+    "@qingmingmu/icons": "0.1.0-beta.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^6.0.8",
+    "@vue/test-utils": "^2.5.0",
+    "axe-core": "^4.13.0",
+    "jsdom": "^26.1.0",
+    "typescript": "^5.8.3",
+    "unbuild": "^3.5.0",
+    "vitest": "^3.2.7",
+    "vue": "^3.5.13"
+  },
+  "scripts": {
+    "build": "unbuild && node ../../internal/build/compile-styles.mjs",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run"
+  }
+}