@qingmingmu/components 0.1.0-beta.0

package/es/shared/components.CDifg15S.cjs

@@ -0,0 +1,292 @@
+'use strict';
+
+const vue = require('vue');
+const icon = require('./components.CRtd1JMp.cjs');
+const exportHelper = require('./components.DUidQ77e.cjs');
+
+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__ */ vue.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 = vue.reactive([]);
+    let seq = 0;
+    const navRef = vue.ref(null);
+    const indicatorStyle = vue.ref({ left: "0px", width: "0px" });
+    const uid = vue.useId();
+    const getTabId = (name) => `qm-tab-${uid}-${String(name)}`;
+    const getPanelId = (name) => `qm-tab-panel-${uid}-${String(name)}`;
+    const innerActiveName = vue.ref(props.defaultActiveName ?? "");
+    vue.watch(
+      () => props.modelValue,
+      (v) => {
+        if (v !== "" && v !== void 0)
+          innerActiveName.value = v;
+      }
+    );
+    const effectiveActive = vue.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
+    };
+    vue.provide(tabsContextKey, context);
+    const isLine = vue.computed(() => props.type === "line");
+    const showIndicator = vue.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 vue.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" };
+      });
+    }
+    vue.watch(effectiveActive, () => updateIndicator());
+    vue.watch(
+      () => props.type,
+      () => updateIndicator()
+    );
+    vue.watch(
+      () => props.position,
+      () => updateIndicator()
+    );
+    vue.onMounted(() => updateIndicator());
+    vue.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.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 vue.openBlock(), vue.createElementBlock(
+		"div",
+		{
+			class: vue.normalizeClass(["qm-tabs", [`qm-tabs--${_ctx.position}`, `qm-tabs--${_ctx.type}`]]),
+			"data-qm": "tabs"
+		},
+		[vue.createElementVNode("div", {
+			ref: "navRef",
+			class: "qm-tabs__nav",
+			role: "tablist",
+			"aria-orientation": _ctx.position === "top" || _ctx.position === "bottom" ? "horizontal" : "vertical"
+		}, [(vue.openBlock(true), vue.createElementBlock(
+			vue.Fragment,
+			null,
+			vue.renderList($setup.panes, (pane) => {
+				return vue.openBlock(), vue.createElementBlock("div", {
+					id: $setup.getTabId(pane.name),
+					key: pane.name,
+					class: vue.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)
+				}, [vue.createElementVNode(
+					"span",
+					_hoisted_3,
+					vue.toDisplayString(pane.label),
+					1
+					/* TEXT */
+				), _ctx.closable && !pane.disabled ? (vue.openBlock(), vue.createElementBlock("button", {
+					key: 0,
+					type: "button",
+					class: "qm-tabs__tab-close",
+					"aria-label": `关闭 ${pane.label}`,
+					onClick: vue.withModifiers(($event) => $setup.handleRemove($event, pane), ["stop"])
+				}, [vue.createVNode($setup["QmIcon"], {
+					name: "close",
+					class: "qm-tabs__tab-close-icon",
+					style: { "font-size": "10px" }
+				})], 8, _hoisted_4)) : vue.createCommentVNode("v-if", true)], 42, _hoisted_2);
+			}),
+			128
+			/* KEYED_FRAGMENT */
+		)), $setup.showIndicator ? (vue.openBlock(), vue.createElementBlock(
+			"span",
+			{
+				key: 0,
+				class: "qm-tabs__indicator",
+				"aria-hidden": "true",
+				style: vue.normalizeStyle($setup.indicatorStyle)
+			},
+			null,
+			4
+			/* STYLE */
+		)) : vue.createCommentVNode("v-if", true)], 8, _hoisted_1$1), vue.createElementVNode("div", _hoisted_5, [vue.renderSlot(_ctx.$slots, "default")])],
+		2
+		/* CLASS */
+	);
+}
+const Tabs = /*#__PURE__*/ exportHelper._export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\tabs\\tabs.vue"]]);
+
+const _sfc_main = /* @__PURE__ */ vue.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 = vue.inject(tabsContextKey, null);
+    const state = vue.reactive({
+      name: props.name,
+      label: props.label,
+      disabled: props.disabled
+    });
+    const active = vue.computed(() => context?.activeName.value === state.name);
+    const panelId = vue.computed(() => context ? context.getPanelId(state.name) : void 0);
+    const tabId = vue.computed(() => context ? context.getTabId(state.name) : void 0);
+    vue.onMounted(() => {
+      if (!context)
+        return;
+      if (state.name === "" || state.name === void 0)
+        state.name = `pane-${context.nextSeq()}`;
+      context.register(state);
+    });
+    vue.onBeforeUnmount(() => {
+      context?.unregister(state);
+    });
+    vue.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 vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+		id: $setup.panelId,
+		class: "qm-tab-pane",
+		"data-qm": "tab-pane",
+		role: "tabpanel",
+		"aria-labelledby": $setup.tabId
+	}, [vue.renderSlot(_ctx.$slots, "default")], 8, _hoisted_1)), [[vue.vShow, $setup.active]]);
+}
+const tabPane = /*#__PURE__*/ exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\tabs\\tab-pane.vue"]]);
+
+exports.Tabs = Tabs;
+exports.tabPane = tabPane;
+exports.tabsContextKey = tabsContextKey;
+exports.tabsProps = tabsProps;

