vft 0.0.50 → 0.0.51

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("vue"),v=require("@vft/utils"),S=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");const f=require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");const C=require("../../utils/vue/vnode.cjs");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");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=C.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=S.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},[f.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;

package/lib/components/descriptions/descriptions-row.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const n=require("./descriptions-cell.cjs"),u=require("./token.cjs"),a={key:1},i=c.useNamespace("descriptions-row"),d=e.defineComponent({name:i.b()}),s=e.defineComponent({...d,props:{row:{default:[]}},setup(l){const o=e.inject(u.descriptionsKey,{});return(k,p)=>e.unref(o).direction==="vertical"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.row,(t,r)=>(e.openBlock(),e.createBlock(e.unref(n.default),{key:`tr1-${r}`,cell:t,tag:"th",type:"label"},null,8,["cell"]))),128))]),e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.row,(t,r)=>(e.openBlock(),e.createBlock(e.unref(n.default),{key:`tr2-${r}`,cell:t,tag:"td",type:"content"},null,8,["cell"]))),128))])],64)):(e.openBlock(),e.createElementBlock("tr",a,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.row,(t,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:`tr3-${r}`},[e.unref(o).border?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(e.unref(n.default),{cell:t,tag:"td",type:"label"},null,8,["cell"]),e.createVNode(e.unref(n.default),{cell:t,tag:"td",type:"content"},null,8,["cell"])],64)):(e.openBlock(),e.createBlock(e.unref(n.default),{key:1,cell:t,tag:"td",type:"both"},null,8,["cell"]))],64))),128))]))}});exports.default=s;

package/lib/components/dialog/constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Symbol("dialogInjectionKey");exports.dialogInjectionKey=e;

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

@@ -0,0 +1,11 @@
+import type { CSSProperties, ComputedRef, InjectionKey, Ref } from 'vue';
+import type { UseNamespaceReturn } from 'vft/es/hooks';
+export type DialogContext = {
+    dialogRef: Ref<HTMLElement | undefined>;
+    headerRef: Ref<HTMLElement | undefined>;
+    bodyId: Ref<string>;
+    ns: UseNamespaceReturn;
+    rendered: Ref<boolean>;
+    style: ComputedRef<CSSProperties>;
+};
+export declare const dialogInjectionKey: InjectionKey<DialogContext>;

package/lib/components/dialog/dialog-content.vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./dialog-content.vue2.cjs");exports.default=e.default;

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

@@ -0,0 +1,81 @@
+import type { PropType as __PropType } from 'vue';
+export interface DialogContentProps {
+    center?: boolean;
+    alignCenter?: boolean;
+    closeIcon?: string;
+    customClass?: string;
+    draggable?: boolean;
+    fullscreen?: boolean;
+    showClose?: boolean;
+    title?: string;
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    center: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    alignCenter: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    closeIcon: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    customClass: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    draggable: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    fullscreen: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    showClose: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    title: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    center: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    alignCenter: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    closeIcon: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    customClass: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    draggable: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    fullscreen: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    showClose: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    title: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+}>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _sfc_main;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("../icon/index.cjs");require("../focus-trap/focus-trap.vue2.cjs");const m=require("../focus-trap/tokens.cjs");require("../focus-trap/utils.cjs");const g=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");const C=require("../../utils/vue/refs.cjs");require("../../utils/ns-cover.cjs");const q=require("../../hooks/use-draggable/index.cjs");require("@vue/reactivity");require("@vue/shared");const y=require("./constants.cjs"),b=["id"],k=g.useNamespace("dialog-content"),B=e.defineComponent({name:k.b()}),h=e.defineComponent({...B,props:{center:{type:Boolean,default:!1},alignCenter:{type:Boolean,default:!1},closeIcon:{default:"ico-ep:close"},customClass:null,draggable:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},title:{default:""}},emits:["close"],setup(t){const{dialogRef:o,headerRef:r,bodyId:a,ns:n,style:i}=e.inject(y.dialogInjectionKey),{focusTrapRef:u}=e.inject(m.FOCUS_TRAP_INJECTION_KEY),c=C.composeRefs(u,o),d=e.computed(()=>t.draggable);return q.useDraggable(o,r,d),(l,s)=>(e.openBlock(),e.createElementBlock("div",{ref:e.unref(c),class:e.normalizeClass([e.unref(n).b(),e.unref(n).is("fullscreen",t.fullscreen),e.unref(n).is("draggable",t.draggable),e.unref(n).is("align-center",t.alignCenter),{[e.unref(n).m("center")]:t.center},t.customClass]),style:e.normalizeStyle(e.unref(i)),tabindex:"-1"},[e.createElementVNode("header",{ref_key:"headerRef",ref:r,class:e.normalizeClass(e.unref(n).e("header"))},[e.renderSlot(l.$slots,"header",{},()=>[e.createElementVNode("span",{role:"heading",class:e.normalizeClass(e.unref(n).e("title"))},e.toDisplayString(t.title),3)]),t.showClose?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(e.unref(n).e("headerbtn")),type:"button",onClick:s[0]||(s[0]=z=>l.$emit("close"))},[e.createVNode(e.unref(f.VftIcon),{class:e.normalizeClass(e.unref(n).e("close")),icon:t.closeIcon,size:"20"},null,8,["class","icon"])],2)):e.createCommentVNode("",!0)],2),e.createElementVNode("div",{id:e.unref(a),class:e.normalizeClass(e.unref(n).e("body"))},[e.renderSlot(l.$slots,"default")],10,b),l.$slots.footer?(e.openBlock(),e.createElementBlock("footer",{key:0,class:e.normalizeClass(e.unref(n).e("footer"))},[e.renderSlot(l.$slots,"footer")],2)):e.createCommentVNode("",!0)],6))}});exports.default=h;

