yc-design-vue 1.6.9 → 1.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/Tooltip/index.d.ts +6 -6
- package/es/Tooltip/index.vue.d.ts +2 -2
- package/es/Tooltip/index.vue.js +2 -2
- package/es/Tooltip/type.d.ts +1 -1
- package/es/Transfer/TransferPanel.vue2.js +2 -2
- package/es/Trigger/hooks/useTriggerPosition.js +4 -4
- package/es/Trigger/index.css +1 -1
- package/es/Typography/TypographyBase.vue2.js +2 -2
- package/es/_shared/icons/IconCopy.vue.js +16 -1
- package/es/_shared/icons/IconCopy.vue2.js +1 -16
- package/es/_shared/icons/IconDelete.vue.js +1 -16
- package/es/_shared/icons/IconDelete.vue2.js +16 -1
- package/es/_shared/icons/IconEdit.vue.js +16 -1
- package/es/_shared/icons/IconEdit.vue2.js +1 -16
- package/es/_shared/icons/IconSearch.vue.js +1 -16
- package/es/_shared/icons/IconSearch.vue2.js +16 -1
- package/es/style.css +1 -1
- package/lib/Tooltip/index.d.ts +6 -6
- package/lib/Tooltip/index.vue.d.ts +2 -2
- package/lib/Tooltip/index.vue.js +1 -1
- package/lib/Tooltip/type.d.ts +1 -1
- package/lib/Transfer/TransferPanel.vue2.js +1 -1
- package/lib/Trigger/hooks/useTriggerPosition.js +1 -1
- package/lib/Trigger/index.css +1 -1
- package/lib/Typography/TypographyBase.vue2.js +1 -1
- package/lib/_shared/icons/IconCopy.vue.js +1 -1
- package/lib/_shared/icons/IconCopy.vue2.js +1 -1
- package/lib/_shared/icons/IconDelete.vue.js +1 -1
- package/lib/_shared/icons/IconDelete.vue2.js +1 -1
- package/lib/_shared/icons/IconEdit.vue.js +1 -1
- package/lib/_shared/icons/IconEdit.vue2.js +1 -1
- package/lib/_shared/icons/IconSearch.vue.js +1 -1
- package/lib/_shared/icons/IconSearch.vue2.js +1 -1
- package/lib/style.css +1 -1
- package/package.json +1 -1
package/lib/Tooltip/index.d.ts
CHANGED
@@ -16,14 +16,14 @@ declare const Tooltip: {
|
|
16
16
|
mini: boolean;
|
17
17
|
popupVisible: boolean;
|
18
18
|
defaultPopupVisible: boolean;
|
19
|
-
position: TriggerPostion;
|
19
|
+
position: import('..').TriggerPostion;
|
20
20
|
contentClass: import('../_shared/type').ClassName;
|
21
21
|
contentStyle: import('vue').CSSProperties;
|
22
22
|
arrowClass: import('../_shared/type').ClassName;
|
23
23
|
arrowStyle: import('vue').CSSProperties;
|
24
24
|
popupContainer: import('..').PopupContainer;
|
25
25
|
content: string;
|
26
|
-
triggerProps: TriggerProps;
|
26
|
+
triggerProps: import('..').TriggerProps;
|
27
27
|
backgroundColor: string;
|
28
28
|
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
29
29
|
P: {};
|
@@ -42,14 +42,14 @@ declare const Tooltip: {
|
|
42
42
|
mini: boolean;
|
43
43
|
popupVisible: boolean;
|
44
44
|
defaultPopupVisible: boolean;
|
45
|
-
position: TriggerPostion;
|
45
|
+
position: import('..').TriggerPostion;
|
46
46
|
contentClass: import('../_shared/type').ClassName;
|
47
47
|
contentStyle: import('vue').CSSProperties;
|
48
48
|
arrowClass: import('../_shared/type').ClassName;
|
49
49
|
arrowStyle: import('vue').CSSProperties;
|
50
50
|
popupContainer: import('..').PopupContainer;
|
51
51
|
content: string;
|
52
|
-
triggerProps: TriggerProps;
|
52
|
+
triggerProps: import('..').TriggerProps;
|
53
53
|
backgroundColor: string;
|
54
54
|
}>;
|
55
55
|
__isFragment?: never;
|
@@ -68,14 +68,14 @@ declare const Tooltip: {
|
|
68
68
|
mini: boolean;
|
69
69
|
popupVisible: boolean;
|
70
70
|
defaultPopupVisible: boolean;
|
71
|
-
position: TriggerPostion;
|
71
|
+
position: import('..').TriggerPostion;
|
72
72
|
contentClass: import('../_shared/type').ClassName;
|
73
73
|
contentStyle: import('vue').CSSProperties;
|
74
74
|
arrowClass: import('../_shared/type').ClassName;
|
75
75
|
arrowStyle: import('vue').CSSProperties;
|
76
76
|
popupContainer: import('..').PopupContainer;
|
77
77
|
content: string;
|
78
|
-
triggerProps: TriggerProps;
|
78
|
+
triggerProps: import('..').TriggerProps;
|
79
79
|
backgroundColor: string;
|
80
80
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
81
81
|
$slots: Readonly<import('./type').TooltipSlots> & import('./type').TooltipSlots;
|
@@ -20,14 +20,14 @@ declare const __VLS_component: import('vue').DefineComponent<TooltipProps, {
|
|
20
20
|
mini: boolean;
|
21
21
|
popupVisible: boolean;
|
22
22
|
defaultPopupVisible: boolean;
|
23
|
-
position: TriggerPostion;
|
23
|
+
position: import('../Trigger').TriggerPostion;
|
24
24
|
contentClass: import('../_shared/type').ClassName;
|
25
25
|
contentStyle: CSSProperties;
|
26
26
|
arrowClass: import('../_shared/type').ClassName;
|
27
27
|
arrowStyle: CSSProperties;
|
28
28
|
popupContainer: import('..').PopupContainer;
|
29
29
|
content: string;
|
30
|
-
triggerProps: TriggerProps;
|
30
|
+
triggerProps: import('../Trigger').TriggerProps;
|
31
31
|
backgroundColor: string;
|
32
32
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
33
33
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
package/lib/Tooltip/index.vue.js
CHANGED
@@ -1 +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":
|
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":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
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
import { CSSProperties, VNode } from 'vue';
|
2
2
|
import { ClassName, PopupContainer } from '../_shared/type';
|
3
|
-
import { TriggerPostion, TriggerProps } from '../
|
3
|
+
import { TriggerPostion, TriggerProps } from '../Trigger/type';
|
4
4
|
export interface TooltipProps {
|
5
5
|
popupVisible?: boolean;
|
6
6
|
defaultPopupVisible?: boolean;
|
@@ -1 +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 l=require("../_shared/utils/global-config.js");;/* empty css */const t=require("../_shared/icons/IconClose.vue.js"),a=require("../_shared/icons/IconDelete.
|
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 l=require("../_shared/utils/global-config.js");;/* empty css */const t=require("../_shared/icons/IconClose.vue.js"),a=require("../_shared/icons/IconDelete.vue2.js"),r=require("../_shared/icons/IconSearch.vue2.js"),n=require("./hooks/useContext.js"),o=require("../Checkbox/index.js"),u=require("../Scrollbar/index.js"),c=require("../Input/index.js"),s=require("../_shared/components/IconButton.vue.js");;/* empty css */const i={class:"yc-transfer-view"},v={class:"yc-transfer-view-header"},d={class:"yc-transfer-view-header-title"},m={class:"yc-transfer-view-header-count"},f={key:0,class:"yc-transfer-view-search"},p={class:"yc-transfer-view-body"},k={key:1,role:"list",class:"yc-transfer-list"},h=["onClick"],y={class:"yc-transfer-list-item-content text-ellipsis"},g=e.defineComponent({__name:"TransferPanel",props:{type:{}},setup(g){const B=g,{type:C}=e.toRefs(B),{renderEmpty:V}=l.getGlobalConfig(),{computedValue:x,computedSelected:N,targetChecked:b,sourceChecked:_,sourceOptions:w,targetOptions:E,disabled:S,oneWay:j,showSearch:q,showSelectAll:D,simple:I,sourceInputSearchProps:T,targetInputSearchProps:F,slots:P,title:z,emits:L}=n().inject(),O=e.ref(""),A=e.computed(()=>("source"==C.value?w.value:E.value).filter(e=>{var l;return null==(l=e.label)?void 0:l.toLowerCase().includes(O.value.toLowerCase())})),U=e.computed(()=>"source"==C.value?_.value:b.value),G=e.computed(()=>"source"==C.value?T.value:F.value),K=e.computed(()=>"source"==C.value?z.value[0]:z.value[1]),R=e.computed({get:()=>!!U.value.length&&U.value.length==A.value.length,set(e){if(e)N.value=[...new Set([...N.value,...A.value.map(e=>e.value)])];else{const e=Object.fromEntries(A.value.map(e=>[e.value,e]));N.value=N.value.filter(l=>!e[l])}}}),W=e.computed(()=>!!U.value.length&&U.value.length<=A.value.length),$=()=>{!S.value&&x.value.length&&(x.value=[])},H=()=>{var e;return null==(e=P["source"==C.value?"source-title":"target-title"])?void 0:e.call(P,{countTotal:"source"==C.value?w.value.length:E.value.length,countSelected:"source"==C.value?_.value.length:b.value.length,searchValue:O.value,checked:R.value,indeterminate:W.value,onSelectAllChange:e=>{R.value=e},onClear:$})},J=()=>{var e;return null==(e=P[C.value])?void 0:e.call(P,{selectedKeys:U.value,data:A.value,onSelect:e=>{N.value=e}})},M=e=>()=>{var l;return null==(l=P.item)?void 0:l.call(P,e)};return(l,n)=>(e.openBlock(),e.createElementBlock("div",i,[e.createElementVNode("div",v,[e.unref(P)[`${e.unref(C)}-title`]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(H),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("span",d,[!e.unref(D)||e.unref(I)||e.unref(j)&&"target"==e.unref(C)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(K.value),1)],64)):(e.openBlock(),e.createBlock(e.unref(o.default),{key:0,modelValue:R.value,"onUpdate:modelValue":n[0]||(n[0]=e=>R.value=e),indeterminate:W.value,disabled:!A.value.length||e.unref(S)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(K.value),1)]),_:1},8,["modelValue","indeterminate","disabled"]))]),e.createElementVNode("span",m,[e.unref(I)||e.unref(j)&&"target"==e.unref(C)?"target"!=e.unref(C)||e.unref(I)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(s),{key:1,size:14,onClick:$},{default:e.withCtx(()=>[e.createVNode(e.unref(a))]),_:1})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(U.value.length)+" / "+e.toDisplayString(A.value.length),1)],64))])],64))]),e.unref(q)?(e.openBlock(),e.createElementBlock("div",f,[e.createVNode(e.unref(c),e.mergeProps({modelValue:O.value,"onUpdate:modelValue":n[1]||(n[1]=e=>O.value=e)},G.value,{onInput:n[2]||(n[2]=l=>e.unref(L)("search",l,e.unref(C)))}),{suffix:e.withCtx(()=>[e.createVNode(e.unref(r))]),_:1},16,["modelValue"])])):e.createCommentVNode("",!0),e.createElementVNode("div",p,[A.value.length?(e.openBlock(),e.createBlock(e.unref(u),{key:0},{default:e.withCtx(()=>[e.unref(P)[e.unref(C)]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(J),{key:0})):(e.openBlock(),e.createElementBlock("div",k,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(A.value,l=>(e.openBlock(),e.createElementBlock("div",{key:l.value,role:"listitem",class:e.normalizeClass(["yc-transfer-list-item",{"yc-transfer-list-item-disabled":l.disabled||e.unref(S)}]),onClick:e=>(e=>{const{value:l}=e;S.value||e.disabled||(j.value&&"source"!=C.value||I.value)&&(x.value="source"==C.value?[...x.value,l]:x.value.filter(e=>e!=l))})(l)},[e.unref(j)&&(!e.unref(j)||"source"!=e.unref(C))||e.unref(I)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("span",y,[e.unref(P).item?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(M(l)),{key:0})):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(e.unref(P).item?"":l.label),1)]),"target"!=e.unref(C)||e.unref(I)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(s),{key:0,"hover-size":20},{default:e.withCtx(()=>[e.createVNode(e.unref(t))]),_:1}))],64)):(e.openBlock(),e.createBlock(e.unref(o.default),{key:0,"model-value":U.value.includes(l.value),disabled:l.disabled||e.unref(S),onChange:e=>((e,l)=>{N.value=e?[...N.value,l]:N.value.filter(e=>e!=l),L("select",N.value)})(e,l.value)},{default:e.withCtx(()=>[e.unref(P).item?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(M(l)),{key:0})):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(e.unref(P).item?"":l.label),1)]),_:2},1032,["model-value","disabled","onChange"]))],10,h))),128))]))]),_:1})):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(V)("Transfer"))))])]))}});module.exports=g;
|
@@ -1 +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
|
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 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
CHANGED
@@ -1 +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{
|
1
|
+
.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%}
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";const e=require("vue"),t=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"),require("../Empty/index.js");/* empty css */const l=require("../_shared/icons/IconCopy.
|
1
|
+
"use strict";const e=require("vue"),t=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"),require("../Empty/index.js");/* empty css */const l=require("../_shared/icons/IconCopy.vue.js"),a=require("../_shared/icons/IconEdit.vue.js"),n=require("../_shared/icons/IconInfo.vue.js"),r=require("../_shared/utils/control.js"),u=require("../Input/index.js"),d=require("../Tooltip/index.js"),p=e.defineComponent({name:"TypographyBase",__name:"TypographyBase",props:{tag:{default:"span"},type:{default:void 0},bold:{type:Boolean,default:!1},disabled:{type:Boolean},mark:{type:Boolean,default:!1},underline:{type:Boolean,default:!1},delete:{type:Boolean,default:!1},code:{type:Boolean,default:!1},editable:{type:Boolean,default:!1},editing:{type:Boolean,default:void 0},defaultEditing:{type:Boolean,default:!1},editText:{default:""},copyable:{type:Boolean,default:!1},copyText:{default:""},copyDelay:{default:3e3},ellipsis:{type:[Boolean,Object],default:!0},editTooltiProps:{default:()=>({})},copyTooltiProps:{default:()=>({})}},emits:["update:editing","update:editText","edit-start","change","copy","edit-end","ellipsis","expand"],setup(p,{emit:i}){const s=p,c=i,{editing:y,defaultEditing:f,editText:v,copyText:m,copyable:g,copyDelay:B,code:k,mark:h,delete:x,underline:_,bold:T}=e.toRefs(s),{isSupported:C,copy:b}=t.useClipboard(),j=e.ref(!1),q=e.ref(),V=e.ref(),E=r(y,f.value,e=>{c("update:editing",e)}),N=r(v,"",e=>{c("update:editText",e),c("change",e)});e.ref({});const w=e.computed(()=>{const e=[h.value,k.value,x.value,_.value,T.value];return["mark","code","del","u","b"].filter((t,o)=>e[o])}),D=e.defineComponent({props:{tags:{type:Array,default:()=>[]}},setup:(t,{slots:o})=>()=>{var l;const{tags:a}=e.toRefs(t),n=(t,o)=>o>=a.value.length?t:e.h(a.value[o],null,n(t,o+1));return n(null==(l=o.default)?void 0:l.call(o),0)}}),I=async()=>{var e;E.value=!0,N.value=N.value?N.value:o.getDomText(q),c("edit-start"),await o.sleep(0),null==(e=V.value)||e.focus()},P=()=>{E.value=!1,c("edit-end")},R=async()=>{if(!g.value||!C.value||j.value)return;const e=m.value||o.getDomText(q);b(e),c("copy",e),j.value=!0,await o.sleep(B.value),j.value=!1};return(t,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tag),{class:e.normalizeClass(["yc-typography",{[`yc-typography-${t.type}`]:t.type,"yc-typography-bold":e.unref(T),"yc-typography-disabled":t.disabled,"yc-typography-underline":e.unref(_),"yc-typography-delete":e.unref(x)}]),ref_key:"contentRef",ref:q},{default:e.withCtx(()=>[e.unref(E)?(e.openBlock(),e.createBlock(e.unref(u),{key:0,modelValue:e.unref(N),"onUpdate:modelValue":o[0]||(o[0]=t=>e.isRef(N)?N.value=t:null),ref_key:"inputRef",ref:V,onBlur:P},null,8,["modelValue"])):(e.openBlock(),e.createBlock(e.unref(D),{key:1,tags:w.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},void 0,!0)]),_:3},8,["tags"])),t.editable&&!e.unref(E)?(e.openBlock(),e.createElementBlock("span",{key:2,class:"yc-typography-operation-edit",onClick:I},[e.createVNode(e.unref(d),e.mergeProps({content:"编辑",position:"top"},t.editTooltiProps),{default:e.withCtx(()=>[e.createElementVNode("span",null,[e.createVNode(e.unref(a))])]),_:1},16)])):e.createCommentVNode("",!0),e.unref(g)?(e.openBlock(),e.createElementBlock("span",{key:3,class:"yc-typography-operation-copy",onClick:R},[e.createVNode(e.unref(d),e.mergeProps({position:"top"},t.copyTooltiProps),{content:e.withCtx(()=>[e.renderSlot(t.$slots,"copy-tooltip",{copied:j.value},()=>[e.createTextVNode(e.toDisplayString(""+(j.value?"已复制":"复制")),1)],!0)]),default:e.withCtx(()=>[e.createElementVNode("span",null,[e.renderSlot(t.$slots,"copy-icon",{copied:j.value},()=>[j.value?(e.openBlock(),e.createBlock(e.unref(n),{key:0,color:"rgb(0, 180, 42)"})):(e.openBlock(),e.createBlock(e.unref(l),{key:1}))],!0)])]),_:3},16)])):e.createCommentVNode("",!0)]),_:3},8,["class"]))}});module.exports=p;
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";const e=require("
|
1
|
+
"use strict";const e=require("vue"),o=require("../components/Icon.vue2.js"),t=e.defineComponent({__name:"IconCopy",setup:t=>(t,n)=>(e.openBlock(),e.createBlock(o,e.normalizeProps(e.guardReactiveProps(t.$attrs)),{default:e.withCtx(()=>n[0]||(n[0]=[e.createElementVNode("path",{d:"M20 6h18a2 2 0 0 1 2 2v22M8 16v24c0 1.105.891 2 1.996 2h20.007A1.99 1.99 0 0 0 32 40.008V15.997A1.997 1.997 0 0 0 30 14H10a2 2 0 0 0-2 2Z"},null,-1)])),_:1,__:[0]},16))});module.exports=t;
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";const e=require("vue
|
1
|
+
"use strict";const e=require("./IconCopy.vue.js");module.exports=e;
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";const e=require("
|
1
|
+
"use strict";const e=require("./IconDelete.vue2.js");module.exports=e;
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";const e=require("
|
1
|
+
"use strict";const e=require("vue"),t=require("../components/Icon.vue2.js"),o=e.defineComponent({__name:"IconDelete",setup:o=>(o,m)=>(e.openBlock(),e.createBlock(t,e.normalizeProps(e.guardReactiveProps(o.$attrs)),{default:e.withCtx(()=>m[0]||(m[0]=[e.createElementVNode("path",{d:"M5 11h5.5m0 0v29a1 1 0 0 0 1 1h25a1 1 0 0 0 1-1V11m-27 0H16m21.5 0H43m-5.5 0H32m-16 0V7h16v4m-16 0h16M20 18v15m8-15v15"},null,-1)])),_:1,__:[0]},16))});module.exports=o;
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";const e=require("
|
1
|
+
"use strict";const e=require("vue"),t=require("../components/Icon.vue2.js"),o=e.defineComponent({__name:"IconEdit",setup:o=>(o,a)=>(e.openBlock(),e.createBlock(t,e.normalizeProps(e.guardReactiveProps(o.$attrs)),{default:e.withCtx(()=>a[0]||(a[0]=[e.createElementVNode("path",{d:"m30.48 19.038 5.733-5.734a1 1 0 0 0 0-1.414l-5.586-5.586a1 1 0 0 0-1.414 0l-5.734 5.734m7 7L15.763 33.754a1 1 0 0 1-.59.286l-6.048.708a1 1 0 0 1-1.113-1.069l.477-6.31a1 1 0 0 1 .29-.631l14.7-14.7m7 7-7-7M6 42h36"},null,-1)])),_:1,__:[0]},16))});module.exports=o;
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";const e=require("vue
|
1
|
+
"use strict";const e=require("./IconEdit.vue.js");module.exports=e;
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";const e=require("
|
1
|
+
"use strict";const e=require("./IconSearch.vue2.js");module.exports=e;
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";const e=require("
|
1
|
+
"use strict";const e=require("vue"),t=require("../components/Icon.vue2.js"),o=e.defineComponent({__name:"IconSearch",setup:o=>(o,r)=>(e.openBlock(),e.createBlock(t,e.normalizeProps(e.guardReactiveProps(o.$attrs)),{default:e.withCtx(()=>r[0]||(r[0]=[e.createElementVNode("path",{d:"M33.072 33.071c6.248-6.248 6.248-16.379 0-22.627-6.249-6.249-16.38-6.249-22.628 0-6.248 6.248-6.248 16.379 0 22.627 6.248 6.248 16.38 6.248 22.628 0Zm0 0 8.485 8.485"},null,-1)])),_:1,__:[0]},16))});module.exports=o;
|