vft 0.0.312 → 0.0.313

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v=require("../col/index.cjs"),G=require("../divider/index.cjs"),$=require("../form/index.cjs");require("@vueuse/core");const c=require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const J=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const t=require("./component-map.cjs"),j=require("./use/helper.cjs");function q(r){return typeof r=="function"||Object.prototype.toString.call(r)==="[object Object]"&&!e.isVNode(r)}const X=e.defineComponent({inheritAttrs:!1}),z=e.defineComponent({...X,__name:"super-form-item",props:{schema:{},formProps:{},allDefaultValues:{},formModel:{},setFormModel:{},updateSchema:{},formActionType:{}},setup(r){const M=J.useNamespace("super-form"),C=e.computed(()=>{const{mergeDynamicData:n}=r.formProps;return{field:r.schema.field,model:r.formModel,values:{...n,...r.allDefaultValues,...r.formModel},schema:r.schema}}),S=e.computed(()=>{let{componentProps:n={}}=r.schema;c.isFunction(n)&&(n=n({schema:r.schema,formModel:r.formModel,formActionType:r.formActionType})??{});const o=new Map([[t.FormCompEnum.DIVIDER,{type:"horizontal"}],[t.FormCompEnum.TEXTAREA,{type:"textarea"}],[t.FormCompEnum.PASSWORD,{type:"password","show-password":!0}],[t.FormCompEnum.INPUT_NUMBER,{type:"number"}],[t.FormCompEnum.CHECKBOX_BUTTON,{useButton:!0}],[t.FormCompEnum.RADIO_BUTTON,{useButton:!0}],[t.FormCompEnum.YEAR_PICKER,{type:t.FormCompEnum.YEAR_PICKER}],[t.FormCompEnum.MONTH_PICKER,{type:t.FormCompEnum.MONTH_PICKER}],[t.FormCompEnum.DATE_PICKER,{type:t.FormCompEnum.DATE_PICKER}],[t.FormCompEnum.DATES_PICKER,{type:t.FormCompEnum.DATES_PICKER}],[t.FormCompEnum.DATETIME_PICKER,{type:t.FormCompEnum.DATETIME_PICKER}],[t.FormCompEnum.WEEK_PICKER,{type:t.FormCompEnum.WEEK_PICKER}],[t.FormCompEnum.TIMERANGE_PICKER,{type:t.FormCompEnum.TIME_PICKER,"is-range":!0,"start-placeholder":"开始时间","end-placeholder":"结束时间"}],[t.FormCompEnum.DATETIMERANGE_PICKER,{type:t.FormCompEnum.DATETIMERANGE_PICKER,"start-placeholder":"开始日期","end-placeholder":"结束日期"}],[t.FormCompEnum.DATERANGE_PICKER,{type:t.FormCompEnum.DATERANGE_PICKER,"start-placeholder":"开始日期","end-placeholder":"结束日期"}],[t.FormCompEnum.MONTHRANGE_PICKER,{type:t.FormCompEnum.MONTHRANGE_PICKER,"start-placeholder":"开始月份","end-placeholder":"结束月份"}]]);return o.has(r.schema.type)&&(n=Object.assign(o.get(r.schema.type)||{},n)),r.formProps.inputMaxLength&&[t.FormCompEnum.INPUT].includes(r.schema.type)&&!n?.maxlength&&(n.maxlength=r.formProps.inputMaxLength),n}),B=e.computed(()=>{const{disabled:n}=r.formProps,{dynamicDisabled:o}=r.schema,{disabled:m=!1}=e.unref(S);let a=!!n||m;return c.isBoolean(o)&&(a=o),c.isFunction(o)&&(a=o(e.unref(C))),a});function K(){const{show:n,ifShow:o}=r.schema;let m=!0,a=!0;return c.isBoolean(n)&&(m=n),c.isBoolean(o)&&(a=o),c.isFunction(n)&&(m=n(e.unref(C))),c.isFunction(o)&&(a=o(e.unref(C))),{isShow:m,isIfShow:a}}function U(){const{rules:n=[],type:o=t.FormCompEnum.INPUT,rulesMessageJoinLabel:m,label:a,title:E,dynamicRule:u,required:P,dynamicRuleAdd:g=!0}=r.schema,p=a||E;if(c.isFunction(u)&&!g)return u(e.unref(C));let s=c.cloneDeep(c.isArray(n)?n:[n]);const{rulesMessageJoinLabel:R}=r.formProps,b=Reflect.has(r.schema,"rulesMessageJoinLabel")?m:R,N=j.createPlaceholderMessage(o,`${b?p:""}`);function y(l,i){const x=l.message||N;return i===void 0||c.isNull(i)||Array.isArray(i)&&i.length===0||typeof i=="string"&&i.trim()===""||typeof i=="object"&&Reflect.has(i,"checked")&&Reflect.has(i,"halfChecked")&&Array.isArray(i.checked)&&Array.isArray(i.halfChecked)&&i.checked.length===0&&i.halfChecked.length===0?Promise.reject(x):Promise.resolve()}const d=c.isFunction(P)?P(e.unref(C)):P,F=[t.FormCompEnum.RADIO,t.FormCompEnum.SELECT,t.FormCompEnum.RADIO,t.FormCompEnum.RADIO_SINGLE,t.FormCompEnum.RADIO_BUTTON,t.FormCompEnum.CHECKBOX,t.FormCompEnum.CHECKBOX_SINGLE,t.FormCompEnum.CHECKBOX_BUTTON].includes(o);d&&(!s||s.length===0?s=[{required:d,validator:y,trigger:F?"change":"blur"}]:s.findIndex(i=>Reflect.has(i,"required"))===-1&&s.unshift({required:d,validator:y,trigger:F?"change":"blur"}));const T=s.findIndex(l=>Reflect.has(l,"required")&&!Reflect.has(l,"validator"));if(T!==-1){const l=s[T],{isShow:i}=K();i||(l.required=!1),o&&(l.message=l.message||N)}const f=s.findIndex(l=>l.min),h=s.findIndex(l=>l.max);function I(l,i,x="all"){const D=s[i],L=D.isNumber?isNaN(l)?l?.length||0:Number(l):l?.length||0;return["min","all"].includes(x)&&L<D.min?Promise.reject(p+"至少为"+D.min+"位"):["max","all"].includes(x)&&L>D.max?Promise.reject(p+"最多"+D.max+"位"):Promise.resolve()}(f!==-1||h!==-1)&&(f!==-1&&h!==-1&&!s[f].validator&&!s[f].message?s[f].validator=(l,i)=>I(i,f):f!==-1&&!s[f].validator&&!s[f].message?s[f].validator=(l,i)=>I(i,f,"min"):h!==-1&&!s[h].validator&&!s[h].message&&(s[h].validator=(l,i)=>I(i,h,"max")));const A=s.findIndex(l=>l.len);if(A!==-1&&(s[A].validator=(l,i)=>i.length!==s[A].len?Promise.reject(p+"必须是"+s[A].len+"位"):Promise.resolve()),c.isFunction(u)&&g){let l=u(e.unref(C));l=c.isArray(l)?l:[l],s=s.concat(l)}return s}const k=()=>{const{renderComponentContent:n,type:o=t.FormCompEnum.INPUT,field:m,changeEvent:a="change",valueField:E,label:u,title:P,placeholderJoinLabel:g=!0}=r.schema;let p=a;t.isInput(o)?p="input":(t.isDatePicker(o)||o===t.FormCompEnum.TIME_PICKER)&&(p="update:modelValue");const s=`on${c.upperFirst(p)}`,R={[s]:(...I)=>{const[A]=I;d[s]&&d[s](...I);const l=A?A.target:null,i=l?l.value:A;r.setFormModel(m,i,r.schema)}},b=t.componentMap.get(o),{autoSetPlaceHolder:N,size:y}=r.formProps,d={clearable:!0,...e.unref(S)};if([t.FormCompEnum.SEARCH].includes(o)||(d.size=e.unref(S)?.size||y,d.disabled=e.unref(B)),!d.disabled&&N&&!t.isRangePicker(o)&&o){const I=u||P;d.placeholder=e.unref(S)?.placeholder||j.createPlaceholderMessage(o,g&&c.isString(I)?I:"")}const T={[E||"model-value"]:r.formModel[m]},f={...R,...d,...T};if(!n)return e.createVNode(b,f,null);const h=c.isFunction(n)?{...n(e.unref(C))}:{default:()=>n};return e.createVNode(b,f,q(h)?h:{default:()=>[h]})};function V(){const{showLabel:n=!0,label:o,title:m,subLabel:a,labelRequired:E}=r.schema;let u=o||m;return u=E?e.createVNode("span",null,[e.createVNode("span",{class:"label-required"},[e.createTextVNode("*")]),e.createVNode("span",null,[u])]):u,n&&u?a?e.createVNode("span",null,[u,e.createTextVNode(" "),e.createVNode("span",{class:"sub-label"},[a])]):u:void 0}const O=e.useSlots();function w(n,o="default",m){if(!n||!Reflect.has(n,o))return null;if(!c.isFunction(n[o]))return console.error(`${o} is not a function!`),null;const a=n[o];return a?a(m):null}function H(){const{itemProps:n,slot:o,render:m,field:a,suffix:E,prefix:u,prefixParentStyle:P}=r.schema,{autoCleanErrorMessage:g,compFullWidth:p}=r.formProps,s=()=>o?w(O,o,e.unref(C)):m?m(e.unref(C)):k(),R=!!E,b=!!u,N=c.isFunction(E)?E(e.unref(C)):E,y=c.isFunction(u)?u(e.unref(C)):u,d=()=>{r.updateSchema([{field:a,itemProps:{error:""}}])},F=()=>e.createVNode($.VftFormItem,e.mergeProps({style:{marginRight:r.formProps.customLayout?"10px":0},prop:a,class:[{[M.is("suffix")]:R},{[M.is("comp-full-width")]:p},M.e("item")]},n,{label:n?.label||n?.title,"onUpdate:error":g?d:()=>{},rules:U()}),{default:()=>[e.createVNode("div",{class:M.e("container")},[e.createVNode("div",{class:M.e("content")},[s(),R&&e.createVNode("span",{class:M.m("suffix")},[N])])])],label:V()?()=>V():void 0});return b?e.createVNode("div",{style:P},[e.createVNode("span",{class:M.m("prefix")},[y]),F()]):F()}return()=>{let n;const{colProps:o={},colSlot:m,renderColContent:a,type:E=t.FormCompEnum.INPUT,render:u,quickColSpan:P}=r.schema;if(!t.componentMap.has(E)&&!a&&!u)return null;const{baseColProps:g={},quickColSpan:p}=r.formProps,s=p?{span:Math.ceil(24/p),...g}:{...g},R=P?{span:Math.ceil(24/P),...o}:{...o},b={...s,...R},{isIfShow:N,isShow:y}=K(),d=e.unref(C),F=()=>m?w(O,m,d):a?a(d):H();if(E===t.FormCompEnum.DIVIDER){let T;return e.createVNode(v.VftCol,e.mergeProps({span:24},R),{default:()=>[e.createVNode(G.VftDivider,e.unref(S),q(T=V())?T:{default:()=>[T]})]})}return N&&(r.formProps.customLayout?F():e.withDirectives(e.createVNode(v.VftCol,b,q(n=F())?n:{default:()=>[n]}),[[e.vShow,y]]))}}});exports.default=z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v=require("../col/index.cjs"),G=require("../divider/index.cjs"),$=require("../form/index.cjs");require("@vueuse/core");const c=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const J=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const t=require("./component-map.cjs"),j=require("./use/helper.cjs");function q(r){return typeof r=="function"||Object.prototype.toString.call(r)==="[object Object]"&&!e.isVNode(r)}const X=e.defineComponent({inheritAttrs:!1}),z=e.defineComponent({...X,__name:"super-form-item",props:{schema:{},formProps:{},allDefaultValues:{},formModel:{},setFormModel:{},updateSchema:{},formActionType:{}},setup(r){const M=J.useNamespace("super-form"),C=e.computed(()=>{const{mergeDynamicData:n}=r.formProps;return{field:r.schema.field,model:r.formModel,values:{...n,...r.allDefaultValues,...r.formModel},schema:r.schema}}),S=e.computed(()=>{let{componentProps:n={}}=r.schema;c.isFunction(n)&&(n=n({schema:r.schema,formModel:r.formModel,formActionType:r.formActionType})??{});const o=new Map([[t.FormCompEnum.DIVIDER,{type:"horizontal"}],[t.FormCompEnum.TEXTAREA,{type:"textarea"}],[t.FormCompEnum.PASSWORD,{type:"password","show-password":!0}],[t.FormCompEnum.INPUT_NUMBER,{type:"number"}],[t.FormCompEnum.CHECKBOX_BUTTON,{useButton:!0}],[t.FormCompEnum.RADIO_BUTTON,{useButton:!0}],[t.FormCompEnum.YEAR_PICKER,{type:t.FormCompEnum.YEAR_PICKER}],[t.FormCompEnum.MONTH_PICKER,{type:t.FormCompEnum.MONTH_PICKER}],[t.FormCompEnum.DATE_PICKER,{type:t.FormCompEnum.DATE_PICKER}],[t.FormCompEnum.DATES_PICKER,{type:t.FormCompEnum.DATES_PICKER}],[t.FormCompEnum.DATETIME_PICKER,{type:t.FormCompEnum.DATETIME_PICKER}],[t.FormCompEnum.WEEK_PICKER,{type:t.FormCompEnum.WEEK_PICKER}],[t.FormCompEnum.TIMERANGE_PICKER,{type:t.FormCompEnum.TIME_PICKER,"is-range":!0,"start-placeholder":"开始时间","end-placeholder":"结束时间"}],[t.FormCompEnum.DATETIMERANGE_PICKER,{type:t.FormCompEnum.DATETIMERANGE_PICKER,"start-placeholder":"开始日期","end-placeholder":"结束日期"}],[t.FormCompEnum.DATERANGE_PICKER,{type:t.FormCompEnum.DATERANGE_PICKER,"start-placeholder":"开始日期","end-placeholder":"结束日期"}],[t.FormCompEnum.MONTHRANGE_PICKER,{type:t.FormCompEnum.MONTHRANGE_PICKER,"start-placeholder":"开始月份","end-placeholder":"结束月份"}]]);return o.has(r.schema.type)&&(n=Object.assign(o.get(r.schema.type)||{},n)),r.formProps.inputMaxLength&&[t.FormCompEnum.INPUT].includes(r.schema.type)&&!n?.maxlength&&(n.maxlength=r.formProps.inputMaxLength),n}),B=e.computed(()=>{const{disabled:n}=r.formProps,{dynamicDisabled:o}=r.schema,{disabled:m=!1}=e.unref(S);let a=!!n||m;return c.isBoolean(o)&&(a=o),c.isFunction(o)&&(a=o(e.unref(C))),a});function K(){const{show:n,ifShow:o}=r.schema;let m=!0,a=!0;return c.isBoolean(n)&&(m=n),c.isBoolean(o)&&(a=o),c.isFunction(n)&&(m=n(e.unref(C))),c.isFunction(o)&&(a=o(e.unref(C))),{isShow:m,isIfShow:a}}function U(){const{rules:n=[],type:o=t.FormCompEnum.INPUT,rulesMessageJoinLabel:m,label:a,title:E,dynamicRule:u,required:P,dynamicRuleAdd:g=!0}=r.schema,p=a||E;if(c.isFunction(u)&&!g)return u(e.unref(C));let s=c.cloneDeep(c.isArray(n)?n:[n]);const{rulesMessageJoinLabel:R}=r.formProps,b=Reflect.has(r.schema,"rulesMessageJoinLabel")?m:R,N=j.createPlaceholderMessage(o,`${b?p:""}`);function y(l,i){const x=l.message||N;return i===void 0||c.isNull(i)||Array.isArray(i)&&i.length===0||typeof i=="string"&&i.trim()===""||typeof i=="object"&&Reflect.has(i,"checked")&&Reflect.has(i,"halfChecked")&&Array.isArray(i.checked)&&Array.isArray(i.halfChecked)&&i.checked.length===0&&i.halfChecked.length===0?Promise.reject(x):Promise.resolve()}const d=c.isFunction(P)?P(e.unref(C)):P,F=[t.FormCompEnum.RADIO,t.FormCompEnum.SELECT,t.FormCompEnum.RADIO,t.FormCompEnum.RADIO_SINGLE,t.FormCompEnum.RADIO_BUTTON,t.FormCompEnum.CHECKBOX,t.FormCompEnum.CHECKBOX_SINGLE,t.FormCompEnum.CHECKBOX_BUTTON].includes(o);d&&(!s||s.length===0?s=[{required:d,validator:y,trigger:F?"change":"blur"}]:s.findIndex(i=>Reflect.has(i,"required"))===-1&&s.unshift({required:d,validator:y,trigger:F?"change":"blur"}));const T=s.findIndex(l=>Reflect.has(l,"required")&&!Reflect.has(l,"validator"));if(T!==-1){const l=s[T],{isShow:i}=K();i||(l.required=!1),o&&(l.message=l.message||N)}const f=s.findIndex(l=>l.min),h=s.findIndex(l=>l.max);function I(l,i,x="all"){const D=s[i],L=D.isNumber?isNaN(l)?l?.length||0:Number(l):l?.length||0;return["min","all"].includes(x)&&L<D.min?Promise.reject(p+"至少为"+D.min+"位"):["max","all"].includes(x)&&L>D.max?Promise.reject(p+"最多"+D.max+"位"):Promise.resolve()}(f!==-1||h!==-1)&&(f!==-1&&h!==-1&&!s[f].validator&&!s[f].message?s[f].validator=(l,i)=>I(i,f):f!==-1&&!s[f].validator&&!s[f].message?s[f].validator=(l,i)=>I(i,f,"min"):h!==-1&&!s[h].validator&&!s[h].message&&(s[h].validator=(l,i)=>I(i,h,"max")));const A=s.findIndex(l=>l.len);if(A!==-1&&(s[A].validator=(l,i)=>i.length!==s[A].len?Promise.reject(p+"必须是"+s[A].len+"位"):Promise.resolve()),c.isFunction(u)&&g){let l=u(e.unref(C));l=c.isArray(l)?l:[l],s=s.concat(l)}return s}const k=()=>{const{renderComponentContent:n,type:o=t.FormCompEnum.INPUT,field:m,changeEvent:a="change",valueField:E,label:u,title:P,placeholderJoinLabel:g=!0}=r.schema;let p=a;t.isInput(o)?p="input":(t.isDatePicker(o)||o===t.FormCompEnum.TIME_PICKER)&&(p="update:modelValue");const s=`on${c.upperFirst(p)}`,R={[s]:(...I)=>{const[A]=I;d[s]&&d[s](...I);const l=A?A.target:null,i=l?l.value:A;r.setFormModel(m,i,r.schema)}},b=t.componentMap.get(o),{autoSetPlaceHolder:N,size:y}=r.formProps,d={clearable:!0,...e.unref(S)};if([t.FormCompEnum.SEARCH].includes(o)||(d.size=e.unref(S)?.size||y,d.disabled=e.unref(B)),!d.disabled&&N&&!t.isRangePicker(o)&&o){const I=u||P;d.placeholder=e.unref(S)?.placeholder||j.createPlaceholderMessage(o,g&&c.isString(I)?I:"")}const T={[E||"model-value"]:r.formModel[m]},f={...R,...d,...T};if(!n)return e.createVNode(b,f,null);const h=c.isFunction(n)?{...n(e.unref(C))}:{default:()=>n};return e.createVNode(b,f,q(h)?h:{default:()=>[h]})};function V(){const{showLabel:n=!0,label:o,title:m,subLabel:a,labelRequired:E}=r.schema;let u=o||m;return u=E?e.createVNode("span",null,[e.createVNode("span",{class:"label-required"},[e.createTextVNode("*")]),e.createVNode("span",null,[u])]):u,n&&u?a?e.createVNode("span",null,[u,e.createTextVNode(" "),e.createVNode("span",{class:"sub-label"},[a])]):u:void 0}const O=e.useSlots();function w(n,o="default",m){if(!n||!Reflect.has(n,o))return null;if(!c.isFunction(n[o]))return console.error(`${o} is not a function!`),null;const a=n[o];return a?a(m):null}function H(){const{itemProps:n,slot:o,render:m,field:a,suffix:E,prefix:u,prefixParentStyle:P}=r.schema,{autoCleanErrorMessage:g,compFullWidth:p}=r.formProps,s=()=>o?w(O,o,e.unref(C)):m?m(e.unref(C)):k(),R=!!E,b=!!u,N=c.isFunction(E)?E(e.unref(C)):E,y=c.isFunction(u)?u(e.unref(C)):u,d=()=>{r.updateSchema([{field:a,itemProps:{error:""}}])},F=()=>e.createVNode($.VftFormItem,e.mergeProps({style:{marginRight:r.formProps.customLayout?"10px":0},prop:a,class:[{[M.is("suffix")]:R},{[M.is("comp-full-width")]:p},M.e("item")]},n,{label:n?.label||n?.title,"onUpdate:error":g?d:()=>{},rules:U()}),{default:()=>[e.createVNode("div",{class:M.e("container")},[e.createVNode("div",{class:M.e("content")},[s(),R&&e.createVNode("span",{class:M.m("suffix")},[N])])])],label:V()?()=>V():void 0});return b?e.createVNode("div",{style:P},[e.createVNode("span",{class:M.m("prefix")},[y]),F()]):F()}return()=>{let n;const{colProps:o={},colSlot:m,renderColContent:a,type:E=t.FormCompEnum.INPUT,render:u,quickColSpan:P}=r.schema;if(!t.componentMap.has(E)&&!a&&!u)return null;const{baseColProps:g={},quickColSpan:p}=r.formProps,s=p?{span:Math.ceil(24/p),...g}:{...g},R=P?{span:Math.ceil(24/P),...o}:{...o},b={...s,...R},{isIfShow:N,isShow:y}=K(),d=e.unref(C),F=()=>m?w(O,m,d):a?a(d):H();if(E===t.FormCompEnum.DIVIDER){let T;return e.createVNode(v.VftCol,e.mergeProps({span:24},R),{default:()=>[e.createVNode(G.VftDivider,e.unref(S),q(T=V())?T:{default:()=>[T]})]})}return N&&(r.formProps.customLayout?F():e.withDirectives(e.createVNode(v.VftCol,b,q(n=F())?n:{default:()=>[n]}),[[e.vShow,y]]))}}});exports.default=z;

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:{},inputMaxLength:{},submitResetReverse:{type:Boolean},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(x,{expose:T,emit:L}){const $=Q.useNamespace("super-form"),F=x,k=L,N=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(()=>({...N,...F,...e.unref(o)})),u=e.computed(()=>{const t=e.unref(w);return m.cloneDeep(t)}),{handleFormValues:S,initDefault:q}=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:_,validate:R,validateField:P,getFieldsValue:h,updateSchema:v,resetSchema:f,appendSchemaByField:A,removeSchemaByField:O,resetFields:y,scrollToField:G,getFieldValue:V}=te.useFormEvents({emit:k,getProps:o,formModel:s,getSchema:u,defaultValueRef:p,formElRef:d,schemaRef:w,handleFormValues:S,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&&(q(),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 E(t){c.value=m.deepMerge(e.unref(c)||{},t),i.value||(f(c.value?.schemas??[]),q())}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 M={getFieldsValue:h,getFieldValue:V,setFieldsValue:B,resetFields:y,updateSchema:v,resetSchema:f,setProps:E,removeSchemaByField:O,appendSchemaByField:A,clearValidate:_,validateField:P,validate:R,submit:l,scrollToField:G};k("register",M);const j=e.computed(()=>m.pick(o.value,["showResetButton","showCommonButton","showSubmitButton","resetButtonOptions","submitButtonOptions","commonButtonOptions","actionRowOptions","actionSpan","submitResetReverse"])),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:V,setFieldsValue:B,resetFields:y,updateSchema:v,resetSchema:f,setProps:E,removeSchemaByField:O,appendSchemaByField:A,clearValidate:_,validateField:P,validate:R,submit:l,getSchema:u,formModel:e.computed(()=>S(s))}),(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":M,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;
+"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("../config-provider/hooks/use-global-config.cjs");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:{},inputMaxLength:{},submitResetReverse:{type:Boolean},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(x,{expose:T,emit:L}){const $=Q.useNamespace("super-form"),F=x,k=L,N=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(()=>({...N,...F,...e.unref(o)})),u=e.computed(()=>{const t=e.unref(w);return m.cloneDeep(t)}),{handleFormValues:q,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:_,validate:R,validateField:P,getFieldsValue:h,updateSchema:v,resetSchema:f,appendSchemaByField:A,removeSchemaByField:O,resetFields:y,scrollToField:G,getFieldValue:V}=te.useFormEvents({emit:k,getProps:o,formModel:s,getSchema:u,defaultValueRef:p,formElRef:d,schemaRef:w,handleFormValues:q,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&&D.useTimeoutFn(()=>{C.value=h()},40))}),e.watch(()=>s,D.useDebounceFn(()=>{e.unref(o).submitOnChange&&l()},300),{deep:!0});async function E(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 M={getFieldsValue:h,getFieldValue:V,setFieldsValue:B,resetFields:y,updateSchema:v,resetSchema:f,setProps:E,removeSchemaByField:O,appendSchemaByField:A,clearValidate:_,validateField:P,validate:R,submit:l,scrollToField:G};k("register",M);const j=e.computed(()=>m.pick(o.value,["showResetButton","showCommonButton","showSubmitButton","resetButtonOptions","submitButtonOptions","commonButtonOptions","actionRowOptions","actionSpan","submitResetReverse"])),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:V,setFieldsValue:B,resetFields:y,updateSchema:v,resetSchema:f,setProps:E,removeSchemaByField:O,appendSchemaByField:A,clearValidate:_,validateField:P,validate:R,submit:l,getSchema:u,formModel:e.computed(()=>q(s))}),(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":M,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;

package/lib/components/switch/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const t=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const r=require("./switch.vue2.cjs"),e=t.withInstall(r.default);exports.VftSwitch=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");const t=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const r=require("./switch.vue2.cjs"),e=t.withInstall(r.default);exports.VftSwitch=e;exports.default=e;

package/lib/components/switch/index.d.ts

@@ -1,11 +1,15 @@
 export declare const VftSwitch: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    value: {
-        type: import("vue").PropType<string | number | boolean>;
+    disabled: {
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
     width: {
         type: import("vue").PropType<string | number>;
     };
+    value: {
+        type: import("vue").PropType<string | number | boolean>;
+        default: boolean;
+    };
     borderColor: {
         type: import("vue").PropType<string>;
     };
@@ -15,10 +19,6 @@ export declare const VftSwitch: import("vft/es/utils").SFCWithInstall<import("vu
     id: {
         type: import("vue").PropType<string>;
     };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     size: {
         type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
     };
@@ -74,17 +74,21 @@ export declare const VftSwitch: import("vft/es/utils").SFCWithInstall<import("vu
     focus: () => void;
     checked: import("vue").ComputedRef<boolean>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    input: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
     change: (...args: any[]) => void;
-    input: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    value: {
-        type: import("vue").PropType<string | number | boolean>;
+    disabled: {
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
     width: {
         type: import("vue").PropType<string | number>;
     };
+    value: {
+        type: import("vue").PropType<string | number | boolean>;
+        default: boolean;
+    };
     borderColor: {
         type: import("vue").PropType<string>;
     };
@@ -94,10 +98,6 @@ export declare const VftSwitch: import("vft/es/utils").SFCWithInstall<import("vu
     id: {
         type: import("vue").PropType<string>;
     };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     size: {
         type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
     };
@@ -150,12 +150,12 @@ export declare const VftSwitch: import("vft/es/utils").SFCWithInstall<import("vu
         type: import("vue").PropType<Function>;
     };
 }>> & Readonly<{
+    onInput?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
-    onInput?: ((...args: any[]) => any) | undefined;
 }>, {
-    value: boolean | string | number;
     disabled: boolean;
+    value: boolean | string | number;
     modelValue: boolean | string | number;
     loading: boolean;
     validateEvent: boolean;

package/lib/components/switch/switch.vue.d.ts

@@ -42,9 +42,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
      */
     checked: import("vue").ComputedRef<boolean>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    input: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
     change: (...args: any[]) => void;
-    input: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SwitchProps>, {
     modelValue: boolean;
     value: boolean;
@@ -55,12 +55,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     validateEvent: boolean;
     loading: boolean;
 }>>> & Readonly<{
+    onInput?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
-    onInput?: ((...args: any[]) => any) | undefined;
 }>, {
-    value: boolean | string | number;
     disabled: boolean;
+    value: boolean | string | number;
     modelValue: boolean | string | number;
     loading: boolean;
     validateEvent: boolean;

package/lib/components/switch/switch.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("@vft/utils");require("../form/index.cjs");const f=require("../icon/index.cjs"),l=require("../../constants/event.cjs");require("@vueuse/core");const k=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const S=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const b=require("../form/hooks/use-form-item.cjs"),y=require("../form/hooks/use-form-common-props.cjs"),D=["id","aria-checked","aria-disabled","name","true-value","false-value","disabled","tabindex"],A=["aria-hidden"],O=["aria-hidden"],M=["aria-hidden"],U=e.defineComponent({name:"vft-switch"}),F=e.defineComponent({...U,props:{modelValue:{type:[Boolean,String,Number],default:!1},value:{type:[Boolean,String,Number],default:!1},disabled:{type:Boolean,default:!1},width:{},inlinePrompt:{type:Boolean,default:!1},activeIcon:{},inactiveIcon:{},activeText:{},inactiveText:{},activeColor:{},inactiveColor:{},borderColor:{},activeValue:{type:[Boolean,String,Number],default:!0},inactiveValue:{type:[Boolean,String,Number],default:!1},name:{},validateEvent:{type:Boolean,default:!0},id:{},loading:{type:Boolean,default:!1},beforeChange:{},size:{},tabindex:{}},emits:[l.UPDATE_MODEL_EVENT,l.CHANGE_EVENT,l.INPUT_EVENT],setup(B,{expose:N,emit:T}){const t=S.useNamespace("switch"),a=B,r=T,{formItem:V}=b.useFormItem(),g=y.useFormSize(),{inputId:P}=b.useFormItemInputId(a,{formItemContext:V}),c=e.computed(()=>u.singleAttrToObj(a.activeIcon,"icon")),s=e.computed(()=>u.singleAttrToObj(a.inactiveIcon,"icon")),m=y.useFormDisabled(e.computed(()=>a.loading)),p=e.ref(a.modelValue!==!1),d=e.ref(),I=e.ref(),w=e.computed(()=>[t.b(),t.m(g.value),t.is("disabled",m.value),t.is("checked",n.value)]),z=e.computed(()=>({width:u.addUnit(a.width)}));e.watch(()=>a.modelValue,()=>{p.value=!0}),e.watch(()=>a.value,()=>{p.value=!1});const C=e.computed(()=>p.value?a.modelValue:a.value),n=e.computed(()=>C.value===a.activeValue);[a.activeValue,a.inactiveValue].includes(C.value)||(r(l.UPDATE_MODEL_EVENT,a.inactiveValue),r(l.CHANGE_EVENT,a.inactiveValue),r(l.INPUT_EVENT,a.inactiveValue)),e.watch(n,o=>{d.value.checked=o,a.validateEvent&&V?.validate?.("change").catch(i=>k.debugWarn(i))});const v=()=>{const o=n.value?a.inactiveValue:a.activeValue;r(l.UPDATE_MODEL_EVENT,o),r(l.CHANGE_EVENT,o),r(l.INPUT_EVENT,o),e.nextTick(()=>{d.value.checked=n.value})},E=()=>{if(m.value)return;const{beforeChange:o}=a;if(!o){v();return}const i=o();[u.isPromise(i),u.isBoolean(i)].includes(!0)||k.throwError(t.b(),"beforeChange must return type `Promise<boolean>` or `boolean`"),u.isPromise(i)?i.then(h=>{h&&v()}).catch(h=>{k.debugWarn(t.b(),`some error occurred: ${h}`)}):i&&v()},q=e.computed(()=>t.cssVarBlock({...a.activeColor?{"on-color":a.activeColor}:null,...a.inactiveColor?{"off-color":a.inactiveColor}:null,...a.borderColor?{"border-color":a.borderColor}:null})),_=()=>{d.value?.focus?.()};return e.onMounted(()=>{d.value.checked=n.value}),N({focus:_,checked:n}),(o,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(w.value),style:e.normalizeStyle(q.value),onClick:e.withModifiers(E,["prevent"])},[e.createElementVNode("input",{id:e.unref(P),ref_key:"input",ref:d,class:e.normalizeClass(e.unref(t).e("input")),type:"checkbox",role:"switch","aria-checked":n.value,"aria-disabled":e.unref(m),name:o.name,"true-value":o.activeValue,"false-value":o.inactiveValue,disabled:e.unref(m),tabindex:o.tabindex,onChange:v,onKeydown:e.withKeys(E,["enter"])},null,42,D),!o.inlinePrompt&&(o.inactiveIcon||o.inactiveText)?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([e.unref(t).e("label"),e.unref(t).em("label","left"),e.unref(t).is("active",!n.value)])},[s.value?.icon?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),e.normalizeProps(e.mergeProps({key:0},s.value)),null,16)):e.createCommentVNode("",!0),!s.value?.icon&&o.inactiveText?(e.openBlock(),e.createElementBlock("span",{key:1,"aria-hidden":n.value},e.toDisplayString(o.inactiveText),9,A)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("span",{ref_key:"core",ref:I,class:e.normalizeClass(e.unref(t).e("core")),style:e.normalizeStyle(z.value)},[o.inlinePrompt?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("inner"))},[c.value?.icon||s.value?.icon?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),e.normalizeProps(e.mergeProps({key:0},n.value?c.value:s.value)),null,16)):o.activeText||o.inactiveText?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(t).is("text")),"aria-hidden":!n.value},e.toDisplayString(n.value?o.activeText:o.inactiveText),11,O)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).e("action"))},[o.loading?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),{key:0,rotate:"",class:e.normalizeClass(e.unref(t).is("loading")),icon:"icon-loading"},null,8,["class"])):e.createCommentVNode("",!0)],2)],6),!o.inlinePrompt&&(c.value?.icon||o.activeText)?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass([e.unref(t).e("label"),e.unref(t).em("label","right"),e.unref(t).is("active",n.value)])},[c.value?.icon?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),e.normalizeProps(e.mergeProps({key:0},c.value)),null,16)):e.createCommentVNode("",!0),!c.value?.icon&&o.activeText?(e.openBlock(),e.createElementBlock("span",{key:1,"aria-hidden":!n.value},e.toDisplayString(o.activeText),9,M)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],6))}});exports.default=F;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("@vft/utils");require("../form/index.cjs");const f=require("../icon/index.cjs"),l=require("../../constants/event.cjs");require("@vueuse/core");const k=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const S=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const b=require("../form/hooks/use-form-item.cjs"),y=require("../form/hooks/use-form-common-props.cjs"),D=["id","aria-checked","aria-disabled","name","true-value","false-value","disabled","tabindex"],A=["aria-hidden"],O=["aria-hidden"],M=["aria-hidden"],U=e.defineComponent({name:"vft-switch"}),F=e.defineComponent({...U,props:{modelValue:{type:[Boolean,String,Number],default:!1},value:{type:[Boolean,String,Number],default:!1},disabled:{type:Boolean,default:!1},width:{},inlinePrompt:{type:Boolean,default:!1},activeIcon:{},inactiveIcon:{},activeText:{},inactiveText:{},activeColor:{},inactiveColor:{},borderColor:{},activeValue:{type:[Boolean,String,Number],default:!0},inactiveValue:{type:[Boolean,String,Number],default:!1},name:{},validateEvent:{type:Boolean,default:!0},id:{},loading:{type:Boolean,default:!1},beforeChange:{},size:{},tabindex:{}},emits:[l.UPDATE_MODEL_EVENT,l.CHANGE_EVENT,l.INPUT_EVENT],setup(B,{expose:N,emit:T}){const t=S.useNamespace("switch"),a=B,r=T,{formItem:V}=b.useFormItem(),g=y.useFormSize(),{inputId:P}=b.useFormItemInputId(a,{formItemContext:V}),c=e.computed(()=>u.singleAttrToObj(a.activeIcon,"icon")),s=e.computed(()=>u.singleAttrToObj(a.inactiveIcon,"icon")),m=y.useFormDisabled(e.computed(()=>a.loading)),p=e.ref(a.modelValue!==!1),d=e.ref(),I=e.ref(),w=e.computed(()=>[t.b(),t.m(g.value),t.is("disabled",m.value),t.is("checked",n.value)]),z=e.computed(()=>({width:u.addUnit(a.width)}));e.watch(()=>a.modelValue,()=>{p.value=!0}),e.watch(()=>a.value,()=>{p.value=!1});const C=e.computed(()=>p.value?a.modelValue:a.value),n=e.computed(()=>C.value===a.activeValue);[a.activeValue,a.inactiveValue].includes(C.value)||(r(l.UPDATE_MODEL_EVENT,a.inactiveValue),r(l.CHANGE_EVENT,a.inactiveValue),r(l.INPUT_EVENT,a.inactiveValue)),e.watch(n,o=>{d.value.checked=o,a.validateEvent&&V?.validate?.("change").catch(i=>k.debugWarn(i))});const v=()=>{const o=n.value?a.inactiveValue:a.activeValue;r(l.UPDATE_MODEL_EVENT,o),r(l.CHANGE_EVENT,o),r(l.INPUT_EVENT,o),e.nextTick(()=>{d.value.checked=n.value})},E=()=>{if(m.value)return;const{beforeChange:o}=a;if(!o){v();return}const i=o();[u.isPromise(i),u.isBoolean(i)].includes(!0)||k.throwError(t.b(),"beforeChange must return type `Promise<boolean>` or `boolean`"),u.isPromise(i)?i.then(h=>{h&&v()}).catch(h=>{k.debugWarn(t.b(),`some error occurred: ${h}`)}):i&&v()},q=e.computed(()=>t.cssVarBlock({...a.activeColor?{"on-color":a.activeColor}:null,...a.inactiveColor?{"off-color":a.inactiveColor}:null,...a.borderColor?{"border-color":a.borderColor}:null})),_=()=>{d.value?.focus?.()};return e.onMounted(()=>{d.value.checked=n.value}),N({focus:_,checked:n}),(o,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(w.value),style:e.normalizeStyle(q.value),onClick:e.withModifiers(E,["prevent"])},[e.createElementVNode("input",{id:e.unref(P),ref_key:"input",ref:d,class:e.normalizeClass(e.unref(t).e("input")),type:"checkbox",role:"switch","aria-checked":n.value,"aria-disabled":e.unref(m),name:o.name,"true-value":o.activeValue,"false-value":o.inactiveValue,disabled:e.unref(m),tabindex:o.tabindex,onChange:v,onKeydown:e.withKeys(E,["enter"])},null,42,D),!o.inlinePrompt&&(o.inactiveIcon||o.inactiveText)?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([e.unref(t).e("label"),e.unref(t).em("label","left"),e.unref(t).is("active",!n.value)])},[s.value?.icon?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),e.normalizeProps(e.mergeProps({key:0},s.value)),null,16)):e.createCommentVNode("",!0),!s.value?.icon&&o.inactiveText?(e.openBlock(),e.createElementBlock("span",{key:1,"aria-hidden":n.value},e.toDisplayString(o.inactiveText),9,A)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("span",{ref_key:"core",ref:I,class:e.normalizeClass(e.unref(t).e("core")),style:e.normalizeStyle(z.value)},[o.inlinePrompt?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("inner"))},[c.value?.icon||s.value?.icon?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),e.normalizeProps(e.mergeProps({key:0},n.value?c.value:s.value)),null,16)):o.activeText||o.inactiveText?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(t).is("text")),"aria-hidden":!n.value},e.toDisplayString(n.value?o.activeText:o.inactiveText),11,O)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).e("action"))},[o.loading?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),{key:0,rotate:"",class:e.normalizeClass(e.unref(t).is("loading")),icon:"icon-loading"},null,8,["class"])):e.createCommentVNode("",!0)],2)],6),!o.inlinePrompt&&(c.value?.icon||o.activeText)?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass([e.unref(t).e("label"),e.unref(t).em("label","right"),e.unref(t).is("active",n.value)])},[c.value?.icon?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),e.normalizeProps(e.mergeProps({key:0},c.value)),null,16)):e.createCommentVNode("",!0),!c.value?.icon&&o.activeText?(e.openBlock(),e.createElementBlock("span",{key:1,"aria-hidden":!n.value},e.toDisplayString(o.activeText),9,M)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],6))}});exports.default=F;

