@qingmingmu/components 0.1.0-beta.0

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

@@ -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.mjs';
+
+/**
+ * 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/es/shared/components.uyAvjCWL.d.cts

@@ -0,0 +1,327 @@
+import { PropType, InjectionKey, Ref, ComputedRef, defineComponent, toRef, computed, openBlock, createElementBlock, withModifiers, normalizeClass, renderSlot, useId, onMounted, normalizeStyle, createCommentVNode, createTextVNode, toDisplayString, createElementVNode } from 'vue';
+import { _ as _export_sfc } from './components.OJRSZE6i.cjs';
+
+/**
+ * QmForm / QmFormItem 组件类型定义（组件体系设计 §6.4：类型先行）
+ * 04-T11：标签布局（left/right/top）/ 行内 / 禁用 / 校验规则 / validate/reset/clear
+ */
+
+/** 标签位置 */
+type FormLabelPosition = 'left' | 'right' | 'top';
+/**
+ * 校验规则项（async-validator 风格子集）：
+ * - required：非空（undefined/null/空串/空数组）；
+ * - type：email / number / string；
+ * - min/max：字符串/数组长度；
+ * - pattern：正则匹配；
+ * - validator：自定义函数（支持 callback 风格与返回值风格，均可异步）。
+ */
+interface FormItemRule {
+    required?: boolean;
+    message?: string;
+    type?: 'email' | 'number' | 'string';
+    min?: number;
+    max?: number;
+    pattern?: RegExp;
+    validator?: (rule: FormItemRule, value: unknown, callback: (error?: Error | string | boolean | null) => void) => void | boolean | string | Error | Promise<boolean | string | Error | void>;
+    /** 触发时机（预留：当前 validate() 全量校验） */
+    trigger?: string | string[];
+}
+/** 校验规则表：prop → 规则数组 */
+type FormRules = Record<string, FormItemRule[]>;
+/** QmForm props 声明 */
+declare const formProps: {
+    /** 表单数据对象（QmFormItem 通过 prop 名取值） */
+    readonly model: {
+        readonly type: PropType<Record<string, unknown>>;
+        readonly default: () => {};
+    };
+    /** 标签宽度（string 原样 / number 转 px；空串时走 CSS Token --qm-form-label-width） */
+    readonly labelWidth: {
+        readonly type: PropType<string | number>;
+        readonly default: "";
+    };
+    /** 标签位置：left / right / top */
+    readonly labelPosition: {
+        readonly type: PropType<FormLabelPosition>;
+        readonly default: "right";
+    };
+    /** 行内表单（Item 横排） */
+    readonly inline: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 整表单禁用（视觉降权 + 交互提示，具体控件禁用需各自传入 disabled） */
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 校验规则表 */
+    readonly rules: {
+        readonly type: PropType<FormRules>;
+        readonly default: () => {};
+    };
+};
+/** QmFormItem props 声明 */
+declare const formItemProps: {
+    /** 标签文案 */
+    readonly label: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /** 字段名（从 form.model 取值 + 匹配 form.rules） */
+    readonly prop: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /** 必填标记（红 * + 必填校验；与 rules 中的 required 等效） */
+    readonly required: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+/** QmForm emits 声明 */
+interface FormEmits {
+    /** 提交时触发（已 preventDefault，可自行异步处理） */
+    submit: [event: Event];
+}
+
+/**
+ * useForm 行为层（04-T11）
+ *
+ * 职责（与视图解耦，可独立单测）：
+ * - 纯校验函数：validateRule / validateValue（required / type / min-max 长度 / pattern / validator）；
+ * - 表单上下文 provide/inject：model / rules / 布局 / disabled / 字段注册表；
+ * - useFormItem：从 form.model 按 prop 取值、合并（required + rules）校验、错误态维护、
+ *   resetField（回写 initialModel 快照）/ clearValidate；
+ * - 初始值快照：QmForm 挂载时深拷贝 model，作为 resetFields 基准。
+ */
+
+/** 是否为空值（undefined / null / 空串 / 空数组） */
+declare function isEmptyValue(value: unknown): boolean;
+/** 单条规则校验 → 错误文案（通过返回 null） */
+declare function validateRule(rule: FormItemRule, value: unknown): Promise<string | null>;
+/** 值 × 规则数组 → 错误文案列表（逐条收集，全部通过为空数组） */
+declare function validateValue(value: unknown, rules: FormItemRule[]): Promise<string[]>;
+/** 注册到表单的字段项（由 QmFormItem 提供） */
+interface FormFieldItem {
+    /** 字段名（getter 动态跟随 props.prop） */
+    prop: string;
+    validate: () => Promise<boolean>;
+    resetField: () => void;
+    clearValidate: () => void;
+}
+interface FormContext {
+    model: Ref<Record<string, unknown>>;
+    rules: Ref<FormRules>;
+    labelWidth: Ref<string | number>;
+    labelPosition: Ref<FormLabelPosition>;
+    inline: Ref<boolean>;
+    disabled: Ref<boolean>;
+    /** 初始值快照（resetFields 基准，挂载时深拷贝） */
+    initialModel: Record<string, unknown>;
+    fields: Ref<FormFieldItem[]>;
+    addField: (field: FormFieldItem) => void;
+    removeField: (field: FormFieldItem) => void;
+}
+/** provide/inject key */
+declare const FORM_KEY: InjectionKey<FormContext>;
+/**
+ * 深拷贝快照（resetFields 基准）：
+ * model 可能为 Vue 响应式代理 → 先 toRaw 解包；structuredClone 失败（含函数等非结构化数据）降级浅拷贝。
+ */
+declare function snapshotModel(model: Record<string, unknown>): Record<string, unknown>;
+interface UseFormProvideOptions {
+    model: Ref<Record<string, unknown>>;
+    rules: Ref<FormRules>;
+    labelWidth: Ref<string | number>;
+    labelPosition: Ref<FormLabelPosition>;
+    inline: Ref<boolean>;
+    disabled: Ref<boolean>;
+}
+declare function useFormProvide(options: UseFormProvideOptions): FormContext;
+interface UseFormItemOptions {
+    label: Ref<string>;
+    prop: Ref<string>;
+    required: Ref<boolean>;
+}
+interface UseFormItemReturn {
+    /** 表单上下文（不在 QmForm 内为 undefined） */
+    form: FormContext | undefined;
+    /** 当前字段值（form.model[prop]） */
+    value: ComputedRef<unknown>;
+    /** 错误文案（空串 = 无错误） */
+    errorMessage: Ref<string>;
+    /** 生效规则（required prop 合并进 rules） */
+    rules: ComputedRef<FormItemRule[]>;
+    /** 是否展示必填星标 */
+    showRequired: ComputedRef<boolean>;
+    /** 标签宽度样式（top 布局 / 空 labelWidth 时返回 undefined 走 CSS Token） */
+    labelStyle: ComputedRef<Record<string, string> | undefined>;
+    /** 校验当前字段（错误写入 errorMessage） */
+    validate: () => Promise<boolean>;
+    /** 重置字段值（回写初始快照）+ 清除错误 */
+    resetField: () => void;
+    /** 仅清除错误 */
+    clearValidate: () => void;
+    /** 注册到表单（onMounted 调用） */
+    registerSelf: () => void;
+}
+declare function useFormItem(options: UseFormItemOptions): UseFormItemReturn;
+
+var _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmForm" },
+  __name: "form",
+  props: formProps,
+  emits: ["submit"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const formCtx = useFormProvide({
+      model: toRef(props, "model"),
+      rules: toRef(props, "rules"),
+      labelWidth: toRef(props, "labelWidth"),
+      labelPosition: toRef(props, "labelPosition"),
+      inline: toRef(props, "inline"),
+      disabled: toRef(props, "disabled")
+    });
+    const rootClass = computed(() => [
+      "qm-form",
+      `qm-form--${props.labelPosition}`,
+      {
+        "qm-form--inline": props.inline,
+        "qm-form--disabled": props.disabled
+      }
+    ]);
+    async function validate() {
+      const results = await Promise.all(formCtx.fields.value.map((field) => field.validate()));
+      return results.every(Boolean);
+    }
+    function validateField(prop) {
+      const field = formCtx.fields.value.find((f) => f.prop === prop);
+      if (!field) {
+        const message = `[QmForm] validateField: \u672A\u627E\u5230\u5B57\u6BB5 "${prop}"\uFF08\u8BF7\u786E\u8BA4 form-item \u7684 prop \u4E0E rules/model \u4E00\u81F4\uFF09`;
+        console.warn(message);
+        return Promise.reject(new Error(message));
+      }
+      return field.validate();
+    }
+    function resetFields() {
+      formCtx.fields.value.forEach((field) => field.resetField());
+    }
+    function clearValidate() {
+      formCtx.fields.value.forEach((field) => field.clearValidate());
+    }
+    function onSubmit(event) {
+      emit("submit", event);
+    }
+    __expose({ validate, validateField, resetFields, clearValidate });
+    const __returned__ = { props, emit, formCtx, rootClass, validate, validateField, resetFields, clearValidate, onSubmit };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock(
+		"form",
+		{
+			class: normalizeClass($setup.rootClass),
+			"data-qm": "form",
+			onSubmit: withModifiers($setup.onSubmit, ["prevent"])
+		},
+		[renderSlot(_ctx.$slots, "default")],
+		34
+		/* CLASS, NEED_HYDRATION */
+	);
+}
+var Form = /*#__PURE__*/ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\form\\form.vue"]]);
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmFormItem" },
+  __name: "form-item",
+  props: formItemProps,
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const controlId = `qm-form-item-control-${useId()}`;
+    const labelId = `qm-form-item-label-${useId()}`;
+    const {
+      errorMessage,
+      showRequired,
+      labelStyle,
+      validate,
+      resetField,
+      clearValidate,
+      registerSelf
+    } = useFormItem({
+      label: toRef(props, "label"),
+      prop: toRef(props, "prop"),
+      required: toRef(props, "required")
+    });
+    onMounted(registerSelf);
+    const rootClass = computed(() => [
+      "qm-form-item",
+      {
+        "qm-form-item--error": Boolean(errorMessage.value),
+        "qm-form-item--required": showRequired.value
+      }
+    ]);
+    __expose({ validate, resetField, clearValidate });
+    const __returned__ = { props, controlId, labelId, errorMessage, showRequired, labelStyle, validate, resetField, clearValidate, registerSelf, rootClass };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = {
+	key: 0,
+	class: "qm-form-item__asterisk",
+	"aria-hidden": "true"
+};
+const _hoisted_2 = { class: "qm-form-item__content" };
+const _hoisted_3 = {
+	key: 0,
+	class: "qm-form-item__error",
+	role: "alert"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock(
+		"div",
+		{
+			class: normalizeClass($setup.rootClass),
+			"data-qm": "form-item"
+		},
+		[_ctx.label || $setup.showRequired ? (openBlock(), createElementBlock(
+			"label",
+			{
+				key: 0,
+				id: $setup.labelId,
+				for: $setup.controlId,
+				class: "qm-form-item__label",
+				style: normalizeStyle($setup.labelStyle)
+			},
+			[$setup.showRequired ? (openBlock(), createElementBlock("span", _hoisted_1, "*")) : createCommentVNode("v-if", true), createTextVNode(
+				" " + toDisplayString(_ctx.label),
+				1
+				/* TEXT */
+			)],
+			4
+			/* STYLE */
+		)) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {
+			id: $setup.controlId,
+			ariaLabelledby: $setup.labelId
+		}), $setup.errorMessage ? (openBlock(), createElementBlock(
+			"div",
+			_hoisted_3,
+			toDisplayString($setup.errorMessage),
+			1
+			/* TEXT */
+		)) : createCommentVNode("v-if", true)])],
+		2
+		/* CLASS */
+	);
+}
+var formItem = /*#__PURE__*/ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\form\\form-item.vue"]]);
+
+export { FORM_KEY as F, Form as g, formItem as h, formItemProps as k, formProps as l, isEmptyValue as m, useFormProvide as n, validateValue as o, snapshotModel as s, useFormItem as u, validateRule as v };
+export type { UseFormItemOptions as U, FormContext as a, FormEmits as b, FormFieldItem as c, FormItemRule as d, FormLabelPosition as e, FormRules as f, UseFormItemReturn as i, UseFormProvideOptions as j };