yc-design-vue 1.0.1

package/lib/Trigger/hooks/useTriggerPosition.d.ts

@@ -0,0 +1,32 @@
+import { CSSProperties, Ref } from 'vue';
+import { TriggerPostion } from '../type';
+import { Props } from '../../_shared/type';
+declare const _default: (params: {
+    props: Props;
+    popupRef: Ref<HTMLDivElement | undefined>;
+    triggerRef: Ref<HTMLElement | undefined>;
+    arrowRef: Ref<HTMLElement | undefined>;
+    computedVisible: Ref<boolean>;
+    mouseX: Ref<number>;
+    mouseY: Ref<number>;
+}) => {
+    position: Ref<TriggerPostion, TriggerPostion>;
+    left: import('vue').ShallowRef<number, number>;
+    top: import('vue').ShallowRef<number, number>;
+    bottom: import('vue').ShallowRef<number, number>;
+    right: import('vue').ShallowRef<number, number>;
+    popupWidth: import('vue').ShallowRef<number, number>;
+    popupHeight: import('vue').ShallowRef<number, number>;
+    triggerWidth: import('vue').ShallowRef<number, number>;
+    triggerHeight: import('vue').ShallowRef<number, number>;
+    arrowWidth: Ref<number, number>;
+    arrowHeight: Ref<number, number>;
+    popupStyle: import('vue').ComputedRef<{
+        top: string;
+        left: string;
+        zIndex: number;
+    }>;
+    contentStyle: import('vue').ComputedRef<CSSProperties>;
+    arrowStyle: import('vue').ComputedRef<CSSProperties>;
+};
+export default _default;