package/lib/components/table/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const _=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const u=require("./table.vue2.cjs"),e=require("./field.cjs");require("../pagination/index.cjs");require("../super-form/index.cjs");const I=require("./use/use-table.cjs"),E=require("./utils.cjs"),r=_.withInstall(u.default);exports.ACTION_FIELD=e.ACTION_FIELD;exports.CHECKED_FIELD=e.CHECKED_FIELD;exports.CREATE_TIME_FIELD=e.CREATE_TIME_FIELD;exports.DATE_FIELD=e.DATE_FIELD;exports.DATE_TIME_FIELD=e.DATE_TIME_FIELD;exports.ID_FIELD=e.ID_FIELD;exports.NAME_FIELD=e.NAME_FIELD;exports.SEQ_FIELD=e.SEQ_FIELD;exports.STATUS_FIELD=e.STATUS_FIELD;exports.UPDATE_TIME_FIELD=e.UPDATE_TIME_FIELD;exports.useTable=I.useTable;exports.addRequire=E.addRequire;exports.removeRequire=E.removeRequire;exports.selectMapping=E.selectMapping;exports.VftTable=r;exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");const _=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const u=require("./table.vue2.cjs"),e=require("./field.cjs");require("../pagination/index.cjs");require("../super-form/index.cjs");const I=require("./use/use-table.cjs"),E=require("./utils.cjs"),r=_.withInstall(u.default);exports.ACTION_FIELD=e.ACTION_FIELD;exports.CHECKED_FIELD=e.CHECKED_FIELD;exports.CREATE_TIME_FIELD=e.CREATE_TIME_FIELD;exports.DATE_FIELD=e.DATE_FIELD;exports.DATE_TIME_FIELD=e.DATE_TIME_FIELD;exports.ID_FIELD=e.ID_FIELD;exports.NAME_FIELD=e.NAME_FIELD;exports.SEQ_FIELD=e.SEQ_FIELD;exports.STATUS_FIELD=e.STATUS_FIELD;exports.UPDATE_TIME_FIELD=e.UPDATE_TIME_FIELD;exports.useTable=I.useTable;exports.addRequire=E.addRequire;exports.removeRequire=E.removeRequire;exports.selectMapping=E.selectMapping;exports.VftTable=r;exports.default=r;

