vft 0.0.239 → 0.0.240

package/lib/components/date-picker/utils.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("@vft/utils"),S=require("dayjs"),n=r=>{if(!p.isArray(r))return!1;const[f,c]=r;return S.isDayjs(f)&&S.isDayjs(c)&&f.isSameOrBefore(c)},T=r=>!r&&r!==0?[]:Array.isArray(r)?r:[r],B=(r,{lang:f,unit:c,unlinkPanels:s})=>{let i;if(p.isArray(r)){let[A,e]=r.map(g=>S(g).locale(f));return s||(e=A.add(1,c)),[A,e]}else r?i=S(r):i=S();return i=i.locale(f),[i,i.add(1,c)]},P=(r,f,{columnIndexOffset:c,startDate:s,nextEndDate:i,now:A,unit:e,relativeDateGetter:g,setCellMetadata:u,setRowMetadata:O})=>{for(let y=0;y<r.row;y++){const b=f[y];for(let m=0;m<r.column;m++){let o=b[m+c];o||(o={row:y,column:m,type:"normal",inRange:!1,start:!1,end:!1});const j=y*r.column+m,l=g(j);o.dayjs=l,o.date=l.toDate(),o.timestamp=l.valueOf(),o.type="normal",o.inRange=!!(s&&l.isSameOrAfter(s,e)&&i&&l.isSameOrBefore(i,e))||!!(s&&l.isSameOrBefore(s,e)&&i&&l.isSameOrAfter(i,e)),s!=null&&s.isSameOrAfter(i)?(o.start=!!i&&l.isSame(i,e),o.end=s&&l.isSame(s,e)):(o.start=!!s&&l.isSame(s,e),o.end=!!i&&l.isSame(i,e)),l.isSame(A,e)&&(o.type="today"),u==null||u(o,{rowIndex:y,columnIndex:m}),b[m+c]=o}O==null||O(b)}};exports.buildPickerTable=P;exports.castArray=T;exports.getDefaultValue=B;exports.isValidRange=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@vft/utils"),y=require("dayjs"),b=e=>{if(!d.isArray(e))return!1;const[c,a]=e;return y.isDayjs(c)&&y.isDayjs(a)&&c.isSameOrBefore(a)},p=e=>!e&&e!==0?[]:Array.isArray(e)?e:[e],j=(e,{lang:c,unit:a,unlinkPanels:o})=>{let r;if(d.isArray(e)){let[S,i]=e.map(t=>y(t).locale(c));return o||(i=S.add(1,a)),[S,i]}else e?r=y(e):r=y();return r=r.locale(c),[r,r.add(1,a)]},n=(e,c,{columnIndexOffset:a,startDate:o,nextEndDate:r,now:S,unit:i,relativeDateGetter:t,setCellMetadata:g,setRowMetadata:u})=>{for(let m=0;m<e.row;m++){const A=c[m];for(let f=0;f<e.column;f++){let s=A[f+a];s||(s={row:m,column:f,type:"normal",inRange:!1,start:!1,end:!1});const O=m*e.column+f,l=t(O);s.dayjs=l,s.date=l.toDate(),s.timestamp=l.valueOf(),s.type="normal",s.inRange=!!(o&&l.isSameOrAfter(o,i)&&r&&l.isSameOrBefore(r,i))||!!(o&&l.isSameOrBefore(o,i)&&r&&l.isSameOrAfter(r,i)),o?.isSameOrAfter(r)?(s.start=!!r&&l.isSame(r,i),s.end=o&&l.isSame(o,i)):(s.start=!!o&&l.isSame(o,i),s.end=!!r&&l.isSame(r,i)),l.isSame(S,i)&&(s.type="today"),g?.(s,{rowIndex:m,columnIndex:f}),A[f+a]=s}u?.(A)}};exports.buildPickerTable=n;exports.castArray=p;exports.getDefaultValue=j;exports.isValidRange=b;

package/lib/components/date-time-select/date-time-select.vue.d.ts

