@vunk/form 2.19.12 → 2.19.15

package/components/form/index.mjs

@@ -1,8 +1,8 @@
-import { formProps as w, formEmits as O, formContextKey as R, ElForm as I } from "element-plus";
-import { bindPropsFactory as C, onEmitsFactory as T } from "@vunk/core/shared/utils-vue";
-import { NOOP as h } from "@vunk/core/shared/utils-function";
-import { defineComponent as v, inject as j, computed as y, provide as S, reactive as D, toRefs as L, renderSlot as k, shallowRef as $, getCurrentInstance as B, resolveComponent as a, openBlock as A, createBlock as q, mergeProps as E, toHandlers as z, withCtx as p, createVNode as s } from "vue";
-import { VkfFormItemRenderer as M } from "@vunk/form/components/form-item-renderer";
+import { formProps as v, formEmits as h, formContextKey as E, ElForm as O } from "element-plus";
+import { bindPropsFactory as I, onEmitsFactory as C } from "@vunk/core/shared/utils-vue";
+import { NOOP as T } from "@vunk/core/shared/utils-function";
+import { defineComponent as w, inject as j, computed as F, provide as V, reactive as D, toRefs as L, renderSlot as b, shallowRef as $, getCurrentInstance as A, resolveComponent as i, openBlock as B, createBlock as M, mergeProps as k, toHandlers as q, withCtx as c, createVNode as p } from "vue";
+import { VkfFormItemRenderer as z } from "@vunk/form/components/form-item-renderer";
 import { createFormBindProps as N, createFormOnEmits as H } from "@vunk/form/shared/element-plus";
 import { getValue as K } from "@vunk/core/shared/helper";
 import { VkfTemplatesDefault as G } from "@vunk/form/components/templates-default";
