@vunk/form 2.19.4 → 2.19.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("element-plus"),R=require("@vunk/core/shared/utils-vue"),_=require("@vunk/core/shared/utils-function"),t=require("vue"),E=require("@vunk/form/components/form-item-renderer"),F=require("@vunk/form/shared/element-plus"),P=require("@vunk/core/shared/helper"),w=require("@vunk/form/components/templates-default"),C=require("@vunk/form/components/templates-layout"),q=require("@vunk/core/shared/utils-object"),I=require("@vunk/form/shared/form"),O=require("@vunk/form/components/renderer-data"),T=require("@vunk/shared/object"),h=require("@vunk/form/components/forms-provider"),D=require("../_plugin-vue_export-helper-BHFhmbuH.js"),p={...i.formProps,labelPosition:{type:String,default:void 0},data:{type:Object,default:()=>({})},formItems:{type:Array,default:()=>[]},readonly:{type:Boolean},elRef:{type:Function,default:()=>_.NOOP},layout:{type:Boolean,default:!1},rowSource:{type:Object,default:()=>({})},colSource:{type:Object,default:()=>({})},segmentAttrs:{type:Object,default:()=>({})}},j=R.bindPropsFactory(p),d={...i.formEmits,setData:e=>e,validate:null,submit:null},L=R.onEmitsFactory(d),$=Object.freeze(Object.defineProperty({__proto__:null,createBindProps:j,createOnEmits:L,emits:d,props:p},Symbol.toStringTag,{value:"Module"})),B=e=>24-e.templateSlots.reduce((r,n)=>{if(!n.span)throw new Error("ElColSource span is required");return r+n.span},0),N=(e,r={})=>{const n=e.span??r.span;if(n==null)throw new Error("genColItem ElColSource span is required");return{...r,templateType:"ElCol",span:n,templateSlots:[q.pickObject(e,{excludes:["span"]})]}},M=(e,r={})=>({...r,templateType:"ElRow",templateSlots:e?[e]:[]}),A=t.defineComponent({name:"VkfForm",components:{VkfRendererData:O.VkfRendererData,ElForm:i.ElForm,VkfFormItemRenderer:E.VkfFormItemRenderer,VkfTemplatesDefault:w.VkfTemplatesDefault,VkfTemplatesLayout:C.VkfTemplatesLayout,VkfFormsSegment:h.VkfFormsSegment},props:p,emits:d,setup(e,{emit:r}){const n=F.createFormBindProps(e,["model","labelPosition"]),y=t.computed(()=>e.labelPosition),V=F.createFormOnEmits(r),s=t.shallowRef(),m=t.getCurrentInstance();t.provide("vkfFormVm",m),t.provide("elFormRef",s);const u=o=>{s.value=o,e.elRef(o)},c=t.computed(()=>e.layout?e.formItems.reduce((o,l)=>{var k;const a=o.findLast(g=>g.templateType==="ElRow"),S=l.span??e.colSource.span;if(!S)return o.push(l),o;if(!((k=l.templateLayout)!=null&&k.allowEmpty)&&Reflect.has(l,"templateIf")&&!I.genTemplateIfFunc(l.templateIf)(e.data))return o;const b=N(l,T.pickObject({...e.colSource,...l.templateLayout},{excludes:["allowEmpty"]}));return!a||B(a)<S?o.push(M(b,e.rowSource)):a.templateSlots.push(b),o},[]):e.formItems),f=o=>{o.preventDefault(),r("submit",o)};return{formProps:n,formEmits:V,getValue:P.getValue,getRef:u,computed:t.computed,rendererSource:c,handleSubmit:f,labelPosition:y}}});function z(e,r,n,y,V,s){const m=t.resolveComponent("VkfFormsSegment"),u=t.resolveComponent("VkfTemplatesDefault"),c=t.resolveComponent("VkfTemplatesLayout"),f=t.resolveComponent("VkfFormItemRenderer"),o=t.resolveComponent("VkfRendererData"),l=t.resolveComponent("ElForm");return t.openBlock(),t.createBlock(l,t.mergeProps(e.formProps,{ref:e.getRef,class:{"is-readonly":e.readonly},model:e.model||e.data,"label-position":e.labelPosition},t.toHandlers(e.formEmits),{onSubmit:e.handleSubmit}),{default:t.withCtx(()=>[t.createVNode(o,{data:e.data,onSetData:r[0]||(r[0]=a=>e.$emit("setData",a))},{default:t.withCtx(()=>[t.createVNode(m,t.mergeProps({data:e.data},e.segmentAttrs),null,16,["data"]),t.createVNode(f,{source:e.rendererSource},{placeholder:t.withCtx(()=>[t.createVNode(u),t.createVNode(c)]),default:t.withCtx(()=>[t.renderSlot(e.$slots,"rendererTemplate")]),_:3},8,["source"]),t.renderSlot(e.$slots,"default")]),_:3},8,["data"])]),_:3},16,["class","model","label-position","onSubmit"])}const v=D._export_sfc(A,[["render",z]]),H=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));exports.VkfForm=v;exports._VkfFormCtx=$;exports.__VkfForm=H;exports.default=v;
|
|
@@ -4,7 +4,7 @@ export default _default;
|
|
|
4
4
|
declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
5
5
|
labelPosition: {
|
|
6
6
|
type: import("vue").PropType<"left" | "right" | "top" | "start" | "end">;
|
|
7
|
-
default:
|
|
7
|
+
default: undefined;
|
|
8
8
|
};
|
|
9
9
|
data: {
|
|
10
10
|
type: import("vue").PropType<Record<string, any>>;
|
|
@@ -93,7 +93,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
93
93
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
94
94
|
labelPosition: {
|
|
95
95
|
type: import("vue").PropType<"left" | "right" | "top" | "start" | "end">;
|
|
96
|
-
default:
|
|
96
|
+
default: undefined;
|
|
97
97
|
};
|
|
98
98
|
data: {
|
|
99
99
|
type: import("vue").PropType<Record<string, any>>;
|
package/composables/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),C=require("@vunk/shared/function"),M=require("element-plus"),m=require("@vunk/core"),P=(t,n={})=>{a.isRef(t)||(t=a.ref(t));const s={...n,slotsChildren:["default"]};n.slotsChildren&&s.slotsChildren.push(...n.slotsChildren);const e=a.computed(()=>{const c={},g={},I={};function d(T,R=[]){T.forEach((l,h)=>{const i=[...R,h],p={source:l,key:i,nextKey:[...R,h+1],prop:l.prop,id:l.id};c[i.join()]=p,l.prop&&(g[l.prop]=p),l.id&&(I[l.id]=p),l.templateSlots&&(Array.isArray(l.templateSlots)&&(i.push("templateSlots"),d(l.templateSlots,i)),s.slotsChildren.forEach(f=>{Array.isArray(l.templateSlots[f])&&(i.push("templateSlots",f),d(l.templateSlots[f],i))}))})}return d(a.unref(t)),{keyRecord:c,propRecord:g,idRecord:I}});return[t,{manager:e,getManagerInfoByProp:c=>e.value.propRecord[c],getManagerInfoByKey:c=>e.value.keyRecord[c.join()],getManagerInfoById:c=>e.value.idRecord[c]}]},v=()=>a.inject("vkfFormVm",null),E=t=>{const n=v();return a.computed(()=>t.readonly??(n==null?void 0:n.props.readonly)??!1)},D=t=>{const n=a.ref(0),s=a.computed(()=>{n.value;const r=t.value;return r?r.matches(":dir(rtl)")||getComputedStyle(r).direction==="rtl":!1});let e=null;const o=r=>{e==null||e.disconnect(),e=new MutationObserver(()=>{n.value++});let u=r.parentElement;for(;u;)e.observe(u,{attributes:!0,attributeFilter:["dir","style","class"]}),u=u.parentElement};return a.watch(t,r=>{r?o(r):e==null||e.disconnect()},{immediate:!0,flush:"post"}),a.onBeforeUnmount(()=>e==null?void 0:e.disconnect()),s};function j(t,n){const s=D(t),e=a.inject(M.formContextKey,null);return a.computed(()=>{C.noop(t.value);const o=n.value??a.unref(e==null?void 0:e.labelPosition);return o==="start"?s.value?"right":"left":o==="end"?s.value?"left":"right":o})}const S=Symbol("PARENT_KEY"),y=()=>a.inject("vkTemplateInstances",null),k=()=>{const t=y(),n=e=>e==null?void 0:e[S];return{templateInstances:t,getTemplateInstance:e=>{let o=t==null?void 0:t[e];if(o)return o;let r=n(t);for(;r;){if(o=r==null?void 0:r[e],o)return o;r=n(r)}return null},getParent:n}},A=()=>{const t=y(),n=a.shallowReactive({});return n[S]=t,a.provide("vkTemplateInstances",n),n},B=(t,n)=>{const s=a.computed(()=>t.data),r={data:s,emitSetData:u=>{n.emit("setData",{intoUndefined:m.defaultIntoUndefined,...u})},getDataValue:u=>m.getValue(s.value,u,m.defaultIntoUndefined,!0)};return a.provide("vkRendererData",r),r},K=()=>a.inject("vkRendererData",{});exports.initRendererData=B;exports.initTemplateInstances=A;exports.useComputedLabelPosition=j;exports.useComputedReadonly=E;exports.useForm=v;exports.useRendererData=K;exports.useRtl=D;exports.useSourceManager=P;exports.useTemplateInstances=y;exports.useTemplateInstancesContext=k;
|
package/composables/index.mjs
CHANGED
|
@@ -40,10 +40,10 @@ const N = (e, n = {}) => {
|
|
|
40
40
|
getManagerInfoById: (c) => t.value.idRecord[c]
|
|
41
41
|
}
|
|
42
42
|
];
|
|
43
|
-
},
|
|
44
|
-
const n =
|
|
43
|
+
}, V = () => d("vkfFormVm", null), Y = (e) => {
|
|
44
|
+
const n = V();
|
|
45
45
|
return i(() => e.readonly ?? (n == null ? void 0 : n.props.readonly) ?? !1);
|
|
46
|
-
},
|
|
46
|
+
}, j = (e) => {
|
|
47
47
|
const n = v(0), a = i(() => {
|
|
48
48
|
n.value;
|
|
49
49
|
const r = e.value;
|
|
@@ -70,10 +70,10 @@ const N = (e, n = {}) => {
|
|
|
70
70
|
), A(() => t == null ? void 0 : t.disconnect()), a;
|
|
71
71
|
};
|
|
72
72
|
function _(e, n) {
|
|
73
|
-
const a =
|
|
73
|
+
const a = j(e), t = d(P, null);
|
|
74
74
|
return i(() => {
|
|
75
75
|
K(e.value);
|
|
76
|
-
const o = n.value ?? D(t.labelPosition);
|
|
76
|
+
const o = n.value ?? D(t == null ? void 0 : t.labelPosition);
|
|
77
77
|
return o === "start" ? a.value ? "right" : "left" : o === "end" ? a.value ? "left" : "right" : o;
|
|
78
78
|
});
|
|
79
79
|
}
|
|
@@ -120,9 +120,9 @@ export {
|
|
|
120
120
|
O as initTemplateInstances,
|
|
121
121
|
_ as useComputedLabelPosition,
|
|
122
122
|
Y as useComputedReadonly,
|
|
123
|
-
|
|
123
|
+
V as useForm,
|
|
124
124
|
z as useRendererData,
|
|
125
|
-
|
|
125
|
+
j as useRtl,
|
|
126
126
|
N as useSourceManager,
|
|
127
127
|
T as useTemplateInstances,
|
|
128
128
|
L as useTemplateInstancesContext
|