@@ -3,11 +3,11 @@ export interface DateTimeSelectProps {
     dateList: Partial<DateConfigProps>[][];
     defaultFormat?: string;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<DateTimeSelectProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<DateTimeSelectProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (val: string | string[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<DateTimeSelectProps>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<DateTimeSelectProps>>> & Readonly<{
     onChange?: ((val: string | string[]) => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/date-time-select/date-time-select.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),x=require("@vft/utils"),$=require("../date-picker/index.cjs"),j=require("../dropdown/index.cjs"),h=require("../icon/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash-es");const A=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const m=require("dayjs"),H=e.defineComponent({name:"vft-date-time-select"}),P=e.defineComponent({...H,props:{dateList:{default:()=>[]},defaultFormat:{default:"YYYY-MM-DD HH:mm:ss"}},emits:["change"],setup(d,{emit:T}){const l=A.useNamespace("date-time-select"),I=T,q=e.ref(!1),V=e.ref(),L=e.ref("请选择时间"),t=e.ref("");function M(a){const{count:r,type:g,format:i,dateRange:o=!0,startOfType:C,endOfType:k}=a;let f,n,y;const v=i||d.defaultFormat;let c=m().format(v);const w=(u,S=!0)=>{let p,O=S?"startOf":"endOf";return u==="week"?p=m().add(r,u)[O](u).add(1,"day").format(v):p=m().add(r,u)[O](u).format(v),p};C&&(f=w(C)),k&&(n=w(k,!1)),y=m().add(r,g).format(v);let s=f||n||y;return o?f&&n?[s,n]:r>0?[s!==n&&n||c,s]:r===0?[f||c,n||c]:[s,s!==n&&n||c]:s}function R(a,r){V.value=a,D.value.handleClose(),t.value=M(r),I("change",t.value)}function Y(){t.value=""}const N=e.computed(()=>{var a;return x.isArray(t.value)&&((a=t.value)!=null&&a.length)?t.value[0]+" - "+t.value[1]:t.value}),D=e.ref();function b(a){q.value=a}const F=()=>{const a=x.isArray(d.dateList[0])?d.dateList:[d.dateList];return e.createVNode("div",{class:l.e("content")},[e.createVNode(e.Fragment,null,[a.map((r,g)=>e.createVNode("div",{key:g,class:l.e("item-container")},[r.map((i,o)=>e.createVNode("div",{class:[l.e("item"),l.is("active",V.value===o)],onClick:()=>R(o,i)},[e.createVNode("span",{key:o},[i.text]),V.value===o?e.createVNode(h.VftIcon,{icon:"icon-check"},null):null])),e.createVNode($.default,{type:"daterange","range-separator":"To","start-placeholder":"Start date","end-placeholder":"End date"},null)]))])])};return()=>e.createVNode(j.VftDropdown,{ref:D,trigger:"click",teleported:!1,class:l.b(),onVisibleChange:b},{default:()=>[e.createVNode("span",{class:[l.e("trigger"),"cursor-pointer"]},[e.createVNode("span",{class:[N.value?"text":"placeholder"]},[N.value||L.value]),t.value?e.createVNode(h.VftIcon,{onClick:Y,icon:"icon-circle-close",class:"hover:text-black"},null):null,t.value?e.createVNode(h.VftIcon,{icon:"icon-arrow-down",class:[{"rotate-180":q.value}]},null):null])],dropdown:()=>F()})}});exports.default=P;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),x=require("@vft/utils"),$=require("../date-picker/index.cjs"),j=require("../dropdown/index.cjs"),h=require("../icon/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash-es");const A=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const m=require("dayjs"),H=e.defineComponent({name:"vft-date-time-select"}),P=e.defineComponent({...H,props:{dateList:{default:()=>[]},defaultFormat:{default:"YYYY-MM-DD HH:mm:ss"}},emits:["change"],setup(d,{emit:T}){const l=A.useNamespace("date-time-select"),I=T,q=e.ref(!1),V=e.ref(),L=e.ref("请选择时间"),t=e.ref("");function M(n){const{count:a,type:g,format:i,dateRange:o=!0,startOfType:C,endOfType:k}=n;let f,r,y;const v=i||d.defaultFormat;let c=m().format(v);const w=(u,S=!0)=>{let p,O=S?"startOf":"endOf";return u==="week"?p=m().add(a,u)[O](u).add(1,"day").format(v):p=m().add(a,u)[O](u).format(v),p};C&&(f=w(C)),k&&(r=w(k,!1)),y=m().add(a,g).format(v);let s=f||r||y;return o?f&&r?[s,r]:a>0?[s!==r&&r||c,s]:a===0?[f||c,r||c]:[s,s!==r&&r||c]:s}function R(n,a){V.value=n,D.value.handleClose(),t.value=M(a),I("change",t.value)}function Y(){t.value=""}const N=e.computed(()=>x.isArray(t.value)&&t.value?.length?t.value[0]+" - "+t.value[1]:t.value),D=e.ref();function b(n){q.value=n}const F=()=>{const n=x.isArray(d.dateList[0])?d.dateList:[d.dateList];return e.createVNode("div",{class:l.e("content")},[e.createVNode(e.Fragment,null,[n.map((a,g)=>e.createVNode("div",{key:g,class:l.e("item-container")},[a.map((i,o)=>e.createVNode("div",{class:[l.e("item"),l.is("active",V.value===o)],onClick:()=>R(o,i)},[e.createVNode("span",{key:o},[i.text]),V.value===o?e.createVNode(h.VftIcon,{icon:"icon-check"},null):null])),e.createVNode($.default,{type:"daterange","range-separator":"To","start-placeholder":"Start date","end-placeholder":"End date"},null)]))])])};return()=>e.createVNode(j.VftDropdown,{ref:D,trigger:"click",teleported:!1,class:l.b(),onVisibleChange:b},{default:()=>[e.createVNode("span",{class:[l.e("trigger"),"cursor-pointer"]},[e.createVNode("span",{class:[N.value?"text":"placeholder"]},[N.value||L.value]),t.value?e.createVNode(h.VftIcon,{onClick:Y,icon:"icon-circle-close",class:"hover:text-black"},null):null,t.value?e.createVNode(h.VftIcon,{icon:"icon-arrow-down",class:[{"rotate-180":q.value}]},null):null])],dropdown:()=>F()})}});exports.default=P;

package/lib/components/date-time-select/index.d.ts

@@ -1,4 +1,4 @@
-export declare const VftDateTimeSelect: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const VftDateTimeSelect: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     dateList: {
         type: import("vue").PropType<Partial<import("./types").DateConfigProps>[][]>;
         required: true;
@@ -6,7 +6,7 @@ export declare const VftDateTimeSelect: import("vft/es/utils").SFCWithInstall<im
     defaultFormat: {
         type: import("vue").PropType<string>;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (val: string | string[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     dateList: {
@@ -16,7 +16,7 @@ export declare const VftDateTimeSelect: import("vft/es/utils").SFCWithInstall<im
     defaultFormat: {
         type: import("vue").PropType<string>;
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((val: string | string[]) => any) | undefined;
-}, {}, {}>> & Record<string, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default VftDateTimeSelect;

package/lib/components/descriptions/description-item.vue.d.ts

@@ -8,9 +8,11 @@ interface Props {
     className?: string;
     labelClassName?: string;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>, {
+declare function __VLS_template(): {
     default?(_: {}): any;
-}>;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/descriptions/description.vue.d.ts

@@ -6,10 +6,12 @@ interface Props {
     title?: string;
     extra?: string;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>, {
+declare function __VLS_template(): {
     title?(_: {}): any;
     extra?(_: {}): any;
-}>;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/descriptions/description.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const y=require("../../utils/vue/vnode.cjs"),C=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("./descriptions-row.vue2.cjs"),g=require("./token.cjs"),E=e.defineComponent({name:"vft-descriptions"}),N=e.defineComponent({...E,props:{border:{type:Boolean,default:!1},column:{default:3},direction:{default:"horizontal"},size:{},title:{},extra:{}},setup(u){const n=C.useNamespace("descriptions"),c=e.useSlots(),v=e.getCurrentInstance();e.provide(g.descriptionsKey,v.props);const h=e.computed(()=>[n.b(),n.m("small")]),p=(t,o,r,s=!1)=>(t.props||(t.props={}),o>r&&(t.props.span=r),s&&(t.props.span=o),t),q=()=>{var m;const t=y.flattedChildren((m=c.default)==null?void 0:m.call(c)).filter(l=>{var a;return((a=l==null?void 0:l.type)==null?void 0:a.name)==="ElDescriptionsItem"}),o=[];let r=[],s=u.column,d=0;return t.forEach((l,a)=>{var f;const i=((f=l==null?void 0:l.props)==null?void 0:f.span)||1;if(a<t.length-1&&(d+=i>s?s:i),a===t.length-1){const k=u.column-d%u.column;r.push(p(l,k,s,!0)),o.push(r);return}i<s?(s-=i,r.push(l)):(r.push(p(l,i,s)),o.push(r),s=u.column,r=[])}),o};return(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(h.value)},[t.title||t.extra||t.$slots.title||t.$slots.extra?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n).e("header"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("title"))},[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("extra"))},[e.renderSlot(t.$slots,"extra",{},()=>[e.createTextVNode(e.toDisplayString(t.extra),1)])],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("body"))},[e.createElementVNode("table",{class:e.normalizeClass([e.unref(n).e("table"),e.unref(n).is("bordered",t.border)])},[e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(q(),(r,s)=>(e.openBlock(),e.createBlock(b.default,{key:s,row:r},null,8,["row"]))),128))])],2)],2)],2))}});exports.default=N;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const q=require("../../utils/vue/vnode.cjs"),k=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("./descriptions-row.vue2.cjs"),C=require("./token.cjs"),b=e.defineComponent({name:"vft-descriptions"}),g=e.defineComponent({...b,props:{border:{type:Boolean,default:!1},column:{default:3},direction:{default:"horizontal"},size:{},title:{},extra:{}},setup(i){const l=k.useNamespace("descriptions"),d=e.useSlots(),m=e.getCurrentInstance();e.provide(C.descriptionsKey,m.props);const f=e.computed(()=>[l.b(),l.m("small")]),u=(t,n,r,s=!1)=>(t.props||(t.props={}),n>r&&(t.props.span=r),s&&(t.props.span=n),t),v=()=>{const t=q.flattedChildren(d.default?.()).filter(o=>o?.type?.name==="ElDescriptionsItem"),n=[];let r=[],s=i.column,c=0;return t.forEach((o,p)=>{const a=o?.props?.span||1;if(p<t.length-1&&(c+=a>s?s:a),p===t.length-1){const h=i.column-c%i.column;r.push(u(o,h,s,!0)),n.push(r);return}a<s?(s-=a,r.push(o)):(r.push(u(o,a,s)),n.push(r),s=i.column,r=[])}),n};return(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(f.value)},[t.title||t.extra||t.$slots.title||t.$slots.extra?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(l).e("header"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("title"))},[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("extra"))},[e.renderSlot(t.$slots,"extra",{},()=>[e.createTextVNode(e.toDisplayString(t.extra),1)])],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("body"))},[e.createElementVNode("table",{class:e.normalizeClass([e.unref(l).e("table"),e.unref(l).is("bordered",t.border)])},[e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v(),(r,s)=>(e.openBlock(),e.createBlock(y.default,{key:s,row:r},null,8,["row"]))),128))])],2)],2)],2))}});exports.default=g;

