@vunk/form 2.19.12 → 2.19.13

package/components/collapse/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("element-plus"),l=e.defineComponent({__name:"set-attrs",props:{accordion:{type:Boolean}},setup(n){const o=n,c=e.inject(a.collapseContextKey,null);return e.provide(a.collapseContextKey,{...c,accordion:e.computed(()=>o.accordion)}),(t,d)=>e.renderSlot(t.$slots,"default")}}),u=e.defineComponent({name:"VkfCollapse",props:{accordion:{type:Boolean}},setup(n,{slots:o,attrs:c}){return()=>e.h(a.ElCollapse,{accordion:n.accordion,...c},{...o,default:()=>e.h(l,{accordion:n.accordion},{default:()=>{var t;return(t=o.default)==null?void 0:t.call(o)}})})}}),r=u;exports.VkfCollapse=r;exports.default=r;

package/components/collapse/index.d.ts

@@ -0,0 +1,4 @@
+import { ElCollapse } from 'element-plus';
+declare const VkfCollapse: typeof ElCollapse;
+export { VkfCollapse, };
+export default VkfCollapse;

package/components/collapse/index.mjs

@@ -0,0 +1,45 @@
+import { defineComponent as r, inject as p, provide as d, computed as l, renderSlot as i, h as a } from "vue";
+import { collapseContextKey as t, ElCollapse as f } from "element-plus";
+const u = /* @__PURE__ */ r({
+  __name: "set-attrs",
+  props: {
+    accordion: {
+      type: Boolean
+    }
+  },
+  setup(e) {
+    const o = e, c = p(t, null);
+    return d(t, {
+      ...c,
+      // provider to collapse-item,
+      accordion: l(() => o.accordion)
+    }), (n, m) => i(n.$slots, "default");
+  }
+}), s = r({
+  name: "VkfCollapse",
+  props: {
+    accordion: {
+      type: Boolean
+    }
+  },
+  setup(e, { slots: o, attrs: c }) {
+    return () => a(f, {
+      accordion: e.accordion,
+      ...c
+    }, {
+      ...o,
+      default: () => a(u, {
+        accordion: e.accordion
+      }, {
+        default: () => {
+          var n;
+          return (n = o.default) == null ? void 0 : n.call(o);
+        }
+      })
+    });
+  }
+}), x = s;
+export {
+  x as VkfCollapse,
+  x as default
+};

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

@@ -0,0 +1,15 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    accordion: {
+        type: BooleanConstructor;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    accordion: {
+        type: BooleanConstructor;
+    };
+}>> & Readonly<{}>, {
+    accordion: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/components/collapse/src/set-attrs.vue.d.ts

@@ -0,0 +1,23 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    accordion: {
+        type: BooleanConstructor;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    accordion: {
+        type: BooleanConstructor;
+    };
+}>> & Readonly<{}>, {
+    accordion: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/collapse-item/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("element-plus"),d=require("@vunk/form/shared/element-plus"),c={...o.collapseItemProps},f={},C=Object.freeze(Object.defineProperty({__proto__:null,emits:f,props:c},Symbol.toStringTag,{value:"Module"})),i=Symbol("vkfCollapseItemContextKey");function I(l){const t=e.inject(o.collapseContextKey,null),s=e.reactive({activeNames:t==null?void 0:t.activeNames,handleItemClick:t==null?void 0:t.handleItemClick,name:e.computed(()=>e.unref(l.name)),accordion:t==null?void 0:t.accordion});e.provide(i,s)}function _(){return e.inject(i,null)}const u=e.defineComponent({name:"VkfCollapseItem",__name:"index",props:c,setup(l){const t=l,s=d.createCollapseItemBindProps(t),{namespace:m}=o.useNamespace("collapse"),r=o.useIdInjection(),p=`${m.value}-id-${r.prefix}-${r.current++}`,a=e.computed(()=>t.name??p);return I({name:a}),(n,k)=>(e.openBlock(),e.createBlock(e.unref(o.ElCollapseItem),e.mergeProps(e.unref(s),{name:a.value,title:n.title}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:2},[n.$slots.title?{name:"title",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"title")]),key:"0"}:void 0]),1040,["name","title"]))}}),v=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));exports.VkfCollapseItem=u;exports._VkfCollapseItemCtx=C;exports.__VkfCollapseItem=v;exports.default=u;exports.useCollapseItemContext=_;

package/components/collapse-item/index.d.ts