package/lib/components/table/table.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),L=require("../empty/index.cjs"),j=require("../loading/directive.cjs"),i=require("@vft/utils");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash-es");const K=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("../icon/index.cjs");const X=require("../pagination/index.cjs"),Y=require("../super-form/index.cjs"),U=require("vxe-table"),W=require("xe-utils"),Z=require("./constants.cjs"),J=require("./use/use-columns.cjs"),Q=require("./use/use-data-source.cjs"),ee=require("./use/use-loading.cjs"),ae=require("./use/use-pagination.cjs"),te=require("../super-form/component-map.cjs"),re=require("../super-form/use/use-form.cjs"),le=require("../empty/constants.cjs"),oe={"vft-loading-text":"加载中..."},ne=e.defineComponent({name:"vft-table"}),ce=e.defineComponent({...ne,props:{sticky:{type:[Boolean,Object]},api:{},pageSize:{default:Z.PAGE_SIZE},total:{},rowkey:{},immediate:{type:Boolean,default:!0},fetchSetting:{},watchApiFetch:{type:Boolean,default:!1},beforeFetch:{},delEmptyParams:{type:[Boolean,String],default:!0},afterFetch:{},transformParams:{type:Boolean,default:!0},extraParams:{},extraSysHeight:{default:200},pageHeight:{default:40},showPager:{type:Boolean,default:!0},pagination:{},formOptions:{},layouts:{},columns:{},pagerConfig:{},proxyConfig:{},toolbarConfig:{default:{enabled:!1,slots:{buttons:"toolbarButtons"}}},formConfig:{},zoomConfig:{},size:{},id:{},data:{},height:{},minHeight:{default:80},maxHeight:{},stripe:{type:Boolean,default:!0},padding:{type:Boolean},round:{type:Boolean},border:{type:[Boolean,String],default:"full"},loading:{type:Boolean,default:!1},align:{default:"center"},headerAlign:{default:"center"},footerAlign:{},showHeader:{type:Boolean,default:!0},showFooter:{type:Boolean},footerData:{},footerMethod:{},rowClassName:{},cellClassName:{},headerRowClassName:{},headerCellClassName:{},footerRowClassName:{},footerCellClassName:{},cellStyle:{},rowStyle:{},headerCellStyle:{},headerRowStyle:{},footerRowStyle:{},footerCellStyle:{},mergeCells:{},mergeFooterItems:{},spanMethod:{},footerSpanMethod:{},showOverflow:{type:[Boolean,String,null],default:"tooltip"},showHeaderOverflow:{type:[Boolean,String,null]},showFooterOverflow:{type:[Boolean,String,null]},keepSource:{type:Boolean},autoResize:{type:Boolean,default:!1},syncResize:{type:[Boolean,String,Number]},columnConfig:{default:{drag:!1,resizable:!0,minWidth:"15%"}},rowConfig:{default:{isHover:!0,isCurrent:!0,useKey:!0}},cellConfig:{},headerCellConfig:{},footerCellConfig:{},aggregateConfig:{},rowGroupConfig:{},currentRowConfig:{},currentColumnConfig:{},dragConfig:{},rowDragConfig:{},columnDragConfig:{},customConfig:{default:{storage:!0}},resizeConfig:{},resizableConfig:{},seqConfig:{},sortConfig:{},filterConfig:{},radioConfig:{},checkboxConfig:{},tooltipConfig:{},exportConfig:{},importConfig:{},printConfig:{},expandConfig:{},treeConfig:{},menuConfig:{},mouseConfig:{},areaConfig:{},fnrConfig:{},keyboardConfig:{},clipConfig:{},editConfig:{},validConfig:{},editRules:{},emptyText:{},emptyRender:{},loadingConfig:{},scrollX:{},scrollY:{},virtualXConfig:{default:{enabled:!1}},virtualYConfig:{default:{enabled:!1}},scrollbarConfig:{},params:{},resizable:{type:Boolean},highlightCurrentRow:{type:Boolean},highlightHoverRow:{type:Boolean},highlightCurrentColumn:{type:Boolean},highlightHoverColumn:{type:Boolean},highlightCell:{type:Boolean},columnKey:{type:Boolean},rowKey:{type:Boolean},rowId:{},fit:{type:Boolean,default:!0},animat:{type:Boolean},delayHover:{}},emits:["update:data","keydown-start","keydown","keydown-end","paste","copy","cut","current-change","current-row-change","current-row-disabled","current-column-change","current-column-disabled","radio-change","checkbox-change","checkbox-all","checkbox-range-start","checkbox-range-change","checkbox-range-end","checkbox-range-select","cell-click","cell-dblclick","cell-menu","cell-mouseenter","cell-mouseleave","cell-selected","cell-delete-value","cell-backspace-value","header-cell-click","header-cell-dblclick","header-cell-menu","footer-cell-click","footer-cell-dblclick","footer-cell-menu","clear-merge","sort-change","clear-sort","clear-all-sort","filter-change","filter-visible","clear-filter","clear-all-filter","resizable-change","column-resizable-change","row-resizable-change","toggle-row-group-expand","toggle-row-expand","toggle-tree-expand","menu-click","edit-closed","row-dragstart","row-dragover","row-dragend","column-dragstart","column-dragover","column-dragend","enter-append-row","edit-actived","edit-activated","edit-disabled","valid-error","scroll","scroll-boundary","custom","custom-visible-change","custom-visible-all","custom-fixed-change","change-fnr","open-fnr","show-fnr","hide-fnr","fnr-change","fnr-find","fnr-find-all","fnr-replace","fnr-replace-all","cell-area-copy","cell-area-cut","cell-area-paste","cell-area-merge","clear-cell-area-selection","clear-cell-area-merge","header-cell-area-selection","cell-area-selection-invalid","cell-area-selection-start","cell-area-selection-drag","cell-area-selection-end","cell-area-extension-start","cell-area-extension-drag","cell-area-extension-end","cell-area-selection-all-start","cell-area-selection-all-end","cell-area-arrows-start","cell-area-arrows-end","active-cell-change-start","active-cell-change-end","change","sort-change","fetch-success","form-submit","form-reset","update:page-num","update:page-size","register","page-change","form-submit","form-submit-invalid","form-reset","form-collapse","form-toggle-collapse","proxy-query","proxy-delete","proxy-save","toolbar-button-click","toolbar-tool-click","zoom"],setup(ie,{expose:k,emit:S}){const s=K.useNamespace("table"),l=S,B=e.useAttrs(),d=e.ref(),q=e.ref([]),u=e.ref(),z=e.getCurrentInstance(),t=e.computed(()=>i.deepMerge(z.props,e.unref(u))),{getLoading:P,setLoading:R}=ee.useLoading(t),{getPaginationInfo:c,setPagination:g,getShowPagination:f,getCurrentPage:D}=ae.usePagination(t),{getViewColumns:H,setColumns:T}=J.useColumns(t);e.watch(()=>D(),a=>{e.nextTick(()=>{m({seqConfig:{startIndex:(a-1)*(c.value?.pageSize||e.unref(t).pageSize)}})})},{immediate:!0});function m(a){u.value={...e.unref(u),...a}}const{getDataSourceRef:p,handleTableChange:_,reload:F,deleteTableDataRecord:A,insertTableDataRecord:N,updateTableData:E,updateTableDataRecord:O,setTableData:h,getDataSource:V,getRawDataSource:b,tableSearch:C}=Q.useDataSource(t,{tableData:q,setLoading:R,getPaginationInfo:c,setPagination:g},l);function y(...a){a?.[0]?.pageSize&&g({currentPage:1}),_.call(void 0,...a),l("change",...a);const{onChange:r}=e.unref(t);r&&i.isFunction(r)&&r.call(void 0,...a)}const I=e.computed(()=>window.innerHeight-e.unref(t)?.extraSysHeight-(t.value?.showPager?t.value?.pageHeight:0)+"px"),w={};["update:data","keydown-start","keydown","keydown-end","paste","copy","cut","current-change","current-row-change","current-row-disabled","current-column-change","current-column-disabled","radio-change","checkbox-change","checkbox-all","checkbox-range-start","checkbox-range-change","checkbox-range-end","checkbox-range-select","cell-click","cell-dblclick","cell-menu","cell-mouseenter","cell-mouseleave","cell-selected","cell-delete-value","cell-backspace-value","header-cell-click","header-cell-dblclick","header-cell-menu","footer-cell-click","footer-cell-dblclick","footer-cell-menu","clear-merge","sort-change","clear-sort","clear-all-sort","filter-change","filter-visible","clear-filter","clear-all-filter","resizable-change","column-resizable-change","row-resizable-change","toggle-row-group-expand","toggle-row-expand","toggle-tree-expand","menu-click","edit-closed","row-dragstart","row-dragover","row-dragend","column-dragstart","column-dragover","column-dragend","enter-append-row","edit-actived","edit-activated","edit-disabled","valid-error","scroll","scroll-boundary","custom","custom-visible-change","custom-visible-all","custom-fixed-change","change-fnr","open-fnr","show-fnr","hide-fnr","fnr-change","fnr-find","fnr-find-all","fnr-replace","fnr-replace-all","cell-area-copy","cell-area-cut","cell-area-paste","cell-area-merge","clear-cell-area-selection","clear-cell-area-merge","header-cell-area-selection","cell-area-selection-invalid","cell-area-selection-start","cell-area-selection-drag","cell-area-selection-end","cell-area-extension-start","cell-area-extension-drag","cell-area-extension-end","cell-area-selection-all-start","cell-area-selection-all-end","cell-area-arrows-start","cell-area-arrows-end","active-cell-change-start","active-cell-change-end","change","sort-change","fetch-success","form-submit","form-reset","update:page-num","update:page-size","register","page-change","form-submit","form-submit-invalid","form-reset","form-collapse","form-toggle-collapse","proxy-query","proxy-delete","proxy-save","toolbar-button-click","toolbar-tool-click","zoom"].forEach(a=>{const r=W.camelCase(`on-${a}`);w[r]=(...n)=>l(a,...n)});const o=e.computed(()=>{const a=e.unref(p);return{...B,...e.unref(t),maxHeight:e.unref(t)?.maxHeight?e.unref(t)?.maxHeight:I.value,columns:e.toRaw(e.unref(H)),loading:e.unref(P),data:a,...w}}),v={setPagination:g,emit:l,setProps:m,reload:F,getShowPagination:f,deleteTableDataRecord:A,insertTableDataRecord:N,updateTableDataRecord:O,updateTableData:E,setTableData:h,getDataSource:V,getDataSourceRef:p,setColumns:T,getRawDataSource:b,tableSearch:C};l("register",v);const M={field:"_filterTableData",label:"",type:te.FormCompEnum.SEARCH,componentProps:({})=>({onChange:a=>{x({_filterTableData:a})}})},[$]=re.useForm(i.deepMerge({schemas:[o.value?.formOptions?.addSearchAllSchema?M:{}],rowProps:{justify:"start"},labelPosition:"left",quickColSpan:5,watchDataIsChange:!0,showResetButton:!0,showSubmitButton:!0,size:"small",submitButtonOptions:{btnText:"搜索"},actionInline:!0},i.omit(o.value?.formOptions,["showActionForm","addSearchAllSchema"]),"replace")),x=a=>{Reflect.has(a,"_filterTableData")&&C(a._filterTableData),l("form-submit",a)},G=()=>{h(b()),l("form-reset")};return k({table:d,...v}),(a,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(s).b())},[e.createVNode(e.unref(U.VxeGrid),e.mergeProps({ref_key:"xGrid",ref:d},o.value),{toolbarButtons:e.withCtx(()=>[e.renderSlot(a.$slots,"toolbar-left"),o.value?.formOptions?.showActionForm?(e.openBlock(),e.createBlock(e.unref(Y.VftSuperForm),{key:0,onRegister:e.unref($),onSubmit:x,onReset:G},null,8,["onRegister"])):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"toolbar-right")]),empty:e.withCtx(()=>[e.createVNode(e.unref(L.VftEmpty),{type:e.unref(le.EmptyEnum).NO_DATA},null,8,["type"])]),loading:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",oe,null,512),[[e.unref(j.vLoading),o.value.loading]])]),_:3},16),o.value.showPager&&e.unref(f)?(e.openBlock(),e.createBlock(e.unref(X.VftPagination),e.mergeProps({key:0},e.unref(c),{class:[e.unref(s).e("pager"),e.unref(s).m("pager-"+e.unref(c).pagePlacement)],onCurrentChange:r[0]||(r[0]=n=>y({currentPage:n})),onSizeChange:r[1]||(r[1]=n=>y({pageSize:n}))}),null,16,["class"])):e.createCommentVNode("",!0)],2))}});exports.default=ce;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),L=require("../empty/index.cjs"),j=require("../loading/directive.cjs"),i=require("@vft/utils");require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const K=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("../icon/index.cjs");const X=require("../pagination/index.cjs"),Y=require("../super-form/index.cjs"),U=require("vxe-table"),W=require("xe-utils"),Z=require("./constants.cjs"),J=require("./use/use-columns.cjs"),Q=require("./use/use-data-source.cjs"),ee=require("./use/use-loading.cjs"),ae=require("./use/use-pagination.cjs"),te=require("../super-form/component-map.cjs"),re=require("../super-form/use/use-form.cjs"),le=require("../empty/constants.cjs"),oe={"vft-loading-text":"加载中..."},ne=e.defineComponent({name:"vft-table"}),ce=e.defineComponent({...ne,props:{sticky:{type:[Boolean,Object]},api:{},pageSize:{default:Z.PAGE_SIZE},total:{},rowkey:{},immediate:{type:Boolean,default:!0},fetchSetting:{},watchApiFetch:{type:Boolean,default:!1},beforeFetch:{},delEmptyParams:{type:[Boolean,String],default:!0},afterFetch:{},transformParams:{type:Boolean,default:!0},extraParams:{},extraSysHeight:{default:200},pageHeight:{default:40},showPager:{type:Boolean,default:!0},pagination:{},formOptions:{},layouts:{},columns:{},pagerConfig:{},proxyConfig:{},toolbarConfig:{default:{enabled:!1,slots:{buttons:"toolbarButtons"}}},formConfig:{},zoomConfig:{},size:{},id:{},data:{},height:{},minHeight:{default:80},maxHeight:{},stripe:{type:Boolean,default:!0},padding:{type:Boolean},round:{type:Boolean},border:{type:[Boolean,String],default:"full"},loading:{type:Boolean,default:!1},align:{default:"center"},headerAlign:{default:"center"},footerAlign:{},showHeader:{type:Boolean,default:!0},showFooter:{type:Boolean},footerData:{},footerMethod:{},rowClassName:{},cellClassName:{},headerRowClassName:{},headerCellClassName:{},footerRowClassName:{},footerCellClassName:{},cellStyle:{},rowStyle:{},headerCellStyle:{},headerRowStyle:{},footerRowStyle:{},footerCellStyle:{},mergeCells:{},mergeFooterItems:{},spanMethod:{},footerSpanMethod:{},showOverflow:{type:[Boolean,String,null],default:"tooltip"},showHeaderOverflow:{type:[Boolean,String,null]},showFooterOverflow:{type:[Boolean,String,null]},keepSource:{type:Boolean},autoResize:{type:Boolean,default:!1},syncResize:{type:[Boolean,String,Number]},columnConfig:{default:{drag:!1,resizable:!0,minWidth:"15%"}},rowConfig:{default:{isHover:!0,isCurrent:!0,useKey:!0}},cellConfig:{},headerCellConfig:{},footerCellConfig:{},aggregateConfig:{},rowGroupConfig:{},currentRowConfig:{},currentColumnConfig:{},dragConfig:{},rowDragConfig:{},columnDragConfig:{},customConfig:{default:{storage:!0}},resizeConfig:{},resizableConfig:{},seqConfig:{},sortConfig:{},filterConfig:{},radioConfig:{},checkboxConfig:{},tooltipConfig:{},exportConfig:{},importConfig:{},printConfig:{},expandConfig:{},treeConfig:{},menuConfig:{},mouseConfig:{},areaConfig:{},fnrConfig:{},keyboardConfig:{},clipConfig:{},editConfig:{},validConfig:{},editRules:{},emptyText:{},emptyRender:{},loadingConfig:{},scrollX:{},scrollY:{},virtualXConfig:{default:{enabled:!1}},virtualYConfig:{default:{enabled:!1}},scrollbarConfig:{},params:{},resizable:{type:Boolean},highlightCurrentRow:{type:Boolean},highlightHoverRow:{type:Boolean},highlightCurrentColumn:{type:Boolean},highlightHoverColumn:{type:Boolean},highlightCell:{type:Boolean},columnKey:{type:Boolean},rowKey:{type:Boolean},rowId:{},fit:{type:Boolean,default:!0},animat:{type:Boolean},delayHover:{}},emits:["update:data","keydown-start","keydown","keydown-end","paste","copy","cut","current-change","current-row-change","current-row-disabled","current-column-change","current-column-disabled","radio-change","checkbox-change","checkbox-all","checkbox-range-start","checkbox-range-change","checkbox-range-end","checkbox-range-select","cell-click","cell-dblclick","cell-menu","cell-mouseenter","cell-mouseleave","cell-selected","cell-delete-value","cell-backspace-value","header-cell-click","header-cell-dblclick","header-cell-menu","footer-cell-click","footer-cell-dblclick","footer-cell-menu","clear-merge","sort-change","clear-sort","clear-all-sort","filter-change","filter-visible","clear-filter","clear-all-filter","resizable-change","column-resizable-change","row-resizable-change","toggle-row-group-expand","toggle-row-expand","toggle-tree-expand","menu-click","edit-closed","row-dragstart","row-dragover","row-dragend","column-dragstart","column-dragover","column-dragend","enter-append-row","edit-actived","edit-activated","edit-disabled","valid-error","scroll","scroll-boundary","custom","custom-visible-change","custom-visible-all","custom-fixed-change","change-fnr","open-fnr","show-fnr","hide-fnr","fnr-change","fnr-find","fnr-find-all","fnr-replace","fnr-replace-all","cell-area-copy","cell-area-cut","cell-area-paste","cell-area-merge","clear-cell-area-selection","clear-cell-area-merge","header-cell-area-selection","cell-area-selection-invalid","cell-area-selection-start","cell-area-selection-drag","cell-area-selection-end","cell-area-extension-start","cell-area-extension-drag","cell-area-extension-end","cell-area-selection-all-start","cell-area-selection-all-end","cell-area-arrows-start","cell-area-arrows-end","active-cell-change-start","active-cell-change-end","change","sort-change","fetch-success","form-submit","form-reset","update:page-num","update:page-size","register","page-change","form-submit","form-submit-invalid","form-reset","form-collapse","form-toggle-collapse","proxy-query","proxy-delete","proxy-save","toolbar-button-click","toolbar-tool-click","zoom"],setup(ie,{expose:k,emit:S}){const s=K.useNamespace("table"),l=S,B=e.useAttrs(),d=e.ref(),q=e.ref([]),u=e.ref(),z=e.getCurrentInstance(),t=e.computed(()=>i.deepMerge(z.props,e.unref(u))),{getLoading:P,setLoading:R}=ee.useLoading(t),{getPaginationInfo:c,setPagination:g,getShowPagination:f,getCurrentPage:D}=ae.usePagination(t),{getViewColumns:H,setColumns:T}=J.useColumns(t);e.watch(()=>D(),a=>{e.nextTick(()=>{m({seqConfig:{startIndex:(a-1)*(c.value?.pageSize||e.unref(t).pageSize)}})})},{immediate:!0});function m(a){u.value={...e.unref(u),...a}}const{getDataSourceRef:p,handleTableChange:_,reload:F,deleteTableDataRecord:A,insertTableDataRecord:N,updateTableData:E,updateTableDataRecord:O,setTableData:h,getDataSource:V,getRawDataSource:b,tableSearch:C}=Q.useDataSource(t,{tableData:q,setLoading:R,getPaginationInfo:c,setPagination:g},l);function y(...a){a?.[0]?.pageSize&&g({currentPage:1}),_.call(void 0,...a),l("change",...a);const{onChange:r}=e.unref(t);r&&i.isFunction(r)&&r.call(void 0,...a)}const I=e.computed(()=>window.innerHeight-e.unref(t)?.extraSysHeight-(t.value?.showPager?t.value?.pageHeight:0)+"px"),w={};["update:data","keydown-start","keydown","keydown-end","paste","copy","cut","current-change","current-row-change","current-row-disabled","current-column-change","current-column-disabled","radio-change","checkbox-change","checkbox-all","checkbox-range-start","checkbox-range-change","checkbox-range-end","checkbox-range-select","cell-click","cell-dblclick","cell-menu","cell-mouseenter","cell-mouseleave","cell-selected","cell-delete-value","cell-backspace-value","header-cell-click","header-cell-dblclick","header-cell-menu","footer-cell-click","footer-cell-dblclick","footer-cell-menu","clear-merge","sort-change","clear-sort","clear-all-sort","filter-change","filter-visible","clear-filter","clear-all-filter","resizable-change","column-resizable-change","row-resizable-change","toggle-row-group-expand","toggle-row-expand","toggle-tree-expand","menu-click","edit-closed","row-dragstart","row-dragover","row-dragend","column-dragstart","column-dragover","column-dragend","enter-append-row","edit-actived","edit-activated","edit-disabled","valid-error","scroll","scroll-boundary","custom","custom-visible-change","custom-visible-all","custom-fixed-change","change-fnr","open-fnr","show-fnr","hide-fnr","fnr-change","fnr-find","fnr-find-all","fnr-replace","fnr-replace-all","cell-area-copy","cell-area-cut","cell-area-paste","cell-area-merge","clear-cell-area-selection","clear-cell-area-merge","header-cell-area-selection","cell-area-selection-invalid","cell-area-selection-start","cell-area-selection-drag","cell-area-selection-end","cell-area-extension-start","cell-area-extension-drag","cell-area-extension-end","cell-area-selection-all-start","cell-area-selection-all-end","cell-area-arrows-start","cell-area-arrows-end","active-cell-change-start","active-cell-change-end","change","sort-change","fetch-success","form-submit","form-reset","update:page-num","update:page-size","register","page-change","form-submit","form-submit-invalid","form-reset","form-collapse","form-toggle-collapse","proxy-query","proxy-delete","proxy-save","toolbar-button-click","toolbar-tool-click","zoom"].forEach(a=>{const r=W.camelCase(`on-${a}`);w[r]=(...n)=>l(a,...n)});const o=e.computed(()=>{const a=e.unref(p);return{...B,...e.unref(t),maxHeight:e.unref(t)?.maxHeight?e.unref(t)?.maxHeight:I.value,columns:e.toRaw(e.unref(H)),loading:e.unref(P),data:a,...w}}),v={setPagination:g,emit:l,setProps:m,reload:F,getShowPagination:f,deleteTableDataRecord:A,insertTableDataRecord:N,updateTableDataRecord:O,updateTableData:E,setTableData:h,getDataSource:V,getDataSourceRef:p,setColumns:T,getRawDataSource:b,tableSearch:C};l("register",v);const M={field:"_filterTableData",label:"",type:te.FormCompEnum.SEARCH,componentProps:({})=>({onChange:a=>{x({_filterTableData:a})}})},[$]=re.useForm(i.deepMerge({schemas:[o.value?.formOptions?.addSearchAllSchema?M:{}],rowProps:{justify:"start"},labelPosition:"left",quickColSpan:5,watchDataIsChange:!0,showResetButton:!0,showSubmitButton:!0,size:"small",submitButtonOptions:{btnText:"搜索"},actionInline:!0},i.omit(o.value?.formOptions,["showActionForm","addSearchAllSchema"]),"replace")),x=a=>{Reflect.has(a,"_filterTableData")&&C(a._filterTableData),l("form-submit",a)},G=()=>{h(b()),l("form-reset")};return k({table:d,...v}),(a,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(s).b())},[e.createVNode(e.unref(U.VxeGrid),e.mergeProps({ref_key:"xGrid",ref:d},o.value),{toolbarButtons:e.withCtx(()=>[e.renderSlot(a.$slots,"toolbar-left"),o.value?.formOptions?.showActionForm?(e.openBlock(),e.createBlock(e.unref(Y.VftSuperForm),{key:0,onRegister:e.unref($),onSubmit:x,onReset:G},null,8,["onRegister"])):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"toolbar-right")]),empty:e.withCtx(()=>[e.createVNode(e.unref(L.VftEmpty),{type:e.unref(le.EmptyEnum).NO_DATA},null,8,["type"])]),loading:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",oe,null,512),[[e.unref(j.vLoading),o.value.loading]])]),_:3},16),o.value.showPager&&e.unref(f)?(e.openBlock(),e.createBlock(e.unref(X.VftPagination),e.mergeProps({key:0},e.unref(c),{class:[e.unref(s).e("pager"),e.unref(s).m("pager-"+e.unref(c).pagePlacement)],onCurrentChange:r[0]||(r[0]=n=>y({currentPage:n})),onSizeChange:r[1]||(r[1]=n=>y({pageSize:n}))}),null,16,["class"])):e.createCommentVNode("",!0)],2))}});exports.default=ce;

package/lib/components/tabs/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const e=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const t=require("./tab-pane.vue2.cjs"),u=require("./tabs.vue2.cjs"),a=require("./types.cjs"),r=e.withInstall(u.default,{TabPane:t.default}),s=e.withNoopInstall(t.default);exports.TabsRootContextKey=a.TabsRootContextKey;exports.VftTabPane=s;exports.VftTabs=r;exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");const e=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const t=require("./tab-pane.vue2.cjs"),u=require("./tabs.vue2.cjs"),a=require("./types.cjs"),r=e.withInstall(u.default,{TabPane:t.default}),s=e.withNoopInstall(t.default);exports.TabsRootContextKey=a.TabsRootContextKey;exports.VftTabPane=s;exports.VftTabs=r;exports.default=r;

package/lib/components/tabs/index.d.ts

@@ -13,7 +13,7 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
         type: import("vue").PropType<boolean>;
     };
     tabPosition: {
-        type: import("vue").PropType<"left" | "right" | "bottom" | "top">;
+        type: import("vue").PropType<"top" | "bottom" | "left" | "right">;
     };
     beforeLeave: {
         type: import("vue").PropType<Function>;
@@ -104,7 +104,7 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
         type: import("vue").PropType<boolean>;
     };
     tabPosition: {
-        type: import("vue").PropType<"left" | "right" | "bottom" | "top">;
+        type: import("vue").PropType<"top" | "bottom" | "left" | "right">;
     };
     beforeLeave: {
         type: import("vue").PropType<Function>;

package/lib/components/tabs/tab-bar.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),h=require("@vueuse/core"),p=require("@vft/utils");require("../../utils/ns-cover.cjs");const S=require("lodash-es"),w=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const B=require("./types.cjs"),N=e.defineComponent({__name:"tab-bar",props:{tabs:{},tabRefs:{},tabBarReduceDistance:{}},setup(y,{expose:R}){const s=y,b=e.inject(B.TabsRootContextKey),f=w.useNamespace("tabs"),c=e.ref(),d=e.ref(),g=()=>{let t=0,o=0;const n=["top","bottom"].includes(b.props.tabPosition)?"width":"height",m=n==="width"?"x":"y",x=m==="x"?"left":"top";s.tabs.every(u=>{if(S.isUndefined(u.paneName))return!1;const i=s.tabRefs?.[u.paneName];if(!i)return!1;if(!u.active)return!0;t=i[`offset${p.capitalize(x)}`],o=i[`client${p.capitalize(n)}`];const l=window.getComputedStyle(i);return n==="width"&&(o-=Number.parseFloat(l.paddingLeft)+Number.parseFloat(l.paddingRight),t+=Number.parseFloat(l.paddingLeft)),!1});const v=s.tabBarReduceDistance||0;return{[n]:`${o-v}px`,transform:`translate${p.capitalize(m)}(${t+v/2}px)`}},a=()=>d.value=g(),r=[],_=()=>{r.forEach(t=>t.stop()),r.length=0,Object.values(s.tabRefs||{}).forEach(t=>{r.push(h.useResizeObserver(t,a))})};e.watch(()=>s.tabs,async()=>{await e.nextTick(),a(),_()},{immediate:!0});const q=h.useResizeObserver(c,()=>a());e.onBeforeUnmount(()=>{r.forEach(t=>t.stop()),r.length=0,q.stop()});const z=e.computed(()=>b.props.tabPosition);return R({ref:c,update:a}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"barRef",ref:c,class:e.normalizeClass([e.unref(f).e("active-bar"),e.unref(f).is(z.value)]),style:e.normalizeStyle(d.value)},null,6))}});exports.default=N;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),h=require("@vueuse/core"),p=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");const S=require("lodash-es"),w=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const B=require("./types.cjs"),N=e.defineComponent({__name:"tab-bar",props:{tabs:{},tabRefs:{},tabBarReduceDistance:{}},setup(y,{expose:R}){const r=y,b=e.inject(B.TabsRootContextKey),f=w.useNamespace("tabs"),c=e.ref(),d=e.ref(),g=()=>{let t=0,o=0;const n=["top","bottom"].includes(b.props.tabPosition)?"width":"height",m=n==="width"?"x":"y",x=m==="x"?"left":"top";r.tabs.every(u=>{if(S.isUndefined(u.paneName))return!1;const i=r.tabRefs?.[u.paneName];if(!i)return!1;if(!u.active)return!0;t=i[`offset${p.capitalize(x)}`],o=i[`client${p.capitalize(n)}`];const l=window.getComputedStyle(i);return n==="width"&&(o-=Number.parseFloat(l.paddingLeft)+Number.parseFloat(l.paddingRight),t+=Number.parseFloat(l.paddingLeft)),!1});const v=r.tabBarReduceDistance||0;return{[n]:`${o-v}px`,transform:`translate${p.capitalize(m)}(${t+v/2}px)`}},a=()=>d.value=g(),s=[],q=()=>{s.forEach(t=>t.stop()),s.length=0,Object.values(r.tabRefs||{}).forEach(t=>{s.push(h.useResizeObserver(t,a))})};e.watch(()=>r.tabs,async()=>{await e.nextTick(),a(),q()},{immediate:!0});const _=h.useResizeObserver(c,()=>a());e.onBeforeUnmount(()=>{s.forEach(t=>t.stop()),s.length=0,_.stop()});const z=e.computed(()=>b.props.tabPosition);return R({ref:c,update:a}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"barRef",ref:c,class:e.normalizeClass([e.unref(f).e("active-bar"),e.unref(f).is(z.value)]),style:e.normalizeStyle(d.value)},null,6))}});exports.default=N;

