@qingmingmu/components 0.1.0-beta.0

package/es/shared/components.BPsETG85.mjs

@@ -0,0 +1,287 @@
+import { defineComponent, reactive, ref, useId, watch, computed, provide, onMounted, onBeforeUnmount, nextTick, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, toDisplayString, withModifiers, createVNode, createCommentVNode, normalizeStyle, renderSlot, inject, withDirectives, vShow } from 'vue';
+import { I as Icon } from './components.D3on6_fI.mjs';
+import { _ as _export_sfc } from './components.pcqpp-6-.mjs';
+
+const tabsProps = {
+  /** 当前激活面板 name（v-model） */
+  modelValue: { type: [String, Number], default: "" },
+  /** 非受控模式的初始激活面板 name（未绑定 v-model 时的默认激活项） */
+  defaultActiveName: {
+    type: [String, Number],
+    default: void 0
+  },
+  /** 标签类型：line / card */
+  type: { type: String, default: "line" },
+  /** 标签位置：top / bottom / left / right */
+  position: { type: String, default: "top" },
+  /** 标签可关闭（emit tabRemove，由父级决定是否移除面板） */
+  closable: { type: Boolean, default: false }
+};
+const tabsContextKey = Symbol("qm-tabs");
+
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmTabs" },
+  __name: "tabs",
+  props: tabsProps,
+  emits: ["update:modelValue", "change", "tabRemove"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const panes = reactive([]);
+    let seq = 0;
+    const navRef = ref(null);
+    const indicatorStyle = ref({ left: "0px", width: "0px" });
+    const uid = useId();
+    const getTabId = (name) => `qm-tab-${uid}-${String(name)}`;
+    const getPanelId = (name) => `qm-tab-panel-${uid}-${String(name)}`;
+    const innerActiveName = ref(props.defaultActiveName ?? "");
+    watch(
+      () => props.modelValue,
+      (v) => {
+        if (v !== "" && v !== void 0)
+          innerActiveName.value = v;
+      }
+    );
+    const effectiveActive = computed(() => {
+      if (props.modelValue !== "" && props.modelValue !== void 0)
+        return props.modelValue;
+      if (innerActiveName.value !== "" && innerActiveName.value !== void 0)
+        return innerActiveName.value;
+      const first = panes.find((p) => !p.disabled);
+      return first ? first.name : "";
+    });
+    const context = {
+      activeName: effectiveActive,
+      register: (pane) => {
+        panes.push(pane);
+        void updateIndicator();
+      },
+      unregister: (pane) => {
+        const i = panes.indexOf(pane);
+        if (i >= 0)
+          panes.splice(i, 1);
+        void updateIndicator();
+      },
+      nextSeq: () => ++seq,
+      emitRemove: (name) => emit("tabRemove", name),
+      getTabId,
+      getPanelId
+    };
+    provide(tabsContextKey, context);
+    const isLine = computed(() => props.type === "line");
+    const showIndicator = computed(
+      () => isLine.value && (props.position === "top" || props.position === "bottom")
+    );
+    function selectPane(pane) {
+      if (pane.disabled)
+        return;
+      innerActiveName.value = pane.name;
+      if (effectiveActive.value !== pane.name) {
+        emit("update:modelValue", pane.name);
+        emit("change", pane.name);
+      }
+    }
+    function handleRemove(event, pane) {
+      event.stopPropagation();
+      context.emitRemove(pane.name);
+    }
+    function onTabKeydown(event, pane) {
+      if (event.key === "Enter" || event.key === " ") {
+        event.preventDefault();
+        selectPane(pane);
+        return;
+      }
+      const dir = event.key === "ArrowRight" || event.key === "ArrowDown" ? 1 : event.key === "ArrowLeft" || event.key === "ArrowUp" ? -1 : 0;
+      if (!dir || panes.length <= 1)
+        return;
+      event.preventDefault();
+      const start = panes.indexOf(pane);
+      let target = null;
+      for (let step = 1; step <= panes.length; step++) {
+        const candidate = panes[(start + dir * step + panes.length) % panes.length];
+        if (!candidate.disabled) {
+          target = candidate;
+          break;
+        }
+      }
+      if (target && target !== pane)
+        selectPane(target);
+    }
+    function updateIndicator() {
+      if (!showIndicator.value) {
+        indicatorStyle.value = { left: "0px", width: "0px" };
+        return;
+      }
+      void nextTick(() => {
+        const nav = navRef.value;
+        const activeEl = nav?.querySelector(".qm-tabs__tab--active");
+        indicatorStyle.value = activeEl ? { left: `${activeEl.offsetLeft}px`, width: `${activeEl.offsetWidth}px` } : { left: "0px", width: "0px" };
+      });
+    }
+    watch(effectiveActive, () => updateIndicator());
+    watch(
+      () => props.type,
+      () => updateIndicator()
+    );
+    watch(
+      () => props.position,
+      () => updateIndicator()
+    );
+    onMounted(() => updateIndicator());
+    onBeforeUnmount(() => {
+    });
+    const __returned__ = { props, emit, panes, get seq() {
+      return seq;
+    }, set seq(v) {
+      seq = v;
+    }, navRef, indicatorStyle, uid, getTabId, getPanelId, innerActiveName, effectiveActive, context, isLine, showIndicator, selectPane, handleRemove, onTabKeydown, updateIndicator, get QmIcon() {
+      return Icon;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1$1 = ["aria-orientation"];
+const _hoisted_2 = [
+	"id",
+	"aria-selected",
+	"aria-controls",
+	"aria-disabled",
+	"tabindex",
+	"onClick",
+	"onKeydown"
+];
+const _hoisted_3 = { class: "qm-tabs__tab-label" };
+const _hoisted_4 = ["aria-label", "onClick"];
+const _hoisted_5 = { class: "qm-tabs__content" };
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock(
+		"div",
+		{
+			class: normalizeClass(["qm-tabs", [`qm-tabs--${_ctx.position}`, `qm-tabs--${_ctx.type}`]]),
+			"data-qm": "tabs"
+		},
+		[createElementVNode("div", {
+			ref: "navRef",
+			class: "qm-tabs__nav",
+			role: "tablist",
+			"aria-orientation": _ctx.position === "top" || _ctx.position === "bottom" ? "horizontal" : "vertical"
+		}, [(openBlock(true), createElementBlock(
+			Fragment,
+			null,
+			renderList($setup.panes, (pane) => {
+				return openBlock(), createElementBlock("div", {
+					id: $setup.getTabId(pane.name),
+					key: pane.name,
+					class: normalizeClass(["qm-tabs__tab", {
+						"qm-tabs__tab--active": pane.name === $setup.effectiveActive,
+						"qm-tabs__tab--disabled": pane.disabled
+					}]),
+					role: "tab",
+					"aria-selected": pane.name === $setup.effectiveActive,
+					"aria-controls": $setup.getPanelId(pane.name),
+					"aria-disabled": pane.disabled || undefined,
+					tabindex: pane.disabled ? -1 : pane.name === $setup.effectiveActive ? 0 : -1,
+					onClick: ($event) => $setup.selectPane(pane),
+					onKeydown: ($event) => $setup.onTabKeydown($event, pane)
+				}, [createElementVNode(
+					"span",
+					_hoisted_3,
+					toDisplayString(pane.label),
+					1
+					/* TEXT */
+				), _ctx.closable && !pane.disabled ? (openBlock(), createElementBlock("button", {
+					key: 0,
+					type: "button",
+					class: "qm-tabs__tab-close",
+					"aria-label": `关闭 ${pane.label}`,
+					onClick: withModifiers(($event) => $setup.handleRemove($event, pane), ["stop"])
+				}, [createVNode($setup["QmIcon"], {
+					name: "close",
+					class: "qm-tabs__tab-close-icon",
+					style: { "font-size": "10px" }
+				})], 8, _hoisted_4)) : createCommentVNode("v-if", true)], 42, _hoisted_2);
+			}),
+			128
+			/* KEYED_FRAGMENT */
+		)), $setup.showIndicator ? (openBlock(), createElementBlock(
+			"span",
+			{
+				key: 0,
+				class: "qm-tabs__indicator",
+				"aria-hidden": "true",
+				style: normalizeStyle($setup.indicatorStyle)
+			},
+			null,
+			4
+			/* STYLE */
+		)) : createCommentVNode("v-if", true)], 8, _hoisted_1$1), createElementVNode("div", _hoisted_5, [renderSlot(_ctx.$slots, "default")])],
+		2
+		/* CLASS */
+	);
+}
+const Tabs = /*#__PURE__*/ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\tabs\\tabs.vue"]]);
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmTabPane" },
+  __name: "tab-pane",
+  props: {
+    /** 标签文字 */
+    label: { type: String, default: "" },
+    /** 面板唯一标识（v-model 值；缺省自动编号 pane-N） */
+    name: { type: [String, Number], default: "" },
+    /** 禁用（标签不可点、内容不可见） */
+    disabled: { type: Boolean, default: false }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const context = inject(tabsContextKey, null);
+    const state = reactive({
+      name: props.name,
+      label: props.label,
+      disabled: props.disabled
+    });
+    const active = computed(() => context?.activeName.value === state.name);
+    const panelId = computed(() => context ? context.getPanelId(state.name) : void 0);
+    const tabId = computed(() => context ? context.getTabId(state.name) : void 0);
+    onMounted(() => {
+      if (!context)
+        return;
+      if (state.name === "" || state.name === void 0)
+        state.name = `pane-${context.nextSeq()}`;
+      context.register(state);
+    });
+    onBeforeUnmount(() => {
+      context?.unregister(state);
+    });
+    watch(
+      () => [props.label, props.name, props.disabled],
+      () => {
+        state.label = props.label;
+        if (props.name !== "" && props.name !== void 0)
+          state.name = props.name;
+        state.disabled = props.disabled;
+      }
+    );
+    const __returned__ = { props, context, state, active, panelId, tabId };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = ["id", "aria-labelledby"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return withDirectives((openBlock(), createElementBlock("div", {
+		id: $setup.panelId,
+		class: "qm-tab-pane",
+		"data-qm": "tab-pane",
+		role: "tabpanel",
+		"aria-labelledby": $setup.tabId
+	}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_1)), [[vShow, $setup.active]]);
+}
+const tabPane = /*#__PURE__*/ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\tabs\\tab-pane.vue"]]);
+
+export { Tabs as T, tabsContextKey as a, tabsProps as b, tabPane as t };

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

@@ -0,0 +1,298 @@
+import { PropType, Ref, ComputedRef, defineComponent, useAttrs, ref, computed, onMounted, nextTick, openBlock, createElementBlock, normalizeClass, createCommentVNode, renderSlot, createElementVNode, mergeProps, toDisplayString, withModifiers, createVNode } from 'vue';
+import { a as Icon } from './components.C6sLxXPo.js';
+import { _ as _export_sfc } from './components.OJRSZE6i.js';
+
+/**
+ * QmInput 组件类型定义（组件体系设计 §6.4：类型先行）
+ * 03-T5：多类型 / 三档尺寸 / 禁用只读 / 可清除 / 字数统计 / 前后缀插槽
+ */
+
+/** 原生 input type（限定为文本类，日期/文件等由专用组件承担） */
+type InputType = 'text' | 'password' | 'number' | 'email' | 'tel' | 'url' | 'search';
+/** 组件尺寸（§6.3：尺寸枚举统一 small | medium | large） */
+type InputSize = 'small' | 'medium' | 'large';
+/** props 声明（纯类型 + 默认值，供 SFC 与命令式 API 复用） */
+declare const inputProps: {
+    /** 受控值（v-model）；未监听即非受控，组件内自维护本地值 */
+    readonly modelValue: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /** 原生 input type */
+    readonly type: {
+        readonly type: PropType<InputType>;
+        readonly default: "text";
+    };
+    /** 尺寸：small / medium / large */
+    readonly size: {
+        readonly type: PropType<InputSize>;
+        readonly default: "medium";
+    };
+    /** 禁用态：视觉 + 行为（不可输入、不响应清除） */
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 只读：可聚焦不可编辑，仍触发 focus/blur */
+    readonly readonly: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 可清除：有值且非禁用/只读时显示清除按钮 */
+    readonly clearable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 占位文案 */
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /** 最大输入长度（原生 maxlength + 行为层截断双保险） */
+    readonly maxlength: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
+    /** 字数统计（配合 maxlength 显示 当前/最大） */
+    readonly showCount: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 原生 autocomplete 透传 */
+    readonly autocomplete: {
+        readonly type: StringConstructor;
+        readonly default: "off";
+    };
+    /** 原生 autofocus 透传 */
+    readonly autofocus: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+/** emits 声明（change 契约：失焦或 Enter 时触发，区别于每次按键的 input） */
+interface InputEmits {
+    /** 受控值同步 */
+    'update:modelValue': [value: string];
+    /** 输入时触发（每次按键，携带最新值与原生事件） */
+    'input': [value: string, event: Event];
+    /** 失焦或按下 Enter 时触发（值定型） */
+    'change': [value: string, event: Event];
+    'focus': [event: FocusEvent];
+    'blur': [event: FocusEvent];
+    /** 点击清除按钮时触发 */
+    'clear': [];
+}
+
+/**
+ * useInput 行为层（03-T5）
+ *
+ * 职责（与视图解耦，可独立单测）：
+ * - 受控/非受控值同步：外部 modelValue 变化回灌本地原生值；输入时回写父级；
+ * - maxlength 截断纯函数（行为层双保险，即便原生 maxlength 在某些输入法下不生效）；
+ * - 字数统计纯函数（当前长度 / maxlength 文案派生）；
+ * - focus/blur 状态、clear 行为、change 契约（失焦或 Enter 时值定型触发）。
+ */
+
+interface UseInputOptions {
+    /** 受控值（props.modelValue） */
+    modelValue: Ref<string>;
+    /** 禁用 */
+    disabled: Ref<boolean>;
+    /** 只读 */
+    readonly: Ref<boolean>;
+    /** 最大长度 */
+    maxlength: Ref<number | undefined>;
+    emitUpdate: (value: string) => void;
+    emitInput: (value: string, event: Event) => void;
+    emitChange: (value: string, event: Event) => void;
+    emitFocus: (event: FocusEvent) => void;
+    emitBlur: (event: FocusEvent) => void;
+    emitClear: () => void;
+}
+interface UseInputReturn {
+    /** 原生 input 展示值（受控同步 + 非受控本地维护） */
+    nativeValue: Ref<string>;
+    /** 聚焦态（驱动 wrapper 高亮类） */
+    focused: Ref<boolean>;
+    /** 是否有值（清除按钮 / 占位判定） */
+    hasValue: ComputedRef<boolean>;
+    /** 字数统计文案（showCount 时展示，无 maxlength 时仅当前长度） */
+    countText: ComputedRef<string>;
+    /** 是否可显示清除按钮 */
+    showClear: ComputedRef<boolean>;
+    /** 输入事件入口（截断 → 本地值 → 回写 → input 事件） */
+    handleInput: (event: Event) => void;
+    handleFocus: (event: FocusEvent) => void;
+    handleBlur: (event: FocusEvent) => void;
+    /** 键盘：Enter 触发 change 值定型 */
+    handleKeydown: (event: KeyboardEvent) => void;
+    /** 清除（置空 + emit clear + update） */
+    clear: () => void;
+}
+/**
+ * maxlength 截断纯函数（用例：输入法组合态/粘贴超长按最大长度截断）。
+ * 无 maxlength 或非正数时原样返回。
+ */
+declare function clampByMaxlength(value: string, maxlength: number | undefined): string;
+/** 字数统计纯函数：无 maxlength → 仅当前长度；有 → `当前/最大` */
+declare function formatCount(value: string, maxlength: number | undefined): string;
+declare function useInput(options: UseInputOptions): UseInputReturn;
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmInput", inheritAttrs: false },
+  __name: "input",
+  props: inputProps,
+  emits: ["update:modelValue", "input", "change", "focus", "blur", "clear"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const attrs = useAttrs();
+    const rootRef = ref(null);
+    const inputRef = ref(null);
+    const modelValue = computed(() => props.modelValue);
+    const disabled = computed(() => props.disabled);
+    const readonly = computed(() => props.readonly);
+    const maxlength = computed(() => props.maxlength);
+    const {
+      nativeValue,
+      focused,
+      countText,
+      showClear,
+      handleInput,
+      handleFocus,
+      handleBlur,
+      handleKeydown,
+      clear
+    } = useInput({
+      modelValue,
+      disabled,
+      readonly,
+      maxlength,
+      emitUpdate: (value) => emit("update:modelValue", value),
+      emitInput: (value, event) => emit("input", value, event),
+      emitChange: (value, event) => emit("change", value, event),
+      emitFocus: (event) => emit("focus", event),
+      emitBlur: (event) => emit("blur", event),
+      emitClear: () => emit("clear")
+    });
+    const rootClass = computed(() => [
+      "qm-input",
+      `qm-input--${props.size}`,
+      {
+        "qm-input--disabled": disabled.value,
+        "qm-input--focused": focused.value
+      }
+    ]);
+    function onClearClick() {
+      clear();
+      nextTick(() => inputRef.value?.focus());
+    }
+    function focus() {
+      inputRef.value?.focus();
+    }
+    function blur() {
+      inputRef.value?.blur();
+    }
+    onMounted(() => {
+      if (props.autofocus)
+        focus();
+    });
+    const ariaLabel = computed(() => attrs["aria-label"] || props.placeholder || void 0);
+    __expose({ focus, blur, rootRef, inputRef });
+    const __returned__ = { props, emit, attrs, rootRef, inputRef, modelValue, disabled, readonly, maxlength, nativeValue, focused, countText, showClear, handleInput, handleFocus, handleBlur, handleKeydown, clear, rootClass, onClearClick, focus, blur, ariaLabel, get QmIcon() {
+      return Icon;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = ["aria-disabled"];
+const _hoisted_2 = {
+	key: 0,
+	class: "qm-input__prefix",
+	"aria-hidden": "true"
+};
+const _hoisted_3 = [
+	"type",
+	"value",
+	"placeholder",
+	"disabled",
+	"readonly",
+	"maxlength",
+	"autocomplete",
+	"autofocus",
+	"aria-label"
+];
+const _hoisted_4 = {
+	key: 1,
+	class: "qm-input__count",
+	"aria-live": "polite"
+};
+const _hoisted_5 = {
+	key: 3,
+	class: "qm-input__suffix"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("div", {
+		ref: "rootRef",
+		class: normalizeClass($setup.rootClass),
+		"aria-disabled": $setup.disabled || undefined
+	}, [
+		createCommentVNode(" 前缀插槽（图标/文字） "),
+		_ctx.$slots.prefix ? (openBlock(), createElementBlock("span", _hoisted_2, [renderSlot(_ctx.$slots, "prefix")])) : createCommentVNode("v-if", true),
+		createCommentVNode(" 原生输入框（inheritAttrs:false，其余原生/aria/data 属性绑定到 input） "),
+		createElementVNode("input", mergeProps({
+			ref: "inputRef",
+			class: "qm-input__inner"
+		}, _ctx.$attrs, {
+			type: _ctx.type,
+			value: $setup.nativeValue,
+			placeholder: _ctx.placeholder,
+			disabled: $setup.disabled,
+			readonly: $setup.readonly,
+			maxlength: $setup.maxlength,
+			autocomplete: _ctx.autocomplete,
+			autofocus: _ctx.autofocus || undefined,
+			"aria-label": $setup.ariaLabel,
+			onInput: _cache[0] || (_cache[0] = (...args) => $setup.handleInput && $setup.handleInput(...args)),
+			onFocus: _cache[1] || (_cache[1] = (...args) => $setup.handleFocus && $setup.handleFocus(...args)),
+			onBlur: _cache[2] || (_cache[2] = (...args) => $setup.handleBlur && $setup.handleBlur(...args)),
+			onKeydown: _cache[3] || (_cache[3] = (...args) => $setup.handleKeydown && $setup.handleKeydown(...args))
+		}), null, 16, _hoisted_3),
+		createCommentVNode(" 字数统计 "),
+		_ctx.showCount ? (openBlock(), createElementBlock(
+			"span",
+			_hoisted_4,
+			toDisplayString($setup.countText),
+			1
+			/* TEXT */
+		)) : createCommentVNode("v-if", true),
+		createCommentVNode(" 清除按钮 "),
+		$setup.showClear ? (openBlock(), createElementBlock(
+			"button",
+			{
+				key: 2,
+				type: "button",
+				class: "qm-input__clear",
+				"aria-label": "清除",
+				tabindex: "-1",
+				onMousedown: _cache[4] || (_cache[4] = withModifiers(() => {}, ["prevent"])),
+				onClick: $setup.onClearClick
+			},
+			[createVNode($setup["QmIcon"], {
+				name: "close",
+				class: "qm-input__clear-icon",
+				style: { "font-size": "12px" }
+			})],
+			32
+			/* NEED_HYDRATION */
+		)) : createCommentVNode("v-if", true),
+		createCommentVNode(" 后缀插槽（图标/密码可见切换） "),
+		_ctx.$slots.suffix ? (openBlock(), createElementBlock("span", _hoisted_5, [renderSlot(_ctx.$slots, "suffix")])) : createCommentVNode("v-if", true)
+	], 10, _hoisted_1);
+}
+var Input = /*#__PURE__*/ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\input\\input.vue"]]);
+
+export { Input as c, clampByMaxlength as e, formatCount as f, inputProps as i, useInput as u };
+export type { InputEmits as I, UseInputOptions as U, InputSize as a, InputType as b, UseInputReturn as d };

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

@@ -0,0 +1,97 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createCommentVNode, createElementVNode, Fragment, renderList, renderSlot } from 'vue';
+import { _ as _export_sfc } from './components.OJRSZE6i.mjs';
+
+/**
+ * QmSkeleton 组件类型定义（03-反馈）
+ * 骨架屏：段落 / 头像 / 动画 / loading 切换真实内容
+ */
+declare const skeletonProps: {
+    /** 是否加载中：false 时渲染默认插槽（真实内容） */
+    readonly loading: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    /** 段落行数（至少 1 行） */
+    readonly rows: {
+        readonly type: NumberConstructor;
+        readonly default: 3;
+    };
+    /** 是否显示头像占位 */
+    readonly avatar: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 是否开启动画（渐变 shimmer） */
+    readonly animated: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+};
+/** emits 声明（骨架屏无事件） */
+interface SkeletonEmits {
+}
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmSkeleton" },
+  __name: "skeleton",
+  props: skeletonProps,
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const rowCount = computed(() => Math.max(1, Math.floor(props.rows)));
+    const modifierClass = computed(() => ({
+      "qm-skeleton--animated": props.animated,
+      "qm-skeleton--avatar": props.avatar
+    }));
+    const __returned__ = { props, rowCount, modifierClass };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = {
+	key: 0,
+	class: "qm-skeleton__avatar",
+	"aria-hidden": "true"
+};
+const _hoisted_2 = {
+	class: "qm-skeleton__paragraph",
+	"aria-hidden": "true"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return _ctx.loading ? (openBlock(), createElementBlock(
+		"div",
+		{
+			key: 0,
+			class: normalizeClass(["qm-skeleton", $setup.modifierClass]),
+			"data-qm": "skeleton",
+			role: "status",
+			"aria-busy": "true",
+			"aria-live": "polite"
+		},
+		[_ctx.avatar ? (openBlock(), createElementBlock("div", _hoisted_1)) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(
+			Fragment,
+			null,
+			renderList($setup.rowCount, (i) => {
+				return openBlock(), createElementBlock(
+					"div",
+					{
+						key: i,
+						class: normalizeClass(["qm-skeleton__row", { "qm-skeleton__row--short": i === $setup.rowCount && $setup.rowCount > 1 }])
+					},
+					null,
+					2
+					/* CLASS */
+				);
+			}),
+			128
+			/* KEYED_FRAGMENT */
+		))])],
+		2
+		/* CLASS */
+	)) : renderSlot(_ctx.$slots, "default", {}, undefined, undefined, 1);
+}
+var Skeleton = /*#__PURE__*/ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\skeleton\\skeleton.vue"]]);
+
+export { Skeleton as S, skeletonProps as s };
+export type { SkeletonEmits as a };