package/lib/components/dialog/dialog.vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./dialog.vue2.cjs");exports.default=e.default;

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

@@ -0,0 +1,164 @@
+import type { PropType as __PropType } from 'vue';
+import { type DialogContentProps } from './types';
+type DoneFn = (cancel?: boolean) => void;
+export interface DialogProps extends DialogContentProps {
+    appendToBody?: boolean;
+    beforeClose?: (done: DoneFn) => void;
+    destroyOnClose?: boolean;
+    closeOnClickModal?: boolean;
+    closeOnPressEscape?: boolean;
+    lockScroll?: boolean;
+    modal?: boolean;
+    openDelay?: number;
+    closeDelay?: number;
+    top?: string;
+    modelValue?: boolean;
+    modalClass?: string;
+    width?: string | number;
+    zIndex?: number;
+    trapFocus?: boolean;
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    appendToBody: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    beforeClose: {
+        type: __PropType<((done: DoneFn) => void) | undefined>;
+        required: false;
+    };
+    destroyOnClose: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    closeOnClickModal: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    closeOnPressEscape: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    lockScroll: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    modal: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    openDelay: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    closeDelay: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    top: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    modelValue: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    modalClass: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    width: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    zIndex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    trapFocus: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}, {
+    /** @description whether the dialog is visible */
+    visible: import("vue").Ref<boolean>;
+    dialogContentRef: import("vue").Ref<any>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => boolean;
+    open: () => boolean;
+    opened: () => boolean;
+    close: () => boolean;
+    closed: () => boolean;
+    openAutoFocus: () => boolean;
+    closeAutoFocus: () => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    appendToBody: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    beforeClose: {
+        type: __PropType<((done: DoneFn) => void) | undefined>;
+        required: false;
+    };
+    destroyOnClose: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    closeOnClickModal: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    closeOnPressEscape: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    lockScroll: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    modal: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    openDelay: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    closeDelay: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    top: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    modelValue: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    modalClass: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    width: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    zIndex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    trapFocus: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}>> & {
+    onClose?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    onOpened?: (() => any) | undefined;
+    onClosed?: (() => any) | undefined;
+    onOpenAutoFocus?: (() => any) | undefined;
+    onCloseAutoFocus?: (() => any) | undefined;
+}, {}>;
+export default _sfc_main;

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),q=require("@vueuse/core"),S=require("../../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");const z=require("../../../hooks/use-z-index/index.cjs"),I=require("../../../hooks/use-id/index.cjs"),V=require("@vft/utils");require("../../../utils/ns-cover.cjs");const G=require("../../../hooks/use-lockscreen/index.cjs");require("@vue/shared");const N=require("../../../constants/event.cjs");require("../../config-provider/index.cjs");const U=require("../../config-provider/hooks/use-global-config.cjs"),Z=(e,c)=>{const l=t.getCurrentInstance().emit,{nextZIndex:C}=z.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",S.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`]=V.addUnit(e.width))),n}),g=t.computed(()=>e.alignCenter?{display:"flex"}:{});function E(){l("opened")}function P(){l("closed"),l(N.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&&G.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;

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

@@ -0,0 +1,23 @@
+import type { CSSProperties, Ref } from 'vue';
+import type { DialogProps } from '../dialog.vue';
+export declare const useDialog: (props: DialogProps, targetRef: Ref<HTMLElement | undefined>) => {
+    afterEnter: () => void;
+    afterLeave: () => void;
+    beforeLeave: () => void;
+    handleClose: () => void;
+    onModalClick: () => void;
+    close: () => void;
+    doClose: () => void;
+    onOpenAutoFocus: () => void;
+    onCloseAutoFocus: () => void;
+    onCloseRequested: () => void;
+    onFocusoutPrevented: (event: CustomEvent) => void;
+    titleId: Ref<string>;
+    bodyId: Ref<string>;
+    closed: Ref<boolean>;
+    style: import("vue").ComputedRef<CSSProperties>;
+    overlayDialogStyle: import("vue").ComputedRef<CSSProperties>;
+    rendered: Ref<boolean>;
+    visible: Ref<boolean>;
+    zIndex: Ref<number>;
+};

package/lib/components/dialog/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../../utils/vue/install.cjs");require("vue");require("@vft/utils");require("lodash");require("@vueuse/core");require("../../utils/ns-cover.cjs");const r=require("./dialog.vue2.cjs"),t=require("./hooks/use-dialog.cjs"),u=require("./constants.cjs"),e=i.withInstall(r.default);exports.useDialog=t.useDialog;exports.dialogInjectionKey=u.dialogInjectionKey;exports.WflyDialog=e;exports.default=e;

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

@@ -0,0 +1,146 @@
+export * from './hooks/use-dialog';
+export * from './types';
+export * from './constants';
+export declare const WflyDialog: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    appendToBody: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    beforeClose: {
+        type: import("vue").PropType<((done: (cancel?: boolean | undefined) => void) => void) | undefined>;
+        required: false;
+    };
+    destroyOnClose: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    closeOnClickModal: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    closeOnPressEscape: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    lockScroll: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    modal: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    openDelay: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    closeDelay: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    top: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    modelValue: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    modalClass: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    width: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    zIndex: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    trapFocus: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+}, {
+    visible: import("vue").Ref<boolean>;
+    dialogContentRef: import("vue").Ref<any>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => boolean;
+    open: () => boolean;
+    opened: () => boolean;
+    close: () => boolean;
+    closed: () => boolean;
+    openAutoFocus: () => boolean;
+    closeAutoFocus: () => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    appendToBody: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    beforeClose: {
+        type: import("vue").PropType<((done: (cancel?: boolean | undefined) => void) => void) | undefined>;
+        required: false;
+    };
+    destroyOnClose: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    closeOnClickModal: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    closeOnPressEscape: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    lockScroll: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    modal: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    openDelay: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    closeDelay: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    top: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    modelValue: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    modalClass: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    width: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    zIndex: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    trapFocus: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+}>> & {
+    onClose?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    onOpened?: (() => any) | undefined;
+    onClosed?: (() => any) | undefined;
+    onOpenAutoFocus?: (() => any) | undefined;
+    onCloseAutoFocus?: (() => any) | undefined;
+}, {}>> & Record<string, any>;
+export default WflyDialog;