package/lib/components/tabs/tab-nav.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),q=require("@vueuse/core"),N=require("@vft/utils"),_=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const V=require("../icon/index.cjs"),P=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const y=require("@vft/constants"),ee=require("./types.cjs"),te=require("./tab-bar.vue2.cjs"),ae=e.defineComponent({name:"vft-tab-nav"}),ne=e.defineComponent({...ae,props:{panes:{},editable:{type:Boolean},addable:{type:Boolean},stretch:{type:Boolean},showBar:{type:Boolean,default:!1},closeIconCfg:{},addIconCfg:{},arrowLeftIconCfg:{},arrowRightIconCfg:{},fixTabCount:{default:0},fixExtraScrollWidth:{default:0},trigger:{default:"click"},currentName:{default:""},tabBarReduceDistance:{default:0}},emits:["tabClick","tabRemove","tabAdd","tabContextmenu"],setup(n,{expose:F,emit:A}){const C=A,M=P.useNamespace("tab-nav"),L=e.getCurrentInstance(),g=e.inject(ee.TabsRootContextKey);g||_.throwError(M.b(),"<vft-tabs><tab-nav /></vft-tabs>");const o=P.useNamespace("tabs"),W=q.useDocumentVisibility(),K=q.useWindowFocus(),I=e.ref(),d=e.ref(),h=e.ref(),E=e.ref(),R=e.ref({}),O=e.ref(),u=e.ref(!1),f=e.ref(0),B=e.ref(!1),w=e.ref(!0),S=e.shallowRef(),x=e.computed(()=>["top","bottom"].includes(g.props.tabPosition)?"width":"height"),j=e.computed(()=>({transform:`translate${x.value==="width"?"X":"Y"}(-${f.value}px)`})),H=()=>{if(!d.value)return;const t=d.value[`offset${N.capitalize(x.value)}`],a=f.value;a&&(f.value=a>t?a-t:0)},U=()=>{if(!d.value||!h.value)return;const t=h.value[`offset${N.capitalize(x.value)}`],a=d.value[`offset${N.capitalize(x.value)}`],l=f.value;t-l<=a||(f.value=t-l>a*2?l+a:t-a)},p=async()=>{const t=h.value,a=E.value;if(!u.value||!I.value||!d.value||!t)return;await e.nextTick();const l=R.value[n.currentName];if(!l)return;const T=d.value,v=["top","bottom"].includes(g.props.tabPosition),c=l.getBoundingClientRect(),s=T.getBoundingClientRect(),m=v?t.offsetWidth-s.width:t.offsetHeight-s.height,r=f.value;let b=r;const i=n.fixTabCount?(a?.offsetWidth||0)+n.fixExtraScrollWidth:0;v?(c.left-i<s.left&&(b=r-(s.left-c.left+i)),c.right>s.right&&(b=r+c.right-s.right)):(c.top<s.top&&(b=r-(s.top-c.top)),c.bottom>s.bottom&&(b=r+(c.bottom-s.bottom))),b=Math.max(b,0),f.value=Math.min(b,m)},z=()=>{if(!h.value||!d.value)return;const t=h.value[`offset${N.capitalize(x.value)}`],a=d.value[`offset${N.capitalize(x.value)}`],l=f.value;a<t?(u.value=u.value||{},u.value.prev=l,u.value.next=l+a<t,t-l<a&&(f.value=t-a)):(u.value=!1,l>0&&(f.value=0))},X=t=>{const a=t.code,{up:l,down:T,left:v,right:c}=y.EVENT_CODE;if(![l,T,v,c].includes(a))return;const s=Array.from(t.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)")),m=s.indexOf(t.target);let r;a===v||a===l?m===0?r=s.length-1:r=m-1:m<s.length-1?r=m+1:r=0,s[r].focus(),s[r].click(),$()},$=()=>{w.value&&(B.value=!0)},k=()=>B.value=!1,Y=(t,a)=>{R.value[a]=t},G=async()=>{await e.nextTick(),R.value[n.currentName]?.focus({preventScroll:!0})};e.watch(W,t=>{t==="hidden"?w.value=!1:t==="visible"&&setTimeout(()=>w.value=!0,50)}),e.watch(K,t=>{t?setTimeout(()=>w.value=!0,50):w.value=!1}),q.useResizeObserver(I,z),e.onMounted(()=>setTimeout(()=>p(),0)),e.onUpdated(()=>z()),F({scrollToActiveTab:p,removeFocus:k,focusActiveTab:G,tabListRef:h,tabBarRef:O,scheduleRender:()=>e.triggerRef(S)}),e.watch(()=>n.panes,()=>L.update(),{flush:"post"});const J=e.computed(()=>u.value?[e.createVNode("span",{class:[o.e("nav-prev"),o.is("disabled",!u.value.prev)],onClick:H},[n.arrowLeftIconCfg?.icon?e.createVNode(V.VftIcon,n.arrowLeftIconCfg,null):null]),e.createVNode("span",{class:[o.e("nav-next"),o.is("disabled",!u.value.next)],onClick:U},[n.arrowRightIconCfg?.icon?e.createVNode(V.VftIcon,n.arrowRightIconCfg,null):null])]:null),Q=e.computed(()=>t=>n.panes.slice(0,t)?.map((a,l)=>{const T=a.uid,v=a.props.disabled,c=a.props.name??a.index??`${l}`,s=!v&&(a.isClosable||n.editable);a.index=`${l}`;const m=s?e.createVNode("span",{class:"is-icon-close",onClick:i=>C("tabRemove",a,i)},[n.closeIconCfg?.icon?e.createVNode(V.VftIcon,n.closeIconCfg,null):null]):null,r=a.slots.label?.()||a.props.label,b=!v&&a.active?0:-1;return e.createVNode("div",e.mergeProps({ref:i=>Y(i,c),class:[o.e("item"),o.is(g.props.tabPosition),o.is("active",a.active),o.is("disabled",v),o.is("closable",s),o.is("focus",B.value)],id:`tab-${c}`,key:`tab-${T}`,"aria-controls":`pane-${c}`,role:"tab","aria-selected":a.active,tabindex:b,onFocus:()=>$(),onBlur:()=>k()},{[n.trigger==="click"?"onClick":"onMouseenter"]:i=>{k(),C("tabClick",a,c,i)}},{onContextmenu:i=>{i.preventDefault(),C("tabContextmenu",{pane:a,index:l,event:i})},onKeydown:i=>{s&&(i.code===y.EVENT_CODE.delete||i.code===y.EVENT_CODE.backspace)&&C("tabRemove",a,i)}}),[r,m])})),Z=n.editable||n.addable?e.createVNode("span",{class:o.e("new-tab"),tabindex:"0",onClick:()=>C("tabAdd"),onKeydown:t=>{t.code===y.EVENT_CODE.enter&&C("tabAdd")}},[n.addIconCfg?.icon?e.createVNode(V.VftIcon,n.addIconCfg,null):null]):null;e.useSlots();const D=(t=!1)=>(S.value,n.panes.length>0?e.createVNode("div",{class:[o.e("nav"),o.is(g.props.tabPosition),o.is("fixed-nav",t),o.is("stretch",n.stretch&&["top","bottom"].includes(g.props.tabPosition))],ref:t?E:h,style:t?{}:j.value,role:"tablist",onKeydown:X},[n.showBar?e.createVNode(te.default,{ref:O,tabs:[...n.panes],tabRefs:R.value,tabBarReduceDistance:n.tabBarReduceDistance},null):null,Q.value(t?n.fixTabCount:void 0)]):null);return()=>(S.value,e.createVNode("div",{ref:I,class:[o.e("nav-wrap"),o.is("scrollable",!!u.value),o.is(g.props.tabPosition)]},[J.value,e.createVNode("div",{class:[o.e("nav-scroll"),o.is("have-fixed-tab",!!n.fixTabCount)],ref:d},[D(),n.fixTabCount?D(!0):null,Z])]))}});exports.default=ne;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),k=require("@vueuse/core"),N=require("@vft/utils"),_=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const V=require("../icon/index.cjs"),P=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const y=require("@vft/constants"),ee=require("./types.cjs"),te=require("./tab-bar.vue2.cjs"),ae=e.defineComponent({name:"vft-tab-nav"}),ne=e.defineComponent({...ae,props:{panes:{},editable:{type:Boolean},addable:{type:Boolean},stretch:{type:Boolean},showBar:{type:Boolean,default:!1},closeIconCfg:{},addIconCfg:{},arrowLeftIconCfg:{},arrowRightIconCfg:{},fixTabCount:{default:0},fixExtraScrollWidth:{default:0},trigger:{default:"click"},currentName:{default:""},tabBarReduceDistance:{default:0}},emits:["tabClick","tabRemove","tabAdd","tabContextmenu"],setup(n,{expose:F,emit:A}){const C=A,M=P.useNamespace("tab-nav"),L=e.getCurrentInstance(),g=e.inject(ee.TabsRootContextKey);g||_.throwError(M.b(),"<vft-tabs><tab-nav /></vft-tabs>");const o=P.useNamespace("tabs"),W=k.useDocumentVisibility(),K=k.useWindowFocus(),I=e.ref(),d=e.ref(),h=e.ref(),E=e.ref(),R=e.ref({}),O=e.ref(),u=e.ref(!1),f=e.ref(0),B=e.ref(!1),w=e.ref(!0),q=e.shallowRef(),x=e.computed(()=>["top","bottom"].includes(g.props.tabPosition)?"width":"height"),j=e.computed(()=>({transform:`translate${x.value==="width"?"X":"Y"}(-${f.value}px)`})),H=()=>{if(!d.value)return;const t=d.value[`offset${N.capitalize(x.value)}`],a=f.value;a&&(f.value=a>t?a-t:0)},U=()=>{if(!d.value||!h.value)return;const t=h.value[`offset${N.capitalize(x.value)}`],a=d.value[`offset${N.capitalize(x.value)}`],l=f.value;t-l<=a||(f.value=t-l>a*2?l+a:t-a)},p=async()=>{const t=h.value,a=E.value;if(!u.value||!I.value||!d.value||!t)return;await e.nextTick();const l=R.value[n.currentName];if(!l)return;const T=d.value,v=["top","bottom"].includes(g.props.tabPosition),c=l.getBoundingClientRect(),s=T.getBoundingClientRect(),m=v?t.offsetWidth-s.width:t.offsetHeight-s.height,r=f.value;let b=r;const i=n.fixTabCount?(a?.offsetWidth||0)+n.fixExtraScrollWidth:0;v?(c.left-i<s.left&&(b=r-(s.left-c.left+i)),c.right>s.right&&(b=r+c.right-s.right)):(c.top<s.top&&(b=r-(s.top-c.top)),c.bottom>s.bottom&&(b=r+(c.bottom-s.bottom))),b=Math.max(b,0),f.value=Math.min(b,m)},z=()=>{if(!h.value||!d.value)return;const t=h.value[`offset${N.capitalize(x.value)}`],a=d.value[`offset${N.capitalize(x.value)}`],l=f.value;a<t?(u.value=u.value||{},u.value.prev=l,u.value.next=l+a<t,t-l<a&&(f.value=t-a)):(u.value=!1,l>0&&(f.value=0))},X=t=>{const a=t.code,{up:l,down:T,left:v,right:c}=y.EVENT_CODE;if(![l,T,v,c].includes(a))return;const s=Array.from(t.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)")),m=s.indexOf(t.target);let r;a===v||a===l?m===0?r=s.length-1:r=m-1:m<s.length-1?r=m+1:r=0,s[r].focus(),s[r].click(),$()},$=()=>{w.value&&(B.value=!0)},S=()=>B.value=!1,Y=(t,a)=>{R.value[a]=t},G=async()=>{await e.nextTick(),R.value[n.currentName]?.focus({preventScroll:!0})};e.watch(W,t=>{t==="hidden"?w.value=!1:t==="visible"&&setTimeout(()=>w.value=!0,50)}),e.watch(K,t=>{t?setTimeout(()=>w.value=!0,50):w.value=!1}),k.useResizeObserver(I,z),e.onMounted(()=>setTimeout(()=>p(),0)),e.onUpdated(()=>z()),F({scrollToActiveTab:p,removeFocus:S,focusActiveTab:G,tabListRef:h,tabBarRef:O,scheduleRender:()=>e.triggerRef(q)}),e.watch(()=>n.panes,()=>L.update(),{flush:"post"});const J=e.computed(()=>u.value?[e.createVNode("span",{class:[o.e("nav-prev"),o.is("disabled",!u.value.prev)],onClick:H},[n.arrowLeftIconCfg?.icon?e.createVNode(V.VftIcon,n.arrowLeftIconCfg,null):null]),e.createVNode("span",{class:[o.e("nav-next"),o.is("disabled",!u.value.next)],onClick:U},[n.arrowRightIconCfg?.icon?e.createVNode(V.VftIcon,n.arrowRightIconCfg,null):null])]:null),Q=e.computed(()=>t=>n.panes.slice(0,t)?.map((a,l)=>{const T=a.uid,v=a.props.disabled,c=a.props.name??a.index??`${l}`,s=!v&&(a.isClosable||n.editable);a.index=`${l}`;const m=s?e.createVNode("span",{class:"is-icon-close",onClick:i=>C("tabRemove",a,i)},[n.closeIconCfg?.icon?e.createVNode(V.VftIcon,n.closeIconCfg,null):null]):null,r=a.slots.label?.()||a.props.label,b=!v&&a.active?0:-1;return e.createVNode("div",e.mergeProps({ref:i=>Y(i,c),class:[o.e("item"),o.is(g.props.tabPosition),o.is("active",a.active),o.is("disabled",v),o.is("closable",s),o.is("focus",B.value)],id:`tab-${c}`,key:`tab-${T}`,"aria-controls":`pane-${c}`,role:"tab","aria-selected":a.active,tabindex:b,onFocus:()=>$(),onBlur:()=>S()},{[n.trigger==="click"?"onClick":"onMouseenter"]:i=>{S(),C("tabClick",a,c,i)}},{onContextmenu:i=>{i.preventDefault(),C("tabContextmenu",{pane:a,index:l,event:i})},onKeydown:i=>{s&&(i.code===y.EVENT_CODE.delete||i.code===y.EVENT_CODE.backspace)&&C("tabRemove",a,i)}}),[r,m])})),Z=n.editable||n.addable?e.createVNode("span",{class:o.e("new-tab"),tabindex:"0",onClick:()=>C("tabAdd"),onKeydown:t=>{t.code===y.EVENT_CODE.enter&&C("tabAdd")}},[n.addIconCfg?.icon?e.createVNode(V.VftIcon,n.addIconCfg,null):null]):null;e.useSlots();const D=(t=!1)=>(q.value,n.panes.length>0?e.createVNode("div",{class:[o.e("nav"),o.is(g.props.tabPosition),o.is("fixed-nav",t),o.is("stretch",n.stretch&&["top","bottom"].includes(g.props.tabPosition))],ref:t?E:h,style:t?{}:j.value,role:"tablist",onKeydown:X},[n.showBar?e.createVNode(te.default,{ref:O,tabs:[...n.panes],tabRefs:R.value,tabBarReduceDistance:n.tabBarReduceDistance},null):null,Q.value(t?n.fixTabCount:void 0)]):null);return()=>(q.value,e.createVNode("div",{ref:I,class:[o.e("nav-wrap"),o.is("scrollable",!!u.value),o.is(g.props.tabPosition)]},[J.value,e.createVNode("div",{class:[o.e("nav-scroll"),o.is("have-fixed-tab",!!n.fixTabCount)],ref:d},[D(),n.fixTabCount?D(!0):null,Z])]))}});exports.default=ne;