package/lib/components/descriptions/descriptions-cell.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const v=require("@vft/utils");require("@vueuse/core");require("../../utils/ns-cover.cjs");const S=require("lodash-es"),f=require("../../utils/vue/vnode.cjs"),s=require("vue"),C=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const j=require("./token.cjs"),w=s.defineComponent({name:"VftDescriptionsCell",props:{cell:{type:Object},tag:{type:String},type:{type:String}},setup(){return{descriptions:s.inject(j.descriptionsKey,{})}},render(){var b,n,g,m,c,q;const e=f.getNormalizedProps(this.cell),{border:d,direction:y}=this.descriptions,l=y==="vertical",r=((g=(n=(b=this.cell)==null?void 0:b.children)==null?void 0:n.label)==null?void 0:g.call(n))||e.label,u=(q=(c=(m=this.cell)==null?void 0:m.children)==null?void 0:c.default)==null?void 0:q.call(c),i=e.span,a=e.align?`is-${e.align}`:"",N=e.labelAlign?`is-${e.labelAlign}`:a,p=e.className,h=e.labelClassName,o={width:v.addUnit(e.width),minWidth:v.addUnit(e.minWidth)},t=C.useNamespace("descriptions");switch(this.type){case"label":return s.h(this.tag,{style:o,class:[t.e("cell"),t.e("label"),t.is("bordered-label",d),t.is("vertical-label",l),N,h],colSpan:l?i:1},r);case"content":return s.h(this.tag,{style:o,class:[t.e("cell"),t.e("content"),t.is("bordered-content",d),t.is("vertical-content",l),a,p],colSpan:l?i:i*2-1},u);default:return s.h("td",{style:o,class:[t.e("cell"),a],colSpan:i},[S.isNil(r)?void 0:s.h("span",{class:[t.e("label"),h]},r),s.h("span",{class:[t.e("content"),p]},u)])}}});exports.default=w;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("@vft/utils");require("@vueuse/core");require("../../utils/ns-cover.cjs");const g=require("lodash-es"),m=require("../../utils/vue/vnode.cjs"),s=require("vue"),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 v=require("./token.cjs"),y=s.defineComponent({name:"VftDescriptionsCell",props:{cell:{type:Object},tag:{type:String},type:{type:String}},setup(){return{descriptions:s.inject(v.descriptionsKey,{})}},render(){const e=m.getNormalizedProps(this.cell),{border:a,direction:h}=this.descriptions,l=h==="vertical",n=this.cell?.children?.label?.()||e.label,o=this.cell?.children?.default?.(),i=e.span,c=e.align?`is-${e.align}`:"",b=e.labelAlign?`is-${e.labelAlign}`:c,d=e.className,u=e.labelClassName,r={width:p.addUnit(e.width),minWidth:p.addUnit(e.minWidth)},t=q.useNamespace("descriptions");switch(this.type){case"label":return s.h(this.tag,{style:r,class:[t.e("cell"),t.e("label"),t.is("bordered-label",a),t.is("vertical-label",l),b,u],colSpan:l?i:1},n);case"content":return s.h(this.tag,{style:r,class:[t.e("cell"),t.e("content"),t.is("bordered-content",a),t.is("vertical-content",l),c,d],colSpan:l?i:i*2-1},o);default:return s.h("td",{style:r,class:[t.e("cell"),c],colSpan:i},[g.isNil(n)?void 0:s.h("span",{class:[t.e("label"),u]},n),s.h("span",{class:[t.e("content"),d]},o)])}}});exports.default=y;

