@qingmingmu/components 0.1.0-beta.0

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

@@ -0,0 +1,143 @@
+import { PropType, defineComponent, computed, openBlock, createElementBlock, normalizeClass, createVNode, createCommentVNode, renderSlot, createElementVNode } from 'vue';
+import { a as Icon } from './components.C6sLxXPo.js';
+import { _ as _export_sfc } from './components.OJRSZE6i.js';
+
+/**
+ * QmButton 组件类型定义（组件体系设计 §6.4：类型先行，可被 d.ts 引用）
+ * 03-T1：类型（5 语义） / 尺寸（3 档） / loading / disabled / round / circle / text / link
+ */
+
+/** 按钮语义类型（实底语义色） */
+type ButtonType = 'default' | 'primary' | 'success' | 'warning' | 'error';
+/** 按钮尺寸（§6.3：尺寸枚举统一 small | medium | large） */
+type ButtonSize = 'small' | 'medium' | 'large';
+/** 原生 button 的 type 值（透传） */
+type ButtonNativeType = 'button' | 'submit' | 'reset';
+/** props 声明（纯类型 + 默认值，供 SFC 与命令式 API 复用） */
+declare const buttonProps: {
+    /** 语义类型：default / primary / success / warning / error */
+    readonly type: {
+        readonly type: PropType<ButtonType>;
+        readonly default: "default";
+    };
+    /** 尺寸：small / medium / large */
+    readonly size: {
+        readonly type: PropType<ButtonSize>;
+        readonly default: "medium";
+    };
+    /** 原生 type，透传到根 button（§5.2 用例 4） */
+    readonly nativeType: {
+        readonly type: PropType<ButtonNativeType>;
+        readonly default: "button";
+    };
+    /** 禁用态：视觉 + 行为（不 emit click） */
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 加载态：禁用点击 + aria-busy + 加载图标 */
+    readonly loading: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 圆角胶囊 */
+    readonly round: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 圆形按钮（宽高相等，仅适合图标按钮） */
+    readonly circle: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** text 变体：无边框文字按钮，文字用语义色 */
+    readonly text: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** link 变体：链接样式按钮，hover 下划线 */
+    readonly link: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 原生 autofocus 透传 */
+    readonly autofocus: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+/** emits 声明：click 事件透传原生事件（§6.3：不吞事件、不阻止冒泡） */
+interface ButtonEmits {
+    click: [event: MouseEvent];
+}
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmButton" },
+  __name: "button",
+  props: buttonProps,
+  emits: ["click"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const isDisabled = computed(() => props.disabled || props.loading);
+    const modifierClass = 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;
+    } };
+    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 openBlock(), createElementBlock("button", {
+		class: 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 ? (openBlock(), createElementBlock("span", _hoisted_2, [createVNode($setup["QmIcon"], {
+			name: "loading",
+			style: { "font-size": "14px" }
+		})])) : createCommentVNode("v-if", true),
+		renderSlot(_ctx.$slots, "icon"),
+		createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "default")])
+	], 10, _hoisted_1);
+}
+var Button = /*#__PURE__*/ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\button\\button.vue"]]);
+
+export { Button as b, buttonProps as c };
+export type { ButtonEmits as B, ButtonType as a };

package/es/shared/components.VbnCY-yZ.cjs

@@ -0,0 +1,58 @@
+'use strict';
+
+const vue = require('vue');
+const exportHelper = require('./components.DUidQ77e.cjs');
+
+const layoutProps = {
+  /** 排列方向：horizontal（侧栏+主体）/ vertical（纵向堆叠） */
+  direction: { type: String, default: "horizontal" }
+};
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "QmLayout" },
+  __name: "layout",
+  props: layoutProps,
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const directionClass = vue.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 vue.openBlock(), vue.createElementBlock(
+		"div",
+		{
+			class: vue.normalizeClass(["qm-layout", $setup.directionClass]),
+			"data-qm": "layout"
+		},
+		[_ctx.$slots.sider ? (vue.openBlock(), vue.createElementBlock("aside", _hoisted_1, [vue.renderSlot(_ctx.$slots, "sider")])) : vue.createCommentVNode("v-if", true), vue.createElementVNode("div", _hoisted_2, [
+			_ctx.$slots.header ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_3, [vue.renderSlot(_ctx.$slots, "header")])) : vue.createCommentVNode("v-if", true),
+			vue.createElementVNode("main", _hoisted_4, [vue.renderSlot(_ctx.$slots, "default")]),
+			_ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("footer", _hoisted_5, [vue.renderSlot(_ctx.$slots, "footer")])) : vue.createCommentVNode("v-if", true)
+		])],
+		2
+		/* CLASS */
+	);
+}
+const Layout = /*#__PURE__*/ exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\layout\\layout.vue"]]);
+
+exports.Layout = Layout;
+exports.layoutProps = layoutProps;

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