package/lib/components/tabs/tab-pane.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("@vueuse/core");require("@vft/utils");const y=require("../../utils/error.cjs");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 h=require("./types.cjs"),g=["id","aria-hidden","aria-labelledby"],C=e.defineComponent({name:"vft-tab-pane"}),B=e.defineComponent({...C,props:{label:{},name:{},closable:{type:Boolean},disabled:{type:Boolean},lazy:{type:Boolean}},setup(n){const u=q.useNamespace("tab-pane"),r=e.getCurrentInstance(),i=e.useSlots(),t=e.inject(h.TabsRootContextKey);t||y.throwError(u.b(),"usage: <vft-tabs><vft-tab-pane /></vft-tabs/>");const c=e.ref(),o=e.ref(),v=e.computed(()=>n.closable||t.props.closable),a=p.eagerComputed(()=>t.currentName.value===(n.name??o.value)),d=e.ref(a.value),s=e.computed(()=>n.name??o.value),b=p.eagerComputed(()=>!n.lazy||d.value||a.value),m=()=>c.value?.contains(document.activeElement);e.watch(a,l=>{l&&(d.value=!0)});const f=e.reactive({uid:r.uid,getVnode:()=>r.vnode,slots:i,props:r.props,paneName:s,active:a,index:o,isClosable:v,isFocusInsidePane:m,attrs:r.attrs});return t.registerPane(f),e.onBeforeUnmount(()=>{t.unregisterPane(f)}),e.onBeforeUpdate(()=>{i.label&&t.nav$.value?.scheduleRender()}),(l,R)=>e.unref(b)?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,id:`pane-${s.value}`,ref_key:"paneRef",ref:c,class:e.normalizeClass(e.unref(u).b()),role:"tabpanel","aria-hidden":!e.unref(a),"aria-labelledby":`tab-${s.value}`},[e.renderSlot(l.$slots,"default")],10,g)),[[e.vShow,e.unref(a)]]):e.createCommentVNode("",!0)}});exports.default=B;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("@vueuse/core");require("@vft/utils");const q=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const y=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const h=require("./types.cjs"),g=["id","aria-hidden","aria-labelledby"],C=e.defineComponent({name:"vft-tab-pane"}),B=e.defineComponent({...C,props:{label:{},name:{},closable:{type:Boolean},disabled:{type:Boolean},lazy:{type:Boolean}},setup(n){const l=y.useNamespace("tab-pane"),r=e.getCurrentInstance(),i=e.useSlots(),t=e.inject(h.TabsRootContextKey);t||q.throwError(l.b(),"usage: <vft-tabs><vft-tab-pane /></vft-tabs/>");const c=e.ref(),o=e.ref(),v=e.computed(()=>n.closable||t.props.closable),a=p.eagerComputed(()=>t.currentName.value===(n.name??o.value)),d=e.ref(a.value),s=e.computed(()=>n.name??o.value),b=p.eagerComputed(()=>!n.lazy||d.value||a.value),m=()=>c.value?.contains(document.activeElement);e.watch(a,u=>{u&&(d.value=!0)});const f=e.reactive({uid:r.uid,getVnode:()=>r.vnode,slots:i,props:r.props,paneName:s,active:a,index:o,isClosable:v,isFocusInsidePane:m,attrs:r.attrs});return t.registerPane(f),e.onBeforeUnmount(()=>{t.unregisterPane(f)}),e.onBeforeUpdate(()=>{i.label&&t.nav$.value?.scheduleRender()}),(u,R)=>e.unref(b)?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,id:`pane-${s.value}`,ref_key:"paneRef",ref:c,class:e.normalizeClass(e.unref(l).b()),role:"tabpanel","aria-hidden":!e.unref(a),"aria-labelledby":`tab-${s.value}`},[e.renderSlot(u.$slots,"default")],10,g)),[[e.vShow,e.unref(a)]]):e.createCommentVNode("",!0)}});exports.default=B;