package/es/shared/components.CF8Mj5bD.cjs

@@ -0,0 +1,370 @@
+'use strict';
+
+const vue = require('vue');
+const exportHelper = require('./components.DUidQ77e.cjs');
+
+const formProps = {
+  /** 表单数据对象（QmFormItem 通过 prop 名取值） */
+  model: {
+    type: Object,
+    default: () => ({})
+  },
+  /** 标签宽度（string 原样 / number 转 px；空串时走 CSS Token --qm-form-label-width） */
+  labelWidth: { type: [String, Number], default: "" },
+  /** 标签位置：left / right / top */
+  labelPosition: { type: String, default: "right" },
+  /** 行内表单（Item 横排） */
+  inline: { type: Boolean, default: false },
+  /** 整表单禁用（视觉降权 + 交互提示，具体控件禁用需各自传入 disabled） */
+  disabled: { type: Boolean, default: false },
+  /** 校验规则表 */
+  rules: { type: Object, default: () => ({}) }
+};
+const formItemProps = {
+  /** 标签文案 */
+  label: { type: String, default: "" },
+  /** 字段名（从 form.model 取值 + 匹配 form.rules） */
+  prop: { type: String, default: "" },
+  /** 必填标记（红 * + 必填校验；与 rules 中的 required 等效） */
+  required: { type: Boolean, default: false }
+};
+
+function isEmptyValue(value) {
+  return value === void 0 || value === null || value === "" || Array.isArray(value) && value.length === 0;
+}
+const EMAIL_RE = /^[^\s@]+@[^\s@][^\s.@]*\.[^\s@]+$/;
+function lengthOf(value) {
+  return typeof value === "string" || Array.isArray(value) ? value.length : void 0;
+}
+function validateRule(rule, value) {
+  if (rule.required && isEmptyValue(value))
+    return Promise.resolve(rule.message || "\u8BE5\u5B57\u6BB5\u4E3A\u5FC5\u586B\u9879");
+  if (isEmptyValue(value))
+    return Promise.resolve(null);
+  if (rule.type === "email" && !EMAIL_RE.test(String(value)))
+    return Promise.resolve(rule.message || "\u90AE\u7BB1\u683C\u5F0F\u4E0D\u6B63\u786E");
+  if (rule.type === "number" && typeof value !== "number" && Number.isNaN(Number(value)))
+    return Promise.resolve(rule.message || "\u8BF7\u8F93\u5165\u6570\u5B57");
+  const len = lengthOf(value);
+  if (rule.min !== void 0 && len !== void 0 && len < rule.min)
+    return Promise.resolve(rule.message || `\u957F\u5EA6\u4E0D\u80FD\u5C0F\u4E8E ${rule.min}`);
+  if (rule.max !== void 0 && len !== void 0 && len > rule.max)
+    return Promise.resolve(rule.message || `\u957F\u5EA6\u4E0D\u80FD\u5927\u4E8E ${rule.max}`);
+  if (rule.pattern && !rule.pattern.test(String(value)))
+    return Promise.resolve(rule.message || "\u683C\u5F0F\u4E0D\u6B63\u786E");
+  if (rule.validator)
+    return validateValidator(rule, value);
+  return Promise.resolve(null);
+}
+function validateValidator(rule, value) {
+  return new Promise((resolve) => {
+    let settled = false;
+    const done = (err) => {
+      if (settled)
+        return;
+      settled = true;
+      if (err instanceof Error)
+        resolve(err.message);
+      else if (typeof err === "string")
+        resolve(err);
+      else if (typeof err === "boolean")
+        resolve(err ? null : rule.message || "\u6821\u9A8C\u672A\u901A\u8FC7");
+      else resolve(null);
+    };
+    let ret;
+    try {
+      ret = rule.validator(rule, value, done);
+    } catch (error) {
+      done(error);
+      return;
+    }
+    if (ret !== void 0 && ret !== null) {
+      if (ret instanceof Promise)
+        ret.then(done, (error) => done(error));
+      else done(ret);
+    }
+  });
+}
+async function validateValue(value, rules) {
+  const errors = [];
+  for (const rule of rules) {
+    const message = await validateRule(rule, value);
+    if (message)
+      errors.push(message);
+  }
+  return errors;
+}
+const FORM_KEY = Symbol("qm-form");
+function snapshotModel(model) {
+  const raw = vue.toRaw(model);
+  try {
+    return structuredClone(raw);
+  } catch {
+    return { ...raw };
+  }
+}
+function useFormProvide(options) {
+  const { model, rules, labelWidth, labelPosition, inline, disabled } = options;
+  const fields = vue.ref([]);
+  const initialModel = snapshotModel(model.value);
+  function addField(field) {
+    if (!fields.value.includes(field))
+      fields.value.push(field);
+  }
+  function removeField(field) {
+    const idx = fields.value.indexOf(field);
+    if (idx >= 0)
+      fields.value.splice(idx, 1);
+  }
+  const ctx = {
+    model,
+    rules,
+    labelWidth,
+    labelPosition,
+    inline,
+    disabled,
+    initialModel,
+    fields,
+    addField,
+    removeField
+  };
+  vue.provide(FORM_KEY, ctx);
+  return ctx;
+}
+function useFormItem(options) {
+  const { label, prop, required } = options;
+  const form = vue.inject(FORM_KEY, void 0);
+  const errorMessage = vue.ref("");
+  const value = vue.computed(() => {
+    if (!form || !prop.value)
+      return void 0;
+    return form.model.value[prop.value];
+  });
+  const rules = vue.computed(() => {
+    const merged = [];
+    if (required.value)
+      merged.push({ required: true, message: `${label.value || prop.value}\u4E3A\u5FC5\u586B\u9879` });
+    merged.push(...form?.rules.value[prop.value] ?? []);
+    return merged;
+  });
+  const showRequired = vue.computed(
+    () => required.value || rules.value.some((rule) => rule.required)
+  );
+  const labelStyle = vue.computed(() => {
+    if (!form || form.labelPosition.value === "top")
+      return void 0;
+    const width = form.labelWidth.value;
+    if (width === "" || width === void 0)
+      return void 0;
+    return { width: typeof width === "number" ? `${width}px` : width };
+  });
+  async function validate() {
+    if (!form || !prop.value) {
+      errorMessage.value = "";
+      return true;
+    }
+    const errors = await validateValue(value.value, rules.value);
+    errorMessage.value = errors[0] ?? "";
+    return errors.length === 0;
+  }
+  function clearValidate() {
+    errorMessage.value = "";
+  }
+  function resetField() {
+    if (form && prop.value && prop.value in form.initialModel)
+      form.model.value[prop.value] = form.initialModel[prop.value];
+    clearValidate();
+  }
+  const field = {
+    get prop() {
+      return prop.value;
+    },
+    validate,
+    resetField,
+    clearValidate
+  };
+  function registerSelf() {
+    form?.addField(field);
+  }
+  vue.onBeforeUnmount(() => {
+    form?.removeField(field);
+  });
+  return {
+    form,
+    value,
+    errorMessage,
+    rules,
+    showRequired,
+    labelStyle,
+    validate,
+    resetField,
+    clearValidate,
+    registerSelf
+  };
+}
+
+const _sfc_main$1 = /* @__PURE__ */ vue.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: vue.toRef(props, "model"),
+      rules: vue.toRef(props, "rules"),
+      labelWidth: vue.toRef(props, "labelWidth"),
+      labelPosition: vue.toRef(props, "labelPosition"),
+      inline: vue.toRef(props, "inline"),
+      disabled: vue.toRef(props, "disabled")
+    });
+    const rootClass = vue.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 vue.openBlock(), vue.createElementBlock(
+		"form",
+		{
+			class: vue.normalizeClass($setup.rootClass),
+			"data-qm": "form",
+			onSubmit: vue.withModifiers($setup.onSubmit, ["prevent"])
+		},
+		[vue.renderSlot(_ctx.$slots, "default")],
+		34
+		/* CLASS, NEED_HYDRATION */
+	);
+}
+const Form = /*#__PURE__*/ exportHelper._export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\form\\form.vue"]]);
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "QmFormItem" },
+  __name: "form-item",
+  props: formItemProps,
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const controlId = `qm-form-item-control-${vue.useId()}`;
+    const labelId = `qm-form-item-label-${vue.useId()}`;
+    const {
+      errorMessage,
+      showRequired,
+      labelStyle,
+      validate,
+      resetField,
+      clearValidate,
+      registerSelf
+    } = useFormItem({
+      label: vue.toRef(props, "label"),
+      prop: vue.toRef(props, "prop"),
+      required: vue.toRef(props, "required")
+    });
+    vue.onMounted(registerSelf);
+    const rootClass = vue.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 vue.openBlock(), vue.createElementBlock(
+		"div",
+		{
+			class: vue.normalizeClass($setup.rootClass),
+			"data-qm": "form-item"
+		},
+		[_ctx.label || $setup.showRequired ? (vue.openBlock(), vue.createElementBlock(
+			"label",
+			{
+				key: 0,
+				id: $setup.labelId,
+				for: $setup.controlId,
+				class: "qm-form-item__label",
+				style: vue.normalizeStyle($setup.labelStyle)
+			},
+			[$setup.showRequired ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, "*")) : vue.createCommentVNode("v-if", true), vue.createTextVNode(
+				" " + vue.toDisplayString(_ctx.label),
+				1
+				/* TEXT */
+			)],
+			4
+			/* STYLE */
+		)) : vue.createCommentVNode("v-if", true), vue.createElementVNode("div", _hoisted_2, [vue.renderSlot(_ctx.$slots, "default", {
+			id: $setup.controlId,
+			ariaLabelledby: $setup.labelId
+		}), $setup.errorMessage ? (vue.openBlock(), vue.createElementBlock(
+			"div",
+			_hoisted_3,
+			vue.toDisplayString($setup.errorMessage),
+			1
+			/* TEXT */
+		)) : vue.createCommentVNode("v-if", true)])],
+		2
+		/* CLASS */
+	);
+}
+const formItem = /*#__PURE__*/ exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\form\\form-item.vue"]]);
+
+exports.FORM_KEY = FORM_KEY;
+exports.Form = Form;
+exports.formItem = formItem;
+exports.formItemProps = formItemProps;
+exports.formProps = formProps;
+exports.isEmptyValue = isEmptyValue;
+exports.snapshotModel = snapshotModel;
+exports.useFormItem = useFormItem;
+exports.useFormProvide = useFormProvide;
+exports.validateRule = validateRule;
+exports.validateValue = validateValue;