package/lib/components/dialog/style/css.cjs

@@ -0,0 +1 @@
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/wfly-dialog.css");require("vft/theme-style/vft-overlay.css");

package/lib/components/dialog/style/index.cjs

@@ -0,0 +1 @@
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/dialog.scss");require("vft/theme-style/src/overlay.scss");

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

@@ -0,0 +1,10 @@
+export interface DialogContentProps {
+    center?: boolean;
+    alignCenter?: boolean;
+    closeIcon?: string;
+    customClass?: string;
+    draggable?: boolean;
+    fullscreen?: boolean;
+    showClose?: boolean;
+    title?: string;
+}

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

@@ -5,7 +5,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     contentPosition: {
-        type: __PropType<"left" | "right" | "center" | undefined>;
+        type: __PropType<"right" | "left" | "center" | undefined>;
         required: false;
     };
     borderStyle: {
@@ -30,7 +30,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     contentPosition: {
-        type: __PropType<"left" | "right" | "center" | undefined>;
+        type: __PropType<"right" | "left" | "center" | undefined>;
         required: false;
     };
     borderStyle: {

package/lib/components/divider/divider.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const t=l.useNamespace("divider"),i=e.defineComponent({name:t.b()}),u=e.defineComponent({...i,props:{direction:{default:"horizontal"},contentPosition:{default:"center"},borderStyle:{default:"solid"},borderColor:null,marginY:null,marginX:null},setup(r){const o=e.computed(()=>({...t.cssVarBlock({"border-style":r.borderStyle,"border-color":r.borderColor,"margin-y":r.marginY,"margin-x":r.marginX})}));return(n,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(t).b(),e.unref(t).m(r.direction)]),style:e.normalizeStyle(e.unref(o)),role:"separator"},[n.$slots.default&&r.direction!=="vertical"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(t).e("text"),e.unref(t).is(r.contentPosition)])},[e.renderSlot(n.$slots,"default")],2)):e.createCommentVNode("",!0)],6))}});exports.default=u;

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