package/lib/components/tabs/tabs.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");require("@vueuse/core");const C=require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const S=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");const A=require("../../hooks/use-ordered-children/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const E=require("@vft/constants"),k=require("./tab-nav.vue2.cjs"),M=require("./types.cjs"),D=t.defineComponent({name:"vft-tabs"}),z=t.defineComponent({...D,props:{closable:{type:Boolean},addable:{type:Boolean,default:!1},modelValue:{},editable:{type:Boolean},tabPosition:{default:"top"},beforeLeave:{},stretch:{type:Boolean},showBar:{type:Boolean,default:!0},tabBarReduceDistance:{default:0},closeIconCfg:{},addIconCfg:{},arrowLeftIconCfg:{},arrowRightIconCfg:{},fixTabCount:{default:0},fixExtraScrollWidth:{default:0},trigger:{default:"click"}},emits:["update:modelValue","tabClick","tabContextMenu","tabChange","tabRemove","tabAdd","edit"],setup(a,{expose:g,emit:h}){const r=h,c=S.useNamespace("tabs"),v=t.getCurrentInstance(),l=t.useSlots(),m=t.computed(()=>["left","right"].includes(a.tabPosition)),{children:u,addChild:I,removeChild:w,ChildrenSorter:x}=A.useOrderedChildren(t.getCurrentInstance(),"vft-tab-pane"),s=t.ref(),i=t.ref(a.modelValue??"0"),f=async(e,n=!1)=>{if(!(i.value===e||C.isUndefined(e)))try{let o;if(a.beforeLeave){const d=a.beforeLeave(e,i.value);o=d instanceof Promise?await d:d}else o=!0;if(o!==!1){const d=u.value.find(L=>L.paneName===i.value)?.isFocusInsidePane();i.value=e,n&&(r(E.UPDATE_MODEL_EVENT,e),r("tabChange",e)),s.value?.removeFocus?.(),d&&s.value?.focusActiveTab()}}catch{}},T=(e,n,o)=>{e.props.disabled||(r("tabClick",e,o),f(n,!0))},N=(e,n)=>{e.props.disabled||C.isUndefined(e.props.name)||(n.stopPropagation(),r("edit",e.props.name,"remove"),r("tabRemove",e.props.name))},P=()=>{r("edit",void 0,"add"),r("tabAdd")},b=e=>{const n=e.el.firstChild,o=["bottom","right"].includes(a.tabPosition)?e.children[0].el:e.children[1].el;n!==o&&n.before(o)};t.watch(()=>a.modelValue,e=>f(e)),t.watch(i,async()=>{await t.nextTick(),s.value?.scrollToActiveTab()});const R=(e,n,o)=>{r("tabContextMenu",e,n,o)},V=t.computed(()=>t.createVNode("div",{class:c.e("content")},[l.default?.()]));t.provide(M.TabsRootContextKey,{props:v.props,currentName:i,registerPane:I,unregisterPane:w,nav$:s}),g({currentName:i});const q=t.computed(()=>({icon:"icon-plus",size:12,...a.addIconCfg})),y=t.computed(()=>({icon:"icon-close",size:14,...a.closeIconCfg})),B=t.computed(()=>({icon:"icon-arrow-left",size:18,...a.arrowLeftIconCfg})),p=t.computed(()=>({icon:"icon-arrow-right",size:18,...a.arrowRightIconCfg}));return()=>{const e=()=>t.createVNode(k.default,{ref:s,currentName:i.value,editable:a.editable,panes:u.value,stretch:a.stretch,showBar:a.showBar,closeIconCfg:y.value,addIconCfg:q.value,arrowRightIconCfg:p.value,arrowLeftIconCfg:B.value,fixTabCount:a.fixTabCount,fixExtraScrollWidth:a.fixExtraScrollWidth,addable:a.addable,tabBarReduceDistance:a.tabBarReduceDistance,trigger:a.trigger,onTabClick:T,onTabRemove:N,onTabAdd:P,onTabContextmenu:R},null),n=t.createVNode("div",{class:[c.e("header"),m.value&&c.e("header-vertical"),c.is(a.tabPosition)]},[t.createVNode(x,null,{default:e,$stable:!0}),l.navRight?t.createVNode("div",{class:"nav-right"},[l.navRight?.()]):null]);return t.createVNode("div",{class:[c.b(),c.m(a.tabPosition)],onVnodeMounted:b,onVnodeUpdated:b},[V.value,n])}}});exports.default=z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");require("@vueuse/core");const C=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const S=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");const A=require("../../hooks/use-ordered-children/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const E=require("@vft/constants"),k=require("./tab-nav.vue2.cjs"),M=require("./types.cjs"),D=t.defineComponent({name:"vft-tabs"}),z=t.defineComponent({...D,props:{closable:{type:Boolean},addable:{type:Boolean,default:!1},modelValue:{},editable:{type:Boolean},tabPosition:{default:"top"},beforeLeave:{},stretch:{type:Boolean},showBar:{type:Boolean,default:!0},tabBarReduceDistance:{default:0},closeIconCfg:{},addIconCfg:{},arrowLeftIconCfg:{},arrowRightIconCfg:{},fixTabCount:{default:0},fixExtraScrollWidth:{default:0},trigger:{default:"click"}},emits:["update:modelValue","tabClick","tabContextMenu","tabChange","tabRemove","tabAdd","edit"],setup(a,{expose:g,emit:h}){const r=h,c=S.useNamespace("tabs"),v=t.getCurrentInstance(),l=t.useSlots(),m=t.computed(()=>["left","right"].includes(a.tabPosition)),{children:u,addChild:I,removeChild:w,ChildrenSorter:x}=A.useOrderedChildren(t.getCurrentInstance(),"vft-tab-pane"),s=t.ref(),i=t.ref(a.modelValue??"0"),f=async(e,n=!1)=>{if(!(i.value===e||C.isUndefined(e)))try{let o;if(a.beforeLeave){const d=a.beforeLeave(e,i.value);o=d instanceof Promise?await d:d}else o=!0;if(o!==!1){const d=u.value.find(L=>L.paneName===i.value)?.isFocusInsidePane();i.value=e,n&&(r(E.UPDATE_MODEL_EVENT,e),r("tabChange",e)),s.value?.removeFocus?.(),d&&s.value?.focusActiveTab()}}catch{}},T=(e,n,o)=>{e.props.disabled||(r("tabClick",e,o),f(n,!0))},q=(e,n)=>{e.props.disabled||C.isUndefined(e.props.name)||(n.stopPropagation(),r("edit",e.props.name,"remove"),r("tabRemove",e.props.name))},N=()=>{r("edit",void 0,"add"),r("tabAdd")},b=e=>{const n=e.el.firstChild,o=["bottom","right"].includes(a.tabPosition)?e.children[0].el:e.children[1].el;n!==o&&n.before(o)};t.watch(()=>a.modelValue,e=>f(e)),t.watch(i,async()=>{await t.nextTick(),s.value?.scrollToActiveTab()});const P=(e,n,o)=>{r("tabContextMenu",e,n,o)},R=t.computed(()=>t.createVNode("div",{class:c.e("content")},[l.default?.()]));t.provide(M.TabsRootContextKey,{props:v.props,currentName:i,registerPane:I,unregisterPane:w,nav$:s}),g({currentName:i});const V=t.computed(()=>({icon:"icon-plus",size:12,...a.addIconCfg})),y=t.computed(()=>({icon:"icon-close",size:14,...a.closeIconCfg})),B=t.computed(()=>({icon:"icon-arrow-left",size:18,...a.arrowLeftIconCfg})),p=t.computed(()=>({icon:"icon-arrow-right",size:18,...a.arrowRightIconCfg}));return()=>{const e=()=>t.createVNode(k.default,{ref:s,currentName:i.value,editable:a.editable,panes:u.value,stretch:a.stretch,showBar:a.showBar,closeIconCfg:y.value,addIconCfg:V.value,arrowRightIconCfg:p.value,arrowLeftIconCfg:B.value,fixTabCount:a.fixTabCount,fixExtraScrollWidth:a.fixExtraScrollWidth,addable:a.addable,tabBarReduceDistance:a.tabBarReduceDistance,trigger:a.trigger,onTabClick:T,onTabRemove:q,onTabAdd:N,onTabContextmenu:P},null),n=t.createVNode("div",{class:[c.e("header"),m.value&&c.e("header-vertical"),c.is(a.tabPosition)]},[t.createVNode(x,null,{default:e,$stable:!0}),l.navRight?t.createVNode("div",{class:"nav-right"},[l.navRight?.()]):null]);return t.createVNode("div",{class:[c.b(),c.m(a.tabPosition)],onVnodeMounted:b,onVnodeUpdated:b},[R.value,n])}}});exports.default=z;