package/lib/components/descriptions/descriptions-cell.d.ts

@@ -1,5 +1,5 @@
 import type { IDescriptionsInject } from './descriptions.type';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     cell: {
         type: ObjectConstructor;
     };
@@ -9,9 +9,9 @@ declare const _default: import("vue").DefineComponent<{
     type: {
         type: StringConstructor;
     };
-}, {
+}>, {
     descriptions: IDescriptionsInject;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     cell: {
         type: ObjectConstructor;
     };
@@ -21,5 +21,5 @@ declare const _default: import("vue").DefineComponent<{
     type: {
         type: StringConstructor;
     };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/components/descriptions/descriptions-row.vue.d.ts

@@ -1,7 +1,7 @@
 interface Props {
     row?: Array<any>;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -1,5 +1,5 @@
 export declare const VftDescriptions: import("vft/es/utils").SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         border: {
             type: import("vue").PropType<boolean>;
         };
@@ -18,26 +18,7 @@ export declare const VftDescriptions: import("vft/es/utils").SFCWithInstall<{
         extra: {
             type: import("vue").PropType<string>;
         };
-    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        border: {
-            type: import("vue").PropType<boolean>;
-        };
-        column: {
-            type: import("vue").PropType<number>;
-        };
-        direction: {
-            type: import("vue").PropType<"vertical" | "horizontal">;
-        };
-        size: {
-            type: import("vue").PropType<string>;
-        };
-        title: {
-            type: import("vue").PropType<string>;
-        };
-        extra: {
-            type: import("vue").PropType<string>;
-        };
-    }>>, {}, true, {}, {}, {
+    }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -63,10 +44,10 @@ export declare const VftDescriptions: import("vft/es/utils").SFCWithInstall<{
         extra: {
             type: import("vue").PropType<string>;
         };
-    }>>, {}, {}, {}, {}, {}>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     border: {
         type: import("vue").PropType<boolean>;
@@ -86,39 +67,14 @@ export declare const VftDescriptions: import("vft/es/utils").SFCWithInstall<{
     extra: {
         type: import("vue").PropType<string>;
     };
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         title?(_: {}): any;
         extra?(_: {}): any;
     };
 })> & {
     DescriptionsItem: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-            label: {
-                type: import("vue").PropType<string>;
-            };
-            span: {
-                type: import("vue").PropType<number>;
-            };
-            width: {
-                type: import("vue").PropType<string | number>;
-            };
-            minWidth: {
-                type: import("vue").PropType<string | number>;
-            };
-            align: {
-                type: import("vue").PropType<string>;
-            };
-            labelAlign: {
-                type: import("vue").PropType<string>;
-            };
-            className: {
-                type: import("vue").PropType<string>;
-            };
-            labelClassName: {
-                type: import("vue").PropType<string>;
-            };
-        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
             label: {
                 type: import("vue").PropType<string>;
             };
@@ -143,7 +99,7 @@ export declare const VftDescriptions: import("vft/es/utils").SFCWithInstall<{
             labelClassName: {
                 type: import("vue").PropType<string>;
             };
-        }>>, {}, true, {}, {}, {
+        }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
@@ -175,10 +131,10 @@ export declare const VftDescriptions: import("vft/es/utils").SFCWithInstall<{
             labelClassName: {
                 type: import("vue").PropType<string>;
             };
-        }>>, {}, {}, {}, {}, {}>;
-        __isFragment?: undefined;
-        __isTeleport?: undefined;
-        __isSuspense?: undefined;
+        }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
         label: {
             type: import("vue").PropType<string>;
@@ -204,39 +160,14 @@ export declare const VftDescriptions: import("vft/es/utils").SFCWithInstall<{
         labelClassName: {
             type: import("vue").PropType<string>;
         };
-    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;
         };
     });
 };
 export declare const VftDescriptionsItem: import("vft/es/utils").SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        label: {
-            type: import("vue").PropType<string>;
-        };
-        span: {
-            type: import("vue").PropType<number>;
-        };
-        width: {
-            type: import("vue").PropType<string | number>;
-        };
-        minWidth: {
-            type: import("vue").PropType<string | number>;
-        };
-        align: {
-            type: import("vue").PropType<string>;
-        };
-        labelAlign: {
-            type: import("vue").PropType<string>;
-        };
-        className: {
-            type: import("vue").PropType<string>;
-        };
-        labelClassName: {
-            type: import("vue").PropType<string>;
-        };
-    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         label: {
             type: import("vue").PropType<string>;
         };