@@ -0,0 +1,109 @@
+import { PropType, defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, createCommentVNode } from 'vue';
+import { a as Icon } from './components.C6sLxXPo.js';
+import { _ as _export_sfc } from './components.OJRSZE6i.js';
+
+/**
+ * QmTag 组件类型定义（组件体系设计 §6.4：类型先行）
+ * 基础-03：标签，语义色 / 三档尺寸 / 可关闭 / 胶囊圆角 / 三种主题效果（light|dark|plain）。
+ */
+
+/** 标签语义类型 */
+type TagType = 'default' | 'primary' | 'success' | 'warning' | 'error';
+/** 标签尺寸（§6.3：尺寸枚举统一 small | medium | large） */
+type TagSize = 'small' | 'medium' | 'large';
+/** 标签主题效果：light 浅底 / dark 实底 / plain 描边透明底 */
+type TagEffect = 'light' | 'dark' | 'plain';
+/** props 声明（纯类型 + 默认值，供 SFC 与文档复用） */
+declare const tagProps: {
+    /** 语义类型：default / primary / success / warning / error */
+    readonly type: {
+        readonly type: PropType<TagType>;
+        readonly default: "default";
+    };
+    /** 尺寸：small / medium / large */
+    readonly size: {
+        readonly type: PropType<TagSize>;
+        readonly default: "medium";
+    };
+    /** 可关闭：显示关闭按钮，点击 emit close */
+    readonly closable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 胶囊圆角 */
+    readonly round: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 主题效果：light / dark / plain */
+    readonly effect: {
+        readonly type: PropType<TagEffect>;
+        readonly default: "light";
+    };
+};
+/** emits 声明 */
+interface TagEmits {
+    /** 点击关闭按钮时触发（是否移除由父级决定） */
+    close: [];
+}
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmTag" },
+  __name: "tag",
+  props: tagProps,
+  emits: ["close"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const modifierClass = 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;
+    } };
+    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 openBlock(), createElementBlock(
+		"span",
+		{
+			class: normalizeClass(["qm-tag", $setup.modifierClass]),
+			"data-qm": "tag"
+		},
+		[createElementVNode("span", _hoisted_1, [renderSlot(_ctx.$slots, "default")]), _ctx.closable ? (openBlock(), createElementBlock("button", {
+			key: 0,
+			type: "button",
+			class: "qm-tag__close",
+			"aria-label": "关闭",
+			tabindex: "-1",
+			onClick: $setup.handleClose
+		}, [createVNode($setup["QmIcon"], {
+			name: "close",
+			class: "qm-tag__close-icon",
+			style: { "font-size": "12px" }
+		})])) : createCommentVNode("v-if", true)],
+		2
+		/* CLASS */
+	);
+}
+var Tag = /*#__PURE__*/ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\tag\\tag.vue"]]);
+
+export { Tag as T, tagProps as t };
+export type { TagEffect as a, TagEmits as b, TagSize as c, TagType as d };

package/es/shared/components.aCfs5Zx4.mjs