@@ -4,7 +4,7 @@ export declare const VftDivider: import("vft/es/utils").SFCWithInstall<import("v
         required: false;
     };
     contentPosition: {
-        type: import("vue").PropType<"left" | "right" | "center" | undefined>;
+        type: import("vue").PropType<"right" | "left" | "center" | undefined>;
         required: false;
     };
     borderStyle: {
@@ -29,7 +29,7 @@ export declare const VftDivider: import("vft/es/utils").SFCWithInstall<import("v
         required: false;
     };
     contentPosition: {
-        type: import("vue").PropType<"left" | "right" | "center" | undefined>;
+        type: import("vue").PropType<"right" | "left" | "center" | undefined>;
         required: false;
     };
     borderStyle: {

package/lib/components/dropdown/dropdown-item-impl.vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./dropdown-item-impl.vue2.cjs"),o=require("vue"),i=require("../../_virtual/_plugin-vue_export-helper.cjs"),s=["aria-disabled","tabindex","role"];function t(e,n,u,m,p,v){const l=o.resolveComponent("vft-icon");return o.openBlock(),o.createElementBlock(o.Fragment,null,[e.divided?(o.openBlock(),o.createElementBlock("li",o.mergeProps({key:0,role:"separator",class:e.ns.bem("menu","item","divided")},e.$attrs),null,16)):o.createCommentVNode("",!0),o.createElementVNode("li",o.mergeProps({ref:e.itemRef},{...e.dataset,...e.$attrs},{"aria-disabled":e.disabled,class:[e.ns.be("menu","item"),e.ns.is("disabled",e.disabled)],tabindex:e.tabIndex,role:e.role,onClick:n[0]||(n[0]=r=>e.$emit("clickimpl",r)),onFocus:n[1]||(n[1]=(...r)=>e.handleFocus&&e.handleFocus(...r)),onKeydown:n[2]||(n[2]=o.withModifiers((...r)=>e.handleKeydown&&e.handleKeydown(...r),["self"])),onMousedown:n[3]||(n[3]=(...r)=>e.handleMousedown&&e.handleMousedown(...r)),onPointermove:n[4]||(n[4]=r=>e.$emit("pointermove",r)),onPointerleave:n[5]||(n[5]=r=>e.$emit("pointerleave",r))}),[e.icon?(o.openBlock(),o.createBlock(l,o.normalizeProps(o.mergeProps({key:0},e.icon)),null,16)):o.createCommentVNode("",!0),o.renderSlot(e.$slots,"default")],16,s)],64)}const a=i.default(d.default,[["render",t]]);exports.default=a;

package/lib/components/dropdown/dropdown-item-impl.vue.d.ts

@@ -26,7 +26,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         cssVarBlock: (object: Record<string, string | undefined>) => Record<string, string>;
         cssVarBlockName: (name: string) => string;
     };
-    itemRef: (el: Element | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null) => void;
+    itemRef: (el: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | null) => void;
     dataset: {
         "data-vft-collection-item": string;
     };

package/lib/components/dropdown/dropdown-item-impl.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../roving-focus-group/roving-focus-group.vue2.cjs");require("../roving-focus-group/roving-focus-item.vue2.cjs");require("../roving-focus-group/roving-focus-group-impl.vue2.cjs");const q=require("../roving-focus-group/types.cjs"),E=require("../roving-focus-group/tokens.cjs"),r=require("../../constants/aria.cjs"),N=require("../collection/collection.cjs"),f=require("../icon/index.cjs"),v=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");const C=require("../../utils/vue/refs.cjs"),T=require("../../utils/event.cjs");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const R=require("./types.cjs"),g=require("./tokens.cjs"),D=e.defineComponent({name:"DropdownItemImpl",components:{VftIcon:f.VftIcon},props:{command:{type:[Object,String,Number],default:()=>({})},disabled:Boolean,divided:Boolean,textValue:String,icon:String},emits:["pointermove","pointerleave","click","clickimpl"],setup(S,{emit:i}){const c=v.useNamespace("dropdown"),{role:n}=e.inject(g.DROPDOWN_INJECTION_KEY,void 0),{collectionItemRef:u}=e.inject(R.DROPDOWN_COLLECTION_ITEM_INJECTION_KEY,void 0),{collectionItemRef:s}=e.inject(q.ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY,void 0),{rovingFocusGroupItemRef:l,tabIndex:d,handleFocus:a,handleKeydown:m,handleMousedown:I}=e.inject(E.ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY,void 0),p=C.composeRefs(u,s,l),_=e.computed(()=>n.value==="menu"?"menuitem":n.value==="navigation"?"link":"button"),O=T.composeEventHandlers(o=>{const{code:t}=o;if(t===r.EVENT_CODE.enter||t===r.EVENT_CODE.space)return o.preventDefault(),o.stopImmediatePropagation(),i("clickimpl",o),!0},m);return{ns:c,itemRef:p,dataset:{[N.COLLECTION_ITEM_SIGN]:""},role:_,tabIndex:d,handleFocus:a,handleKeydown:O,handleMousedown:I}}});exports.default=D;