@@ -261,7 +192,7 @@ export declare const VftDescriptionsItem: import("vft/es/utils").SFCWithInstall<
         labelClassName: {
             type: import("vue").PropType<string>;
         };
-    }>>, {}, true, {}, {}, {
+    }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -293,10 +224,10 @@ export declare const VftDescriptionsItem: import("vft/es/utils").SFCWithInstall<
         labelClassName: {
             type: import("vue").PropType<string>;
         };
-    }>>, {}, {}, {}, {}, {}>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: import("vue").PropType<string>;
@@ -322,7 +253,7 @@ export declare const VftDescriptionsItem: import("vft/es/utils").SFCWithInstall<
     labelClassName: {
         type: import("vue").PropType<string>;
     };
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };

package/lib/components/dialog/dialog-content.vue.d.ts

@@ -8,15 +8,17 @@ export interface DialogContentProps {
     showClose?: boolean;
     title?: string;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<DialogContentProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    close: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<DialogContentProps>>> & {
-    onClose?: ((...args: any[]) => any) | undefined;
-}, {}, {}>, {
+declare function __VLS_template(): {
     header?(_: {}): any;
     default?(_: {}): any;
     footer?(_: {}): any;
-}>;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<DialogContentProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<DialogContentProps>>> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -17,35 +17,37 @@ export interface DialogProps extends DialogContentProps {
     zIndex?: number;
     trapFocus?: boolean;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<DialogProps>, {
-    visible: import("vue").Ref<boolean>;
-    dialogContentRef: import("vue").Ref<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => void;
+declare function __VLS_template(): {
+    header?(_: {
+        close: () => void;
+        titleId: string;
+        titleClass: string;
+    }): any;
+    title?(_: {}): any;
+    default?(_: {}): any;
+    footer?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<DialogProps>>, {
+    visible: import("vue").Ref<boolean, boolean>;
+    dialogContentRef: import("vue").Ref<any, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => void;
+    "update:modelValue": (value: boolean) => void;
     open: () => void;
     opened: () => void;
     closed: () => void;
     openAutoFocus: () => void;
     closeAutoFocus: () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<DialogProps>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<DialogProps>>> & Readonly<{
     onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onOpen?: (() => any) | undefined;
-    onOpenAutoFocus?: (() => any) | undefined;
-    onCloseAutoFocus?: (() => any) | undefined;
     onOpened?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
-}, {}, {}>, {
-    header?(_: {
-        close: () => void;
-        titleId: string;
-        titleClass: string;
-    }): any;
-    title?(_: {}): any;
-    default?(_: {}): any;
-    footer?(_: {}): any;
-}>;
+    onOpenAutoFocus?: (() => any) | undefined;
+    onCloseAutoFocus?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/dialog/dialog.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),R=require("@vft/utils"),T=require("../focus-trap/focus-trap.vue.cjs");require("../focus-trap/utils.cjs");const E=require("../overlay/index.cjs"),$=require("../../constants/event.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash-es");const I=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");const D=require("../../hooks/use-same-target/index.cjs");require("../../hooks/use-z-index/index.cjs");const V=require("./constants.cjs"),L=require("./dialog-content.vue2.cjs"),N=require("./hooks/use-dialog.cjs"),O=["aria-label","aria-labelledby","aria-describedby"],P=e.defineComponent({name:"vft-dialog",inheritAttrs:!1}),z=e.defineComponent({...P,props:{appendToBody:{type:Boolean,default:!1},beforeClose:{},destroyOnClose:{type:Boolean,default:!1},closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},lockScroll:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},openDelay:{default:0},closeDelay:{default:0},top:{},modelValue:{type:Boolean,default:!1},modalClass:{},width:{},zIndex:{},trapFocus:{type:Boolean,default:!1},center:{type:Boolean,default:!1},alignCenter:{type:Boolean,default:!1},closeIcon:{},customClass:{default:""},draggable:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},title:{default:""}},emits:{[$.UPDATE_MODEL_EVENT]:n=>R.isBoolean(n),open:()=>!0,opened:()=>!0,close:()=>!0,closed:()=>!0,openAutoFocus:()=>!0,closeAutoFocus:()=>!0},setup(n,{expose:y}){const a=I.useNamespace("dialog"),u=e.ref(),v=e.ref(),d=e.ref(),C=e.getCurrentInstance(),{visible:s,titleId:i,bodyId:f,style:g,overlayDialogStyle:m,rendered:c,zIndex:b,afterEnter:B,afterLeave:q,beforeLeave:k,handleClose:p,onModalClick:w,onOpenAutoFocus:h,onCloseAutoFocus:A,onCloseRequested:F,onFocusoutPrevented:S}=N.useDialog(C.props,u);e.provide(V.dialogInjectionKey,{dialogRef:u,headerRef:v,bodyId:f,ns:a,rendered:c,style:g});const t=D.useSameTarget(w),M=e.computed(()=>n.draggable&&!n.fullscreen);return y({visible:s,dialogContentRef:d}),(o,l)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body",disabled:!o.appendToBody},[e.createVNode(e.Transition,{name:"dialog-fade",onAfterEnter:e.unref(B),onAfterLeave:e.unref(q),onBeforeLeave:e.unref(k)},{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref(E.VftOverlay),{"custom-mask-event":"",mask:o.modal,"overlay-class":o.modalClass,"z-index":e.unref(b)},{default:e.withCtx(()=>[e.createElementVNode("div",{role:"dialog","aria-modal":"true","aria-label":o.title||void 0,"aria-labelledby":o.title?void 0:e.unref(i),"aria-describedby":e.unref(f),class:e.normalizeClass(`${e.unref(a).namespace.value}-overlay-dialog`),style:e.normalizeStyle(e.unref(m)),onClick:l[0]||(l[0]=(...r)=>e.unref(t).onClick&&e.unref(t).onClick(...r)),onMousedown:l[1]||(l[1]=(...r)=>e.unref(t).onMousedown&&e.unref(t).onMousedown(...r)),onMouseup:l[2]||(l[2]=(...r)=>e.unref(t).onMouseup&&e.unref(t).onMouseup(...r))},[e.createVNode(e.unref(T.default),{loop:"",trapped:e.unref(s),"focus-start-el":"container",onFocusAfterTrapped:e.unref(h),onFocusAfterReleased:e.unref(A),onFocusoutPrevented:e.unref(S),onReleaseRequested:e.unref(F)},{default:e.withCtx(()=>[e.unref(c)?(e.openBlock(),e.createBlock(L.default,e.mergeProps({key:0,ref_key:"dialogContentRef",ref:d},o.$attrs,{"custom-class":o.customClass,center:o.center,"align-center":o.alignCenter,"close-icon":o.closeIcon,draggable:M.value,fullscreen:o.fullscreen,"show-close":o.showClose,title:o.title,onClose:e.unref(p)}),e.createSlots({header:e.withCtx(()=>[o.$slots.title?e.renderSlot(o.$slots,"title",{key:1}):e.renderSlot(o.$slots,"header",{key:0,close:e.unref(p),titleId:e.unref(i),titleClass:e.unref(a).e("title")})]),default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:2},[o.$slots.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"footer")]),key:"0"}:void 0]),1040,["custom-class","center","align-center","close-icon","draggable","fullscreen","show-close","title","onClose"])):e.createCommentVNode("",!0)]),_:3},8,["trapped","onFocusAfterTrapped","onFocusAfterReleased","onFocusoutPrevented","onReleaseRequested"])],46,O)]),_:3},8,["mask","overlay-class","z-index"]),[[e.vShow,e.unref(s)]])]),_:3},8,["onAfterEnter","onAfterLeave","onBeforeLeave"])],8,["disabled"]))}});exports.default=z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),R=require("@vft/utils"),T=require("../focus-trap/focus-trap.vue.cjs");require("../focus-trap/utils.cjs");const $=require("../overlay/index.cjs"),E=require("../../constants/event.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash-es");const I=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");const V=require("../../hooks/use-same-target/index.cjs");require("../../hooks/use-z-index/index.cjs");const D=require("../teleport/index.cjs"),L=require("./constants.cjs"),N=require("./dialog-content.vue2.cjs"),O=require("./hooks/use-dialog.cjs"),P=["aria-label","aria-labelledby","aria-describedby"],z=e.defineComponent({name:"vft-dialog",inheritAttrs:!1}),j=e.defineComponent({...z,props:{appendToBody:{type:Boolean,default:!1},beforeClose:{},destroyOnClose:{type:Boolean,default:!1},closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},lockScroll:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},openDelay:{default:0},closeDelay:{default:0},top:{},modelValue:{type:Boolean,default:!1},modalClass:{},width:{},zIndex:{},trapFocus:{type:Boolean,default:!1},center:{type:Boolean,default:!1},alignCenter:{type:Boolean,default:!1},closeIcon:{},customClass:{default:""},draggable:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},title:{default:""}},emits:{[E.UPDATE_MODEL_EVENT]:n=>R.isBoolean(n),open:()=>!0,opened:()=>!0,close:()=>!0,closed:()=>!0,openAutoFocus:()=>!0,closeAutoFocus:()=>!0},setup(n,{expose:y}){const a=I.useNamespace("dialog"),u=e.ref(),C=e.ref(),d=e.ref(),v=e.getCurrentInstance(),{visible:s,titleId:i,bodyId:f,style:g,overlayDialogStyle:m,rendered:c,zIndex:b,afterEnter:B,afterLeave:q,beforeLeave:k,handleClose:p,onModalClick:w,onOpenAutoFocus:h,onCloseAutoFocus:A,onCloseRequested:F,onFocusoutPrevented:S}=O.useDialog(v.props,u);e.provide(L.dialogInjectionKey,{dialogRef:u,headerRef:C,bodyId:f,ns:a,rendered:c,style:g});const t=V.useSameTarget(w),M=e.computed(()=>n.draggable&&!n.fullscreen);return y({visible:s,dialogContentRef:d}),(o,l)=>(e.openBlock(),e.createBlock(e.unref(D.VftTeleport),{to:"body",disabled:!o.appendToBody},{default:e.withCtx(()=>[e.createVNode(e.Transition,{name:"dialog-fade",onAfterEnter:e.unref(B),onAfterLeave:e.unref(q),onBeforeLeave:e.unref(k)},{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref($.VftOverlay),{"custom-mask-event":"",mask:o.modal,"overlay-class":o.modalClass,"z-index":e.unref(b)},{default:e.withCtx(()=>[e.createElementVNode("div",{role:"dialog","aria-modal":"true","aria-label":o.title||void 0,"aria-labelledby":o.title?void 0:e.unref(i),"aria-describedby":e.unref(f),class:e.normalizeClass(`${e.unref(a).namespace.value}-overlay-dialog`),style:e.normalizeStyle(e.unref(m)),onClick:l[0]||(l[0]=(...r)=>e.unref(t).onClick&&e.unref(t).onClick(...r)),onMousedown:l[1]||(l[1]=(...r)=>e.unref(t).onMousedown&&e.unref(t).onMousedown(...r)),onMouseup:l[2]||(l[2]=(...r)=>e.unref(t).onMouseup&&e.unref(t).onMouseup(...r))},[e.createVNode(e.unref(T.default),{loop:"",trapped:e.unref(s),"focus-start-el":"container",onFocusAfterTrapped:e.unref(h),onFocusAfterReleased:e.unref(A),onFocusoutPrevented:e.unref(S),onReleaseRequested:e.unref(F)},{default:e.withCtx(()=>[e.unref(c)?(e.openBlock(),e.createBlock(N.default,e.mergeProps({key:0,ref_key:"dialogContentRef",ref:d},o.$attrs,{"custom-class":o.customClass,center:o.center,"align-center":o.alignCenter,"close-icon":o.closeIcon,draggable:M.value,fullscreen:o.fullscreen,"show-close":o.showClose,title:o.title,onClose:e.unref(p)}),e.createSlots({header:e.withCtx(()=>[o.$slots.title?e.renderSlot(o.$slots,"title",{key:1}):e.renderSlot(o.$slots,"header",{key:0,close:e.unref(p),titleId:e.unref(i),titleClass:e.unref(a).e("title")})]),default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:2},[o.$slots.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"footer")]),key:"0"}:void 0]),1040,["custom-class","center","align-center","close-icon","draggable","fullscreen","show-close","title","onClose"])):e.createCommentVNode("",!0)]),_:3},8,["trapped","onFocusAfterTrapped","onFocusAfterReleased","onFocusoutPrevented","onReleaseRequested"])],46,P)]),_:3},8,["mask","overlay-class","z-index"]),[[e.vShow,e.unref(s)]])]),_:3},8,["onAfterEnter","onAfterLeave","onBeforeLeave"])]),_:3},8,["disabled"]))}});exports.default=j;