@@ -0,0 +1,106 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, Fragment, renderList, createTextVNode, toDisplayString } from 'vue';
+import { _ as _export_sfc } from './components.pcqpp-6-.mjs';
+
+const listProps = {
+  /** 列表数据 */
+  data: { type: Array, default: () => [] },
+  /** 是否显示边框 */
+  bordered: { type: Boolean, default: false },
+  /** 是否显示分割线 */
+  divider: { type: Boolean, default: true },
+  /** hover 高亮 */
+  hover: { type: Boolean, default: true },
+  /** 空态文案（empty 插槽可覆盖） */
+  emptyText: { type: String, default: "\u6682\u65E0\u6570\u636E" }
+};
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmList" },
+  __name: "list",
+  props: listProps,
+  emits: ["itemClick"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const modifierClass = computed(() => ({
+      "qm-list--bordered": props.bordered,
+      "qm-list--divider": props.divider,
+      "qm-list--hover": props.hover
+    }));
+    function defaultText(item) {
+      return typeof item === "string" || typeof item === "number" ? String(item) : "";
+    }
+    function handleItemClick(item, index) {
+      emit("itemClick", item, index);
+    }
+    function handleItemKeydown(event, item, index) {
+      if (event.key === "Enter" || event.key === " ") {
+        event.preventDefault();
+        handleItemClick(item, index);
+      }
+    }
+    const __returned__ = { props, emit, modifierClass, defaultText, handleItemClick, handleItemKeydown };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = {
+	key: 0,
+	class: "qm-list__header"
+};
+const _hoisted_2 = ["onClick", "onKeydown"];
+const _hoisted_3 = {
+	key: 2,
+	class: "qm-list__empty"
+};
+const _hoisted_4 = {
+	key: 3,
+	class: "qm-list__footer"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock(
+		"div",
+		{
+			class: normalizeClass(["qm-list", $setup.modifierClass]),
+			"data-qm": "list"
+		},
+		[
+			_ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "header")])) : createCommentVNode("v-if", true),
+			_ctx.data.length ? (openBlock(true), createElementBlock(
+				Fragment,
+				{ key: 1 },
+				renderList(_ctx.data, (item, index) => {
+					return openBlock(), createElementBlock("div", {
+						key: index,
+						class: "qm-list__item",
+						role: "button",
+						tabindex: "0",
+						onClick: ($event) => $setup.handleItemClick(item, index),
+						onKeydown: ($event) => $setup.handleItemKeydown($event, item, index)
+					}, [renderSlot(_ctx.$slots, "default", {
+						item,
+						index
+					}, () => [createTextVNode(
+						toDisplayString($setup.defaultText(item)),
+						1
+						/* TEXT */
+					)])], 40, _hoisted_2);
+				}),
+				128
+				/* KEYED_FRAGMENT */
+			)) : (openBlock(), createElementBlock("div", _hoisted_3, [renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(
+				toDisplayString(_ctx.emptyText),
+				1
+				/* TEXT */
+			)])])),
+			_ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_4, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("v-if", true)
+		],
+		2
+		/* CLASS */
+	);
+}
+const List = /*#__PURE__*/ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\list\\list.vue"]]);
+
+export { List as L, listProps as l };

package/es/shared/components.aEHtkYll.mjs

