yc-design-vue 1.0.1 → 1.0.3

package/lib/Tabs/type.d.ts

@@ -1,4 +1,5 @@
 import { Direction, Size } from '../_shared/type';
+import { VNode } from 'vue';
 export interface TabsProps {
     activeKey?: TabKey;
     defaultActiveKey?: TabKey;
@@ -24,8 +25,8 @@ export interface TabsEmits {
     (e: 'delete', value: TabKey): void;
 }
 export interface TabsSlots {
-    extra(): void;
-    default(): void;
+    extra?: () => VNode[];
+    default?: () => VNode[];
 }
 export interface TabPaneProps {
     title?: string;
@@ -35,8 +36,8 @@ export interface TabPaneProps {
     destoryOnHide?: boolean;
 }
 export interface TabPaneSlots {
-    default(): void;
-    title(): void;
+    default?: () => VNode[];
+    title?: () => VNode[];
 }
 export type TabKey = string | number;
 export type TabType = 'line' | 'card' | 'card-gutter' | 'text' | 'rounded' | 'capsule';

package/lib/Tag/type.d.ts

@@ -1,3 +1,4 @@
+import { VNode } from 'vue';
 export interface TagProps {
     color?: string;
     size?: TagSize;
@@ -18,8 +19,8 @@ export interface TagEmits {
     (e: 'check', value: boolean, ev: MouseEvent): void;
 }
 export interface TagSlots {
-    default(): void;
-    icon(): void;
-    ['close-icon'](): void;
+    default?: () => VNode[];
+    icon?: () => VNode[];
+    'close-icon'?: () => VNode[];
 }
 export type TagSize = 'small' | 'medium' | 'large';

package/lib/TimePicker/type.d.ts

@@ -1,5 +1,6 @@
 import { PopupContainer, Size } from '../_shared/type';
 import { TriggerProps } from '../Trigger';
+import { VNode } from 'vue';
 export interface TimePickerProps {
     type?: TimePickerType;
     modelValue?: TimePickerValue;
@@ -37,9 +38,9 @@ export interface TimePickerEmits {
     (e: 'popup-visible-change', value: boolean): void;
 }
 export interface TimePickerSlots {
-    prefix(): void;
-    ['suffix-icon'](): void;
-    extra(): void;
+    prefix?: () => VNode[];
+    'suffix-icon'?: () => VNode[];
+    extra?: () => VNode[];
 }
 export type TimeUnit = 'hour' | 'minute' | 'second';
 export type TimePickerValue = string | number | Date | (string | number | Date)[];

package/lib/Timeline/type.d.ts

@@ -1,4 +1,5 @@
 import { Direction } from '../_shared/type';
+import { VNode } from 'vue';
 export interface TimelineProps {
     reverse?: boolean;
     direction?: Direction;
@@ -7,8 +8,8 @@ export interface TimelineProps {
     labelPosition?: TimelineLabelPosition;
 }
 export interface TimelineSlots {
-    dot(): void;
-    default(): void;
+    dot?: () => VNode[];
+    default?: () => VNode[];
 }
 export interface TimelineItemProps {
     dotColor?: string;
@@ -20,9 +21,9 @@ export interface TimelineItemProps {
     isGhost?: boolean;
 }
 export interface TimelineItemSlots {
-    dot(): void;
-    label(): void;
-    default(): void;
+    dot?: () => VNode[];
+    label?: () => VNode[];
+    default?: () => VNode[];
 }
 export type TimelineMode = 'left' | 'right' | 'top' | 'bottom' | 'alternate';
 export type TimelineLabelPosition = 'relative' | 'same';

package/lib/Tooltip/type.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'vue';
+import { CSSProperties, VNode } from 'vue';
 import { ClassName, PopupContainer } from '../_shared/type';
 import { TriggerPostion, TriggerProps } from '../Trigger/type';
 export interface TooltipProps {
@@ -20,8 +20,8 @@ export interface TooltipEmits {
     (e: 'popup-visible-change', value: boolean): void;
 }
 export interface TooltipSlots {
-    default(): void;
-    content(): void;
+    default?: () => VNode[];
+    content?: () => VNode[];
 }
 export interface TooltipExpose {
     hide(): void;

package/lib/Transfer/type.d.ts

@@ -1,4 +1,5 @@
 import { InputProps } from '../Input';
+import { VNode } from 'vue';
 export interface TransferProps {
     data?: TransferItem[];
     modelValue?: string[];
@@ -22,24 +23,24 @@ export interface TransferEmits {
     (e: 'search', value: string, type: 'target' | 'source'): void;
 }
 export interface TransferSlots {
-    source(scope: DefaultSlots): void;
-    target(scope: DefaultSlots): void;
-    ['source-title'](scope: TitleSlots): void;
-    ['target-title'](scope: TitleSlots): void;
-    ['to-source-icon'](): void;
-    ['to-target-icon'](): void;
-    item(scope: {
+    source?: (scope: DefaultSlots) => VNode[];
+    target?: (scope: DefaultSlots) => VNode[];
+    'source-title'?: (scope: TitleSlots) => VNode[];
+    'target-title'?: (scope: TitleSlots) => VNode[];
+    'to-source-icon'?: () => VNode[];
+    'to-target-icon'?: () => VNode[];
+    item?: (scope: {
         value: string;
         label: string;
-    }): void;
+    }) => VNode[];
 }
 export interface TransferPanelSlots {
-    default(scope: DefaultSlots): void;
-    ['title'](scope: TitleSlots): void;
-    item(scope: {
+    default: (scope: DefaultSlots) => VNode[];
+    title: (scope: TitleSlots) => VNode[];
+    item: (scope: {
         value: string;
         label: string;
-    }): void;
+    }) => VNode[];
 }
 export interface TransferItem {
     label?: string;

package/lib/Trigger/hooks/useContext.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../node_modules/nanoid/index.browser.js");require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js");const r=require("../../_shared/utils/fn.js");require("../../_shared/utils/time.js");const u=require("../../_shared/utils/vue-utils.js");require("../../Empty/index.js");/* empty css                              */const o="trigger-context";module.exports=i=>{const{trigger:s,popupRef:a,computedVisible:n,mouseEnterDelay:l}=i,{depth:d,curDepth:p,groupIds:c,timeout:m,hoverTimeout:v}=e.inject(o,{depth:-1,curDepth:e.ref(0),groupIds:e.ref([]),timeout:e.ref(),hoverTimeout:e.ref()}),h=d+1,g=t.nanoid(32);c.value[h]=g,e.provide(o,{depth:h,curDepth:p,groupIds:c,hoverTimeout:v,timeout:m});const f=e=>{const t=e.getAttribute("data-group-id"),r=e.getAttribute("data-group-depth"),u=!!t&&c.value.includes(g);return u||"BODY"==e.tagName?{isGroup:u,groupId:t,depth:u?Number.parseInt(r):-1}:f(e.parentElement)};return e.watch(()=>p.value,e=>{h<=e||"hover"!=s||(n.value=!1)}),e.watch(()=>n.value,async e=>{if(!e)return;await r.sleep(0);const t=u.unrefElement(a);null==t||t.setAttribute("data-group-id",g),null==t||t.setAttribute("data-group-depth",`${h}`)},{immediate:!0}),{timeout:m,mouseEnterHandler:()=>{v.value&&clearTimeout(v.value),v.value=setTimeout(()=>{p.value=h},l.value)},clickOutsideHandler:e=>{if(c.value.length<=1)return!1;const{isGroup:t,depth:r}=f(e.target??e);return n.value=t?h<=r:n.value,t},mosueLeaveHandler:e=>{if(c.value.length<=1)return!1;const{isGroup:t}=f(e.relatedTarget);return t?n.value=!1:p.value=-1,!0}}};
+"use strict";const e=require("vue"),t=require("../../node_modules/nanoid/index.browser.js"),r=require("../../node_modules/@vueuse/core/index.js");require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js");const u=require("../../_shared/utils/fn.js");require("../../_shared/utils/time.js"),require("../../Empty/index.js");/* empty css                              */const o="trigger-context";module.exports=i=>{const{trigger:s,popupRef:a,computedVisible:n,mouseEnterDelay:d}=i,{depth:l,curDepth:p,groupIds:c,timeout:m,hoverTimeout:v}=e.inject(o,{depth:-1,curDepth:e.ref(0),groupIds:e.ref([]),timeout:e.ref(),hoverTimeout:e.ref()}),h=l+1,g=t.nanoid(32);c.value[h]=g,e.provide(o,{depth:h,curDepth:p,groupIds:c,hoverTimeout:v,timeout:m});const f=e=>{const t=e.getAttribute("data-group-id"),r=e.getAttribute("data-group-depth"),u=!!t&&c.value.includes(g);return u||"BODY"==e.tagName?{isGroup:u,groupId:t,depth:u?Number.parseInt(r):-1}:f(e.parentElement)};return e.watch(()=>p.value,e=>{h<=e||"hover"!=s||(n.value=!1)}),e.watch(()=>n.value,async e=>{if(!e)return;await u.sleep(0);const t=r.unrefElement(a);null==t||t.setAttribute("data-group-id",g),null==t||t.setAttribute("data-group-depth",`${h}`)},{immediate:!0}),{timeout:m,mouseEnterHandler:()=>{v.value&&clearTimeout(v.value),v.value=setTimeout(()=>{p.value=h},d.value)},clickOutsideHandler:e=>{if(c.value.length<=1)return!1;const{isGroup:t,depth:r}=f(e.target??e);return n.value=t?h<=r:n.value,t},mosueLeaveHandler:e=>{if(c.value.length<=1)return!1;const{isGroup:t}=f(e.relatedTarget);return t?n.value=!1:p.value=-1,!0}}};

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

@@ -19,8 +19,8 @@ declare const _default: (params: {
     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>;
+    arrowWidth: import('vue').ShallowRef<number, number>;
+    arrowHeight: import('vue').ShallowRef<number, number>;
     popupStyle: import('vue').ComputedRef<{
         top: string;
         left: string;

package/lib/Trigger/hooks/useTriggerPosition.js

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

package/lib/Trigger/hooks/useTriggerVisible.js

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

package/lib/Trigger/index.d.ts

@@ -51,7 +51,68 @@ declare const Trigger: {
         preventFocus: boolean;
         scrollToClose: boolean;
         needTransformOrigin: boolean;
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, any, any, import('vue').ComponentProvideOptions, {
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        triggerRef: unknown;
+        popupRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly preventFocus?: boolean | undefined;
+                readonly tag?: string | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<{
+                preventFocus?: boolean;
+                tag?: string;
+            }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                preventFocus: boolean;
+                tag: string;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            preventFocus: boolean;
+            tag: string;
+        }> & Omit<Readonly<{
+            preventFocus?: boolean;
+            tag?: string;
+        }> & Readonly<{}>, "preventFocus" | "tag"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {}): any;
+            };
+        }) | null;
+        arrowRef: HTMLDivElement;
+    }, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -154,7 +215,7 @@ declare const Trigger: {
     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;
+    $slots: Readonly<import('./type').TriggerSlots> & import('./type').TriggerSlots;
 }) & {
     install: (app: App) => void;
 };

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

@@ -1,5 +1,71 @@
-import { TriggerProps } from './type';
-declare function __VLS_template(): any;
+import { TriggerProps, TriggerSlots } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<TriggerSlots> & TriggerSlots;
+    refs: {
+        triggerRef: unknown;
+        popupRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly preventFocus?: boolean | undefined;
+                readonly tag?: string | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<{
+                preventFocus?: boolean;
+                tag?: string;
+            }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                preventFocus: boolean;
+                tag: string;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            preventFocus: boolean;
+            tag: string;
+        }> & Omit<Readonly<{
+            preventFocus?: boolean;
+            tag?: string;
+        }> & Readonly<{}>, "preventFocus" | "tag"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {}): any;
+            };
+        }) | null;
+        arrowRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<TriggerProps, {
     hide(): void;
@@ -49,7 +115,68 @@ declare const __VLS_component: import('vue').DefineComponent<TriggerProps, {
     preventFocus: boolean;
     scrollToClose: boolean;
     needTransformOrigin: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, any, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    triggerRef: unknown;
+    popupRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly preventFocus?: boolean | undefined;
+            readonly tag?: string | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<{
+            preventFocus?: boolean;
+            tag?: string;
+        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            preventFocus: boolean;
+            tag: string;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        preventFocus: boolean;
+        tag: string;
+    }> & Omit<Readonly<{
+        preventFocus?: boolean;
+        tag?: string;
+    }> & Readonly<{}>, "preventFocus" | "tag"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }) | null;
+    arrowRef: HTMLDivElement;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/lib/Trigger/index.vue.js

@@ -1 +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;
+"use strict";const e=;/* empty css            */;/* empty css            */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-37d87bda"]]);module.exports=r;

package/lib/Trigger/index.vue2.js

@@ -1 +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;
+"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=e.useSlots(),d=a,p=s,{popupContainer:f}=t.getGlobalConfig(d),c=e.ref(),m=e.ref(),y=e.ref(),g=e.computed(()=>{var e;return o.findFirstLegitChild((null==(e=i.default)?void 0:e.call(i))||[])}),{computedVisible:v,mouseX:B,mouseY:h,handleClickEvent:C,handleMouseenter:k,handleMouseleave:T,handleFocus:w,handleBlur:_}=n({props:d,emits:p,popupRef:c,triggerRef:m}),{position:b,popupStyle:M,contentStyle:S,arrowStyle:q}=r({props:d,computedVisible:v,popupRef:c,triggerRef:m,arrowRef:y,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:m,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(f),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:c,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:y},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

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'vue';
+import { CSSProperties, VNode } from 'vue';
 import { ClassName, PopupContainer } from '../_shared/type';
 export interface TriggerProps {
     popupVisible?: boolean;
@@ -49,8 +49,8 @@ export interface TriggerEmits {
     (e: 'hide'): void;
 }
 export interface TriggerSlots {
-    default(): void;
-    content(): void;
+    default?: () => VNode[];
+    content?: () => VNode[];
 }
 export interface TriggerExpose {
     hide(): void;

package/lib/Typography/type.d.ts

@@ -1,4 +1,5 @@
 import { TooltipProps } from '../Tooltip';
+import { VNode } from 'vue';
 export interface TypographyBaseProps {
     tag?: string;
     type?: TypographyType;
@@ -30,16 +31,16 @@ export interface TypographyBaseEmits {
     (e: 'expand', expanded: boolean): void;
 }
 export interface TypographyBaseSlots {
-    default(): void;
-    ['expand-node'](scope: {
+    default?: () => VNode[];
+    'expand-node': (scope: {
         expanded: boolean;
-    }): void;
-    ['copy-icon'](scope: {
+    }) => VNode[];
+    'copy-icon': (scope: {
         copied: boolean;
-    }): void;
-    ['copy-tooltip'](scope: {
+    }) => VNode[];
+    'copy-tooltip': (scope: {
         copied: boolean;
-    }): void;
+    }) => VNode[];
 }
 export interface TypographyParagraphProps {
     blockquote?: boolean;

package/lib/Watermark/type.d.ts

@@ -1,3 +1,4 @@
+import { VNode } from 'vue';
 export interface WatermarkProps {
     content?: string | string[];
     image?: string;
@@ -23,5 +24,5 @@ export interface WatermarkFont {
     fontWeight?: 'normal' | 'bold' | 'bolder' | 'lighter' | number;
 }
 export interface WatermarkSlots {
-    default(): void;
+    default?: () => VNode[];
 }

package/lib/_shared/type/index.d.ts

@@ -1,4 +1,4 @@
-import { RenderFunction, ComponentPublicInstance, MaybeRef, MaybeRefOrGetter } from 'vue';
+import { RenderFunction } from 'vue';
 export type Size = 'mini' | 'small' | 'medium' | 'large';
 export type Direction = 'vertical' | 'horizontal';
 export type Theme = 'light' | 'dark';
@@ -11,8 +11,3 @@ export type ObjectData = Record<string, any>;
 export type RequiredDeep<T> = {
     [P in keyof T]-?: T[P] extends object ? RequiredDeep<T[P]> : T[P];
 };
-export type VueInstance = ComponentPublicInstance;
-export type MaybeElementRef<T extends MaybeElement = MaybeElement> = MaybeRef<T>;
-export type MaybeComputedElementRef<T extends MaybeElement = MaybeElement> = MaybeRefOrGetter<T>;
-export type MaybeElement = HTMLElement | SVGElement | VueInstance | undefined | null;
-export type UnRefElementReturn<T extends MaybeElement = MaybeElement> = T extends VueInstance ? Exclude<MaybeElement, VueInstance> : T | undefined;

package/lib/_shared/utils/dom.d.ts

@@ -1,13 +1,13 @@
+import { Ref } from 'vue';
 import { EllipsisConfig } from '../../Typography/type';
 import { BreakpointName, ResponsiveValue } from '../../Grid';
-import { Ref } from 'vue';
 export declare const isServerRendering: boolean;
 export declare const querySelector: (selectors: string, container?: Document | HTMLElement) => HTMLElement | undefined;
 export declare const getElement: (target: string | HTMLElement | undefined, container?: Document | HTMLElement) => HTMLElement | undefined;
-export declare function getDomText(dom: Ref<HTMLElement | undefined>): string;
-export declare function getBreakpointValue(breakpoint: BreakpointName, value: string | number | ResponsiveValue, defaultValue?: number | string): number | string | undefined;
+export declare const getDomText: (dom: Ref<HTMLElement | undefined>) => string;
+export declare const getBreakpointValue: (breakpoint: BreakpointName, value: string | number | ResponsiveValue, defaultValue?: number | string) => number | string | undefined;
 export declare const mediaQueryHandler: (onBreakpoint: (breakpoint: BreakpointName, order: Record<string, number>, index: number) => void, queries?: Record<string, string>) => void;
-export declare function findFirstScrollableParent(element?: HTMLElement): HTMLElement | undefined;
+export declare const findFirstScrollableParent: (element?: HTMLElement) => HTMLElement | undefined;
 /**
  * 计算文本是否需要省略并返回处理后的文本
  * @param originElement 原始DOM元素，用于获取样式
@@ -16,7 +16,7 @@ export declare function findFirstScrollableParent(element?: HTMLElement): HTMLEl
  * @param fullText 完整文本
  * @returns 返回处理后的文本和是否省略的标志
  */
-export declare function calculateEllipsis(originElement: HTMLElement, ellipsisConfig: EllipsisConfig | undefined, operations: (HTMLElement | HTMLElement[] | null) | undefined, fullText: string): {
+export declare const calculateEllipsis: (originElement: HTMLElement, ellipsisConfig: EllipsisConfig | undefined, operations: (HTMLElement | HTMLElement[] | null) | undefined, fullText: string) => {
     tooltip?: {
         type?: "tooltip" | "popover" | undefined;
         props?: Record<string, any> | undefined;

package/lib/_shared/utils/dom.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./is.js"),t=require("../../node_modules/@vueuse/core/index.js"),r=require("vue"),n=require("./vue-utils.js"),i=(()=>{try{return!("undefined"!=typeof window&&void 0!==document)}catch(e){return!0}})(),o=(e,t)=>{if(!i)return(t??document).querySelector(e)??void 0};exports.findFirstScrollableParent=function(e){if(!e||e===document.body)return;let t=e.parentElement;for(;t&&t!==document.body;){const e=window.getComputedStyle(t),r=e.overflowY||e.overflow,n=["auto","scroll"].includes(r),i=t.scrollHeight>t.clientHeight;if(n&&i)return t;t=t.parentElement}},exports.getBreakpointValue=function(t,r,n){if(!e.isObject(r))return r;const i=["xs","sm","md","lg","xl","xxl"],o=i.indexOf(t);for(let u=o;u>=0;u--){const t=i[u];if(!e.isUndefined(r[t]))return r[t]}for(let u=o+1;u<i.length;u++){const t=i[u];if(!e.isUndefined(r[t]))return r[t]}return n},exports.getDomText=function(e){var t;return(null==(t=n.unrefElement(e))?void 0:t.innerText)||""},exports.getElement=(t,r)=>{if(e.isString(t)){const e="#"===t[0]?`[id='${t.slice(1)}']`:t;return o(e,r)}return t},exports.isServerRendering=i,exports.mediaQueryHandler=(e,n={xs:"(min-width: 0)",sm:"(min-width: 576px)",md:"(min-width: 768px)",lg:"(min-width: 992px)",xl:"(min-width: 1200px)",xxl:"(min-width: 1600px)"})=>{const i=[],o={},u=[];Object.keys(n).forEach((e,r)=>{i.push(e),o[e]=r,u.push(t.useMediaQuery(n[e]))}),r.watch(u,t=>{const r=t.lastIndexOf(!0);e(i[r],o,r)},{immediate:!0})},exports.querySelector=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("../../node_modules/@vueuse/core/index.js"),r=require("./is.js"),n=(()=>{try{return!("undefined"!=typeof window&&void 0!==document)}catch(e){return!0}})(),i=(e,t)=>{if(!n)return(t??document).querySelector(e)??void 0};exports.findFirstScrollableParent=e=>{if(!e||e===document.body)return;let t=e.parentElement;for(;t&&t!==document.body;){const e=window.getComputedStyle(t),r=e.overflowY||e.overflow,n=["auto","scroll"].includes(r),i=t.scrollHeight>t.clientHeight;if(n&&i)return t;t=t.parentElement}},exports.getBreakpointValue=(e,t,n)=>{if(!r.isObject(t))return t;const i=["xs","sm","md","lg","xl","xxl"],o=i.indexOf(e);for(let s=o;s>=0;s--){const e=i[s];if(!r.isUndefined(t[e]))return t[e]}for(let s=o+1;s<i.length;s++){const e=i[s];if(!r.isUndefined(t[e]))return t[e]}return n},exports.getDomText=e=>{var r;return(null==(r=t.unrefElement(e))?void 0:r.innerText)||""},exports.getElement=(e,t)=>{if(r.isString(e)){const r="#"===e[0]?`[id='${e.slice(1)}']`:e;return i(r,t)}return e},exports.isServerRendering=n,exports.mediaQueryHandler=(r,n={xs:"(min-width: 0)",sm:"(min-width: 576px)",md:"(min-width: 768px)",lg:"(min-width: 992px)",xl:"(min-width: 1200px)",xxl:"(min-width: 1600px)"})=>{const i=[],o={},s=[];Object.keys(n).forEach((e,r)=>{i.push(e),o[e]=r,s.push(t.useMediaQuery(n[e]))}),e.watch(s,e=>{const t=e.lastIndexOf(!0);r(i[t],o,t)},{immediate:!0})},exports.querySelector=i;

package/lib/_shared/utils/fn.d.ts

@@ -1,8 +1,8 @@
 export declare const sleep: (ms: number) => Promise<unknown>;
-export declare function throttleByRaf(cb: (...args: any[]) => void): {
+export declare const throttleByRaf: (cb: (...args: any[]) => void) => {
     (...args: any[]): void;
     cancel(): void;
 };
-export declare function debounce<T extends (...args: any[]) => any>(func: T, delay: number, immediate?: boolean): (...args: Parameters<T>) => void;
-export declare function throttle<T extends (...args: any[]) => any>(fn: T, delay: number): (...args: Parameters<T>) => void;
+export declare const debounce: (func: (...args: any) => void, delay: number, immediate?: boolean) => (this: any, ...args: any) => void;
+export declare const throttle: (fn: (...args: any) => void, delay: number) => (this: any, ...args: any) => void;
 export declare const valueToPx: (value: string | number | undefined) => string;