package/lib/components/dialog/hooks/use-dialog.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("@vft/utils");require("../../config-provider/index.cjs");const z=require("../../../constants/event.cjs"),q=require("@vueuse/core");require("../../../utils/ns-cover.cjs");require("lodash-es");const t=require("vue"),I=require("../../../hooks/use-id/index.cjs"),V=require("../../../hooks/use-lockscreen/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");const G=require("../../../hooks/use-namespace/index.cjs");require("@popperjs/core");const N=require("../../../hooks/use-z-index/index.cjs"),U=require("../../config-provider/hooks/use-global-config.cjs"),Z=(e,c)=>{const l=t.getCurrentInstance().emit,{nextZIndex:C}=N.useZIndex();let x="";const b=I.useId(),h=I.useId(),o=t.ref(!1),f=t.ref(!1),a=t.ref(!1),r=t.ref(e.zIndex||C());let u,i;const F=U.useGlobalConfig("namespace",G.defaultNamespace),O=t.computed(()=>{const n={},s=`--${F.value}-dialog`;return e.fullscreen||(e.top&&(n[`${s}-margin-top`]=e.top),e.width&&(n[`${s}-width`]=S.addUnit(e.width))),n}),g=t.computed(()=>e.alignCenter?{display:"flex"}:{});function E(){l("opened")}function P(){l("closed"),l(z.UPDATE_MODEL_EVENT,!1),e.destroyOnClose&&(a.value=!1)}function $(){l("close")}function D(){i==null||i(),u==null||u(),e.openDelay&&e.openDelay>0?{stop:u}=q.useTimeoutFn(()=>m(),e.openDelay):m()}function d(){u==null||u(),i==null||i(),e.closeDelay&&e.closeDelay>0?{stop:i}=q.useTimeoutFn(()=>y(),e.closeDelay):y()}function v(){function n(s){s||(f.value=!0,o.value=!1)}e.beforeClose?e.beforeClose(n):d()}function k(){e.closeOnClickModal&&v()}function m(){q.isClient&&(o.value=!0)}function y(){o.value=!1}function w(){l("openAutoFocus")}function A(){l("closeAutoFocus")}function M(n){var s;((s=n.detail)==null?void 0:s.focusReason)==="pointer"&&n.preventDefault()}e.lockScroll&&V.useLockscreen(o);function L(){e.closeOnPressEscape&&v()}return t.watch(()=>e.modelValue,n=>{n?(f.value=!1,D(),a.value=!0,r.value=e.zIndex?r.value++:C(),t.nextTick(()=>{l("open"),c.value&&(c.value.scrollTop=0)})):o.value&&d()}),t.watch(()=>e.fullscreen,n=>{c.value&&(n?(x=c.value.style.transform,c.value.style.transform=""):c.value.style.transform=x)}),t.onMounted(()=>{e.modelValue&&(o.value=!0,a.value=!0,D())}),{afterEnter:E,afterLeave:P,beforeLeave:$,handleClose:v,onModalClick:k,close:d,doClose:y,onOpenAutoFocus:w,onCloseAutoFocus:A,onCloseRequested:L,onFocusoutPrevented:M,titleId:b,bodyId:h,closed:f,style:O,overlayDialogStyle:g,rendered:a,visible:o,zIndex:r}};exports.useDialog=Z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L=require("@vft/utils");require("../../config-provider/index.cjs");const S=require("../../../constants/event.cjs"),y=require("@vueuse/core");require("../../../utils/ns-cover.cjs");require("lodash-es");const o=require("vue"),I=require("../../../hooks/use-id/index.cjs"),z=require("../../../hooks/use-lockscreen/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");const V=require("../../../hooks/use-namespace/index.cjs");require("@popperjs/core");const G=require("../../../hooks/use-z-index/index.cjs"),N=require("../../config-provider/hooks/use-global-config.cjs"),U=(e,u)=>{const l=o.getCurrentInstance().emit,{nextZIndex:q}=G.useZIndex();let C="";const b=I.useId(),T=I.useId(),t=o.ref(!1),c=o.ref(!1),i=o.ref(!1),a=o.ref(e.zIndex||q());let r,f;const h=N.useGlobalConfig("namespace",V.defaultNamespace),F=o.computed(()=>{const n={},s=`--${h.value}-dialog`;return e.fullscreen||(e.top&&(n[`${s}-margin-top`]=e.top),e.width&&(n[`${s}-width`]=L.addUnit(e.width))),n}),O=o.computed(()=>e.alignCenter?{display:"flex"}:{});function g(){l("opened")}function E(){l("closed"),l(S.UPDATE_MODEL_EVENT,!1),e.destroyOnClose&&(i.value=!1)}function P(){l("close")}function x(){f?.(),r?.(),e.openDelay&&e.openDelay>0?{stop:r}=y.useTimeoutFn(()=>D(),e.openDelay):D()}function d(){r?.(),f?.(),e.closeDelay&&e.closeDelay>0?{stop:f}=y.useTimeoutFn(()=>m(),e.closeDelay):m()}function v(){function n(s){s||(c.value=!0,t.value=!1)}e.beforeClose?e.beforeClose(n):d()}function $(){e.closeOnClickModal&&v()}function D(){y.isClient&&(t.value=!0)}function m(){t.value=!1}function k(){l("openAutoFocus")}function w(){l("closeAutoFocus")}function A(n){n.detail?.focusReason==="pointer"&&n.preventDefault()}e.lockScroll&&z.useLockscreen(t);function M(){e.closeOnPressEscape&&v()}return o.watch(()=>e.modelValue,n=>{n?(c.value=!1,x(),i.value=!0,a.value=e.zIndex?a.value++:q(),o.nextTick(()=>{l("open"),u.value&&(u.value.scrollTop=0)})):t.value&&d()}),o.watch(()=>e.fullscreen,n=>{u.value&&(n?(C=u.value.style.transform,u.value.style.transform=""):u.value.style.transform=C)}),o.onMounted(()=>{e.modelValue&&(t.value=!0,i.value=!0,x())}),{afterEnter:g,afterLeave:E,beforeLeave:P,handleClose:v,onModalClick:$,close:d,doClose:m,onOpenAutoFocus:k,onCloseAutoFocus:w,onCloseRequested:M,onFocusoutPrevented:A,titleId:b,bodyId:T,closed:c,style:F,overlayDialogStyle:O,rendered:i,visible:t,zIndex:a}};exports.useDialog=U;

package/lib/components/dialog/hooks/use-dialog.d.ts

@@ -12,12 +12,12 @@ export declare const useDialog: (props: DialogProps, targetRef: Ref<HTMLElement
     onCloseAutoFocus: () => void;
     onCloseRequested: () => void;
     onFocusoutPrevented: (event: CustomEvent) => void;
-    titleId: Ref<string>;
-    bodyId: Ref<string>;
-    closed: Ref<boolean>;
+    titleId: Ref<string, string>;
+    bodyId: Ref<string, string>;
+    closed: Ref<boolean, boolean>;
     style: import("vue").ComputedRef<CSSProperties>;
     overlayDialogStyle: import("vue").ComputedRef<CSSProperties>;
-    rendered: Ref<boolean>;
-    visible: Ref<boolean>;
-    zIndex: Ref<number>;
+    rendered: Ref<boolean, boolean>;
+    visible: Ref<boolean, boolean>;
+    zIndex: Ref<number, number>;
 };