yc-design-vue 1.6.9 → 1.7.1

package/lib/Drawer/index.d.ts

@@ -1,4 +1,5 @@
 import { App } from 'vue';
+import { DrawerConfig, DrawerUpdateConfig } from './type';
 import { default as _Drawer } from './Drawer.vue';
 export type DrawerInstance = InstanceType<typeof _Drawer>;
 export * from './type';
@@ -133,6 +134,10 @@ declare const Drawer: {
     $slots: Readonly<import('./type').DrawerSlots> & import('./type').DrawerSlots;
 }) & {
     install: (app: App) => void;
+    open: (props: DrawerConfig) => {
+        close: () => void;
+        update: (updateProps: DrawerUpdateConfig) => void;
+    };
 };
 declare module 'vue' {
     interface GlobalComponents {

package/lib/Drawer/index.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),r=require("./Drawer.vue.js"),n=require("./DrawerService.vue.js");let s;const c=r=>{s||(s=document.createElement("div"),s.className="yc-overlay yc-overlay-drawer",document.body.append(s));const c=()=>{e.render(null,s)},o=e.h(n,{...r,serviceClose:c});return e.render(o,s),{close:c,update:e=>{}}},o=Object.assign(r,{install:e=>{e.component("Yc"+r.name,r),e.config.globalProperties.$drawer=Object.assign(r,{open:c})}});module.exports=o;
+"use strict";const e=require("vue"),r=require("./Drawer.vue.js"),n=require("./DrawerService.vue.js");let o;const s=r=>{o||(o=document.createElement("div"),o.className="yc-overlay yc-overlay-drawer",document.body.append(o));const s=()=>{e.render(null,o)},c=e.h(n,{...r,serviceClose:s});return e.render(c,o),{close:s,update:e=>{}}},c=Object.assign(r,{install:e=>{e.component("Yc"+r.name,r),e.config.globalProperties.$drawer=Object.assign(r,{open:s})},open:s});module.exports=c;

package/lib/Tooltip/index.d.ts

@@ -16,14 +16,14 @@ declare const Tooltip: {
         mini: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
-        position: TriggerPostion;
+        position: import('..').TriggerPostion;
         contentClass: import('../_shared/type').ClassName;
         contentStyle: import('vue').CSSProperties;
         arrowClass: import('../_shared/type').ClassName;
         arrowStyle: import('vue').CSSProperties;
         popupContainer: import('..').PopupContainer;
         content: string;
-        triggerProps: TriggerProps;
+        triggerProps: import('..').TriggerProps;
         backgroundColor: string;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
@@ -42,14 +42,14 @@ declare const Tooltip: {
         mini: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
-        position: TriggerPostion;
+        position: import('..').TriggerPostion;
         contentClass: import('../_shared/type').ClassName;
         contentStyle: import('vue').CSSProperties;
         arrowClass: import('../_shared/type').ClassName;
         arrowStyle: import('vue').CSSProperties;
         popupContainer: import('..').PopupContainer;
         content: string;
-        triggerProps: TriggerProps;
+        triggerProps: import('..').TriggerProps;
         backgroundColor: string;
     }>;
     __isFragment?: never;
@@ -68,14 +68,14 @@ declare const Tooltip: {
     mini: boolean;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
-    position: TriggerPostion;
+    position: import('..').TriggerPostion;
     contentClass: import('../_shared/type').ClassName;
     contentStyle: import('vue').CSSProperties;
     arrowClass: import('../_shared/type').ClassName;
     arrowStyle: import('vue').CSSProperties;
     popupContainer: import('..').PopupContainer;
     content: string;
-    triggerProps: TriggerProps;
+    triggerProps: import('..').TriggerProps;
     backgroundColor: string;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: Readonly<import('./type').TooltipSlots> & import('./type').TooltipSlots;

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

@@ -20,14 +20,14 @@ declare const __VLS_component: import('vue').DefineComponent<TooltipProps, {
     mini: boolean;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
-    position: TriggerPostion;
+    position: import('../Trigger').TriggerPostion;
     contentClass: import('../_shared/type').ClassName;
     contentStyle: CSSProperties;
     arrowClass: import('../_shared/type').ClassName;
     arrowStyle: CSSProperties;
     popupContainer: import('..').PopupContainer;
     content: string;
-    triggerProps: TriggerProps;
+    triggerProps: import('../Trigger').TriggerProps;
     backgroundColor: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/lib/Tooltip/index.vue.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"),require("../Empty/index.js");/* empty css                               */const o=require("../_shared/utils/control.js"),t=require("../Trigger/index.js"),l=e.defineComponent({name:"Tooltip",__name:"index",props:{popupVisible:{type:Boolean,default:void 0},defaultPopupVisible:{type:Boolean,default:!1},content:{default:""},position:{default:"top"},mini:{type:Boolean,default:!1},backgroundColor:{default:"rgb(29,33,41)"},contentClass:{default:""},contentStyle:{default:()=>({})},arrowClass:{default:""},arrowStyle:{default:()=>({})},popupContainer:{default:void 0},triggerProps:{default:()=>({})}},emits:["update:popupVisible","popup-visible-change"],setup(l,{expose:s,emit:r}){const n=l,p=r,{arrowStyle:i,contentStyle:a,backgroundColor:u}=e.toRefs(n),{popupVisible:c,defaultPopupVisible:d}=e.toRefs(n),f=o(c,d.value,e=>{p("update:popupVisible",e),p("popup-visible-change",e)}),m=e.computed(()=>({backgroundColor:u.value,...a.value})),y=e.computed(()=>({backgroundColor:u.value,...i.value}));return s({show(){f.value=!0},hide(){f.value=!1}}),(o,l)=>(e.openBlock(),e.createBlock(e.unref(t),e.mergeProps({"popup-visible":e.unref(f),"onUpdate:popupVisible":l[0]||(l[0]=o=>e.isRef(f)?f.value=o:null),"popup-container":o.popupContainer,position:o.position,"arrow-class":["yc-tooltip-popup-arrow",o.arrowClass],"arrow-style":m.value,"content-class":["yc-tooltip-popup-content",o.contentClass,{"yc-tooltip-mini":o.mini}],"content-style":y.value,"popup-offset":10,class:["yc-tooltip",o.$attrs.class],style:o.$attrs.style,"animation-name":"zoom-in-fade-out","need-transform-origin":"","show-arrow":""},o.triggerProps),{content:e.withCtx(()=>[e.renderSlot(o.$slots,"content",{},()=>[e.createTextVNode(e.toDisplayString(o.content),1)])]),default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},16,["popup-visible","popup-container","position","arrow-class","arrow-style","content-class","content-style","class","style"]))}});module.exports=l;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                               */const o=require("../_shared/utils/control.js"),t=require("../Trigger/index.js"),l=e.defineComponent({name:"Tooltip",__name:"index",props:{popupVisible:{type:Boolean,default:void 0},defaultPopupVisible:{type:Boolean,default:!1},content:{default:""},position:{default:"top"},mini:{type:Boolean,default:!1},backgroundColor:{default:"rgb(29,33,41)"},contentClass:{default:""},contentStyle:{default:()=>({})},arrowClass:{default:""},arrowStyle:{default:()=>({})},popupContainer:{default:void 0},triggerProps:{default:()=>({})}},emits:["update:popupVisible","popup-visible-change"],setup(l,{expose:s,emit:r}){const n=l,p=r,{arrowStyle:i,contentStyle:a,backgroundColor:u}=e.toRefs(n),{popupVisible:c,defaultPopupVisible:d}=e.toRefs(n),f=o(c,d.value,e=>{p("update:popupVisible",e),p("popup-visible-change",e)}),m=e.computed(()=>({backgroundColor:u.value,...a.value})),y=e.computed(()=>({backgroundColor:u.value,...i.value}));return s({show(){f.value=!0},hide(){f.value=!1}}),(o,l)=>(e.openBlock(),e.createBlock(e.unref(t),e.mergeProps({"popup-visible":e.unref(f),"onUpdate:popupVisible":l[0]||(l[0]=o=>e.isRef(f)?f.value=o:null),"popup-container":o.popupContainer,position:o.position,"arrow-class":["yc-tooltip-popup-arrow",o.arrowClass],"arrow-style":y.value,"content-class":["yc-tooltip-popup-content",o.contentClass,{"yc-tooltip-mini":o.mini}],"content-style":m.value,"popup-offset":10,class:["yc-tooltip",o.$attrs.class],style:o.$attrs.style,"animation-name":"zoom-in-fade-out","need-transform-origin":"","show-arrow":""},o.triggerProps),{content:e.withCtx(()=>[e.renderSlot(o.$slots,"content",{},()=>[e.createTextVNode(e.toDisplayString(o.content),1)])]),default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},16,["popup-visible","popup-container","position","arrow-class","arrow-style","content-class","content-style","class","style"]))}});module.exports=l;

package/lib/Tooltip/type.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties, VNode } from 'vue';
 import { ClassName, PopupContainer } from '../_shared/type';
-import { TriggerPostion, TriggerProps } from '../Transfer/Trigger/type';
+import { TriggerPostion, TriggerProps } from '../Trigger/type';
 export interface TooltipProps {
     popupVisible?: boolean;
     defaultPopupVisible?: boolean;

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

package/lib/Trigger/index.css

@@ -1 +1 @@
-.yc-trigger{position:fixed}.yc-trigger .yc-trigger-content{background-color:var(--color-bg-5)}.yc-trigger .yc-trigger-arrow{position:absolute;width:8px;height:8px;background-color:var(--color-bg-5)}.yc-trigger-absolute{position:absolute}.yc-trigger.yc-trigger-position-top .yc-trigger-arrow,.yc-trigger.yc-trigger-position-tl .yc-trigger-arrow,.yc-trigger.yc-trigger-position-tr .yc-trigger-arrow{transform:translate(-50%, 50%) rotate(45deg);border-bottom-right-radius:2px;border-top:none;border-left:none}.yc-trigger.yc-trigger-position-bottom .yc-trigger-arrow,.yc-trigger.yc-trigger-position-bl .yc-trigger-arrow,.yc-trigger.yc-trigger-position-br .yc-trigger-arrow{transform:translate(-50%, -50%) rotate(45deg);border-top-left-radius:2px;border-bottom:none;border-right:none}.yc-trigger.yc-trigger-position-left .yc-trigger-arrow,.yc-trigger.yc-trigger-position-lt .yc-trigger-arrow,.yc-trigger.yc-trigger-position-lb .yc-trigger-arrow{transform:translate(50%, -50%) rotate(45deg);border-top-right-radius:2px;border-bottom:none;border-left:none}.yc-trigger.yc-trigger-position-right .yc-trigger-arrow,.yc-trigger.yc-trigger-position-rt .yc-trigger-arrow,.yc-trigger.yc-trigger-position-rb .yc-trigger-arrow{transform:translate(-50%, -50%) rotate(45deg);border-bottom-left-radius:2px;border-top:none;border-right:none}.yc-trigger-transform-origin.yc-trigger-position-top .yc-trigger-content{transform-origin:50% 100%}.yc-trigger-transform-origin.yc-trigger-position-tl .yc-trigger-content{transform-origin:0 100%}.yc-trigger-transform-origin.yc-trigger-position-tr .yc-trigger-content{transform-origin:100% 100%}.yc-trigger-transform-origin.yc-trigger-position-bottom .yc-trigger-content{transform-origin:50% 0}.yc-trigger-transform-origin.yc-trigger-position-bl .yc-trigger-content{transform-origin:0 0}.yc-trigger-transform-origin.yc-trigger-position-br .yc-trigger-content{transform-origin:100% 0}.yc-trigger-transform-origin.yc-trigger-position-right .yc-trigger-content{transform-origin:0 50%}.yc-trigger-transform-origin.yc-trigger-position-rt .yc-trigger-content{transform-origin:0 50%}.yc-trigger-transform-origin.yc-trigger-position-rb .yc-trigger-content{transform-origin:0 100%}.yc-trigger-transform-origin.yc-trigger-position-left .yc-trigger-content{transform-origin:100% 50%}.yc-trigger-transform-origin.yc-trigger-position-lt .yc-trigger-content{transform-origin:100% 0}.yc-trigger-transform-origin.yc-trigger-position-lb .yc-trigger-content{transform-origin:100% 100%}
+.yc-trigger{position:fixed}.yc-trigger .yc-trigger-content{background-color:var(--color-bg-5)}.yc-trigger .yc-trigger-arrow{position:absolute;transform:rotate(45deg);width:8px;height:8px;background-color:var(--color-bg-5)}.yc-trigger-absolute{position:absolute}.yc-trigger.yc-trigger-position-top .yc-trigger-arrow,.yc-trigger.yc-trigger-position-tl .yc-trigger-arrow,.yc-trigger.yc-trigger-position-tr .yc-trigger-arrow{border-bottom-right-radius:2px;border-top:none;border-left:none}.yc-trigger.yc-trigger-position-bottom .yc-trigger-arrow,.yc-trigger.yc-trigger-position-bl .yc-trigger-arrow,.yc-trigger.yc-trigger-position-br .yc-trigger-arrow{border-top-left-radius:2px;border-bottom:none;border-right:none}.yc-trigger.yc-trigger-position-left .yc-trigger-arrow,.yc-trigger.yc-trigger-position-lt .yc-trigger-arrow,.yc-trigger.yc-trigger-position-lb .yc-trigger-arrow{border-top-right-radius:2px;border-bottom:none;border-left:none}.yc-trigger.yc-trigger-position-right .yc-trigger-arrow,.yc-trigger.yc-trigger-position-rt .yc-trigger-arrow,.yc-trigger.yc-trigger-position-rb .yc-trigger-arrow{border-bottom-left-radius:2px;border-top:none;border-right:none}.yc-trigger-transform-origin.yc-trigger-position-top .yc-trigger-content{transform-origin:50% 100%}.yc-trigger-transform-origin.yc-trigger-position-tl .yc-trigger-content{transform-origin:0 100%}.yc-trigger-transform-origin.yc-trigger-position-tr .yc-trigger-content{transform-origin:100% 100%}.yc-trigger-transform-origin.yc-trigger-position-bottom .yc-trigger-content{transform-origin:50% 0}.yc-trigger-transform-origin.yc-trigger-position-bl .yc-trigger-content{transform-origin:0 0}.yc-trigger-transform-origin.yc-trigger-position-br .yc-trigger-content{transform-origin:100% 0}.yc-trigger-transform-origin.yc-trigger-position-right .yc-trigger-content{transform-origin:0 50%}.yc-trigger-transform-origin.yc-trigger-position-rt .yc-trigger-content{transform-origin:0 50%}.yc-trigger-transform-origin.yc-trigger-position-rb .yc-trigger-content{transform-origin:0 100%}.yc-trigger-transform-origin.yc-trigger-position-left .yc-trigger-content{transform-origin:100% 50%}.yc-trigger-transform-origin.yc-trigger-position-lt .yc-trigger-content{transform-origin:100% 0}.yc-trigger-transform-origin.yc-trigger-position-lb .yc-trigger-content{transform-origin:100% 100%}