package/lib/Trigger/hooks/useTriggerPosition.js

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),e=require("../../node_modules/@vueuse/core/index.js");require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js");const o=require("../../_shared/utils/fn.js");require("../../_shared/utils/time.js");const i=require("../../_shared/utils/vue-utils.js"),l=require("../../_shared/utils/global-config.js");module.exports=u=>{const{props:r,computedVisible:a,popupRef:s,triggerRef:n,arrowRef:p,mouseX:h,mouseY:v}=u,{trigger:g,alignPoint:d,popupTranslate:f,popupOffset:c,autoFitPosition:b,autoFitPopupMinWidth:W,autoFitPopupWidth:m,autoSetPosition:w,showArrow:x,position:H,arrowStyle:T,contentStyle:P}=t.toRefs(r),{updateAtScroll:S,zIndex:q}=l.getGlobalConfig(r),y=t.ref(H.value),{width:j,height:_}=e.useElementSize(s,void 0,{box:"border-box"}),{arrowWidth:z,arrowHeight:E}=function(){if(!x.value)return{arrowWidth:t.ref(0),arrowHeight:t.ref(0)};const{width:o,height:i}=e.useElementSize(p,void 0,{box:"border-box"});return{arrowWidth:o,arrowHeight:i}}(),{left:R,top:I,bottom:L,right:M,width:F,height:A}=e.useElementBounding(n,{windowScroll:S.value,updateTiming:"next-frame"}),B=t.computed(()=>{const[t,e]=G(),i=d.value&&["click","contextMenu"].includes(g.value);if(w.value||i)return{top:o.valueToPx(v.value+e),left:o.valueToPx(h.value-(b.value?0:j.value/2)+t),zIndex:q.value};const[l,u]=O({position:y.value,triggerWidth:F.value,triggerHeight:A.value,popupHeight:_.value,popupWidth:j.value,top:I.value,left:R.value,right:M.value,bottom:L.value});if(!b.value)return{top:o.valueToPx(u+e),left:o.valueToPx(l+t),zIndex:q.value};const[r,a]=V({offsetLeft:l,offsetTop:u,position:y.value,top:I.value,left:R.value,right:M.value,bottom:L.value,popupHeight:_.value,popupWidth:j.value});y.value=function(t){const{offsetLeft:e,offsetTop:o,top:i,left:l,bottom:u,right:r,triggerWidth:a,triggerHeight:s,popupHeight:n,popupWidth:p}=t,h=1e-5,v=[[i-n,l+(a-p)/2,"top"],[i-n,l,"tl"],[i-n,r-p,"tr"],[u,l+(a-p)/2,"bottom"],[u,l,"bl"],[u,r-p,"br"],[i+(s-n)/2,l-p,"left"],[i,l-p,"lt"],[u-n,l-p,"lb"],[i+(s-n)/2,r,"right"],[i,r,"rt"],[u-n,r,"rb"]].find(([t,i])=>Math.abs(i-e)<h&&Math.abs(t-o)<h);return(null==v?void 0:v[2])??y.value}({offsetLeft:r,offsetTop:a,top:I.value,left:R.value,right:M.value,bottom:L.value,triggerWidth:F.value,triggerHeight:A.value,popupHeight:_.value,popupWidth:j.value});const[s,n]=G();return{left:o.valueToPx(r+s),top:o.valueToPx(a+n),zIndex:q.value}}),C=t.computed(()=>({width:m.value?o.valueToPx(F.value):"",minWidth:W.value?o.valueToPx(F.value):"",...P.value})),k=t.computed(()=>({...T.value,...X({position:y.value,popupWidth:j.value,popupHeight:_.value,arrowWidth:z.value,arrowHeight:E.value,triggerHeight:A.value,triggerWidth:F.value})}));function G(){const[t,e]=f.value;let o=t,i=e;return y.value.startsWith("t")?i=-c.value:y.value.startsWith("b")?i=c.value:y.value.startsWith("l")?o=-c.value:y.value.startsWith("r")&&(o=c.value),[o,i]}const O=t=>{let e=0,o=0;const{position:i,triggerWidth:l,triggerHeight:u,popupWidth:r,popupHeight:a,left:s,top:n,right:p,bottom:h}=t;return["top","tl","tr","bottom","bl","br"].includes(i)?(e=i.startsWith("t")?n-a:h,o=["top","bottom"].includes(i)?s+(l-r)/2:["tl","bl"].includes(i)?s:p-r):(o=i.startsWith("l")?s-r:p,e=["left","right"].includes(i)?n+(u-a)/2:["lt","rt"].includes(i)?n:h-a),[o,e]},V=t=>{const{position:e,offsetLeft:o,offsetTop:i,bottom:l,left:u,right:r,top:a,popupHeight:s,popupWidth:n}=t;let p=o,h=i;return["top","tl","tr","bottom","bl","br"].includes(e)?(i<0&&["top","tl","tr"].includes(e)?h=l:i+s>window.innerHeight&&["bottom","bl","br"].includes(e)&&(h=a-s),o<0?p=u:o+n>window.innerWidth&&(p=r-n)):(o<0&&["left","lt","lb"].includes(e)?p=r:o+n>window.innerWidth&&["right","rt","rb"].includes(e)&&(p=u-n),i<0?h=a:h+s>window.innerHeight&&(h=a-s)),[p,h]};const X=t=>{const{position:e,triggerWidth:i,triggerHeight:l,popupWidth:u,popupHeight:r,arrowHeight:a,arrowWidth:s}=t;let n;if(["top","tl","tr","bottom","bl","br"].includes(e)){let t="",l="";["top","bottom"].includes(e)?t=o.valueToPx((u-s)/2):["tl","bl"].includes(e)?t=o.valueToPx((i-s)/2):l=o.valueToPx((i-s)/2),n={top:e.startsWith("b")?"0":"",right:l,bottom:e.startsWith("t")?"0":"",left:t}}else{let t="",i="";["left","right"].includes(e)?t=o.valueToPx((r-a)/2):["lt","rt"].includes(e)?t=o.valueToPx((l-a)/2):i=o.valueToPx((l-a)/2),n={top:t,right:e.startsWith("l")?"0":"",bottom:i,left:e.startsWith("r")?"0":""}}return n};return t.watch(()=>a.value,async t=>{if(!t)return;await o.sleep(0),y.value=H.value;const e=i.unrefElement(n),l=i.unrefElement(s);if(e){const{left:t,right:o,top:i,bottom:l,width:u,height:r}=e.getBoundingClientRect();R.value=t,M.value=o,I.value=i,L.value=l,F.value=u,A.value=r}if(l){const{offsetWidth:t,offsetHeight:e}=l;j.value=t,_.value=e}if(p.value){const{offsetWidth:t,offsetHeight:e}=p.value;z.value=t,E.value=e}}),{position:y,left:R,top:I,bottom:L,right:M,popupWidth:j,popupHeight:_,triggerWidth:F,triggerHeight:A,arrowWidth:z,arrowHeight:E,popupStyle:B,contentStyle:C,arrowStyle:k}};