package/lib/components/tag/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const t=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const r=require("./tag.vue2.cjs"),e=t.withInstall(r.default);exports.VftTag=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");const r=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const t=require("./tag.vue2.cjs"),e=r.withInstall(t.default);exports.VftTag=e;exports.default=e;

package/lib/components/tag/tag.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue");require("../form/index.cjs");const m=require("../icon/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const f=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const b=require("../form/hooks/use-form-common-props.cjs");function q(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!o.isVNode(e)}const y=o.defineComponent({__name:"tag",props:{closable:{type:Boolean},type:{},hit:{type:Boolean},disableTransitions:{type:Boolean,default:!0},color:{},size:{},effect:{default:"light"},round:{type:Boolean}},emits:["close","click"],setup(e,{emit:s}){const c=s,l=o.useSlots(),i=b.useFormSize(),t=f.useNamespace("tag"),a=o.computed(()=>[t.b(),t.is("closable",e.closable),t.m(e.type),t.m(i.value),t.m(e.effect),t.is("hit",e.hit),t.is("round",e.round)]),u=n=>{c("close",n)},d=n=>{c("click",n)},r=()=>o.createVNode("span",{class:a.value,style:{backgroundColor:e.color},onClick:d},[o.createVNode("span",{class:t.e("content")},[l.default?.()]),e.closable?o.createVNode("div",{class:t.e("close"),onClick:u},[o.createVNode(m.VftIcon,{icon:"icon-close"},null)]):""]);return()=>{let n;return e.disableTransitions?r():o.createVNode(o.Transition,{name:`${t.namespace.value}-zoom-in-center`,appear:!0},q(n=r())?n:{default:()=>[n]})}}});exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue");require("../form/index.cjs");const m=require("../icon/index.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const f=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const b=require("../form/hooks/use-form-common-props.cjs");function q(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!o.isVNode(e)}const y=o.defineComponent({__name:"tag",props:{closable:{type:Boolean},type:{},hit:{type:Boolean},disableTransitions:{type:Boolean,default:!0},color:{},size:{},effect:{default:"light"},round:{type:Boolean}},emits:["close","click"],setup(e,{emit:s}){const r=s,l=o.useSlots(),i=b.useFormSize(),t=f.useNamespace("tag"),a=o.computed(()=>[t.b(),t.is("closable",e.closable),t.m(e.type),t.m(i.value),t.m(e.effect),t.is("hit",e.hit),t.is("round",e.round)]),u=n=>{r("close",n)},d=n=>{r("click",n)},c=()=>o.createVNode("span",{class:a.value,style:{backgroundColor:e.color},onClick:d},[o.createVNode("span",{class:t.e("content")},[l.default?.()]),e.closable?o.createVNode("div",{class:t.e("close"),onClick:u},[o.createVNode(m.VftIcon,{icon:"icon-close"},null)]):""]);return()=>{let n;return e.disableTransitions?c():o.createVNode(o.Transition,{name:`${t.namespace.value}-zoom-in-center`,appear:!0},q(n=c())?n:{default:()=>[n]})}}});exports.default=y;

