vft 0.0.149 → 0.0.151

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

@@ -24,78 +24,21 @@ export interface DropdownProps {
 }
 declare function handleClose(): void;
 declare function handleOpen(): void;
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    maxHeight: {
-        type: globalThis.PropType<string | number>;
-        default: string;
-    };
-    type: {
-        type: globalThis.PropType<ButtonType>;
-    };
-    placement: {
-        type: globalThis.PropType<Placement>;
-        default: string;
-    };
-    effect: {
-        type: globalThis.PropType<"light" | "dark">;
-        default: string;
-    };
-    id: {
-        type: globalThis.PropType<string>;
-    };
-    size: {
-        type: globalThis.PropType<string>;
-    };
-    role: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    loop: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    disabled: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    trigger: {
-        type: globalThis.PropType<TooltipTriggerType>;
-        default: string;
-    };
-    tabindex: {
-        type: globalThis.PropType<string | number>;
-        default: number;
-    };
-    popperOptions: {
-        type: globalThis.PropType<Options>;
-    };
-    popperClass: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    teleported: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    splitButton: {
-        type: globalThis.PropType<boolean>;
-    };
-    hideOnClick: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    showTimeout: {
-        type: globalThis.PropType<number>;
-        default: number;
-    };
-    hideTimeout: {
-        type: globalThis.PropType<number>;
-        default: number;
-    };
-    buttonProps: {
-        type: globalThis.PropType<ButtonProps>;
-    };
-}, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DropdownProps>, {
+    trigger: string;
+    effect: string;
+    placement: string;
+    hideOnClick: boolean;
+    loop: boolean;
+    showTimeout: number;
+    hideTimeout: number;
+    tabindex: number;
+    maxHeight: string;
+    popperClass: string;
+    disabled: boolean;
+    role: string;
+    teleported: boolean;
+}>, {
     handleClose: typeof handleClose;
     handleOpen: typeof handleOpen;
     onFocusAfterTrapped: (e: Event) => void;
@@ -103,92 +46,35 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "visible-change": (val: boolean) => void;
     command: (val: string) => void;
     click: (val: MouseEvent) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    maxHeight: {
-        type: globalThis.PropType<string | number>;
-        default: string;
-    };
-    type: {
-        type: globalThis.PropType<ButtonType>;
-    };
-    placement: {
-        type: globalThis.PropType<Placement>;
-        default: string;
-    };
-    effect: {
-        type: globalThis.PropType<"light" | "dark">;
-        default: string;
-    };
-    id: {
-        type: globalThis.PropType<string>;
-    };
-    size: {
-        type: globalThis.PropType<string>;
-    };
-    role: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    loop: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    disabled: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    trigger: {
-        type: globalThis.PropType<TooltipTriggerType>;
-        default: string;
-    };
-    tabindex: {
-        type: globalThis.PropType<string | number>;
-        default: number;
-    };
-    popperOptions: {
-        type: globalThis.PropType<Options>;
-    };
-    popperClass: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    teleported: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    splitButton: {
-        type: globalThis.PropType<boolean>;
-    };
-    hideOnClick: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    showTimeout: {
-        type: globalThis.PropType<number>;
-        default: number;
-    };
-    hideTimeout: {
-        type: globalThis.PropType<number>;
-        default: number;
-    };
-    buttonProps: {
-        type: globalThis.PropType<ButtonProps>;
-    };
-}>> & {
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DropdownProps>, {
+    trigger: string;
+    effect: string;
+    placement: string;
+    hideOnClick: boolean;
+    loop: boolean;
+    showTimeout: number;
+    hideTimeout: number;
+    tabindex: number;
+    maxHeight: string;
+    popperClass: string;
+    disabled: boolean;
+    role: string;
+    teleported: boolean;
+}>>> & {
     onClick?: ((val: MouseEvent) => any) | undefined;
     "onVisible-change"?: ((val: boolean) => any) | undefined;
     onCommand?: ((val: string) => any) | undefined;
 }, {
     maxHeight: string | number;
-    placement: Placement;
-    effect: "light" | "dark";
+    placement: any;
     role: string;
     loop: boolean;
     disabled: boolean;
     trigger: TooltipTriggerType;
+    effect: "light" | "dark";
+    teleported: boolean;
     tabindex: string | number;
     popperClass: string;
-    teleported: boolean;
     hideOnClick: boolean;
     showTimeout: number;
     hideTimeout: number;
@@ -197,6 +83,23 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),q=require("@vft/utils"),B=require("../button/index.cjs");require("../form/index.cjs");const M=require("../icon/index.cjs"),U=require("../roving-focus-group/roving-focus-group.vue.cjs");require("../roving-focus-group/roving-focus-group-impl.vue2.cjs");require("../roving-focus-group/roving-focus-item.vue2.cjs");require("../roving-focus-group/types.cjs");const h=require("../../constants/aria.cjs"),j=require("../scrollbar/index.cjs"),x=require("../slot/only-child.cjs"),G=require("../tooltip/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash");const J=require("../../hooks/use-id/index.cjs"),W=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const Y=require("./tokens.cjs"),Q=require("./types.cjs"),X=require("../form/hooks/use-form-common-props.cjs"),n=W.useNamespace("dropdown"),Z=t.defineComponent({name:n.b()}),ee=t.defineComponent({...Z,props:{trigger:{default:"hover"},effect:{default:"light"},type:{},placement:{default:"bottom"},popperOptions:{},id:{},size:{},splitButton:{type:Boolean},hideOnClick:{type:Boolean,default:!0},loop:{type:Boolean,default:!0},showTimeout:{default:150},hideTimeout:{default:150},tabindex:{default:0},maxHeight:{default:""},popperClass:{default:""},disabled:{type:Boolean,default:!1},role:{default:"menu"},buttonProps:{},teleported:{type:Boolean,default:!0}},emits:["visible-change","command","click"],setup(g,{expose:$,emit:u}){const a=g,V=t.getCurrentInstance(),l=t.ref(),m=t.ref(),f=t.ref(null),i=t.ref(null),N=t.ref(null),p=t.ref(null),b=t.ref(!1),O=[h.EVENT_CODE.enter,h.EVENT_CODE.space,h.EVENT_CODE.down],S=t.computed(()=>({maxHeight:q.addUnit(a.maxHeight)})),T=J.useId().value,c=t.computed(()=>a.id||T);t.watch([l,t.toRef(a,"trigger")],([e,o],[r])=>{var y,w,k;const d=q.isArray(o)?o:[o];(y=r==null?void 0:r.$el)!=null&&y.removeEventListener&&r.$el.removeEventListener("pointerenter",s),(w=e==null?void 0:e.$el)!=null&&w.removeEventListener&&e.$el.removeEventListener("pointerenter",s),(k=e==null?void 0:e.$el)!=null&&k.addEventListener&&d.includes("hover")&&e.$el.addEventListener("pointerenter",s)},{immediate:!0}),t.onBeforeUnmount(()=>{var e,o;(o=(e=l.value)==null?void 0:e.$el)!=null&&o.removeEventListener&&l.value.$el.removeEventListener("pointerenter",s)});function I(){C()}function C(){var e;(e=f.value)==null||e.onClose()}function E(){var e;(e=f.value)==null||e.onOpen()}const v=X.useFormSize();function R(...e){u("command",...e)}function s(){var e,o;(o=(e=l.value)==null?void 0:e.$el)==null||o.focus()}function z(){}function L(){const e=t.unref(i);e==null||e.focus(),p.value=null}function P(e){p.value=e}function D(e){b.value||(e.preventDefault(),e.stopImmediatePropagation())}function F(){u("visible-change",!0)}function H(e){var o;(e==null?void 0:e.type)==="keydown"&&((o=i.value)==null||o.focus())}function A(){u("visible-change",!1)}t.provide(Y.DROPDOWN_INJECTION_KEY,{contentRef:i,role:t.computed(()=>a.role),triggerId:c,isUsingKeyboard:b,onItemEnter:z,onItemLeave:L}),t.provide("elDropdown",{instance:V,dropdownSize:v,handleClick:I,commandHandler:R,trigger:t.toRef(a,"trigger"),hideOnClick:t.toRef(a,"hideOnClick")});const _=e=>{var o,r;e.preventDefault(),(r=(o=i.value)==null?void 0:o.focus)==null||r.call(o,{preventScroll:!0})},K=e=>{u("click",e)};return $({handleClose:C,handleOpen:E,onFocusAfterTrapped:_}),(e,o)=>{var d;const r=t.resolveComponent("vft-button-group");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass([t.unref(n).b(),t.unref(n).is("disabled",e.disabled)])},[t.createVNode(t.unref(G.VftTooltip),{ref_key:"popperRef",ref:f,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":[t.unref(n).e("popper"),e.popperClass],"reference-element":(d=m.value)==null?void 0:d.$el,trigger:e.trigger,"trigger-keys":O,"trigger-target-el":i.value,"show-after":e.trigger==="hover"?e.showTimeout:0,"stop-popper-mouse-event":!1,"virtual-ref":l.value,"virtual-triggering":e.splitButton,disabled:e.disabled,transition:`${t.unref(n).namespace.value}-zoom-in-top`,teleported:e.teleported,pure:"",persistent:"",onBeforeShow:F,onShow:H,onBeforeHide:A},t.createSlots({content:t.withCtx(()=>[t.createVNode(t.unref(j.VftScrollbar),{ref_key:"scrollbar",ref:N,"wrap-style":S.value,tag:"div","view-class":[t.unref(n).e("list"),"test"]},{default:t.withCtx(()=>[t.createVNode(t.unref(U.default),{loop:e.loop,"current-tab-id":p.value,orientation:"horizontal",onCurrentTabIdChange:P,onEntryFocus:D},{default:t.withCtx(()=>[t.createVNode(t.unref(Q.VftCollection),null,{default:t.withCtx(()=>[t.renderSlot(e.$slots,"dropdown")]),_:3})]),_:3},8,["loop","current-tab-id"])]),_:3},8,["wrap-style","view-class"])]),_:2},[e.splitButton?void 0:{name:"default",fn:t.withCtx(()=>[t.createVNode(t.unref(x.OnlyChild),{id:c.value,ref_key:"triggeringElementRef",ref:l,role:"button",tabindex:e.tabindex},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["id","tabindex"])]),key:"0"}]),1032,["role","effect","popper-options","hide-after","placement","popper-class","reference-element","trigger","trigger-target-el","show-after","virtual-ref","virtual-triggering","disabled","transition","teleported"]),e.splitButton?(t.openBlock(),t.createBlock(r,{key:0},{default:t.withCtx(()=>[t.createVNode(t.unref(B.VftButton),t.mergeProps({ref_key:"referenceElementRef",ref:m},e.buttonProps,{size:t.unref(v),type:e.type,disabled:e.disabled,tabindex:e.tabindex,onClick:K}),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["size","type","disabled","tabindex"]),t.createVNode(t.unref(B.VftButton),t.mergeProps({id:c.value,ref_key:"triggeringElementRef",ref:l},e.buttonProps,{role:"button",size:t.unref(v),type:e.type,class:t.unref(n).e("caret-button"),disabled:e.disabled,tabindex:e.tabindex,"aria-label":"切换下拉菜单"}),{default:t.withCtx(()=>[t.createVNode(t.unref(M.VftIcon),{class:t.normalizeClass(t.unref(n).e("icon")),icon:"icon-arrow-down"},null,8,["class"])]),_:1},16,["id","size","type","class","disabled","tabindex"])]),_:3})):t.createCommentVNode("",!0)],2)}}});exports.default=ee;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),q=require("@vft/utils"),B=require("../button/index.cjs");require("../form/index.cjs");const U=require("../icon/index.cjs"),j=require("../roving-focus-group/roving-focus-group.vue.cjs");require("../roving-focus-group/roving-focus-group-impl.vue2.cjs");require("../roving-focus-group/roving-focus-item.vue2.cjs");require("../roving-focus-group/types.cjs");const v=require("../../constants/aria.cjs"),x=require("../scrollbar/index.cjs"),G=require("../slot/only-child.cjs"),J=require("../tooltip/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash");const W=require("../../hooks/use-id/index.cjs"),Y=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const Q=require("./tokens.cjs"),X=require("./types.cjs"),Z=require("../form/hooks/use-form-common-props.cjs"),n=Y.useNamespace("dropdown"),ee=t.defineComponent({name:n.b()}),te=t.defineComponent({...ee,props:{trigger:{default:"hover"},effect:{default:"light"},type:{},placement:{default:"bottom"},popperOptions:{},id:{},size:{},splitButton:{type:Boolean},hideOnClick:{type:Boolean,default:!0},loop:{type:Boolean,default:!0},showTimeout:{default:150},hideTimeout:{default:150},tabindex:{default:0},maxHeight:{default:""},popperClass:{default:""},disabled:{type:Boolean,default:!1},role:{default:"menu"},buttonProps:{},teleported:{type:Boolean,default:!0}},emits:["visible-change","command","click"],setup(g,{expose:$,emit:V}){const a=g,u=V,N=t.getCurrentInstance(),l=t.ref(),h=t.ref(),f=t.ref(null),i=t.ref(null),O=t.ref(null),p=t.ref(null),b=t.ref(!1),S=[v.EVENT_CODE.enter,v.EVENT_CODE.space,v.EVENT_CODE.down],T=t.computed(()=>({maxHeight:q.addUnit(a.maxHeight)})),I=W.useId().value,c=t.computed(()=>a.id||I);t.watch([l,t.toRef(a,"trigger")],([e,o],[r])=>{var y,w,k;const d=q.isArray(o)?o:[o];(y=r==null?void 0:r.$el)!=null&&y.removeEventListener&&r.$el.removeEventListener("pointerenter",s),(w=e==null?void 0:e.$el)!=null&&w.removeEventListener&&e.$el.removeEventListener("pointerenter",s),(k=e==null?void 0:e.$el)!=null&&k.addEventListener&&d.includes("hover")&&e.$el.addEventListener("pointerenter",s)},{immediate:!0}),t.onBeforeUnmount(()=>{var e,o;(o=(e=l.value)==null?void 0:e.$el)!=null&&o.removeEventListener&&l.value.$el.removeEventListener("pointerenter",s)});function E(){C()}function C(){var e;(e=f.value)==null||e.onClose()}function R(){var e;(e=f.value)==null||e.onOpen()}const m=Z.useFormSize();function z(...e){u("command",...e)}function s(){var e,o;(o=(e=l.value)==null?void 0:e.$el)==null||o.focus()}function L(){}function P(){const e=t.unref(i);e==null||e.focus(),p.value=null}function D(e){p.value=e}function F(e){b.value||(e.preventDefault(),e.stopImmediatePropagation())}function H(){u("visible-change",!0)}function A(e){var o;(e==null?void 0:e.type)==="keydown"&&((o=i.value)==null||o.focus())}function _(){u("visible-change",!1)}t.provide(Q.DROPDOWN_INJECTION_KEY,{contentRef:i,role:t.computed(()=>a.role),triggerId:c,isUsingKeyboard:b,onItemEnter:L,onItemLeave:P}),t.provide("elDropdown",{instance:N,dropdownSize:m,handleClick:E,commandHandler:z,trigger:t.toRef(a,"trigger"),hideOnClick:t.toRef(a,"hideOnClick")});const K=e=>{var o,r;e.preventDefault(),(r=(o=i.value)==null?void 0:o.focus)==null||r.call(o,{preventScroll:!0})},M=e=>{u("click",e)};return $({handleClose:C,handleOpen:R,onFocusAfterTrapped:K}),(e,o)=>{var d;const r=t.resolveComponent("vft-button-group");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass([t.unref(n).b(),t.unref(n).is("disabled",e.disabled)])},[t.createVNode(t.unref(J.VftTooltip),{ref_key:"popperRef",ref:f,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":[t.unref(n).e("popper"),e.popperClass],"reference-element":(d=h.value)==null?void 0:d.$el,trigger:e.trigger,"trigger-keys":S,"trigger-target-el":i.value,"show-after":e.trigger==="hover"?e.showTimeout:0,"stop-popper-mouse-event":!1,"virtual-ref":l.value,"virtual-triggering":e.splitButton,disabled:e.disabled,transition:`${t.unref(n).namespace.value}-zoom-in-top`,teleported:e.teleported,pure:"",persistent:"",onBeforeShow:H,onShow:A,onBeforeHide:_},t.createSlots({content:t.withCtx(()=>[t.createVNode(t.unref(x.VftScrollbar),{ref_key:"scrollbar",ref:O,"wrap-style":T.value,tag:"div","view-class":[t.unref(n).e("list"),"test"]},{default:t.withCtx(()=>[t.createVNode(t.unref(j.default),{loop:e.loop,"current-tab-id":p.value,orientation:"horizontal",onCurrentTabIdChange:D,onEntryFocus:F},{default:t.withCtx(()=>[t.createVNode(t.unref(X.VftCollection),null,{default:t.withCtx(()=>[t.renderSlot(e.$slots,"dropdown")]),_:3})]),_:3},8,["loop","current-tab-id"])]),_:3},8,["wrap-style","view-class"])]),_:2},[e.splitButton?void 0:{name:"default",fn:t.withCtx(()=>[t.createVNode(t.unref(G.OnlyChild),{id:c.value,ref_key:"triggeringElementRef",ref:l,role:"button",tabindex:e.tabindex},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["id","tabindex"])]),key:"0"}]),1032,["role","effect","popper-options","hide-after","placement","popper-class","reference-element","trigger","trigger-target-el","show-after","virtual-ref","virtual-triggering","disabled","transition","teleported"]),e.splitButton?(t.openBlock(),t.createBlock(r,{key:0},{default:t.withCtx(()=>[t.createVNode(t.unref(B.VftButton),t.mergeProps({ref_key:"referenceElementRef",ref:h},e.buttonProps,{size:t.unref(m),type:e.type,disabled:e.disabled,tabindex:e.tabindex,onClick:M}),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["size","type","disabled","tabindex"]),t.createVNode(t.unref(B.VftButton),t.mergeProps({id:c.value,ref_key:"triggeringElementRef",ref:l},e.buttonProps,{role:"button",size:t.unref(m),type:e.type,class:t.unref(n).e("caret-button"),disabled:e.disabled,tabindex:e.tabindex,"aria-label":"切换下拉菜单"}),{default:t.withCtx(()=>[t.createVNode(t.unref(U.VftIcon),{class:t.normalizeClass(t.unref(n).e("icon")),icon:"icon-arrow-down"},null,8,["class"])]),_:1},16,["id","size","type","class","disabled","tabindex"])]),_:3})):t.createCommentVNode("",!0)],2)}}});exports.default=te;