package/lib/Trigger/hooks/useTriggerVisible.d.ts

@@ -0,0 +1,19 @@
+import { Ref } from 'vue';
+import { TriggerEmits } from '../type';
+import { Props } from '../../_shared/type';
+declare const _default: (params: {
+    props: Props;
+    emits: TriggerEmits;
+    popupRef: Ref<HTMLDivElement | undefined>;
+    triggerRef: Ref<HTMLElement | undefined>;
+}) => {
+    mouseX: Ref<number, number>;
+    mouseY: Ref<number, number>;
+    computedVisible: import('vue').WritableComputedRef<any, boolean>;
+    handleClickEvent: (e: MouseEvent, type: "click" | "contextMenu") => void;
+    handleMouseenter: () => void;
+    handleMouseleave: (e: MouseEvent) => void;
+    handleFocus: () => void;
+    handleBlur: () => void;
+};
+export default _default;

package/lib/Trigger/hooks/useTriggerVisible.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),l=require("../../node_modules/@vueuse/core/index.js"),u=require("./useContext.js");require("../../node_modules/tinycolor2/esm/tinycolor.js");const a=require("../../_shared/utils/dom.js");require("../../_shared/utils/time.js");const o=require("../../_shared/utils/vue-utils.js"),s=require("../../_shared/utils/global-config.js"),r=require("../../_shared/utils/control.js");module.exports=i=>{const{props:t,emits:v,popupRef:n,triggerRef:c}=i,{trigger:d,popupVisible:p,defaultPopupVisible:m,clickToClose:g,blurToClose:T,clickOutsideToClose:f,mouseEnterDelay:h,mouseLeaveDelay:b,focusDelay:k,disabled:C,scrollToCloseDistance:q,autoSetPosition:j,alignPoint:y}=e.toRefs(t),{scrollToClose:M}=s.getGlobalConfig(t),{onTriggerMouseclick:_,onTriggerMouseenter:x,onTriggerMouseleave:E,onTriggerBlur:D,onTriggerFocus:L,onClickOutSide:V}=t,O=r(p,m.value,e=>{v("update:popupVisible",e),v("popup-visible-change",e)}),{timeout:P,mosueLeaveHandler:R,mouseEnterHandler:w,clickOutsideHandler:F}=u({trigger:d.value,mouseEnterDelay:h,computedVisible:O,popupRef:n}),H=e.ref(0),S=e.ref(0);let B=0,X=0;const Y=e.computed(()=>c.value?a.findFirstScrollableParent(o.unrefElement(c.value)):null);return e.watch(()=>O.value,async()=>{if(await e.nextTick(),!Y.value)return;const{scrollTop:l,scrollLeft:u}=Y.value;B=u,X=l}),f.value&&["click","contextMenu"].includes(d.value)&&l.onClickOutside(n,e=>{if(C.value)return;const l=F(e);O.value&&!l&&(O.value=!1,null==V||V())},{ignore:[c]}),(async()=>{await e.nextTick(),M.value&&Y.value&&l.useEventListener(Y,"scroll",()=>{if(!O.value)return;const{scrollTop:e,scrollLeft:l}=Y.value;(Math.abs(e-X)>=q.value||Math.abs(l-B)>=q.value)&&(O.value=!1,X=e)})})(),{mouseX:H,mouseY:S,computedVisible:O,handleClickEvent:(e,l)=>{if(d.value==l&&!C.value){if(P.value&&clearTimeout(P.value),!j.value&&y.value){const{pageX:l,pageY:u}=e;H.value=l,S.value=u}O.value=!g.value||!O.value,null==_||_()}},handleMouseenter:()=>{"hover"!=d.value||C.value||(w(),P.value&&clearTimeout(P.value),O.value||(P.value=setTimeout(()=>{O.value=!0,null==x||x()},h.value)))},handleMouseleave:e=>{"hover"!=d.value||C.value||(P.value&&clearTimeout(P.value),O.value&&(P.value=setTimeout(()=>{null==E||E();R(e)||(O.value=!1)},b.value)))},handleFocus:()=>{"focus"!=d.value||C.value||(P.value&&clearTimeout(P.value),O.value||(P.value=setTimeout(()=>{O.value=!0,null==L||L()},k.value)))},handleBlur:()=>{"focus"==d.value&&T.value&&!C.value&&(P.value&&clearTimeout(P.value),O.value&&(O.value=!1,null==D||D()))}}};

