vft 0.0.48 → 0.0.51

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

@@ -0,0 +1,43 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    command: {
+        type: (ObjectConstructor | NumberConstructor | StringConstructor)[];
+        default: () => {};
+    };
+    disabled: BooleanConstructor;
+    divided: BooleanConstructor;
+    textValue: StringConstructor;
+    icon: StringConstructor;
+}, {
+    handleClick: (event: PointerEvent) => void;
+    handlePointerMove: (event: PointerEvent) => void;
+    handlePointerLeave: (event: PointerEvent) => void;
+    textContent: import("vue").ComputedRef<string>;
+    propsAndAttrs: import("vue").ComputedRef<{
+        disabled: boolean;
+        command: string | number | Record<string, any>;
+        divided: boolean;
+        textValue: string | undefined;
+        icon: string | undefined;
+        onClick: ((...args: any[]) => any) | undefined;
+        onPointermove: ((...args: any[]) => any) | undefined;
+        onPointerleave: ((...args: any[]) => any) | undefined;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "pointermove" | "pointerleave")[], "click" | "pointermove" | "pointerleave", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    command: {
+        type: (ObjectConstructor | NumberConstructor | StringConstructor)[];
+        default: () => {};
+    };
+    disabled: BooleanConstructor;
+    divided: BooleanConstructor;
+    textValue: StringConstructor;
+    icon: StringConstructor;
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+    onPointermove?: ((...args: any[]) => any) | undefined;
+    onPointerleave?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    command: string | number | Record<string, any>;
+    divided: boolean;
+}>;
+export default _sfc_main;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue");require("../roving-focus-group/roving-focus-group.vue2.cjs");const g=require("../roving-focus-group/roving-focus-item.vue.cjs");require("../roving-focus-group/roving-focus-group-impl.vue2.cjs");require("../roving-focus-group/types.cjs");require("@vft/utils");require("lodash");require("@vueuse/core");const i=require("../../utils/event.cjs");require("../../utils/ns-cover.cjs");const P=require("./dropdown-item-impl.vue.cjs"),b=require("./useDropdown.cjs"),h=require("./types.cjs"),E=require("./tokens.cjs"),k=r.defineComponent({name:"VftDropdownItem",components:{DropdownCollectionItem:h.VftCollectionItem,RovingFocusItem:g.default,DropdownItemImpl:P.default},inheritAttrs:!1,props:{command:{type:[Object,String,Number],default:()=>({})},disabled:Boolean,divided:Boolean,textValue:String,icon:String},emits:["pointermove","pointerleave","click"],setup(o,{emit:u,attrs:a}){const{elDropdown:t}=b.useDropdown(),l=r.getCurrentInstance(),m=r.ref(null),v=r.computed(()=>{var e;return((e=r.unref(m))==null?void 0:e.textContent)??""}),{onItemEnter:f,onItemLeave:c}=r.inject(E.DROPDOWN_INJECTION_KEY,void 0),p=i.composeEventHandlers(e=>(u("pointermove",e),e.defaultPrevented),i.whenMouse(e=>{if(o.disabled){c(e);return}const n=e.currentTarget;n===document.activeElement||n.contains(document.activeElement)||(f(e),e.defaultPrevented||n==null||n.focus())})),I=i.composeEventHandlers(e=>(u("pointerleave",e),e.defaultPrevented),i.whenMouse(e=>{c(e)})),q=i.composeEventHandlers(e=>{if(!o.disabled)return u("click",e),e.type!=="keydown"&&e.defaultPrevented},e=>{var n,s,d;if(o.disabled){e.stopImmediatePropagation();return}(n=t==null?void 0:t.hideOnClick)!=null&&n.value&&((s=t.handleClick)==null||s.call(t)),(d=t.commandHandler)==null||d.call(t,o.command,l,e)}),C=r.computed(()=>({...o,...a}));return{handleClick:q,handlePointerMove:p,handlePointerLeave:I,textContent:v,propsAndAttrs:C}}});exports.default=k;

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

@@ -0,0 +1,22 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    onKeydown: {
+        type: FunctionConstructor;
+    };
+}, {
+    size: import("vue").ComputedRef<string> | undefined;
+    rovingFocusGroupRootStyle: import("vue").Ref<import("vue").StyleValue>;
+    tabIndex: import("vue").Ref<number>;
+    dropdownKls: import("vue").ComputedRef<string[]>;
+    role: import("vue").ComputedRef<string>;
+    triggerId: import("vue").ComputedRef<string>;
+    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;
+    onMousedown: (e: Event) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    onKeydown: {
+        type: FunctionConstructor;
+    };
+}>>, {}>;
+export default _sfc_main;

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;