package/lib/components/dropdown/dropdown-item.vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./dropdown-item.vue2.cjs"),e=require("vue"),i=require("../../_virtual/_plugin-vue_export-helper.cjs");function d(o,s,u,p,c,m){const t=e.resolveComponent("dropdown-item-impl"),n=e.resolveComponent("roving-focus-item"),l=e.resolveComponent("dropdown-collection-item");return e.openBlock(),e.createBlock(l,{disabled:o.disabled,"text-value":o.textValue??o.textContent},{default:e.withCtx(()=>[e.createVNode(n,{focusable:!o.disabled},{default:e.withCtx(()=>[e.createVNode(t,e.mergeProps(o.propsAndAttrs,{onPointerleave:o.handlePointerLeave,onPointermove:o.handlePointerMove,onClickimpl:o.handleClick}),{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},16,["onPointerleave","onPointermove","onClickimpl"])]),_:3},8,["focusable"])]),_:3},8,["disabled","text-value"])}const a=i.default(r.default,[["render",d]]);exports.default=a;

package/lib/components/dropdown/dropdown-menu.vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("./dropdown-menu.vue2.cjs"),n=require("vue"),s=require("../../_virtual/_plugin-vue_export-helper.cjs"),u=["role","aria-labelledby"];function d(e,o,t,a,p,f){return n.openBlock(),n.createElementBlock("ul",{ref:e.dropdownListWrapperRef,class:n.normalizeClass(e.dropdownKls),style:n.normalizeStyle(e.rovingFocusGroupRootStyle),tabindex:-1,role:e.role,"aria-labelledby":e.triggerId,onBlur:o[0]||(o[0]=(...r)=>e.onBlur&&e.onBlur(...r)),onFocus:o[1]||(o[1]=(...r)=>e.onFocus&&e.onFocus(...r)),onKeydown:o[2]||(o[2]=n.withModifiers((...r)=>e.handleKeydown&&e.handleKeydown(...r),["self"])),onMousedown:o[3]||(o[3]=n.withModifiers((...r)=>e.onMousedown&&e.onMousedown(...r),["self"]))},[n.renderSlot(e.$slots,"default")],46,u)}const i=s.default(l.default,[["render",d]]);exports.default=i;