package/lib/components/teleport/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const t=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const r=require("./teleport.vue2.cjs"),e=t.withInstall(r.default);exports.VftTeleport=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");const r=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const t=require("./teleport.vue2.cjs"),e=r.withInstall(t.default);exports.VftTeleport=e;exports.default=e;

package/lib/components/time-picker/common/picker-range-trigger.vue.d.ts

@@ -29,8 +29,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     focus: () => void;
     blur: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    blur: (...args: any[]) => void;
     click: (...args: any[]) => void;
+    blur: (...args: any[]) => void;
     focus: (...args: any[]) => void;
     mouseenter: (...args: any[]) => void;
     mouseleave: (...args: any[]) => void;
@@ -62,8 +62,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     readonly endPlaceholder: StringConstructor;
     readonly disabled: BooleanConstructor;
 }>> & Readonly<{
-    onBlur?: ((...args: any[]) => any) | undefined;
     onClick?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onMouseenter?: ((...args: any[]) => any) | undefined;
     onMouseleave?: ((...args: any[]) => any) | undefined;

package/lib/components/time-picker/common/picker-range-trigger.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),P=require("../../../hooks/use-attrs/index.cjs");require("@vft/utils");require("@vueuse/core");require("../../../utils/ns-cover.cjs");require("lodash-es");const l=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const R=require("../../../hooks/use-focus-controller/index.cjs"),S=require("./props.cjs"),y=["id","name","placeholder","value","disabled"],$=["id","name","placeholder","value","disabled"],E=n.defineComponent({name:"PickerRangeTrigger",inheritAttrs:!1}),M=n.defineComponent({...E,props:S.timePickerRangeTriggerProps,emits:["mouseenter","mouseleave","click","touchstart","focus","blur","startInput","endInput","startChange","endChange"],setup(u,{expose:d,emit:i}){const c=u,r=i,a=P.useAttrs(),p=l.useNamespace("date"),t=l.useNamespace("range"),s=n.ref(),o=n.ref(),{wrapperRef:m,isFocused:f}=R.useFocusController(s,{disabled:n.computed(()=>c.disabled)}),h=e=>{r("click",e)},g=e=>{r("mouseenter",e)},b=e=>{r("mouseleave",e)},v=e=>{r("mouseenter",e)},C=e=>{r("startInput",e)},q=e=>{r("endInput",e)},k=e=>{r("startChange",e)},I=e=>{r("endChange",e)};return d({focus:()=>{s.value?.focus()},blur:()=>{s.value?.blur(),o.value?.blur()}}),(e,N)=>(n.openBlock(),n.createElementBlock("div",{ref_key:"wrapperRef",ref:m,class:n.normalizeClass([n.unref(p).is("active",n.unref(f)),e.$attrs.class]),style:n.normalizeStyle(e.$attrs.style),onClick:h,onMouseenter:g,onMouseleave:b,onTouchstartPassive:v},[n.renderSlot(e.$slots,"prefix"),n.createElementVNode("input",n.mergeProps(n.unref(a),{id:e.id&&e.id[0],ref_key:"inputRef",ref:s,name:e.name&&e.name[0],placeholder:e.startPlaceholder,value:e.modelValue&&e.modelValue[0],class:n.unref(t).b("input"),disabled:e.disabled,onInput:C,onChange:k}),null,16,y),n.renderSlot(e.$slots,"range-separator"),n.createElementVNode("input",n.mergeProps(n.unref(a),{id:e.id&&e.id[1],ref_key:"endInputRef",ref:o,name:e.name&&e.name[1],placeholder:e.endPlaceholder,value:e.modelValue&&e.modelValue[1],class:n.unref(t).b("input"),disabled:e.disabled,onInput:q,onChange:I}),null,16,$),n.renderSlot(e.$slots,"suffix")],38))}});exports.default=M;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),P=require("../../../hooks/use-attrs/index.cjs");require("@vft/utils");require("@vueuse/core");require("../../config-provider/hooks/use-global-config.cjs");require("../../../utils/ns-cover.cjs");require("lodash-es");const l=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const R=require("../../../hooks/use-focus-controller/index.cjs"),S=require("./props.cjs"),y=["id","name","placeholder","value","disabled"],$=["id","name","placeholder","value","disabled"],E=n.defineComponent({name:"PickerRangeTrigger",inheritAttrs:!1}),M=n.defineComponent({...E,props:S.timePickerRangeTriggerProps,emits:["mouseenter","mouseleave","click","touchstart","focus","blur","startInput","endInput","startChange","endChange"],setup(u,{expose:d,emit:i}){const c=u,r=i,a=P.useAttrs(),p=l.useNamespace("date"),t=l.useNamespace("range"),s=n.ref(),o=n.ref(),{wrapperRef:m,isFocused:f}=R.useFocusController(s,{disabled:n.computed(()=>c.disabled)}),h=e=>{r("click",e)},g=e=>{r("mouseenter",e)},b=e=>{r("mouseleave",e)},v=e=>{r("mouseenter",e)},C=e=>{r("startInput",e)},q=e=>{r("endInput",e)},k=e=>{r("startChange",e)},I=e=>{r("endChange",e)};return d({focus:()=>{s.value?.focus()},blur:()=>{s.value?.blur(),o.value?.blur()}}),(e,N)=>(n.openBlock(),n.createElementBlock("div",{ref_key:"wrapperRef",ref:m,class:n.normalizeClass([n.unref(p).is("active",n.unref(f)),e.$attrs.class]),style:n.normalizeStyle(e.$attrs.style),onClick:h,onMouseenter:g,onMouseleave:b,onTouchstartPassive:v},[n.renderSlot(e.$slots,"prefix"),n.createElementVNode("input",n.mergeProps(n.unref(a),{id:e.id&&e.id[0],ref_key:"inputRef",ref:s,name:e.name&&e.name[0],placeholder:e.startPlaceholder,value:e.modelValue&&e.modelValue[0],class:n.unref(t).b("input"),disabled:e.disabled,onInput:C,onChange:k}),null,16,y),n.renderSlot(e.$slots,"range-separator"),n.createElementVNode("input",n.mergeProps(n.unref(a),{id:e.id&&e.id[1],ref_key:"endInputRef",ref:o,name:e.name&&e.name[1],placeholder:e.endPlaceholder,value:e.modelValue&&e.modelValue[1],class:n.unref(t).b("input"),disabled:e.disabled,onInput:q,onChange:I}),null,16,$),n.renderSlot(e.$slots,"suffix")],38))}});exports.default=M;

package/lib/components/time-picker/common/picker.vue.d.ts

@@ -40,7 +40,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     readonly tabindex: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown, 0, boolean>;
     readonly validateEvent: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly unlinkPanels: BooleanConstructor;
-    readonly placement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, unknown, "bottom", boolean>;
+    readonly placement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, unknown, "bottom", boolean>;
     readonly fallbackPlacements: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => import("@popperjs/core").Placement[]) | (() => import("@popperjs/core").Placement[]) | (((new (...args: any[]) => import("@popperjs/core").Placement[]) | (() => import("@popperjs/core").Placement[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
     readonly emptyValues: ArrayConstructor;
     readonly valueOnClear: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
@@ -88,7 +88,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     readonly editable: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly prefixIcon: import("vft/es/utils").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, "", boolean>;
     readonly size: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -163,7 +163,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     readonly tabindex: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown, 0, boolean>;
     readonly validateEvent: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly unlinkPanels: BooleanConstructor;
-    readonly placement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, unknown, "bottom", boolean>;
+    readonly placement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, unknown, "bottom", boolean>;
     readonly fallbackPlacements: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => import("@popperjs/core").Placement[]) | (() => import("@popperjs/core").Placement[]) | (((new (...args: any[]) => import("@popperjs/core").Placement[]) | (() => import("@popperjs/core").Placement[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
     readonly emptyValues: ArrayConstructor;
     readonly valueOnClear: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
@@ -211,7 +211,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     readonly editable: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly prefixIcon: import("vft/es/utils").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, "", boolean>;
     readonly size: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -248,10 +248,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     "onPanel-change"?: ((...args: any[]) => any) | undefined;
     "onVisible-change"?: ((...args: any[]) => any) | undefined;
 }>, {
-    readonly type: string;
     readonly disabled: boolean;
+    readonly type: string;
     readonly modelValue: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType)) | null)[], unknown, unknown>;
-    readonly placement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, unknown>;
+    readonly placement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, unknown>;
     readonly tabindex: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
     readonly readonly: boolean;
     readonly placeholder: string;