@@ -13,9 +13,11 @@ 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 { noop as Z } from "@vunk/shared/function";
-import { _ as x } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
+import { initFormMitt as x } from "@vunk/form/composables/form-mitt";
+import { useFormMitt as je } from "@vunk/form/composables/form-mitt";
+import { _ as ee } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
 const _ = {
-  ...w,
+  ...v,
   labelPosition: {
     type: String,
     default: void 0
@@ -33,7 +35,7 @@ const _ = {
   },
   elRef: {
     type: Function,
-    default: () => h
+    default: () => T
   },
   /**
    * 是否开启布局模式
@@ -67,133 +69,165 @@ const _ = {
     type: Object,
     default: () => ({})
   }
-}, ee = C(_), F = {
-  ...O,
+}, te = I(_), P = {
+  ...h,
   setData: (e) => e,
   validate: null,
   submit: null
-}, te = T(F), Ee = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, oe = C(P), he = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createBindProps: ee,
-  createOnEmits: te,
-  emits: F,
+  createBindProps: te,
+  createOnEmits: oe,
+  emits: P,
   props: _
-}, Symbol.toStringTag, { value: "Module" })), oe = (e) => 24 - e.templateSlots.reduce((t, r) => {
-  if (!r.span)
+}, Symbol.toStringTag, { value: "Module" })), re = (e) => 24 - e.templateSlots.reduce((t, o) => {
+  if (!o.span)
     throw new Error("ElColSource span is required");
-  return t + r.span;
-}, 0), re = (e, t = {}) => {
-  const r = e.span ?? t.span;
-  if (r == null)
+  return t + o.span;
+}, 0), ne = (e, t = {}) => {
+  const o = e.span ?? t.span;
+  if (o == null)
     throw new Error("genColItem ElColSource span is required");
   return {
     ...t,
     templateType: "ElCol",
-    span: r,
+    span: o,
     templateSlots: [
       Q(e, {
         excludes: ["span"]
       })
     ]
   };
-}, ne = (e, t = {}) => ({
+}, ae = (e, t = {}) => ({
   ...t,
   templateType: "ElRow",
   templateSlots: e ? [
     e
   ] : []
-}), ae = /* @__PURE__ */ v({
+}), me = /* @__PURE__ */ w({
   __name: "provide-label-postion",
   props: {
     labelPosition: null
   },
   setup(e) {
-    const t = e, r = {
+    const t = e, o = {
       addField: Z
-    }, l = j(R, r), m = y(() => t.labelPosition ?? l.labelPosition);
-    return S(
-      R,
+    }, r = j(E, o), u = F(() => t.labelPosition ?? r.labelPosition);
+    return V(
+      E,
       D({
-        ...l === r ? r : L(l),
-        labelPosition: m
+        ...r === o ? o : L(r),
+        labelPosition: u
       })
-    ), (i, u) => k(i.$slots, "default");
+    ), (a, l) => b(a.$slots, "default");
   }
-}), le = v({
+});
+function le(e) {
+  const t = $(), o = (r) => {
+    if (r) {
+      const u = r.validate;
+      r.validate = (a) => {
+        const l = u.call(r);
+        return l && typeof l.then == "function" ? l.then(
+          (s) => {
+            var f;
+            return (f = e.onAfterValidate) == null || f.call(e, !0), a == null || a(!0), s;
+          },
+          (s) => {
+            var f;
+            throw (f = e.onAfterValidate) == null || f.call(e, !1, s), a == null || a(!1, s), s;
+          }
+        ) : l;
+      };
+    }
+    t.value = r, e.elRef(r);
+  };
+  return V("elFormRef", t), {
+    setFormRef: o,
+    formRef: t
+  };
+}
+const se = w({
   name: "VkfForm",
   components: {
     VkfRendererData: W,
-    ElForm: I,
-    VkfFormItemRenderer: M,
+    ElForm: O,
+    VkfFormItemRenderer: z,
     VkfTemplatesDefault: G,
     VkfTemplatesLayout: J,
     VkfFormsSegment: Y,
-    ProvideLabelPostion: ae
+    ProvideLabelPostion: me
   },
   props: _,
-  emits: F,
+  emits: P,
   setup(e, { emit: t }) {
-    const r = N(e, ["model", "labelPosition"]), l = H(t), m = $(), i = B();
-    S("vkfFormVm", i), S("elFormRef", m);
-    const u = (o) => {
-      m.value = o, e.elRef(o);
-    }, b = y(() => e.layout ? e.formItems.reduce((o, n) => {
-      var g;
-      const f = o.findLast((V) => V.templateType === "ElRow"), c = n.span ?? e.colSource.span;
-      if (!c)
-        return o.push(n), o;
-      if (!((g = n.templateLayout) != null && g.allowEmpty) && Reflect.has(n, "templateIf") && !U(n.templateIf)(e.data))
-        return o;
-      const d = re(n, X({
+    const o = N(e, ["model", "labelPosition"]), r = H(t), u = x(), { setFormRef: a } = le({
+      elRef: e.elRef,
+      onAfterValidate: (n, m) => {
+        u.emit("afterValidate", {
+          isValid: n,
+          invalidFields: m
+        });
+      }
+    }), l = A();
+    V("vkfFormVm", l);
+    const s = F(() => e.layout ? e.formItems.reduce((n, m) => {
+      var R;
+      const d = n.findLast((g) => g.templateType === "ElRow"), y = m.span ?? e.colSource.span;
+      if (!y)
+        return n.push(m), n;
+      if (!((R = m.templateLayout) != null && R.allowEmpty) && Reflect.has(m, "templateIf") && !U(m.templateIf)(e.data))
+        return n;
+      const S = ne(m, X({
         ...e.colSource,
-        ...n.templateLayout
+        ...m.templateLayout
       }, {
         excludes: ["allowEmpty"]
       }));
-      return !f || oe(f) < c ? o.push(ne(d, e.rowSource)) : f.templateSlots.push(d), o;
+      return !d || re(d) < y ? n.push(ae(S, e.rowSource)) : d.templateSlots.push(S), n;
     }, []) : e.formItems);
     return {
-      formProps: r,
-      formEmits: l,
+      formProps: o,
+      formEmits: r,
       getValue: K,
-      getRef: u,
-      computed: y,
-      rendererSource: b,
-      handleSubmit: (o) => {
-        o.preventDefault(), t("submit", o);
+      setFormRef: a,
+      computed: F,
+      rendererSource: s,
+      handleSubmit: (n) => {
+        n.preventDefault(), t("submit", n);
       }
     };
   }
 });
-function se(e, t, r, l, m, i) {
-  const u = a("VkfFormsSegment"), b = a("VkfTemplatesDefault"), P = a("VkfTemplatesLayout"), o = a("VkfFormItemRenderer"), n = a("VkfRendererData"), f = a("ProvideLabelPostion"), c = a("ElForm");
-  return A(), q(c, E(e.formProps, {
-    ref: e.getRef,
+function fe(e, t, o, r, u, a) {
+  const l = i("VkfFormsSegment"), s = i("VkfTemplatesDefault"), f = i("VkfTemplatesLayout"), n = i("VkfFormItemRenderer"), m = i("VkfRendererData"), d = i("ProvideLabelPostion"), y = i("ElForm");
+  return B(), M(y, k(e.formProps, {
+    ref: e.setFormRef,
     class: {
       "is-readonly": e.readonly
     },
     model: e.model || e.data
-  }, z(e.formEmits), { onSubmit: e.handleSubmit }), {
-    default: p(() => [
-      s(f, { "label-position": e.labelPosition }, {
-        default: p(() => [
-          s(n, {
+  }, q(e.formEmits), { onSubmit: e.handleSubmit }), {
+    default: c(() => [
+      p(d, { "label-position": e.labelPosition }, {
+        default: c(() => [
+          p(m, {
             data: e.data,
-            onSetData: t[0] || (t[0] = (d) => e.$emit("setData", d))
+            onSetData: t[0] || (t[0] = (S) => e.$emit("setData", S))
           }, {
-            default: p(() => [
-              s(u, E({ data: e.data }, e.segmentAttrs), null, 16, ["data"]),
-              s(o, { source: e.rendererSource }, {
-                placeholder: p(() => [
-                  s(b),
-                  s(P)
+            default: c(() => [
+              p(l, k({ data: e.data }, e.segmentAttrs), null, 16, ["data"]),
+              p(n, { source: e.rendererSource }, {
+                placeholder: c(() => [
+                  p(s),
+                  p(f)
                 ]),
-                default: p(() => [
-                  k(e.$slots, "rendererTemplate")
+                default: c(() => [
+                  b(e.$slots, "rendererTemplate")
                 ]),
                 _: 3
               }, 8, ["source"]),
-              k(e.$slots, "default")
+              b(e.$slots, "default")
             ]),
             _: 3
           }, 8, ["data"])
@@ -204,12 +238,13 @@ function se(e, t, r, l, m, i) {
     _: 3
   }, 16, ["class", "model", "onSubmit"]);
 }
-const ve = /* @__PURE__ */ x(le, [["render", se]]), we = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Oe = /* @__PURE__ */ ee(se, [["render", fe]]), Ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  ve as VkfForm,
-  Ee as _VkfFormCtx,
-  we as __VkfForm,
-  ve as default
+  Oe as VkfForm,
+  he as _VkfFormCtx,
+  Ie as __VkfForm,
+  Oe as default,
+  je as useFormMitt
 };

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

@@ -81,7 +81,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     }>;
     formEmits: {};
     getValue: (obj: any, k: any, intoUndefined?: import("@vunk/core").IntoUndefined, safe?: boolean) => any;
-    getRef: (e: any) => void;
+    setFormRef: (e: any) => void;
     computed: typeof import("@vue/reactivity").computed;
     rendererSource: import("vue").ComputedRef<any>;
     handleSubmit: (e: Event) => void;

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

@@ -1,7 +1,8 @@
 import { __VkfTemplatesDefault } from '@vunk/form/components/templates-default';
 import { __VkfTemplatesLayout } from '@vunk/form/components/templates-layout';
 import { VueComponentPropsType } from '@vunk/shared';
-import { ElCol } from 'element-plus';
+import { ElCol, FormItemProp } from 'element-plus';
+export type OnValidate = (prop: FormItemProp, isValid: boolean, message: string) => any;
 export type LayoutProps = {
     /**
      * 如果开启 props.layout，那么

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

@@ -0,0 +1,206 @@
+import { AnyFunc } from '@vunk/shared';
+import { FormValidateCallback, FormValidationResult } from 'element-plus';
+export { initFormMitt, type FormEmitter, useFormMitt } from '@vunk/form/composables/form-mitt';
+export declare function initFormRef(props: {
+    elRef: AnyFunc;
+    onAfterValidate?: FormValidateCallback;
+}): {
+    setFormRef: (e: any) => void;
+    formRef: import("vue").ShallowRef<({
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly model?: Record<string, any> | undefined;
+            readonly rules?: import("element-plus").FormRules | undefined;
+            readonly labelPosition?: "left" | "right" | "top" | undefined;
+            readonly requireAsteriskPosition?: "left" | "right" | undefined;
+            readonly labelWidth?: string | number | undefined;
+            readonly labelSuffix?: string | undefined;
+            readonly inline?: boolean | undefined;
+            readonly inlineMessage?: boolean | undefined;
+            readonly statusIcon?: boolean | undefined;
+            readonly showMessage?: boolean | undefined;
+            readonly validateOnRuleChange?: boolean | undefined;
+            readonly hideRequiredAsterisk?: boolean | undefined;
+            readonly scrollToError?: boolean | undefined;
+            readonly scrollIntoViewOptions?: (ScrollIntoViewOptions | boolean) | undefined;
+            readonly size?: import("element-plus").ComponentSize | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly onValidate?: ((prop: import("element-plus").FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+        $attrs: import("vue").Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance | null;
+        $parent: import("vue").ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "validate", prop: import("element-plus").FormItemProp, isValid: boolean, message: string) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("element-plus").FormProps> & Readonly<{
+            onValidate?: ((prop: import("element-plus").FormItemProp, isValid: boolean, message: string) => any) | undefined;
+        }>, {
+            validate: (callback?: FormValidateCallback) => FormValidationResult;
+            validateField: (props?: import("element-plus/es/utils/typescript.mjs").Arrayable<import("element-plus").FormItemProp>, callback?: FormValidateCallback) => FormValidationResult;
+            resetFields: (props?: import("element-plus/es/utils/typescript.mjs").Arrayable<import("element-plus").FormItemProp>) => void;
+            clearValidate: (props?: import("element-plus/es/utils/typescript.mjs").Arrayable<import("element-plus").FormItemProp>) => void;
+            scrollToField: (prop: import("element-plus").FormItemProp) => void;
+            getField: (prop: import("element-plus").FormItemProp) => import("element-plus").FormItemContext | undefined;
+            fields: import("vue").Reactive<import("element-plus").FormItemContext[]>;
+            setInitialValues: (initModel: Record<string, any>) => void;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            validate: (prop: import("element-plus").FormItemProp, isValid: boolean, message: string) => void;
+        }, string, {
+            labelWidth: string | number;
+            labelPosition: "left" | "right" | "top";
+            requireAsteriskPosition: "left" | "right";
+            labelSuffix: string;
+            showMessage: boolean;
+            validateOnRuleChange: boolean;
+            scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+    } & Readonly<{
+        labelWidth: string | number;
+        labelPosition: "left" | "right" | "top";
+        requireAsteriskPosition: "left" | "right";
+        labelSuffix: string;
+        showMessage: boolean;
+        validateOnRuleChange: boolean;
+        scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
+    }> & Omit<Readonly<import("element-plus").FormProps> & Readonly<{
+        onValidate?: ((prop: import("element-plus").FormItemProp, isValid: boolean, message: string) => any) | undefined;
+    }>, "labelPosition" | "labelWidth" | "showMessage" | "validate" | "requireAsteriskPosition" | "labelSuffix" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & {
+        validate: (callback?: FormValidateCallback) => FormValidationResult;
+        validateField: (props?: import("element-plus/es/utils/typescript.mjs").Arrayable<import("element-plus").FormItemProp>, callback?: FormValidateCallback) => FormValidationResult;
+        resetFields: (props?: import("element-plus/es/utils/typescript.mjs").Arrayable<import("element-plus").FormItemProp>) => void;
+        clearValidate: (props?: import("element-plus/es/utils/typescript.mjs").Arrayable<import("element-plus").FormItemProp>) => void;
+        scrollToField: (prop: import("element-plus").FormItemProp) => void;
+        getField: (prop: import("element-plus").FormItemProp) => import("element-plus").FormItemContext | undefined;
+        fields: import("vue").Reactive<import("element-plus").FormItemContext[]>;
+        setInitialValues: (initModel: Record<string, any>) => void;
+    } & {} & import("vue").ComponentCustomProperties & {} & {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    }) | undefined, ({
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly model?: Record<string, any> | undefined;
+            readonly rules?: import("element-plus").FormRules | undefined;
+            readonly labelPosition?: "left" | "right" | "top" | undefined;
+            readonly requireAsteriskPosition?: "left" | "right" | undefined;
+            readonly labelWidth?: string | number | undefined;
+            readonly labelSuffix?: string | undefined;
+            readonly inline?: boolean | undefined;
+            readonly inlineMessage?: boolean | undefined;
+            readonly statusIcon?: boolean | undefined;
+            readonly showMessage?: boolean | undefined;
+            readonly validateOnRuleChange?: boolean | undefined;
+            readonly hideRequiredAsterisk?: boolean | undefined;
+            readonly scrollToError?: boolean | undefined;
+            readonly scrollIntoViewOptions?: (ScrollIntoViewOptions | boolean) | undefined;
+            readonly size?: import("element-plus").ComponentSize | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly onValidate?: ((prop: import("element-plus").FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+        $attrs: import("vue").Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance | null;
+        $parent: import("vue").ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "validate", prop: import("element-plus").FormItemProp, isValid: boolean, message: string) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("element-plus").FormProps> & Readonly<{
+            onValidate?: ((prop: import("element-plus").FormItemProp, isValid: boolean, message: string) => any) | undefined;
+        }>, {
+            validate: (callback?: FormValidateCallback) => FormValidationResult;
+            validateField: (props?: import("element-plus/es/utils/typescript.mjs").Arrayable<import("element-plus").FormItemProp>, callback?: FormValidateCallback) => FormValidationResult;
+            resetFields: (props?: import("element-plus/es/utils/typescript.mjs").Arrayable<import("element-plus").FormItemProp>) => void;
+            clearValidate: (props?: import("element-plus/es/utils/typescript.mjs").Arrayable<import("element-plus").FormItemProp>) => void;
+            scrollToField: (prop: import("element-plus").FormItemProp) => void;
+            getField: (prop: import("element-plus").FormItemProp) => import("element-plus").FormItemContext | undefined;
+            fields: import("vue").Reactive<import("element-plus").FormItemContext[]>;
+            setInitialValues: (initModel: Record<string, any>) => void;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            validate: (prop: import("element-plus").FormItemProp, isValid: boolean, message: string) => void;
+        }, string, {
+            labelWidth: string | number;
+            labelPosition: "left" | "right" | "top";
+            requireAsteriskPosition: "left" | "right";
+            labelSuffix: string;
+            showMessage: boolean;
+            validateOnRuleChange: boolean;
+            scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+    } & Readonly<{
+        labelWidth: string | number;
+        labelPosition: "left" | "right" | "top";
+        requireAsteriskPosition: "left" | "right";
+        labelSuffix: string;
+        showMessage: boolean;
+        validateOnRuleChange: boolean;
+        scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
+    }> & Omit<Readonly<import("element-plus").FormProps> & Readonly<{
+        onValidate?: ((prop: import("element-plus").FormItemProp, isValid: boolean, message: string) => any) | undefined;
+    }>, "labelPosition" | "labelWidth" | "showMessage" | "validate" | "requireAsteriskPosition" | "labelSuffix" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & {
+        validate: (callback?: FormValidateCallback) => FormValidationResult;
+        validateField: (props?: import("element-plus/es/utils/typescript.mjs").Arrayable<import("element-plus").FormItemProp>, callback?: FormValidateCallback) => FormValidationResult;
+        resetFields: (props?: import("element-plus/es/utils/typescript.mjs").Arrayable<import("element-plus").FormItemProp>) => void;
+        clearValidate: (props?: import("element-plus/es/utils/typescript.mjs").Arrayable<import("element-plus").FormItemProp>) => void;
+        scrollToField: (prop: import("element-plus").FormItemProp) => void;
+        getField: (prop: import("element-plus").FormItemProp) => import("element-plus").FormItemContext | undefined;
+        fields: import("vue").Reactive<import("element-plus").FormItemContext[]>;
+        setInitialValues: (initModel: Record<string, any>) => void;
+    } & {} & import("vue").ComponentCustomProperties & {} & {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    }) | undefined>;
+};

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