package/lib/components/dropdown/dropdown-menu.vue.d.ts

@@ -9,7 +9,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     dropdownKls: import("vue").ComputedRef<string[]>;
     role: import("vue").ComputedRef<string>;
     triggerId: import("vue").ComputedRef<string>;
-    dropdownListWrapperRef: (el: Element | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null) => void;
+    dropdownListWrapperRef: (el: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | null) => void;
     handleKeydown: (e: KeyboardEvent) => void;
     onBlur: (e: Event) => void;
     onFocus: (e: FocusEvent) => void;

package/lib/components/dropdown/dropdown-menu.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue");require("@vft/utils");const y=require("../../utils/vue/refs.cjs");require("lodash");require("@vueuse/core");const D=require("../../utils/event.cjs");require("../../utils/ns-cover.cjs");const F=require("../../constants/aria.cjs");require("../focus-trap/focus-trap.vue2.cjs");const b=require("../focus-trap/tokens.cjs");require("../focus-trap/utils.cjs");require("../roving-focus-group/roving-focus-group.vue2.cjs");require("../roving-focus-group/roving-focus-item.vue2.cjs");require("../roving-focus-group/roving-focus-group-impl.vue2.cjs");const L=require("../roving-focus-group/types.cjs"),Y=require("../roving-focus-group/tokens.cjs"),j=require("../roving-focus-group/utils.cjs"),G=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("@vue/reactivity");require("@vue/shared");const P=require("./tokens.cjs"),u=require("./types.cjs"),J=require("./useDropdown.cjs"),M=o.defineComponent({name:"VftDropdownMenu",props:{onKeydown:{type:Function}},setup(t){const c=G.useNamespace("dropdown"),{_elDropdownSize:f}=J.useDropdown(),n=f.value,{focusTrapRef:q,onKeydown:_}=o.inject(b.FOCUS_TRAP_INJECTION_KEY,void 0),{contentRef:d,role:p,triggerId:O}=o.inject(P.DROPDOWN_INJECTION_KEY,void 0),{collectionRef:I,getItems:m}=o.inject(u.DROPDOWN_COLLECTION_INJECTION_KEY,void 0),{rovingFocusGroupRef:E,rovingFocusGroupRootStyle:N,tabIndex:v,onBlur:R,onFocus:C,onMousedown:w}=o.inject(Y.ROVING_FOCUS_GROUP_INJECTION_KEY,void 0),{collectionRef:T}=o.inject(L.ROVING_FOCUS_COLLECTION_INJECTION_KEY,void 0),K=o.computed(()=>[c.b("menu"),c.bm("menu",n==null?void 0:n.value)]),g=y.composeRefs(d,I,q,E,T),S=D.composeEventHandlers(e=>{var r;(r=t.onKeydown)==null||r.call(t,e)},e=>{const{currentTarget:r,code:i,target:l}=e;if(r.contains(l),F.EVENT_CODE.tab===i&&e.stopImmediatePropagation(),e.preventDefault(),l!==o.unref(d)||!u.FIRST_LAST_KEYS.includes(i))return;const a=m().filter(s=>!s.disabled).map(s=>s.ref);u.LAST_KEYS.includes(i)&&a.reverse(),j.focusFirst(a)});return{size:n,rovingFocusGroupRootStyle:N,tabIndex:v,dropdownKls:K,role:p,triggerId:O,dropdownListWrapperRef:g,handleKeydown:e=>{S(e),_(e)},onBlur:R,onFocus:C,onMousedown:w}}});exports.default=M;

