@vunk/form 2.19.1 → 2.19.3

package/components/form/index.mjs

@@ -1,20 +1,25 @@
-import { formProps as w, formEmits as O, ElForm as I } from "element-plus";
-import { bindPropsFactory as T, onEmitsFactory as h } from "@vunk/core/shared/utils-vue";
-import { NOOP as j } from "@vunk/core/shared/utils-function";
-import { defineComponent as v, shallowRef as C, getCurrentInstance as D, provide as g, computed as E, resolveComponent as m, openBlock as P, createBlock as $, mergeProps as R, toHandlers as B, withCtx as f, createVNode as l, renderSlot as _ } from "vue";
-import { VkfFormItemRenderer as L } from "@vunk/form/components/form-item-renderer";
-import { createFormBindProps as A, createFormOnEmits as q } from "@vunk/form/shared/element-plus";
-import { getValue as z } from "@vunk/core/shared/helper";
-import { VkfTemplatesDefault as M } from "@vunk/form/components/templates-default";
-import { VkfTemplatesLayout as N } from "@vunk/form/components/templates-layout";
-import { pickObject as H } from "@vunk/core/shared/utils-object";
-import { genTemplateIfFunc as G } from "@vunk/form/shared/form";
-import { VkfRendererData as J } from "@vunk/form/components/renderer-data";
-import { pickObject as K } from "@vunk/shared/object";
-import { VkfFormsSegment as Q } from "@vunk/form/components/forms-provider";
-import { _ as U } from "../_plugin-vue_export-helper.cjs";
-const d = {
-  ...w,
+import { formProps as I, formEmits as T, ElForm as h } from "element-plus";
+import { bindPropsFactory as j, onEmitsFactory as C } from "@vunk/core/shared/utils-vue";
+import { NOOP as D } from "@vunk/core/shared/utils-function";
+import { defineComponent as L, shallowRef as $, getCurrentInstance as B, computed as l, provide as w, resolveComponent as a, openBlock as A, createBlock as q, mergeProps as v, toHandlers as z, withCtx as f, createVNode as m, renderSlot as O } from "vue";
+import { VkfFormItemRenderer as M } from "@vunk/form/components/form-item-renderer";
+import { createFormBindProps as N, createFormOnEmits as H } from "@vunk/form/shared/element-plus";
+import { getValue as G } from "@vunk/core/shared/helper";
+import { VkfTemplatesDefault as J } from "@vunk/form/components/templates-default";
+import { VkfTemplatesLayout as K } from "@vunk/form/components/templates-layout";
+import { pickObject as Q } from "@vunk/core/shared/utils-object";
+import { genTemplateIfFunc as U } from "@vunk/form/shared/form";
+import { VkfRendererData as W } from "@vunk/form/components/renderer-data";
+import { pickObject as X } from "@vunk/shared/object";
+import { VkfFormsSegment as Y } from "@vunk/form/components/forms-provider";
+import { useComputedLabelPosition as Z } from "@vunk/form/composables";
+import { _ as x } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
+const b = {
+  ...I,
+  labelPosition: {
+    type: String,
+    default: "end"
+  },
   data: {
     type: Object,
     default: () => ({})
@@ -28,7 +33,7 @@ const d = {
   },
   elRef: {
     type: Function,
-    default: () => j
+    default: () => D
   },
   /**
    * 是否开启布局模式
@@ -62,22 +67,22 @@ const d = {
     type: Object,
     default: () => ({})
   }
-}, W = T(d), i = {
-  ...O,
+}, ee = j(b), k = {
+  ...T,
   setData: (e) => e,
   validate: null,
   submit: null
-}, X = h(i), Fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, te = C(k), _e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createBindProps: W,
-  createOnEmits: X,
-  emits: i,
-  props: d
-}, Symbol.toStringTag, { value: "Module" })), Y = (e) => 24 - e.templateSlots.reduce((o, r) => {
+  createBindProps: ee,
+  createOnEmits: te,
+  emits: k,
+  props: b
+}, Symbol.toStringTag, { value: "Module" })), oe = (e) => 24 - e.templateSlots.reduce((o, r) => {
   if (!r.span)
     throw new Error("ElColSource span is required");
   return o + r.span;
-}, 0), Z = (e, o = {}) => {
+}, 0), re = (e, o = {}) => {
   const r = e.span ?? o.span;
   if (r == null)
     throw new Error("genColItem ElColSource span is required");
@@ -86,89 +91,95 @@ const d = {
     templateType: "ElCol",
     span: r,
     templateSlots: [
-      H(e, {
+      Q(e, {
         excludes: ["span"]
       })
     ]
   };
-}, x = (e, o = {}) => ({
+}, ne = (e, o = {}) => ({
   ...o,
   templateType: "ElRow",
   templateSlots: e ? [
     e
   ] : []
-}), ee = v({
+}), ae = L({
   name: "VkfForm",
   components: {
-    VkfRendererData: J,
-    ElForm: I,
-    VkfFormItemRenderer: L,
-    VkfTemplatesDefault: M,
-    VkfTemplatesLayout: N,
-    VkfFormsSegment: Q
+    VkfRendererData: W,
+    ElForm: h,
+    VkfFormItemRenderer: M,
+    VkfTemplatesDefault: J,
+    VkfTemplatesLayout: K,
+    VkfFormsSegment: Y
   },
-  props: d,
-  emits: i,
+  props: b,
+  emits: k,
   setup(e, { emit: o }) {
-    const r = A(e, ["model"]), y = q(o), p = C(), S = D();
-    g("vkfFormVm", S), g("elFormRef", p);
-    const u = (t) => {
-      p.value = t, e.elRef(t);
-    }, c = E(() => e.layout ? e.formItems.reduce((t, n) => {
-      var V;
-      const a = t.findLast((b) => b.templateType === "ElRow"), s = n.span ?? e.colSource.span;
-      if (!s)
+    const r = N(e, ["model", "labelPosition"]), F = H(o), s = $(), g = B(), p = l(() => {
+      var t;
+      return (t = s.value) == null ? void 0 : t.$el;
+    }), u = l(() => e.labelPosition), c = Z(p, u), i = l(() => ({
+      ...r.value,
+      "label-position": c.value
+    }));
+    w("vkfFormVm", g), w("elFormRef", s);
+    const d = (t) => {
+      s.value = t, e.elRef(t);
+    }, y = l(() => e.layout ? e.formItems.reduce((t, n) => {
+      var _;
+      const S = t.findLast((P) => P.templateType === "ElRow"), R = n.span ?? e.colSource.span;
+      if (!R)
         return t.push(n), t;
-      if (!((V = n.templateLayout) != null && V.allowEmpty) && Reflect.has(n, "templateIf") && !G(n.templateIf)(e.data))
+      if (!((_ = n.templateLayout) != null && _.allowEmpty) && Reflect.has(n, "templateIf") && !U(n.templateIf)(e.data))
         return t;
-      const F = Z(n, K({
+      const E = re(n, X({
         ...e.colSource,
         ...n.templateLayout
       }, {
         excludes: ["allowEmpty"]
       }));
-      return !a || Y(a) < s ? t.push(x(F, e.rowSource)) : a.templateSlots.push(F), t;
+      return !S || oe(S) < R ? t.push(ne(E, e.rowSource)) : S.templateSlots.push(E), t;
     }, []) : e.formItems);
     return {
-      formProps: r,
-      formEmits: y,
-      getValue: z,
-      getRef: u,
-      computed: E,
-      rendererSource: c,
+      formProps: i,
+      formEmits: F,
+      getValue: G,
+      getRef: d,
+      computed: l,
+      rendererSource: y,
       handleSubmit: (t) => {
         t.preventDefault(), o("submit", t);
       }
     };
   }
 });
-function te(e, o, r, y, p, S) {
-  const u = m("VkfFormsSegment"), c = m("VkfTemplatesDefault"), k = m("VkfTemplatesLayout"), t = m("VkfFormItemRenderer"), n = m("VkfRendererData"), a = m("ElForm");
-  return P(), $(a, R(e.formProps, {
+function le(e, o, r, F, s, g) {
+  const p = a("VkfFormsSegment"), u = a("VkfTemplatesDefault"), c = a("VkfTemplatesLayout"), i = a("VkfFormItemRenderer"), d = a("VkfRendererData"), y = a("ElForm");
+  return A(), q(y, v(e.formProps, {
     ref: e.getRef,
     class: {
       "is-readonly": e.readonly
     },
     model: e.model || e.data
-  }, B(e.formEmits), { onSubmit: e.handleSubmit }), {
+  }, z(e.formEmits), { onSubmit: e.handleSubmit }), {
     default: f(() => [
-      l(n, {
+      m(d, {
         data: e.data,
-        onSetData: o[0] || (o[0] = (s) => e.$emit("setData", s))
+        onSetData: o[0] || (o[0] = (V) => e.$emit("setData", V))
       }, {
         default: f(() => [
-          l(u, R({ data: e.data }, e.segmentAttrs), null, 16, ["data"]),
-          l(t, { source: e.rendererSource }, {
+          m(p, v({ data: e.data }, e.segmentAttrs), null, 16, ["data"]),
+          m(i, { source: e.rendererSource }, {
             placeholder: f(() => [
-              l(c),
-              l(k)
+              m(u),
+              m(c)
             ]),
             default: f(() => [
-              _(e.$slots, "rendererTemplate")
+              O(e.$slots, "rendererTemplate")
             ]),
             _: 3
           }, 8, ["source"]),
-          _(e.$slots, "default")
+          O(e.$slots, "default")
         ]),
         _: 3
       }, 8, ["data"])
@@ -176,12 +187,12 @@ function te(e, o, r, y, p, S) {
     _: 3
   }, 16, ["class", "model", "onSubmit"]);
 }
-const Ve = /* @__PURE__ */ U(ee, [["render", te]]), be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Pe = /* @__PURE__ */ x(ae, [["render", le]]), we = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Ve as VkfForm,
-  Fe as _VkfFormCtx,
-  be as __VkfForm,
-  Ve as default
+  Pe as VkfForm,
+  _e as _VkfFormCtx,
+  we as __VkfForm,
+  Pe as default
 };

package/components/form/src/ctx.d.ts

@@ -3,6 +3,10 @@ import type { SetDataEvent } from '@vunk/core';
 import { ColItem, RowItem } from './types';
 import { AnyFunc } from '@vunk/shared';
 export declare const props: {
+    labelPosition: {
+        type: PropType<"left" | "right" | "top" | "start" | "end">;
+        default: string;
+    };
     data: {
         type: PropType<Record<string, any>>;
         default: () => {};
@@ -57,7 +61,6 @@ export declare const props: {
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    labelPosition: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, "left" | "right" | "top", unknown, "right", boolean>;
     requireAsteriskPosition: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, "left" | "right", unknown, "left", boolean>;
     labelWidth: import("element-plus/es/utils/index.mjs").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
     labelSuffix: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -77,7 +80,7 @@ export declare const props: {
     };
     disabled: BooleanConstructor;
 };
-export declare const createBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (Extract<"size", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"rules", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"disabled", keyof T2> | Extract<"data", keyof T2> | Extract<"model", keyof T2> | Extract<"requireAsteriskPosition", keyof T2> | Extract<"labelSuffix", keyof T2> | Extract<"statusIcon", keyof T2> | Extract<"validateOnRuleChange", keyof T2> | Extract<"hideRequiredAsterisk", keyof T2> | Extract<"scrollToError", keyof T2> | Extract<"scrollIntoViewOptions", keyof T2> | Extract<"layout", keyof T2> | Extract<"formItems", keyof T2> | Extract<"rowSource", keyof T2> | Extract<"colSource", keyof T2> | Extract<"segmentAttrs", keyof T2>)[]>(propsArg: T2, excludes?: EX | undefined) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"size", keyof T2>, KE> | Exclude<Extract<"elRef", keyof T2>, KE> | Exclude<Extract<"inline", keyof T2>, KE> | Exclude<Extract<"readonly", keyof T2>, KE> | Exclude<Extract<"labelWidth", keyof T2>, KE> | Exclude<Extract<"labelPosition", keyof T2>, KE> | Exclude<Extract<"rules", keyof T2>, KE> | Exclude<Extract<"inlineMessage", keyof T2>, KE> | Exclude<Extract<"showMessage", keyof T2>, KE> | Exclude<Extract<"disabled", keyof T2>, KE> | Exclude<Extract<"data", keyof T2>, KE> | Exclude<Extract<"model", keyof T2>, KE> | Exclude<Extract<"requireAsteriskPosition", keyof T2>, KE> | Exclude<Extract<"labelSuffix", keyof T2>, KE> | Exclude<Extract<"statusIcon", keyof T2>, KE> | Exclude<Extract<"validateOnRuleChange", keyof T2>, KE> | Exclude<Extract<"hideRequiredAsterisk", keyof T2>, KE> | Exclude<Extract<"scrollToError", keyof T2>, KE> | Exclude<Extract<"scrollIntoViewOptions", keyof T2>, KE> | Exclude<Extract<"layout", keyof T2>, KE> | Exclude<Extract<"formItems", keyof T2>, KE> | Exclude<Extract<"rowSource", keyof T2>, KE> | Exclude<Extract<"colSource", keyof T2>, KE> | Exclude<Extract<"segmentAttrs", keyof T2>, KE> : Extract<"size", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"rules", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"disabled", keyof T2> | Extract<"data", keyof T2> | Extract<"model", keyof T2> | Extract<"requireAsteriskPosition", keyof T2> | Extract<"labelSuffix", keyof T2> | Extract<"statusIcon", keyof T2> | Extract<"validateOnRuleChange", keyof T2> | Extract<"hideRequiredAsterisk", keyof T2> | Extract<"scrollToError", keyof T2> | Extract<"scrollIntoViewOptions", keyof T2> | Extract<"layout", keyof T2> | Extract<"formItems", keyof T2> | Extract<"rowSource", keyof T2> | Extract<"colSource", keyof T2> | Extract<"segmentAttrs", keyof T2>]: { [k in Extract<"size", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"rules", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"disabled", keyof T2> | Extract<"data", keyof T2> | Extract<"model", keyof T2> | Extract<"requireAsteriskPosition", keyof T2> | Extract<"labelSuffix", keyof T2> | Extract<"statusIcon", keyof T2> | Extract<"validateOnRuleChange", keyof T2> | Extract<"hideRequiredAsterisk", keyof T2> | Extract<"scrollToError", keyof T2> | Extract<"scrollIntoViewOptions", keyof T2> | Extract<"layout", keyof T2> | Extract<"formItems", keyof T2> | Extract<"rowSource", keyof T2> | Extract<"colSource", keyof T2> | Extract<"segmentAttrs", keyof T2>]: T2[k]; }[P]; }>;
+export declare const createBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (Extract<"size", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"rules", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"disabled", keyof T2> | Extract<"data", keyof T2> | Extract<"model", keyof T2> | Extract<"requireAsteriskPosition", keyof T2> | Extract<"labelSuffix", keyof T2> | Extract<"statusIcon", keyof T2> | Extract<"validateOnRuleChange", keyof T2> | Extract<"hideRequiredAsterisk", keyof T2> | Extract<"scrollToError", keyof T2> | Extract<"scrollIntoViewOptions", keyof T2> | Extract<"layout", keyof T2> | Extract<"formItems", keyof T2> | Extract<"rowSource", keyof T2> | Extract<"colSource", keyof T2> | Extract<"segmentAttrs", keyof T2>)[]>(propsArg: T2, excludes?: EX | undefined) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"size", keyof T2>, KE> | Exclude<Extract<"labelPosition", keyof T2>, KE> | Exclude<Extract<"elRef", keyof T2>, KE> | Exclude<Extract<"inline", keyof T2>, KE> | Exclude<Extract<"readonly", keyof T2>, KE> | Exclude<Extract<"labelWidth", keyof T2>, KE> | Exclude<Extract<"rules", keyof T2>, KE> | Exclude<Extract<"inlineMessage", keyof T2>, KE> | Exclude<Extract<"showMessage", keyof T2>, KE> | Exclude<Extract<"disabled", keyof T2>, KE> | Exclude<Extract<"data", keyof T2>, KE> | Exclude<Extract<"model", keyof T2>, KE> | Exclude<Extract<"requireAsteriskPosition", keyof T2>, KE> | Exclude<Extract<"labelSuffix", keyof T2>, KE> | Exclude<Extract<"statusIcon", keyof T2>, KE> | Exclude<Extract<"validateOnRuleChange", keyof T2>, KE> | Exclude<Extract<"hideRequiredAsterisk", keyof T2>, KE> | Exclude<Extract<"scrollToError", keyof T2>, KE> | Exclude<Extract<"scrollIntoViewOptions", keyof T2>, KE> | Exclude<Extract<"layout", keyof T2>, KE> | Exclude<Extract<"formItems", keyof T2>, KE> | Exclude<Extract<"rowSource", keyof T2>, KE> | Exclude<Extract<"colSource", keyof T2>, KE> | Exclude<Extract<"segmentAttrs", keyof T2>, KE> : Extract<"size", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"rules", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"disabled", keyof T2> | Extract<"data", keyof T2> | Extract<"model", keyof T2> | Extract<"requireAsteriskPosition", keyof T2> | Extract<"labelSuffix", keyof T2> | Extract<"statusIcon", keyof T2> | Extract<"validateOnRuleChange", keyof T2> | Extract<"hideRequiredAsterisk", keyof T2> | Extract<"scrollToError", keyof T2> | Extract<"scrollIntoViewOptions", keyof T2> | Extract<"layout", keyof T2> | Extract<"formItems", keyof T2> | Extract<"rowSource", keyof T2> | Extract<"colSource", keyof T2> | Extract<"segmentAttrs", keyof T2>]: { [k in Extract<"size", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"rules", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"disabled", keyof T2> | Extract<"data", keyof T2> | Extract<"model", keyof T2> | Extract<"requireAsteriskPosition", keyof T2> | Extract<"labelSuffix", keyof T2> | Extract<"statusIcon", keyof T2> | Extract<"validateOnRuleChange", keyof T2> | Extract<"hideRequiredAsterisk", keyof T2> | Extract<"scrollToError", keyof T2> | Extract<"scrollIntoViewOptions", keyof T2> | Extract<"layout", keyof T2> | Extract<"formItems", keyof T2> | Extract<"rowSource", keyof T2> | Extract<"colSource", keyof T2> | Extract<"segmentAttrs", keyof T2>]: T2[k]; }[P]; }>;
 export declare const emits: {
     setData: (e: SetDataEvent) => SetDataEvent;
     validate: null;

package/components/form/src/index.vue.d.ts

@@ -2,6 +2,10 @@ import { RowItem } from './types';
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    labelPosition: {
+        type: import("vue").PropType<"left" | "right" | "top" | "start" | "end">;
+        default: string;
+    };
     data: {
         type: import("vue").PropType<Record<string, any>>;
         default: () => {};
@@ -40,7 +44,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    labelPosition: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, "left" | "right" | "top", unknown, "right", boolean>;
     requireAsteriskPosition: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, "left" | "right", unknown, "left", boolean>;
     labelWidth: import("element-plus/es/utils/index.mjs").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
     labelSuffix: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -61,10 +64,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     disabled: BooleanConstructor;
 }>, {
     formProps: import("vue").ComputedRef<{
+        'label-position': "left" | "right" | "top" | undefined;
         size: import("element-plus/es/utils/index.mjs").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown> | undefined;
         inline: boolean;
         labelWidth: import("element-plus/es/utils/index.mjs").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-        labelPosition: import("element-plus/es/utils/index.mjs").EpPropMergeType<StringConstructor, "left" | "right" | "top", unknown>;
         rules: Partial<Record<string, Record<string, any> | import("element-plus/es/utils/typescript.mjs").Arrayable<import("element-plus").FormItemRule>>> | undefined;
         inlineMessage: boolean;
         showMessage: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -88,6 +91,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     validate: null;
     submit: null;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    labelPosition: {
+        type: import("vue").PropType<"left" | "right" | "top" | "start" | "end">;
+        default: string;
+    };
     data: {
         type: import("vue").PropType<Record<string, any>>;
         default: () => {};
@@ -126,7 +133,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    labelPosition: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, "left" | "right" | "top", unknown, "right", boolean>;
     requireAsteriskPosition: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, "left" | "right", unknown, "left", boolean>;
     labelWidth: import("element-plus/es/utils/index.mjs").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
     labelSuffix: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -150,11 +156,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     onValidate?: ((...args: any[]) => any) | undefined;
     onSetData?: ((e: import("@vunk/core").SetDataEvent) => any) | undefined;
 }>, {
+    labelPosition: "left" | "right" | "top" | "start" | "end";
     elRef: import("@vunk/shared").AnyFunc;
     inline: boolean;
     readonly: boolean;
     labelWidth: import("element-plus/es/utils/index.mjs").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-    labelPosition: import("element-plus/es/utils/index.mjs").EpPropMergeType<StringConstructor, "left" | "right" | "top", unknown>;
     inlineMessage: boolean;
     showMessage: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     disabled: boolean;
@@ -444,7 +450,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     }, {}, {
         ElRow: import("element-plus/es/utils/index.mjs").SFCWithInstall<{
             new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("element-plus").RowProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-                justify: "center" | "start" | "end" | "space-around" | "space-between" | "space-evenly";
+                justify: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
                 tag: string;
                 gutter: number;
             }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -455,7 +461,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 M: {};
                 Defaults: {};
             }, Readonly<import("element-plus").RowProps> & Readonly<{}>, {}, {}, {}, {}, {
-                justify: "center" | "start" | "end" | "space-around" | "space-between" | "space-evenly";
+                justify: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
                 tag: string;
                 gutter: number;
             }>;
@@ -463,7 +469,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             __isTeleport?: never;
             __isSuspense?: never;
         } & import("vue").ComponentOptionsBase<Readonly<import("element-plus").RowProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-            justify: "center" | "start" | "end" | "space-around" | "space-between" | "space-evenly";
+            justify: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
             tag: string;
             gutter: number;
         }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

package/components/form-item/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("element-plus"),g=require("@vunk/core/shared/utils-vue"),e=require("vue"),p=require("@vunk/form/shared/element-plus"),b=require("@vunk/form/composables"),P=require("@vunk/form/composables/element-plus"),y=require("@vunk/core/shared/utils-object"),C=require("@vunk/form/shared/rules"),h=require("../index.cjs"),v={...a.formItemProps,formItemSize:{type:String,default:void 0},formItemSlots:{type:Object,default:void 0},elRef:{type:Function,required:!1},inline:{type:Boolean,default:!1},readonly:{type:Boolean,default:void 0},formItemTip:{type:String,default:void 0},formItemTipClass:null,labelTip:{type:String,default:void 0},information:{type:Boolean,default:!1},prop:null,defaultModelValue:null};Reflect.deleteProperty(v,"size");const f=v,q=g.bindPropsFactory(f),B=Object.freeze(Object.defineProperty({__proto__:null,createBindProps:q,props:f},Symbol.toStringTag,{value:"Module"})),V={key:0,class:"vkf-form-item-label__span"},_={key:2,class:"vkf-form-item-label__actions"},$=e.defineComponent({inheritAttrs:!1,__name:"core",props:{labelTip:{type:String,default:""},formItemTip:{type:String,default:""},formItemTipClass:null,elRef:null,label:null},setup(t){return(r,m)=>(e.openBlock(),e.createBlock(e.unref(a.ElFormItem),e.mergeProps(r.$attrs,{ref:t.elRef,class:["vkf-form-item",{"has-label-actions":r.$slots.labelActions}],label:t.label}),{default:e.withCtx(()=>[e.renderSlot(r.$slots,"before"),e.renderSlot(r.$slots,"default"),e.renderSlot(r.$slots,"after"),t.formItemTip?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["vkf-form-item__tip",t.formItemTipClass])},[e.createElementVNode("span",null,e.toDisplayString(t.formItemTip),1)],2)):e.createCommentVNode("",!0)]),label:e.withCtx(n=>[e.renderSlot(r.$slots,"label",e.normalizeProps(e.guardReactiveProps(n)),()=>[t.label?(e.openBlock(),e.createElementBlock("span",V,e.toDisplayString(n.label),1)):e.createCommentVNode("",!0),t.labelTip?(e.openBlock(),e.createBlock(e.unref(a.ElTooltip),{key:1,content:t.labelTip},{default:e.withCtx(()=>[e.createVNode(e.unref(a.ElButton),{text:"",class:"vkf-form-item-label-tip-button"},{default:e.withCtx(()=>[e.createVNode(e.unref(a.ElIcon),null,{default:e.withCtx(()=>[e.createVNode(e.unref(h.warning_default))]),_:1})]),_:1})]),_:1},8,["content"])):e.createCommentVNode("",!0),r.$slots.labelActions?(e.openBlock(),e.createElementBlock("div",_,[e.renderSlot(r.$slots,"labelActions")])):e.createCommentVNode("",!0)])]),error:e.withCtx(n=>[e.renderSlot(r.$slots,"error",e.normalizeProps(e.guardReactiveProps(n)))]),_:3},16,["class","label"]))}}),k=e.defineComponent({name:"VkfFormItem",props:f,setup(t,{slots:r}){const m=p.createFormItemBindProps(t,["rules"]),n=b.useComputedReadonly(t),{tr:i}=P.useLocale(),d=()=>t.label||i("vkf.formItem.defaultField","该字段"),I=l=>{if(l.message)return;l.required&&(l.message=i("vkf.formItem.required","{label}不能为空",{label:d()}));const o=C.PATTERN_OPTIONS.find(c=>c.value===l.pattern);o&&(l.message=i("vkf.formItem.pattern","输入 {label} {pattern}",{label:d(),pattern:o.title}))},T=e.computed(()=>{let l=[];return!t.rules&&t.required&&l.push({required:!0}),y.isPlainObject(t.rules)&&(l=[t.rules]),Array.isArray(t.rules)&&(l=t.rules,t.required&&!t.rules.find(o=>o.required)&&l.push({required:!0})),l=l.filter(o=>{if(o&&y.isPlainObject(o))return Object.keys(o).filter(S=>!S.startsWith("data-")).length>0}),l.forEach(o=>{I(o)}),l}),{getDataValue:s,emitSetData:u}=b.useRendererData();return setTimeout(()=>{t.defaultModelValue!==void 0&&t.prop&&(s==null?void 0:s(t.prop))===void 0&&(u==null||u({k:t.prop,v:t.defaultModelValue}))}),()=>e.h($,{...m.value,elRef:t.elRef,class:{"is-readonly":n.value,"vkf-form-item--inline":t.inline,"is-empty-label":!t.label,"is-information":t.information},size:t.formItemSize,rules:T.value,formItemTip:t.formItemTip,formItemTipClass:t.formItemTipClass,labelTip:t.labelTip,label:t.label},{...r,...t.formItemSlots})}}),O=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));exports.VkfFormItem=k;exports._VkfFormItemCtx=B;exports.__VkfFormItem=O;exports.default=k;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("element-plus"),h=require("@vunk/core/shared/utils-vue"),e=require("vue"),q=require("@vunk/form/shared/element-plus"),m=require("@vunk/form/composables"),B=require("@vunk/form/composables/element-plus"),v=require("@vunk/core/shared/utils-object"),V=require("@vunk/form/shared/rules"),_=require("../index-DSyxYMB0.js"),I={...a.formItemProps,labelPosition:{type:String,default:void 0},formItemSize:{type:String,default:void 0},formItemSlots:{type:Object,default:void 0},elRef:{type:Function,required:!1},inline:{type:Boolean,default:!1},readonly:{type:Boolean,default:void 0},formItemTip:{type:String,default:void 0},formItemTipClass:null,labelTip:{type:String,default:void 0},information:{type:Boolean,default:!1},prop:null,defaultModelValue:null};Reflect.deleteProperty(I,"size");const c=I,$=h.bindPropsFactory(c),R=Object.freeze(Object.defineProperty({__proto__:null,createBindProps:$,props:c},Symbol.toStringTag,{value:"Module"})),E={key:0,class:"vkf-form-item-label__span"},O={key:2,class:"vkf-form-item-label__actions"},j=e.defineComponent({inheritAttrs:!1,__name:"core",props:{labelTip:{type:String,default:""},formItemTip:{type:String,default:""},formItemTipClass:null,elRef:null,label:null},setup(t){return(o,i)=>(e.openBlock(),e.createBlock(e.unref(a.ElFormItem),e.mergeProps(o.$attrs,{ref:t.elRef,class:["vkf-form-item",{"has-label-actions":o.$slots.labelActions}],label:t.label}),{default:e.withCtx(()=>[e.renderSlot(o.$slots,"before"),e.renderSlot(o.$slots,"default"),e.renderSlot(o.$slots,"after"),t.formItemTip?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["vkf-form-item__tip",t.formItemTipClass])},[e.createElementVNode("span",null,e.toDisplayString(t.formItemTip),1)],2)):e.createCommentVNode("",!0)]),label:e.withCtx(n=>[e.renderSlot(o.$slots,"label",e.normalizeProps(e.guardReactiveProps(n)),()=>[t.label?(e.openBlock(),e.createElementBlock("span",E,e.toDisplayString(n.label),1)):e.createCommentVNode("",!0),t.labelTip?(e.openBlock(),e.createBlock(e.unref(a.ElTooltip),{key:1,content:t.labelTip},{default:e.withCtx(()=>[e.createVNode(e.unref(a.ElButton),{text:"",class:"vkf-form-item-label-tip-button"},{default:e.withCtx(()=>[e.createVNode(e.unref(a.ElIcon),null,{default:e.withCtx(()=>[e.createVNode(e.unref(_.warning_default))]),_:1})]),_:1})]),_:1},8,["content"])):e.createCommentVNode("",!0),o.$slots.labelActions?(e.openBlock(),e.createElementBlock("div",O,[e.renderSlot(o.$slots,"labelActions")])):e.createCommentVNode("",!0)])]),error:e.withCtx(n=>[e.renderSlot(o.$slots,"error",e.normalizeProps(e.guardReactiveProps(n)))]),_:3},16,["class","label"]))}}),k=e.defineComponent({name:"VkfFormItem",props:c,setup(t,{slots:o}){const i=q.createFormItemBindProps(t,["rules"]),n=m.useComputedReadonly(t),{tr:s}=B.useLocale(),d=e.ref(),P=e.computed(()=>i.value.labelPosition??t.labelPosition),T=m.useComputedLabelPosition(d,P),b=()=>t.label||s("vkf.formItem.defaultField","该字段"),S=l=>{if(l.message)return;l.required&&(l.message=s("vkf.formItem.required","{label}不能为空",{label:b()}));const r=V.PATTERN_OPTIONS.find(y=>y.value===l.pattern);r&&(l.message=s("vkf.formItem.pattern","输入 {label} {pattern}",{label:b(),pattern:r.title}))},g=e.computed(()=>{let l=[];return!t.rules&&t.required&&l.push({required:!0}),v.isPlainObject(t.rules)&&(l=[t.rules]),Array.isArray(t.rules)&&(l=t.rules,t.required&&!t.rules.find(r=>r.required)&&l.push({required:!0})),l=l.filter(r=>{if(r&&v.isPlainObject(r))return Object.keys(r).filter(C=>!C.startsWith("data-")).length>0}),l.forEach(r=>{S(r)}),l}),{getDataValue:u,emitSetData:f}=m.useRendererData();setTimeout(()=>{t.defaultModelValue!==void 0&&t.prop&&(u==null?void 0:u(t.prop))===void 0&&(f==null||f({k:t.prop,v:t.defaultModelValue}))});const p=l=>{d.value=(l==null?void 0:l.$el)??l,typeof t.elRef=="function"&&t.elRef(l)};return()=>e.h(j,{...i.value,"label-position":T.value,elRef:p,class:{"is-readonly":n.value,"vkf-form-item--inline":t.inline,"is-empty-label":!t.label,"is-information":t.information},size:t.formItemSize,rules:g.value,formItemTip:t.formItemTip,formItemTipClass:t.formItemTipClass,labelTip:t.labelTip,label:t.label},{...o,...t.formItemSlots})}}),N=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));exports.VkfFormItem=k;exports._VkfFormItemCtx=R;exports.__VkfFormItem=N;exports.default=k;