@@ -0,0 +1,6 @@
+import VkfCollapseItem from './src/index.vue';
+export * as __VkfCollapseItem from './src/types';
+export * as _VkfCollapseItemCtx from './src/ctx';
+export { useCollapseItemContext } from './src/use';
+export { VkfCollapseItem, };
+export default VkfCollapseItem;

package/components/collapse-item/index.mjs

@@ -0,0 +1,56 @@
+import { inject as m, reactive as I, computed as i, unref as l, provide as C, defineComponent as _, openBlock as k, createBlock as v, mergeProps as y, createSlots as b, withCtx as r, renderSlot as c } from "vue";
+import { collapseItemProps as j, collapseContextKey as S, useNamespace as P, useIdInjection as $, ElCollapseItem as g } from "element-plus";
+import { createCollapseItemBindProps as h } from "@vunk/form/shared/element-plus";
+const p = {
+  ...j
+}, O = {}, z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  emits: O,
+  props: p
+}, Symbol.toStringTag, { value: "Module" })), u = Symbol("vkfCollapseItemContextKey");
+function V(o) {
+  const e = m(S, null), n = I({
+    activeNames: e == null ? void 0 : e.activeNames,
+    handleItemClick: e == null ? void 0 : e.handleItemClick,
+    name: i(() => l(o.name)),
+    accordion: e == null ? void 0 : e.accordion
+  });
+  C(u, n);
+}
+function M() {
+  return m(u, null);
+}
+const T = /* @__PURE__ */ _({
+  name: "VkfCollapseItem",
+  __name: "index",
+  props: p,
+  setup(o) {
+    const e = o, n = h(e), { namespace: d } = P("collapse"), a = $(), f = `${d.value}-id-${a.prefix}-${a.current++}`, s = i(() => e.name ?? f);
+    return V({ name: s }), (t, x) => (k(), v(l(g), y(l(n), {
+      name: s.value,
+      title: t.title
+    }), b({
+      default: r(() => [
+        c(t.$slots, "default")
+      ]),
+      _: 2
+    }, [
+      t.$slots.title ? {
+        name: "title",
+        fn: r(() => [
+          c(t.$slots, "title")
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1040, ["name", "title"]));
+  }
+}), w = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  T as VkfCollapseItem,
+  z as _VkfCollapseItemCtx,
+  w as __VkfCollapseItem,
+  T as default,
+  M as useCollapseItemContext
+};

package/components/collapse-item/src/ctx.d.ts

@@ -0,0 +1,7 @@
+export declare const props: {
+    title: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    name: import("element-plus/es/utils/index.mjs").EpPropFinalized<(new (...args: any[]) => string | number) | (() => import("element-plus").CollapseActiveName) | (((new (...args: any[]) => string | number) | (() => import("element-plus").CollapseActiveName)) | null)[], unknown, unknown, undefined, boolean>;
+    icon: import("element-plus/es/utils/index.mjs").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, boolean>;
+    disabled: BooleanConstructor;
+};
+export declare const emits: {};

package/components/collapse-item/src/index.vue.d.ts

@@ -0,0 +1,30 @@
+declare var __VLS_9: {}, __VLS_11: {};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_9) => any;
+} & {
+    default?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    title: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    name: import("element-plus/es/utils/index.mjs").EpPropFinalized<(new (...args: any[]) => string | number) | (() => import("element-plus").CollapseActiveName) | (((new (...args: any[]) => string | number) | (() => import("element-plus").CollapseActiveName)) | null)[], unknown, unknown, undefined, boolean>;
+    icon: import("element-plus/es/utils/index.mjs").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, boolean>;
+    disabled: BooleanConstructor;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    title: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    name: import("element-plus/es/utils/index.mjs").EpPropFinalized<(new (...args: any[]) => string | number) | (() => import("element-plus").CollapseActiveName) | (((new (...args: any[]) => string | number) | (() => import("element-plus").CollapseActiveName)) | null)[], unknown, unknown, undefined, boolean>;
+    icon: import("element-plus/es/utils/index.mjs").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, boolean>;
+    disabled: BooleanConstructor;
+}>> & Readonly<{}>, {
+    disabled: boolean;
+    icon: import("element-plus/es/utils/index.mjs").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | null)[], unknown, unknown>;
+    name: import("element-plus/es/utils/index.mjs").EpPropMergeType<(new (...args: any[]) => string | number) | (() => import("element-plus").CollapseActiveName) | ((new (...args: any[]) => string | number) | (() => import("element-plus").CollapseActiveName) | null)[], unknown, unknown>;
+    title: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/collapse-item/src/types.d.ts

@@ -0,0 +1 @@
+export {};

package/components/collapse-item/src/use.d.ts

@@ -0,0 +1,13 @@
+import { MaybeRef } from 'vue';
+export interface CollapseItemContext {
+    /** Unwrapped value of ElCollapse's activeNames: a string in accordion mode,
+     *  an array otherwise. Mutating it drives the native collapse. */
+    activeNames: (string | number)[];
+    handleItemClick: (name: string | number) => void;
+    name: string | number;
+    accordion?: boolean;
+}
+export declare function initCollapseItemContext(props: {
+    name: MaybeRef<string | number>;
+}): void;
+export declare function useCollapseItemContext(): CollapseItemContext | null;

package/components/form/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("element-plus"),_=require("@vunk/core/shared/utils-vue"),g=require("@vunk/core/shared/utils-function"),e=require("vue"),v=require("@vunk/form/components/form-item-renderer"),F=require("@vunk/form/shared/element-plus"),C=require("@vunk/core/shared/helper"),R=require("@vunk/form/components/templates-default"),w=require("@vunk/form/components/templates-layout"),E=require("@vunk/core/shared/utils-object"),q=require("@vunk/form/shared/form"),h=require("@vunk/form/components/renderer-data"),I=require("@vunk/shared/object"),O=require("@vunk/form/components/forms-provider"),T=require("@vunk/shared/function"),j=require("../_plugin-vue_export-helper-BHFhmbuH.js"),y={...u.formProps,labelPosition:{type:String,default:void 0},data:{type:Object,default:()=>({})},formItems:{type:Array,default:()=>[]},readonly:{type:Boolean},elRef:{type:Function,default:()=>g.NOOP},layout:{type:Boolean,default:!1},rowSource:{type:Object,default:()=>({})},colSource:{type:Object,default:()=>({})},segmentAttrs:{type:Object,default:()=>({})}},D=_.bindPropsFactory(y),V={...u.formEmits,setData:t=>t,validate:null,submit:null},L=_.onEmitsFactory(V),$=Object.freeze(Object.defineProperty({__proto__:null,createBindProps:D,createOnEmits:L,emits:V,props:y},Symbol.toStringTag,{value:"Module"})),N=t=>24-t.templateSlots.reduce((o,n)=>{if(!n.span)throw new Error("ElColSource span is required");return o+n.span},0),B=(t,o={})=>{const n=t.span??o.span;if(n==null)throw new Error("genColItem ElColSource span is required");return{...o,templateType:"ElCol",span:n,templateSlots:[E.pickObject(t,{excludes:["span"]})]}},M=(t,o={})=>({...o,templateType:"ElRow",templateSlots:t?[t]:[]}),A=e.defineComponent({__name:"provide-label-postion",props:{labelPosition:null},setup(t){const o=t,n={addField:T.noop},s=e.inject(u.formContextKey,n),a=e.computed(()=>o.labelPosition??s.labelPosition);return e.provide(u.formContextKey,e.reactive({...s===n?n:e.toRefs(s),labelPosition:a})),(c,i)=>e.renderSlot(c.$slots,"default")}}),z=e.defineComponent({name:"VkfForm",components:{VkfRendererData:h.VkfRendererData,ElForm:u.ElForm,VkfFormItemRenderer:v.VkfFormItemRenderer,VkfTemplatesDefault:R.VkfTemplatesDefault,VkfTemplatesLayout:w.VkfTemplatesLayout,VkfFormsSegment:O.VkfFormsSegment,ProvideLabelPostion:A},props:y,emits:V,setup(t,{emit:o}){const n=F.createFormBindProps(t,["model","labelPosition"]),s=F.createFormOnEmits(o),a=e.shallowRef(),c=e.getCurrentInstance();e.provide("vkfFormVm",c),e.provide("elFormRef",a);const i=r=>{a.value=r,t.elRef(r)},d=e.computed(()=>t.layout?t.formItems.reduce((r,l)=>{var S;const m=r.findLast(k=>k.templateType==="ElRow"),p=l.span??t.colSource.span;if(!p)return r.push(l),r;if(!((S=l.templateLayout)!=null&&S.allowEmpty)&&Reflect.has(l,"templateIf")&&!q.genTemplateIfFunc(l.templateIf)(t.data))return r;const f=B(l,I.pickObject({...t.colSource,...l.templateLayout},{excludes:["allowEmpty"]}));return!m||N(m)<p?r.push(M(f,t.rowSource)):m.templateSlots.push(f),r},[]):t.formItems),b=r=>{r.preventDefault(),o("submit",r)};return{formProps:n,formEmits:s,getValue:C.getValue,getRef:i,computed:e.computed,rendererSource:d,handleSubmit:b}}});function H(t,o,n,s,a,c){const i=e.resolveComponent("VkfFormsSegment"),d=e.resolveComponent("VkfTemplatesDefault"),b=e.resolveComponent("VkfTemplatesLayout"),r=e.resolveComponent("VkfFormItemRenderer"),l=e.resolveComponent("VkfRendererData"),m=e.resolveComponent("ProvideLabelPostion"),p=e.resolveComponent("ElForm");return e.openBlock(),e.createBlock(p,e.mergeProps(t.formProps,{ref:t.getRef,class:{"is-readonly":t.readonly},model:t.model||t.data},e.toHandlers(t.formEmits),{onSubmit:t.handleSubmit}),{default:e.withCtx(()=>[e.createVNode(m,{"label-position":t.labelPosition},{default:e.withCtx(()=>[e.createVNode(l,{data:t.data,onSetData:o[0]||(o[0]=f=>t.$emit("setData",f))},{default:e.withCtx(()=>[e.createVNode(i,e.mergeProps({data:t.data},t.segmentAttrs),null,16,["data"]),e.createVNode(r,{source:t.rendererSource},{placeholder:e.withCtx(()=>[e.createVNode(d),e.createVNode(b)]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"rendererTemplate")]),_:3},8,["source"]),e.renderSlot(t.$slots,"default")]),_:3},8,["data"])]),_:3},8,["label-position"])]),_:3},16,["class","model","onSubmit"])}const P=j._export_sfc(z,[["render",H]]),K=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));exports.VkfForm=P;exports._VkfFormCtx=$;exports.__VkfForm=K;exports.default=P;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("element-plus"),_=require("@vunk/core/shared/utils-vue"),R=require("@vunk/core/shared/utils-function"),t=require("vue"),C=require("@vunk/form/components/form-item-renderer"),P=require("@vunk/form/shared/element-plus"),k=require("@vunk/core/shared/helper"),w=require("@vunk/form/components/templates-default"),E=require("@vunk/form/components/templates-layout"),h=require("@vunk/core/shared/utils-object"),q=require("@vunk/form/shared/form"),O=require("@vunk/form/components/renderer-data"),I=require("@vunk/shared/object"),T=require("@vunk/form/components/forms-provider"),j=require("@vunk/shared/function"),g=require("@vunk/form/composables/form-mitt"),D=require("../_plugin-vue_export-helper-BHFhmbuH.js"),y={...d.formProps,labelPosition:{type:String,default:void 0},data:{type:Object,default:()=>({})},formItems:{type:Array,default:()=>[]},readonly:{type:Boolean},elRef:{type:Function,default:()=>R.NOOP},layout:{type:Boolean,default:!1},rowSource:{type:Object,default:()=>({})},colSource:{type:Object,default:()=>({})},segmentAttrs:{type:Object,default:()=>({})}},L=_.bindPropsFactory(y),F={...d.formEmits,setData:e=>e,validate:null,submit:null},$=_.onEmitsFactory(F),M=Object.freeze(Object.defineProperty({__proto__:null,createBindProps:L,createOnEmits:$,emits:F,props:y},Symbol.toStringTag,{value:"Module"})),N=e=>24-e.templateSlots.reduce((o,r)=>{if(!r.span)throw new Error("ElColSource span is required");return o+r.span},0),A=(e,o={})=>{const r=e.span??o.span;if(r==null)throw new Error("genColItem ElColSource span is required");return{...o,templateType:"ElCol",span:r,templateSlots:[h.pickObject(e,{excludes:["span"]})]}},B=(e,o={})=>({...o,templateType:"ElRow",templateSlots:e?[e]:[]}),z=t.defineComponent({__name:"provide-label-postion",props:{labelPosition:null},setup(e){const o=e,r={addField:j.noop},n=t.inject(d.formContextKey,r),f=t.computed(()=>o.labelPosition??n.labelPosition);return t.provide(d.formContextKey,t.reactive({...n===r?r:t.toRefs(n),labelPosition:f})),(s,m)=>t.renderSlot(s.$slots,"default")}});function H(e){const o=t.shallowRef(),r=n=>{if(n){const f=n.validate;n.validate=s=>{const m=f.call(n);return m&&typeof m.then=="function"?m.then(u=>{var i;return(i=e.onAfterValidate)==null||i.call(e,!0),s==null||s(!0),u},u=>{var i;throw(i=e.onAfterValidate)==null||i.call(e,!1,u),s==null||s(!1,u),u}):m}}o.value=n,e.elRef(n)};return t.provide("elFormRef",o),{setFormRef:r,formRef:o}}const K=t.defineComponent({name:"VkfForm",components:{VkfRendererData:O.VkfRendererData,ElForm:d.ElForm,VkfFormItemRenderer:C.VkfFormItemRenderer,VkfTemplatesDefault:w.VkfTemplatesDefault,VkfTemplatesLayout:E.VkfTemplatesLayout,VkfFormsSegment:T.VkfFormsSegment,ProvideLabelPostion:z},props:y,emits:F,setup(e,{emit:o}){const r=P.createFormBindProps(e,["model","labelPosition"]),n=P.createFormOnEmits(o),f=g.initFormMitt(),{setFormRef:s}=H({elRef:e.elRef,onAfterValidate:(l,a)=>{f.emit("afterValidate",{isValid:l,invalidFields:a})}}),m=t.getCurrentInstance();t.provide("vkfFormVm",m);const u=t.computed(()=>e.layout?e.formItems.reduce((l,a)=>{var S;const c=l.findLast(b=>b.templateType==="ElRow"),p=a.span??e.colSource.span;if(!p)return l.push(a),l;if(!((S=a.templateLayout)!=null&&S.allowEmpty)&&Reflect.has(a,"templateIf")&&!q.genTemplateIfFunc(a.templateIf)(e.data))return l;const V=A(a,I.pickObject({...e.colSource,...a.templateLayout},{excludes:["allowEmpty"]}));return!c||N(c)<p?l.push(B(V,e.rowSource)):c.templateSlots.push(V),l},[]):e.formItems),i=l=>{l.preventDefault(),o("submit",l)};return{formProps:r,formEmits:n,getValue:k.getValue,setFormRef:s,computed:t.computed,rendererSource:u,handleSubmit:i}}});function x(e,o,r,n,f,s){const m=t.resolveComponent("VkfFormsSegment"),u=t.resolveComponent("VkfTemplatesDefault"),i=t.resolveComponent("VkfTemplatesLayout"),l=t.resolveComponent("VkfFormItemRenderer"),a=t.resolveComponent("VkfRendererData"),c=t.resolveComponent("ProvideLabelPostion"),p=t.resolveComponent("ElForm");return t.openBlock(),t.createBlock(p,t.mergeProps(e.formProps,{ref:e.setFormRef,class:{"is-readonly":e.readonly},model:e.model||e.data},t.toHandlers(e.formEmits),{onSubmit:e.handleSubmit}),{default:t.withCtx(()=>[t.createVNode(c,{"label-position":e.labelPosition},{default:t.withCtx(()=>[t.createVNode(a,{data:e.data,onSetData:o[0]||(o[0]=V=>e.$emit("setData",V))},{default:t.withCtx(()=>[t.createVNode(m,t.mergeProps({data:e.data},e.segmentAttrs),null,16,["data"]),t.createVNode(l,{source:e.rendererSource},{placeholder:t.withCtx(()=>[t.createVNode(u),t.createVNode(i)]),default:t.withCtx(()=>[t.renderSlot(e.$slots,"rendererTemplate")]),_:3},8,["source"]),t.renderSlot(e.$slots,"default")]),_:3},8,["data"])]),_:3},8,["label-position"])]),_:3},16,["class","model","onSubmit"])}const v=D._export_sfc(K,[["render",x]]),G=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));Object.defineProperty(exports,"useFormMitt",{enumerable:!0,get:()=>g.useFormMitt});exports.VkfForm=v;exports._VkfFormCtx=M;exports.__VkfForm=G;exports.default=v;

package/components/form/index.d.ts

@@ -1,5 +1,6 @@
 import VkfForm from './src/index.vue';
 export * as __VkfForm from './src/types';
 export * as _VkfFormCtx from './src/ctx';
+export { useFormMitt, type FormEmitter } from './src/use';
 export { VkfForm, };
 export default VkfForm;

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，那么