@qingmingmu/components 0.1.0-beta.0

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

@@ -0,0 +1,288 @@
+import { PropType, ComputedRef, defineComponent, computed, ref, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, createElementVNode, createVNode, Fragment, renderList, createTextVNode, withDirectives, vModelText } from 'vue';
+import { a as Icon } from './components.b5GjJzDh.cjs';
+import { _ as _export_sfc } from './components.OJRSZE6i.cjs';
+
+/**
+ * QmPagination 组件类型定义（导航 + 桌面端 task）
+ * 类型先行：页码为数字，分页器为受控组件（v-model:modelValue）。
+ */
+/** props 声明 */
+declare const paginationProps: {
+    /** 当前页（v-model，从 1 开始） */
+    readonly modelValue: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    /** 总条数 */
+    readonly total: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    /** 每页条数 */
+    readonly pageSize: {
+        readonly type: NumberConstructor;
+        readonly default: 10;
+    };
+    /** 每页条数选项（showSizer 时渲染） */
+    readonly pageSizes: {
+        readonly type: PropType<number[]>;
+        readonly default: () => number[];
+    };
+    /** 显示总条数文案 */
+    readonly showTotal: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 显示每页条数选择器 */
+    readonly showSizer: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 显示快速跳转输入框 */
+    readonly showJumper: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 禁用全部交互 */
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+/** emits 声明 */
+interface PaginationEmits {
+    'update:modelValue': [page: number];
+    /** 页码变化（翻页 / 跳转 / 页尺寸变化重置到第 1 页时触发） */
+    'change': [page: number];
+    /** 每页条数变化 */
+    'sizeChange': [size: number];
+}
+/** 页码渲染项：数字页码或省略号 */
+type PageItem = number | 'more';
+
+/**
+ * usePagination 行为层（导航 + 桌面端 task）
+ *
+ * 职责（与视图解耦，可独立单测）：
+ * - 派生：总页数、页码渲染序列（首/末页 + 当前页邻域 + 省略号）；
+ * - 边界：go() 钳制到 [1, pageCount]；第一页禁用上一页、末页禁用下一页；
+ * - 收敛：页码变化统一 emit update:modelValue + change；页尺寸变化 emit size-change
+ *         并重置到第 1 页；
+ * - 受控钳制：total/pageSize 变化导致当前页越界时自动回写首页/末页。
+ */
+
+interface UsePaginationOptions {
+    /** 当前页 */
+    current: ComputedRef<number>;
+    /** 总条数 */
+    total: ComputedRef<number>;
+    /** 每页条数 */
+    pageSize: ComputedRef<number>;
+    /** 是否禁用 */
+    disabled: ComputedRef<boolean>;
+    emitUpdate: (page: number) => void;
+    emitChange: (page: number) => void;
+    emitSizeChange: (size: number) => void;
+}
+interface UsePaginationReturn {
+    /** 当前页（受控/非受控双模式：内部态由 modelValue 回写，交互更新后 emit） */
+    current: ComputedRef<number>;
+    /** 总页数（至少 1） */
+    pageCount: ComputedRef<number>;
+    /** 页码渲染序列（number | 'more'） */
+    pages: ComputedRef<PageItem[]>;
+    /** 是否第一页 */
+    isFirst: ComputedRef<boolean>;
+    /** 是否末页 */
+    isLast: ComputedRef<boolean>;
+    /** 跳到指定页（钳制后 emit） */
+    go: (page: number) => void;
+    /** 上一页 */
+    prev: () => void;
+    /** 下一页 */
+    next: () => void;
+    /** 每页条数变化（emit size-change + 重置到第 1 页） */
+    changeSize: (size: number) => void;
+}
+declare function usePagination(options: UsePaginationOptions): UsePaginationReturn;
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmPagination" },
+  __name: "pagination",
+  props: paginationProps,
+  emits: ["update:modelValue", "change", "sizeChange"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const currentProp = computed(() => props.modelValue);
+    const total = computed(() => props.total);
+    const pageSize = computed(() => props.pageSize);
+    const disabled = computed(() => props.disabled);
+    const pagination = usePagination({
+      current: currentProp,
+      total,
+      pageSize,
+      disabled,
+      emitUpdate: (page) => emit("update:modelValue", page),
+      emitChange: (page) => emit("change", page),
+      emitSizeChange: (size) => emit("sizeChange", size)
+    });
+    const { current, pages, isFirst, isLast, go, prev, next, changeSize } = pagination;
+    const jumperValue = ref("");
+    function onJumperKeydown(event) {
+      if (event.key !== "Enter")
+        return;
+      const page = Number.parseInt(jumperValue.value, 10);
+      if (Number.isNaN(page))
+        return;
+      go(page);
+      jumperValue.value = "";
+    }
+    function onSizeChange(event) {
+      const size = Number(event.target.value);
+      if (!Number.isNaN(size) && size > 0)
+        changeSize(size);
+    }
+    const __returned__ = { props, emit, currentProp, total, pageSize, disabled, pagination, current, pages, isFirst, isLast, go, prev, next, changeSize, jumperValue, onJumperKeydown, onSizeChange, get QmIcon() {
+      return Icon;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = {
+	key: 0,
+	class: "qm-pagination__total"
+};
+const _hoisted_2 = ["disabled"];
+const _hoisted_3 = [
+	"aria-current",
+	"aria-label",
+	"disabled",
+	"onClick"
+];
+const _hoisted_4 = {
+	key: 1,
+	class: "qm-pagination__ellipsis",
+	"aria-hidden": "true"
+};
+const _hoisted_5 = ["disabled"];
+const _hoisted_6 = {
+	key: 1,
+	class: "qm-pagination__sizer"
+};
+const _hoisted_7 = ["value", "disabled"];
+const _hoisted_8 = ["value"];
+const _hoisted_9 = {
+	key: 2,
+	class: "qm-pagination__jumper"
+};
+const _hoisted_10 = ["disabled"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock(
+		"div",
+		{
+			class: normalizeClass(["qm-pagination", { "qm-pagination--disabled": $setup.disabled }]),
+			"data-qm": "pagination"
+		},
+		[
+			_ctx.showTotal ? (openBlock(), createElementBlock(
+				"span",
+				_hoisted_1,
+				"共 " + toDisplayString($setup.total) + " 条",
+				1
+				/* TEXT */
+			)) : createCommentVNode("v-if", true),
+			createElementVNode("button", {
+				type: "button",
+				class: "qm-pagination__btn",
+				disabled: $setup.disabled || $setup.isFirst,
+				"aria-label": "上一页",
+				onClick: _cache[0] || (_cache[0] = (...args) => $setup.prev && $setup.prev(...args))
+			}, [createVNode($setup["QmIcon"], {
+				name: "chevron-left",
+				class: "qm-pagination__btn-icon"
+			})], 8, _hoisted_2),
+			(openBlock(true), createElementBlock(
+				Fragment,
+				null,
+				renderList($setup.pages, (page) => {
+					return openBlock(), createElementBlock(
+						Fragment,
+						{ key: page },
+						[page !== "more" ? (openBlock(), createElementBlock("button", {
+							key: 0,
+							type: "button",
+							class: normalizeClass(["qm-pagination__item", { "qm-pagination__item--active": page === $setup.current }]),
+							"aria-current": page === $setup.current ? "page" : undefined,
+							"aria-label": `第 ${page} 页`,
+							disabled: $setup.disabled,
+							onClick: ($event) => $setup.go(page)
+						}, toDisplayString(page), 11, _hoisted_3)) : (openBlock(), createElementBlock("span", _hoisted_4, "…"))],
+						64
+						/* STABLE_FRAGMENT */
+					);
+				}),
+				128
+				/* KEYED_FRAGMENT */
+			)),
+			createElementVNode("button", {
+				type: "button",
+				class: "qm-pagination__btn",
+				disabled: $setup.disabled || $setup.isLast,
+				"aria-label": "下一页",
+				onClick: _cache[1] || (_cache[1] = (...args) => $setup.next && $setup.next(...args))
+			}, [createVNode($setup["QmIcon"], {
+				name: "chevron-right",
+				class: "qm-pagination__btn-icon"
+			})], 8, _hoisted_5),
+			_ctx.showSizer ? (openBlock(), createElementBlock("span", _hoisted_6, [createElementVNode("select", {
+				class: "qm-pagination__select",
+				value: $setup.pageSize,
+				disabled: $setup.disabled,
+				"aria-label": "每页条数",
+				onChange: $setup.onSizeChange
+			}, [(openBlock(true), createElementBlock(
+				Fragment,
+				null,
+				renderList(_ctx.pageSizes, (size) => {
+					return openBlock(), createElementBlock("option", {
+						key: size,
+						value: size
+					}, toDisplayString(size) + " 条/页", 9, _hoisted_8);
+				}),
+				128
+				/* KEYED_FRAGMENT */
+			))], 40, _hoisted_7)])) : createCommentVNode("v-if", true),
+			_ctx.showJumper ? (openBlock(), createElementBlock("span", _hoisted_9, [
+				_cache[3] || (_cache[3] = createTextVNode(
+					" 前往 ",
+					-1
+					/* CACHED */
+				)),
+				withDirectives(createElementVNode("input", {
+					"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => $setup.jumperValue = $event),
+					class: "qm-pagination__jumper-input",
+					type: "text",
+					inputmode: "numeric",
+					disabled: $setup.disabled,
+					"aria-label": "跳转到指定页",
+					onKeydown: $setup.onJumperKeydown
+				}, null, 40, _hoisted_10), [[vModelText, $setup.jumperValue]]),
+				_cache[4] || (_cache[4] = createTextVNode(
+					" 页 ",
+					-1
+					/* CACHED */
+				))
+			])) : createCommentVNode("v-if", true)
+		],
+		2
+		/* CLASS */
+	);
+}
+var Pagination = /*#__PURE__*/ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\pagination\\pagination.vue"]]);
+
+export { Pagination as b, paginationProps as p, usePagination as u };
+export type { PageItem as P, UsePaginationOptions as U, PaginationEmits as a, UsePaginationReturn as c };

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

@@ -0,0 +1,95 @@
+import { PropType, defineComponent, computed, openBlock, createElementBlock, normalizeClass, renderSlot, toDisplayString, createCommentVNode } from 'vue';
+import { _ as _export_sfc } from './components.OJRSZE6i.js';
+
+/**
+ * QmBadge 组件类型定义（组件体系设计 §6.4：类型先行）
+ * 基础-05：徽标，绝对定位角标；value/max 封顶 / dot 圆点 / hidden 隐藏 / type 语义类型。
+ */
+
+/** 徽标语义类型（当前共享 --qm-badge-* 单色 Token 族，供主题层扩展） */
+type BadgeType = 'primary' | 'success' | 'warning' | 'error';
+/** props 声明（纯类型 + 默认值，供 SFC 与文档复用） */
+declare const badgeProps: {
+    /** 显示值：number 参与 max 封顶；string 原样展示 */
+    readonly value: {
+        readonly type: PropType<string | number>;
+        readonly default: "";
+    };
+    /** 最大值封顶：number 且 value > max 时显示 max+ */
+    readonly max: {
+        readonly type: NumberConstructor;
+        readonly default: 99;
+    };
+    /** 圆点模式：不显示数字 */
+    readonly dot: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 隐藏徽标 */
+    readonly hidden: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 语义类型：primary / success / warning / error */
+    readonly type: {
+        readonly type: PropType<BadgeType>;
+        readonly default: "error";
+    };
+};
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmBadge" },
+  __name: "badge",
+  props: badgeProps,
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const visible = computed(() => {
+      if (props.hidden)
+        return false;
+      if (props.dot)
+        return true;
+      return props.value !== "" && props.value !== null && props.value !== void 0;
+    });
+    const displayValue = computed(() => {
+      if (props.dot)
+        return "";
+      if (typeof props.value === "number" && props.max != null && props.value > props.max)
+        return `${props.max}+`;
+      return String(props.value);
+    });
+    const typeClass = computed(() => `qm-badge--${props.type}`);
+    const __returned__ = { props, visible, displayValue, typeClass };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock(
+		"span",
+		{
+			class: normalizeClass(["qm-badge", [$setup.typeClass, {
+				"qm-badge--fixed": _ctx.$slots.default,
+				"qm-badge--dot": _ctx.dot
+			}]]),
+			"data-qm": "badge"
+		},
+		[renderSlot(_ctx.$slots, "default"), $setup.visible ? (openBlock(), createElementBlock(
+			"sup",
+			{
+				key: 0,
+				class: normalizeClass(["qm-badge__content", { "qm-badge__content--dot": _ctx.dot }])
+			},
+			toDisplayString($setup.displayValue),
+			3
+			/* TEXT, CLASS */
+		)) : createCommentVNode("v-if", true)],
+		2
+		/* CLASS */
+	);
+}
+var Badge = /*#__PURE__*/ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\badge\\badge.vue"]]);
+
+export { Badge as a, badgeProps as b };
+export type { BadgeType as B };

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

@@ -0,0 +1,143 @@
+import { PropType, defineComponent, computed, openBlock, createElementBlock, normalizeClass, createVNode, createCommentVNode, renderSlot, createElementVNode } from 'vue';
+import { a as Icon } from './components.DCuPins-.mjs';
+import { _ as _export_sfc } from './components.OJRSZE6i.mjs';
+
+/**
+ * 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 };