package/lib/components/dropdown/dropdown.vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./dropdown.vue2.cjs"),o=require("vue"),f=require("../../_virtual/_plugin-vue_export-helper.cjs");function g(e,c,m,v,h,w){var r;const n=o.resolveComponent("dropdown-collection"),l=o.resolveComponent("roving-focus-group"),i=o.resolveComponent("vft-scrollbar"),a=o.resolveComponent("vft-only-child"),s=o.resolveComponent("vft-tooltip"),t=o.resolveComponent("vft-button"),d=o.resolveComponent("vft-icon"),p=o.resolveComponent("vft-button-group");return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass([e.ns.b(),e.ns.is("disabled",e.disabled)])},[o.createVNode(s,{ref:"popperRef",role:e.role,effect:e.effect,"fallback-placements":["bottom","top"],"popper-options":e.popperOptions,"gpu-acceleration":!1,"hide-after":e.trigger==="hover"?e.hideTimeout:0,"manual-mode":!0,placement:e.placement,"popper-class":[e.ns.e("popper"),e.popperClass],"reference-element":(r=e.referenceElementRef)==null?void 0:r.$el,trigger:e.trigger,"trigger-keys":e.triggerKeys,"trigger-target-el":e.contentRef,"show-after":e.trigger==="hover"?e.showTimeout:0,"stop-popper-mouse-event":!1,"virtual-ref":e.triggeringElementRef,"virtual-triggering":e.splitButton,disabled:e.disabled,transition:`${e.ns.namespace.value}-zoom-in-top`,teleported:e.teleported,pure:"",persistent:"",onBeforeShow:e.handleBeforeShowTooltip,onShow:e.handleShowTooltip,onBeforeHide:e.handleBeforeHideTooltip},o.createSlots({content:o.withCtx(()=>[o.createVNode(i,{ref:"scrollbar","wrap-style":e.wrapStyle,tag:"div","view-class":e.ns.e("list")},{default:o.withCtx(()=>[o.createVNode(l,{loop:e.loop,"current-tab-id":e.currentTabId,orientation:"horizontal",onCurrentTabIdChange:e.handleCurrentTabIdChange,onEntryFocus:e.handleEntryFocus},{default:o.withCtx(()=>[o.createVNode(n,null,{default:o.withCtx(()=>[o.renderSlot(e.$slots,"dropdown")]),_:3})]),_:3},8,["loop","current-tab-id","onCurrentTabIdChange","onEntryFocus"])]),_:3},8,["wrap-style","view-class"])]),_:2},[e.splitButton?void 0:{name:"default",fn:o.withCtx(()=>[o.createVNode(a,{id:e.triggerId,ref:"triggeringElementRef",role:"button",tabindex:e.tabindex},{default:o.withCtx(()=>[o.renderSlot(e.$slots,"default")]),_:3},8,["id","tabindex"])]),key:"0"}]),1032,["role","effect","popper-options","hide-after","placement","popper-class","reference-element","trigger","trigger-keys","trigger-target-el","show-after","virtual-ref","virtual-triggering","disabled","transition","teleported","onBeforeShow","onShow","onBeforeHide"]),e.splitButton?(o.openBlock(),o.createBlock(p,{key:0},{default:o.withCtx(()=>[o.createVNode(t,o.mergeProps({ref:"referenceElementRef"},e.buttonProps,{size:e.dropdownSize,type:e.type,disabled:e.disabled,tabindex:e.tabindex,onClick:e.handlerMainButtonClick}),{default:o.withCtx(()=>[o.renderSlot(e.$slots,"default")]),_:3},16,["size","type","disabled","tabindex","onClick"]),o.createVNode(t,o.mergeProps({id:e.triggerId,ref:"triggeringElementRef"},e.buttonProps,{role:"button",size:e.dropdownSize,type:e.type,class:e.ns.e("caret-button"),disabled:e.disabled,tabindex:e.tabindex,"aria-label":"切换下拉菜单"}),{default:o.withCtx(()=>[o.createVNode(d,{class:o.normalizeClass(e.ns.e("icon")),icon:"ico-ep:arrow-down"},null,8,["class"])]),_:1},16,["id","size","type","class","disabled","tabindex"])]),_:3})):o.createCommentVNode("",!0)],2)}const b=f.default(u.default,[["render",g]]);exports.default=b;