package/lib/Trigger/index.d.ts

@@ -0,0 +1,166 @@
+import { App } from 'vue';
+import { default as _Trigger } from './index.vue';
+export type TriggerInstance = InstanceType<typeof _Trigger>;
+export * from './type';
+declare const Trigger: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').TriggerProps> & Readonly<{
+        "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
+        "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
+        onShow?: (() => any) | undefined;
+        onHide?: (() => any) | undefined;
+    }>, {
+        hide(): void;
+        show(): void;
+        updatePosition(x: number, y: number): void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "update:popupVisible": (value: boolean) => any;
+        "popup-visible-change": (value: boolean) => any;
+        show: () => any;
+        hide: () => any;
+    }, import('vue').PublicProps, {
+        trigger: import('./type').TriggerType;
+        mouseEnterDelay: number;
+        popupVisible: boolean;
+        defaultPopupVisible: boolean;
+        clickToClose: boolean;
+        blurToClose: boolean;
+        clickOutsideToClose: boolean;
+        mouseLeaveDelay: number;
+        focusDelay: number;
+        disabled: boolean;
+        scrollToCloseDistance: number;
+        autoSetPosition: boolean;
+        alignPoint: boolean;
+        position: import('./type').TriggerPostion;
+        popupOffset: number;
+        popupTranslate: number[];
+        showArrow: boolean;
+        unmountOnClose: boolean;
+        contentClass: import('../_shared/type').ClassName;
+        contentStyle: import('vue').CSSProperties;
+        arrowClass: import('../_shared/type').ClassName;
+        arrowStyle: import('vue').CSSProperties;
+        animationName: string;
+        duration: number;
+        autoFitPopupWidth: boolean;
+        autoFitPopupMinWidth: boolean;
+        popupContainer: import('..').PopupContainer;
+        renderToBody: boolean;
+        autoFitPosition: boolean;
+        updateAtScroll: boolean;
+        preventFocus: boolean;
+        scrollToClose: boolean;
+        needTransformOrigin: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, any, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./type').TriggerProps> & Readonly<{
+        "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
+        "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
+        onShow?: (() => any) | undefined;
+        onHide?: (() => any) | undefined;
+    }>, {
+        hide(): void;
+        show(): void;
+        updatePosition(x: number, y: number): void;
+    }, {}, {}, {}, {
+        trigger: import('./type').TriggerType;
+        mouseEnterDelay: number;
+        popupVisible: boolean;
+        defaultPopupVisible: boolean;
+        clickToClose: boolean;
+        blurToClose: boolean;
+        clickOutsideToClose: boolean;
+        mouseLeaveDelay: number;
+        focusDelay: number;
+        disabled: boolean;
+        scrollToCloseDistance: number;
+        autoSetPosition: boolean;
+        alignPoint: boolean;
+        position: import('./type').TriggerPostion;
+        popupOffset: number;
+        popupTranslate: number[];
+        showArrow: boolean;
+        unmountOnClose: boolean;
+        contentClass: import('../_shared/type').ClassName;
+        contentStyle: import('vue').CSSProperties;
+        arrowClass: import('../_shared/type').ClassName;
+        arrowStyle: import('vue').CSSProperties;
+        animationName: string;
+        duration: number;
+        autoFitPopupWidth: boolean;
+        autoFitPopupMinWidth: boolean;
+        popupContainer: import('..').PopupContainer;
+        renderToBody: boolean;
+        autoFitPosition: boolean;
+        updateAtScroll: boolean;
+        preventFocus: boolean;
+        scrollToClose: boolean;
+        needTransformOrigin: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./type').TriggerProps> & Readonly<{
+    "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
+    "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
+    onShow?: (() => any) | undefined;
+    onHide?: (() => any) | undefined;
+}>, {
+    hide(): void;
+    show(): void;
+    updatePosition(x: number, y: number): void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:popupVisible": (value: boolean) => any;
+    "popup-visible-change": (value: boolean) => any;
+    show: () => any;
+    hide: () => any;
+}, string, {
+    trigger: import('./type').TriggerType;
+    mouseEnterDelay: number;
+    popupVisible: boolean;
+    defaultPopupVisible: boolean;
+    clickToClose: boolean;
+    blurToClose: boolean;
+    clickOutsideToClose: boolean;
+    mouseLeaveDelay: number;
+    focusDelay: number;
+    disabled: boolean;
+    scrollToCloseDistance: number;
+    autoSetPosition: boolean;
+    alignPoint: boolean;
+    position: import('./type').TriggerPostion;
+    popupOffset: number;
+    popupTranslate: number[];
+    showArrow: boolean;
+    unmountOnClose: boolean;
+    contentClass: import('../_shared/type').ClassName;
+    contentStyle: import('vue').CSSProperties;
+    arrowClass: import('../_shared/type').ClassName;
+    arrowStyle: import('vue').CSSProperties;
+    animationName: string;
+    duration: number;
+    autoFitPopupWidth: boolean;
+    autoFitPopupMinWidth: boolean;
+    popupContainer: import('..').PopupContainer;
+    renderToBody: boolean;
+    autoFitPosition: boolean;
+    updateAtScroll: boolean;
+    preventFocus: boolean;
+    scrollToClose: boolean;
+    needTransformOrigin: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: any;
+}) & {
+    install: (app: App) => void;
+};
+declare module 'vue' {
+    interface GlobalComponents {
+        YcTrigger: typeof Trigger;
+    }
+}
+export default Trigger;