@@ -0,0 +1,176 @@
+import { defineComponent, reactive, computed, provide, openBlock, createElementBlock, normalizeClass, renderSlot, inject, onMounted, onBeforeUnmount, withKeys, withModifiers, createElementVNode, createBlock, toDisplayString, createCommentVNode } from 'vue';
+import { _ as _export_sfc } from './components.pcqpp-6-.mjs';
+import { I as Icon } from './components.D3on6_fI.mjs';
+
+const stepsProps = {
+  /** 当前步骤索引（从 0 开始） */
+  current: { type: Number, default: 0 },
+  /** 排列方向 */
+  direction: { type: String, default: "horizontal" },
+  /** 当前步骤状态（process 主色 / error 红色 / finish 对勾） */
+  status: { type: String, default: "process" }
+};
+const STEPS_CONTEXT_KEY = Symbol("qm-steps-context");
+const stepProps = {
+  /** 步骤标题 */
+  title: { type: String, default: "" },
+  /** 步骤描述 */
+  description: { type: String, default: "" }
+};
+
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmSteps" },
+  __name: "steps",
+  props: stepsProps,
+  emits: ["change"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const items = reactive([]);
+    const context = {
+      current: computed(() => props.current),
+      status: computed(() => props.status),
+      direction: computed(() => props.direction),
+      items,
+      register: (token) => {
+        items.push(token);
+        return () => {
+          const index = items.indexOf(token);
+          if (index >= 0)
+            items.splice(index, 1);
+        };
+      },
+      onStepClick: (index) => {
+        if (index !== props.current)
+          emit("change", index);
+      }
+    };
+    provide(STEPS_CONTEXT_KEY, context);
+    const __returned__ = { props, emit, items, context };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock(
+		"div",
+		{
+			class: normalizeClass(["qm-steps", `qm-steps--${_ctx.direction}`]),
+			"data-qm": "steps"
+		},
+		[renderSlot(_ctx.$slots, "default")],
+		2
+		/* CLASS */
+	);
+}
+const Steps = /*#__PURE__*/ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\steps\\steps.vue"]]);
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmStep" },
+  __name: "step",
+  props: stepProps,
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const context = inject(STEPS_CONTEXT_KEY, void 0);
+    const token = {};
+    const index = computed(() => context?.items.indexOf(token) ?? -1);
+    const isLast = computed(() => context ? index.value === context.items.length - 1 : true);
+    const status = computed(() => {
+      if (!context)
+        return "wait";
+      if (index.value < context.current.value)
+        return "finish";
+      if (index.value === context.current.value)
+        return context.status.value;
+      return "wait";
+    });
+    let unregister;
+    onMounted(() => {
+      unregister = context?.register(token);
+    });
+    onBeforeUnmount(() => {
+      unregister?.();
+    });
+    function onClick() {
+      context?.onStepClick?.(index.value);
+    }
+    const __returned__ = { context, token, index, isLast, status, get unregister() {
+      return unregister;
+    }, set unregister(v) {
+      unregister = v;
+    }, onClick, get QmIcon() {
+      return Icon;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = [
+	"data-index",
+	"tabindex",
+	"role",
+	"onKeydown"
+];
+const _hoisted_2 = { class: "qm-step__header" };
+const _hoisted_3 = {
+	class: "qm-step__icon",
+	"aria-hidden": "true"
+};
+const _hoisted_4 = {
+	key: 2,
+	class: "qm-step__index"
+};
+const _hoisted_5 = { class: "qm-step__body" };
+const _hoisted_6 = { class: "qm-step__title" };
+const _hoisted_7 = {
+	key: 0,
+	class: "qm-step__description"
+};
+const _hoisted_8 = {
+	key: 0,
+	class: "qm-step__line",
+	"aria-hidden": "true"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("div", {
+		class: normalizeClass(["qm-step", [`qm-step--${$setup.status}`, `qm-step--${$setup.context?.direction.value ?? "horizontal"}`]]),
+		"data-index": $setup.index >= 0 ? $setup.index : undefined,
+		"data-qm": "step",
+		tabindex: $setup.context ? 0 : -1,
+		role: $setup.context ? "button" : "listitem",
+		onClick: $setup.onClick,
+		onKeydown: [withKeys(withModifiers($setup.onClick, ["prevent"]), ["enter"]), withKeys(withModifiers($setup.onClick, ["prevent"]), ["space"])]
+	}, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "icon", {}, () => [$setup.status === "finish" ? (openBlock(), createBlock($setup["QmIcon"], {
+		key: 0,
+		name: "check",
+		class: "qm-step__icon-icon"
+	})) : $setup.status === "error" ? (openBlock(), createBlock($setup["QmIcon"], {
+		key: 1,
+		name: "error",
+		class: "qm-step__icon-icon"
+	})) : (openBlock(), createElementBlock(
+		"span",
+		_hoisted_4,
+		toDisplayString($setup.index >= 0 ? $setup.index + 1 : ""),
+		1
+		/* TEXT */
+	))])]), createElementVNode("div", _hoisted_5, [createElementVNode(
+		"div",
+		_hoisted_6,
+		toDisplayString(_ctx.title),
+		1
+		/* TEXT */
+	), _ctx.description ? (openBlock(), createElementBlock(
+		"div",
+		_hoisted_7,
+		toDisplayString(_ctx.description),
+		1
+		/* TEXT */
+	)) : createCommentVNode("v-if", true)])]), !$setup.isLast ? (openBlock(), createElementBlock("div", _hoisted_8)) : createCommentVNode("v-if", true)], 42, _hoisted_1);
+}
+const step = /*#__PURE__*/ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\steps\\step.vue"]]);
+
+export { Steps as S, STEPS_CONTEXT_KEY as a, stepProps as b, stepsProps as c, step as s };