vft 0.0.281 → 0.0.283

package/lib/components/select/useSelect.d.ts

@@ -153,7 +153,7 @@ declare const useSelect: (props: SelectV2Props, emit: any) => {
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
+                type: import("vue").PropType<"dialog" | "menu" | "grid" | "tree" | "group" | "listbox" | "tooltip" | "navigation">;
             };
             showArrow: {
                 type: import("vue").PropType<boolean>;
@@ -337,7 +337,7 @@ declare const useSelect: (props: SelectV2Props, emit: any) => {
         $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<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
         role: {
-            type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
+            type: import("vue").PropType<"dialog" | "menu" | "grid" | "tree" | "group" | "listbox" | "tooltip" | "navigation">;
         };
         showArrow: {
             type: import("vue").PropType<boolean>;
@@ -571,7 +571,7 @@ declare const useSelect: (props: SelectV2Props, emit: any) => {
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
+                type: import("vue").PropType<"dialog" | "menu" | "grid" | "tree" | "group" | "listbox" | "tooltip" | "navigation">;
             };
             showArrow: {
                 type: import("vue").PropType<boolean>;
@@ -755,7 +755,7 @@ declare const useSelect: (props: SelectV2Props, emit: any) => {
         $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<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
         role: {
-            type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
+            type: import("vue").PropType<"dialog" | "menu" | "grid" | "tree" | "group" | "listbox" | "tooltip" | "navigation">;
         };
         showArrow: {
             type: import("vue").PropType<boolean>;
@@ -990,7 +990,7 @@ declare const useSelect: (props: SelectV2Props, emit: any) => {
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
+                type: import("vue").PropType<"dialog" | "menu" | "grid" | "tree" | "group" | "listbox" | "tooltip" | "navigation">;
             };
             showArrow: {
                 type: import("vue").PropType<boolean>;
@@ -1174,7 +1174,7 @@ declare const useSelect: (props: SelectV2Props, emit: any) => {
         $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<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
         role: {
-            type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
+            type: import("vue").PropType<"dialog" | "menu" | "grid" | "tree" | "group" | "listbox" | "tooltip" | "navigation">;
         };
         showArrow: {
             type: import("vue").PropType<boolean>;
@@ -1408,7 +1408,7 @@ declare const useSelect: (props: SelectV2Props, emit: any) => {
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
+                type: import("vue").PropType<"dialog" | "menu" | "grid" | "tree" | "group" | "listbox" | "tooltip" | "navigation">;
             };
             showArrow: {
                 type: import("vue").PropType<boolean>;
@@ -1592,7 +1592,7 @@ declare const useSelect: (props: SelectV2Props, emit: any) => {
         $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<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
         role: {
-            type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
+            type: import("vue").PropType<"dialog" | "menu" | "grid" | "tree" | "group" | "listbox" | "tooltip" | "navigation">;
         };
         showArrow: {
             type: import("vue").PropType<boolean>;

package/lib/components/super-form/super-form.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),U=require("../col/index.cjs"),W=require("../form/index.cjs"),J=require("../row/index.cjs"),D=require("@vueuse/core"),m=require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const Q=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const X=require("./super-form-action.vue2.cjs"),Y=require("./super-form-item.vue2.cjs"),Z=require("./use/use-auto-focus.cjs"),ee=require("./use/use-form-context.cjs"),te=require("./use/use-form-events.cjs"),oe=require("./use/use-form-values.cjs"),ne=e.defineComponent({name:"vft-super-form"}),re=e.defineComponent({...ne,props:{size:{default:"default"},rowProps:{default:{gutter:20}},baseColProps:{},quickColSpan:{default:3},autoSetPlaceHolder:{type:Boolean,default:!0},schemas:{},autoFocusFirstItem:{type:Boolean,default:!1},submitOnReset:{type:Boolean},mergeDynamicData:{},fieldMapToTime:{},autoSubmitOnEnter:{type:Boolean,default:!0},rulesMessageJoinLabel:{type:Boolean,default:!0},submitOnChange:{type:Boolean},showActionButtonGroup:{type:Boolean,default:!0},autoCleanErrorMessage:{type:Boolean},beforeSubmitFunc:{},submitFunc:{},watchDataIsChange:{type:Boolean},compFullWidth:{type:Boolean,default:!1},actionInline:{type:Boolean,default:!1},resetFunc:{},customLayout:{type:Boolean,default:!1},showResetButton:{type:Boolean,default:!1},showSubmitButton:{type:Boolean,default:!0},showCommonButton:{type:Boolean,default:!1},resetButtonOptions:{},submitButtonOptions:{},commonButtonOptions:{},actionRowOptions:{},disabled:{type:Boolean},model:{},rules:{},labelPosition:{default:"right"},requireAsteriskPosition:{default:"left"},labelWidth:{default:"auto"},labelSuffix:{},inline:{type:Boolean},inlineMessage:{type:Boolean},statusIcon:{type:Boolean},showMessage:{type:Boolean,default:!0},validateOnRuleChange:{type:Boolean,default:!0},hideRequiredAsterisk:{type:Boolean,default:!1},scrollToError:{type:Boolean},scrollIntoViewOptions:{type:Boolean}},emits:["register","reset","submit","field-value-change"],setup(M,{expose:T,emit:x}){const $=Q.useNamespace("super-form"),b=M,k=x,L=e.useAttrs(),s=e.reactive({}),p=e.ref({}),i=e.ref(!1),c=e.ref({}),w=e.ref(),d=e.ref(null),C=e.ref(),o=e.computed(()=>({...b,...e.unref(c)})),a=e.computed(()=>({...L,...b,...e.unref(o)})),u=e.computed(()=>{const t=e.unref(w);return m.cloneDeep(t)}),{handleFormValues:N,initDefault:_}=oe.useFormValues({getProps:o,defaultValueRef:p,getSchema:u,formModel:s});Z.useAutoFocus({getSchema:u,getProps:o,isInitedDefault:i,formElRef:d});const{handleSubmit:l,setFieldsValue:B,clearValidate:q,validate:S,validateField:P,getFieldsValue:h,updateSchema:y,resetSchema:f,appendSchemaByField:A,removeSchemaByField:O,resetFields:v,scrollToField:G,getFieldValue:R}=te.useFormEvents({emit:k,getProps:o,formModel:s,getSchema:u,defaultValueRef:p,formElRef:d,schemaRef:w,handleFormValues:N,initValues:C});ee.createFormContext({resetAction:v,submitAction:l}),e.watch(()=>e.unref(o).model,()=>{const{model:t}=e.unref(o);t&&B(t)},{immediate:!0}),e.watch(()=>e.unref(o).schemas,(t,n)=>{m.isEqual(t,n)||f(t??[])}),e.watch(()=>u.value,t=>{e.nextTick(()=>{}),!e.unref(i)&&t?.length&&(_(),i.value=!0,o.value?.watchDataIsChange&&D.useTimeoutFn(()=>{C.value=h()},40))}),e.watch(()=>s,D.useDebounceFn(()=>{e.unref(o).submitOnChange&&l()},300),{deep:!0});async function V(t){c.value=m.deepMerge(e.unref(c)||{},t),i.value||(f(c.value?.schemas??[]),_())}function z(t,n,r){s[t]=n,r&&r.itemProps}function H(t){const{autoSubmitOnEnter:n}=e.unref(o);if(n&&t.key==="Enter"&&t.target&&t.target instanceof HTMLElement){const r=t.target;r&&r.tagName&&r.tagName.toUpperCase()==="INPUT"&&l()}}const E={getFieldsValue:h,getFieldValue:R,setFieldsValue:B,resetFields:v,updateSchema:y,resetSchema:f,setProps:V,removeSchemaByField:O,appendSchemaByField:A,clearValidate:q,validateField:P,validate:S,submit:l,scrollToField:G};k("register",E);const j=e.computed(()=>m.pick(o.value,["showResetButton","showCommonButton","showSubmitButton","resetButtonOptions","submitButtonOptions","commonButtonOptions","actionRowOptions","actionSpan"])),g=e.useSlots(),F=t=>t?e.h(X.default,j.value,{resetBefore:n=>g.resetBefore?.(n),submitBefore:n=>g.submitBefore?.(n),submitAfter:n=>g.submitAfter?.(n)}):null;return T({getFieldsValue:h,getFieldValue:R,setFieldsValue:B,resetFields:v,updateSchema:y,resetSchema:f,setProps:V,removeSchemaByField:O,appendSchemaByField:A,clearValidate:q,validateField:P,validate:S,submit:l,getSchema:u}),(t,n)=>u.value?.length?(e.openBlock(),e.createBlock(e.unref(W.VftForm),e.mergeProps({key:0},a.value,{ref_key:"formElRef",ref:d,class:e.unref($).b(),model:s,onKeypress:e.withKeys(H,["enter"])}),{default:e.withCtx(()=>[u.value?.length?(e.openBlock(),e.createBlock(e.unref(J.VftRow),e.normalizeProps(e.mergeProps({key:0},a.value?.rowProps)),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"formHeader"),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,r=>(e.openBlock(),e.createBlock(Y.default,{key:r.field,"form-action-type":E,schema:r,"form-props":o.value,"all-default-values":p.value,"form-model":s,"set-form-model":z,"update-schema":e.unref(y)},e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),I=>({name:I,fn:e.withCtx(K=>[e.renderSlot(t.$slots,I,e.mergeProps({ref_for:!0},K||{}))])}))]),1032,["schema","form-props","all-default-values","form-model","update-schema"]))),128)),o.value?.customLayout?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(F(o.value?.showActionButtonGroup&&o.value?.actionInline)),{key:1})):(e.openBlock(),e.createBlock(e.unref(U.VftCol),e.normalizeProps(e.mergeProps({key:0},a.value?.quickColSpan?{span:Math.ceil(24/a.value?.quickColSpan),...a.value?.baseColProps}:{})),{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(F(o.value?.showActionButtonGroup&&o.value?.actionInline))))]),_:1},16))]),_:3},16)):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(F(o.value?.showActionButtonGroup&&!o.value?.actionInline)))),e.renderSlot(t.$slots,"formFooter")]),_:3},16,["class","model"])):e.createCommentVNode("",!0)}});exports.default=re;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),U=require("../col/index.cjs"),W=require("../form/index.cjs"),J=require("../row/index.cjs"),M=require("@vueuse/core"),m=require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const Q=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const X=require("./super-form-action.vue2.cjs"),Y=require("./super-form-item.vue2.cjs"),Z=require("./use/use-auto-focus.cjs"),ee=require("./use/use-form-context.cjs"),te=require("./use/use-form-events.cjs"),oe=require("./use/use-form-values.cjs"),ne=e.defineComponent({name:"vft-super-form"}),re=e.defineComponent({...ne,props:{size:{default:"default"},rowProps:{default:{gutter:20}},baseColProps:{},quickColSpan:{default:3},autoSetPlaceHolder:{type:Boolean,default:!0},schemas:{},autoFocusFirstItem:{type:Boolean,default:!1},submitOnReset:{type:Boolean},mergeDynamicData:{},fieldMapToTime:{},autoSubmitOnEnter:{type:Boolean,default:!0},rulesMessageJoinLabel:{type:Boolean,default:!0},submitOnChange:{type:Boolean},showActionButtonGroup:{type:Boolean,default:!0},autoCleanErrorMessage:{type:Boolean},beforeSubmitFunc:{},submitFunc:{},watchDataIsChange:{type:Boolean},compFullWidth:{type:Boolean,default:!1},actionInline:{type:Boolean,default:!1},resetFunc:{},customLayout:{type:Boolean,default:!1},showResetButton:{type:Boolean,default:!1},showSubmitButton:{type:Boolean,default:!0},showCommonButton:{type:Boolean,default:!1},resetButtonOptions:{},submitButtonOptions:{},commonButtonOptions:{},actionRowOptions:{},disabled:{type:Boolean},model:{},rules:{},labelPosition:{default:"right"},requireAsteriskPosition:{default:"left"},labelWidth:{default:"auto"},labelSuffix:{},inline:{type:Boolean},inlineMessage:{type:Boolean},statusIcon:{type:Boolean},showMessage:{type:Boolean,default:!0},validateOnRuleChange:{type:Boolean,default:!0},hideRequiredAsterisk:{type:Boolean,default:!1},scrollToError:{type:Boolean},scrollIntoViewOptions:{type:Boolean}},emits:["register","reset","submit","field-value-change"],setup(D,{expose:T,emit:x}){const $=Q.useNamespace("super-form"),F=D,k=x,L=e.useAttrs(),s=e.reactive({}),p=e.ref({}),i=e.ref(!1),c=e.ref({}),w=e.ref(),d=e.ref(null),C=e.ref(),o=e.computed(()=>({...F,...e.unref(c)})),a=e.computed(()=>({...L,...F,...e.unref(o)})),u=e.computed(()=>{const t=e.unref(w);return m.cloneDeep(t)}),{handleFormValues:N,initDefault:S}=oe.useFormValues({getProps:o,defaultValueRef:p,getSchema:u,formModel:s});Z.useAutoFocus({getSchema:u,getProps:o,isInitedDefault:i,formElRef:d});const{handleSubmit:l,setFieldsValue:B,clearValidate:q,validate:_,validateField:P,getFieldsValue:h,updateSchema:v,resetSchema:f,appendSchemaByField:A,removeSchemaByField:O,resetFields:y,scrollToField:G,getFieldValue:R}=te.useFormEvents({emit:k,getProps:o,formModel:s,getSchema:u,defaultValueRef:p,formElRef:d,schemaRef:w,handleFormValues:N,initValues:C});ee.createFormContext({resetAction:y,submitAction:l}),e.watch(()=>e.unref(o).model,()=>{const{model:t}=e.unref(o);t&&B(t)},{immediate:!0}),e.watch(()=>e.unref(o).schemas,(t,n)=>{m.isEqual(t,n)||f(t??[])}),e.watch(()=>u.value,t=>{e.nextTick(()=>{}),!e.unref(i)&&t?.length&&(S(),i.value=!0,o.value?.watchDataIsChange&&M.useTimeoutFn(()=>{C.value=h()},40))}),e.watch(()=>s,M.useDebounceFn(()=>{e.unref(o).submitOnChange&&l()},300),{deep:!0});async function V(t){c.value=m.deepMerge(e.unref(c)||{},t),i.value||(f(c.value?.schemas??[]),S())}function z(t,n,r){s[t]=n,r&&r.itemProps}function H(t){const{autoSubmitOnEnter:n}=e.unref(o);if(n&&t.key==="Enter"&&t.target&&t.target instanceof HTMLElement){const r=t.target;r&&r.tagName&&r.tagName.toUpperCase()==="INPUT"&&l()}}const E={getFieldsValue:h,getFieldValue:R,setFieldsValue:B,resetFields:y,updateSchema:v,resetSchema:f,setProps:V,removeSchemaByField:O,appendSchemaByField:A,clearValidate:q,validateField:P,validate:_,submit:l,scrollToField:G};k("register",E);const j=e.computed(()=>m.pick(o.value,["showResetButton","showCommonButton","showSubmitButton","resetButtonOptions","submitButtonOptions","commonButtonOptions","actionRowOptions","actionSpan"])),g=e.useSlots(),b=t=>t?e.h(X.default,j.value,{resetBefore:n=>g.resetBefore?.(n),submitBefore:n=>g.submitBefore?.(n),submitAfter:n=>g.submitAfter?.(n)}):null;return T({getFieldsValue:h,getFieldValue:R,setFieldsValue:B,resetFields:y,updateSchema:v,resetSchema:f,setProps:V,removeSchemaByField:O,appendSchemaByField:A,clearValidate:q,validateField:P,validate:_,submit:l,getSchema:u}),(t,n)=>u.value?.length?(e.openBlock(),e.createBlock(e.unref(W.VftForm),e.mergeProps({key:0},a.value,{ref_key:"formElRef",ref:d,class:e.unref($).b(),model:s,onSubmit:n[0]||(n[0]=e.withModifiers(()=>{},["prevent"])),onKeypress:e.withKeys(H,["enter"])}),{default:e.withCtx(()=>[u.value?.length?(e.openBlock(),e.createBlock(e.unref(J.VftRow),e.normalizeProps(e.mergeProps({key:0},a.value?.rowProps)),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"formHeader"),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,r=>(e.openBlock(),e.createBlock(Y.default,{key:r.field,"form-action-type":E,schema:r,"form-props":o.value,"all-default-values":p.value,"form-model":s,"set-form-model":z,"update-schema":e.unref(v)},e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),I=>({name:I,fn:e.withCtx(K=>[e.renderSlot(t.$slots,I,e.mergeProps({ref_for:!0},K||{}))])}))]),1032,["schema","form-props","all-default-values","form-model","update-schema"]))),128)),o.value?.customLayout?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(b(o.value?.showActionButtonGroup&&o.value?.actionInline)),{key:1})):(e.openBlock(),e.createBlock(e.unref(U.VftCol),e.normalizeProps(e.mergeProps({key:0},a.value?.quickColSpan?{span:Math.ceil(24/a.value?.quickColSpan),...a.value?.baseColProps}:{})),{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(b(o.value?.showActionButtonGroup&&o.value?.actionInline))))]),_:1},16))]),_:3},16)):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(b(o.value?.showActionButtonGroup&&!o.value?.actionInline)))),e.renderSlot(t.$slots,"formFooter")]),_:3},16,["class","model"])):e.createCommentVNode("",!0)}});exports.default=re;