package/lib/Trigger/index.js

@@ -0,0 +1 @@
+"use strict";const e=require("./index.vue.js"),s=Object.assign(e,{install:s=>{s.component("Yc"+e.name,e)}});module.exports=s;

package/lib/Trigger/index.vue.d.ts

@@ -0,0 +1,59 @@
+import { TriggerProps } from './type';
+declare function __VLS_template(): any;
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<TriggerProps, {
+    hide(): void;
+    show(): void;
+    updatePosition(x: number, y: number): void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:popupVisible": (value: boolean) => any;
+    "popup-visible-change": (value: boolean) => any;
+    show: () => any;
+    hide: () => any;
+}, string, import('vue').PublicProps, Readonly<TriggerProps> & Readonly<{
+    "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
+    "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
+    onShow?: (() => any) | undefined;
+    onHide?: (() => any) | undefined;
+}>, {
+    trigger: import('./type').TriggerType;
+    mouseEnterDelay: number;
+    popupVisible: boolean;
+    defaultPopupVisible: boolean;
+    clickToClose: boolean;
+    blurToClose: boolean;
+    clickOutsideToClose: boolean;
+    mouseLeaveDelay: number;
+    focusDelay: number;
+    disabled: boolean;
+    scrollToCloseDistance: number;
+    autoSetPosition: boolean;
+    alignPoint: boolean;
+    position: import('./type').TriggerPostion;
+    popupOffset: number;
+    popupTranslate: number[];
+    showArrow: boolean;
+    unmountOnClose: boolean;
+    contentClass: import('../_shared/type').ClassName;
+    contentStyle: import('vue').CSSProperties;
+    arrowClass: import('../_shared/type').ClassName;
+    arrowStyle: import('vue').CSSProperties;
+    animationName: string;
+    duration: number;
+    autoFitPopupWidth: boolean;
+    autoFitPopupMinWidth: boolean;
+    popupContainer: import('..').PopupContainer;
+    renderToBody: boolean;
+    autoFitPosition: boolean;
+    updateAtScroll: boolean;
+    preventFocus: boolean;
+    scrollToClose: boolean;
+    needTransformOrigin: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, any, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/Trigger/index.vue.js

@@ -0,0 +1 @@
+"use strict";const e=;/* empty css            */;/* empty css            */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-50a0af7f"]]);module.exports=r;

package/lib/Trigger/index.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const o=require("../_shared/utils/vue-utils.js"),t=require("../_shared/utils/global-config.js"),n=require("./hooks/useTriggerVisible.js"),r=require("./hooks/useTriggerPosition.js");,/* empty css                          */;/* empty css                                     */const l=require("../_shared/components/PreventFocus.vue.js");;/* empty css                                          */const a=e.defineComponent({name:"Trigger",inheritAttrs:!1,__name:"index",props:{popupVisible:{type:Boolean,default:void 0},defaultPopupVisible:{type:Boolean,default:!1},trigger:{default:"hover"},position:{default:"bottom"},disabled:{type:Boolean,default:!1},popupOffset:{default:0},popupTranslate:{default:()=>[0,0]},showArrow:{type:Boolean,default:!1},popuphoverStay:{type:Boolean},blurToClose:{type:Boolean,default:!0},clickToClose:{type:Boolean,default:!0},clickOutsideToClose:{type:Boolean,default:!0},unmountOnClose:{type:Boolean,default:!0},contentClass:{default:""},contentStyle:{default:()=>({})},arrowClass:{default:""},arrowStyle:{default:()=>({})},animationName:{default:"fade"},duration:{default:400},mouseEnterDelay:{default:100},mouseLeaveDelay:{default:100},focusDelay:{default:0},autoFitPopupWidth:{type:Boolean,default:!1},autoFitPopupMinWidth:{type:Boolean,default:!1},popupContainer:{default:void 0},renderToBody:{type:Boolean,default:!0},autoFitPosition:{type:Boolean,default:!0},updateAtScroll:{type:Boolean,default:void 0},preventFocus:{type:Boolean,default:!1},alignPoint:{type:Boolean,default:!1},scrollToClose:{type:Boolean,default:void 0},scrollToCloseDistance:{default:1},needTransformOrigin:{type:Boolean,default:!1},autoSetPosition:{type:Boolean,default:!1},onTriggerMouseenter:{},onTriggerMouseleave:{},onTriggerMouseclick:{},onTriggerFocus:{},onTriggerBlur:{},onClickOutSide:{}},emits:["update:popupVisible","popup-visible-change","show","hide"],setup(a,{expose:u,emit:s}){const i=a,d=s,{popupContainer:p}=t.getGlobalConfig(i),f=e.ref(),c=e.ref(),m=e.ref(),y=e.useSlots(),g=e.computed(()=>{var e;return o.findFirstLegitChild((null==(e=y.default)?void 0:e.call(y))||[])}),{computedVisible:v,mouseX:B,mouseY:h,handleClickEvent:C,handleMouseenter:k,handleMouseleave:T,handleFocus:w,handleBlur:_}=n({props:i,emits:d,popupRef:f,triggerRef:c}),{position:b,popupStyle:M,contentStyle:S,arrowStyle:q}=r({props:i,computedVisible:v,popupRef:f,triggerRef:c,arrowRef:m,mouseX:B,mouseY:h});return u({hide(){v.value=!1},show(){v.value=!0},updatePosition(e,o){B.value=e,h.value=o}}),(o,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(g.value),{ref_key:"triggerRef",ref:c,onClick:t[0]||(t[0]=o=>e.unref(C)(o,"click")),onContextmenu:t[1]||(t[1]=e.withModifiers(o=>e.unref(C)(o,"contextMenu"),["prevent"])),onMouseenter:e.unref(k),onMouseleave:e.unref(T),onFocus:e.unref(w),onBlur:e.unref(_)},null,40,["onMouseenter","onMouseleave","onFocus","onBlur"])),(e.openBlock(),e.createBlock(e.Teleport,{to:e.unref(p),disabled:!o.renderToBody},[e.createVNode(e.Transition,{name:o.animationName,duration:o.duration,onAfterLeave:t[2]||(t[2]=e=>o.$emit("hide")),onAfterEnter:t[3]||(t[3]=e=>o.$emit("show"))},{default:e.withCtx(()=>[!o.unmountOnClose||e.unref(v)&&!o.disabled?e.withDirectives((e.openBlock(),e.createBlock(e.unref(l),{key:0,"prevent-focus":o.preventFocus,class:e.normalizeClass(["yc-trigger",`yc-trigger-position-${e.unref(b)}`,{"yc-trigger-transform-origin":o.needTransformOrigin},o.$attrs.class]),style:e.normalizeStyle({...e.unref(M),...o.$attrs.style||{}}),ref_key:"popupRef",ref:f,onMouseenter:e.unref(k),onMouseleave:e.unref(T)},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["yc-trigger-content",o.contentClass]),style:e.normalizeStyle(e.unref(S))},[e.renderSlot(o.$slots,"content",{},void 0,!0)],6),o.showArrow?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["yc-trigger-arrow",o.arrowClass]),style:e.normalizeStyle(e.unref(q)),ref_key:"arrowRef",ref:m},null,6)):e.createCommentVNode("",!0)]),_:3},8,["prevent-focus","class","style","onMouseenter","onMouseleave"])),[[e.vShow,e.unref(v)&&!o.disabled]]):e.createCommentVNode("",!0)]),_:3},8,["name","duration"])],8,["to","disabled"]))],64))}});module.exports=a;

package/lib/Trigger/type.d.ts

@@ -0,0 +1,61 @@
+import { CSSProperties } from 'vue';
+import { ClassName, PopupContainer } from '../_shared/type';
+export interface TriggerProps {
+    popupVisible?: boolean;
+    defaultPopupVisible?: boolean;
+    trigger?: TriggerType;
+    position?: TriggerPostion;
+    disabled?: boolean;
+    popupOffset?: number;
+    popupTranslate?: number[];
+    showArrow?: boolean;
+    popuphoverStay?: boolean;
+    blurToClose?: boolean;
+    clickToClose?: boolean;
+    clickOutsideToClose?: boolean;
+    unmountOnClose?: boolean;
+    contentClass?: ClassName;
+    contentStyle?: CSSProperties;
+    arrowClass?: ClassName;
+    arrowStyle?: CSSProperties;
+    animationName?: string;
+    duration?: number;
+    mouseEnterDelay?: number;
+    mouseLeaveDelay?: number;
+    focusDelay?: number;
+    autoFitPopupWidth?: boolean;
+    autoFitPopupMinWidth?: boolean;
+    popupContainer?: PopupContainer;
+    renderToBody?: boolean;
+    autoFitPosition?: boolean;
+    updateAtScroll?: boolean;
+    preventFocus?: boolean;
+    alignPoint?: boolean;
+    scrollToClose?: boolean;
+    scrollToCloseDistance?: number;
+    needTransformOrigin?: boolean;
+    autoSetPosition?: boolean;
+    onTriggerMouseenter?: () => void;
+    onTriggerMouseleave?: () => void;
+    onTriggerMouseclick?: () => void;
+    onTriggerFocus?: () => void;
+    onTriggerBlur?: () => void;
+    onClickOutSide?: () => void;
+}
+export interface TriggerEmits {
+    (e: 'update:popupVisible', value: boolean): void;
+    (e: 'popup-visible-change', value: boolean): void;
+    (e: 'show'): void;
+    (e: 'hide'): void;
+}
+export interface TriggerSlots {
+    default(): void;
+    content(): void;
+}
+export interface TriggerExpose {
+    hide(): void;
+    show(): void;
+    updatePosition(x: number, y: number): void;
+}
+export type TriggerPostion = 'top' | 'tl' | 'tr' | 'bottom' | 'bl' | 'br' | 'left' | 'lt' | 'lb' | 'right' | 'rt' | 'rb';
+export type TriggerType = 'hover' | 'click' | 'focus' | 'contextMenu';

package/lib/Typography/Typography.vue.d.ts

@@ -0,0 +1,17 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/Typography/Typography.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),o={class:"yc-typography"},t=e.defineComponent({name:"Typography",__name:"Typography",setup:t=>(t,r)=>(e.openBlock(),e.createElementBlock("article",o,[e.renderSlot(t.$slots,"default")]))});module.exports=t;

package/lib/Typography/Typography.vue3.js

@@ -0,0 +1 @@
+"use strict";const e=require("./Typography.vue.js");,/* empty css                 */module.exports=e;