yc-design-vue 1.8.7 → 1.8.9

package/lib/Transfer/Transfer.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("./hooks/useContext.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                               */const r=require("../_shared/icons/IconArrowRight.vue.js"),a=require("./TransferPanel.vue.js");;/* empty css                    */const l=require("../Button/index.js"),o={key:0,class:"yc-transfer-operations"},s=e.defineComponent({name:"Transfer",__name:"Transfer",props:{data:{default:()=>[]},modelValue:{default:void 0},defaultValue:{default:()=>[]},selected:{default:void 0},defaultSelected:{default:()=>[]},disabled:{type:Boolean,default:!1},simple:{type:Boolean,default:!1},oneWay:{type:Boolean,default:!1},showSearch:{type:Boolean,default:!1},showSelectAll:{type:Boolean,default:!0},title:{default:()=>["Source","Target"]},sourceInputSearchProps:{default:()=>({})},targetInputSearchProps:{default:()=>({})}},emits:["update:selected","update:modelValue","change","select","search"],setup(s,{emit:u}){const d=s,n=u,{computedValue:c,targetChecked:i,computedSelected:f,sourceChecked:p}=t().provide(d,n),m=()=>{const e=[...p.value];c.value=[...c.value,...p.value],f.value=f.value.filter(t=>!e.includes(t))},h=()=>{const e=[...i.value];c.value=c.value.filter(t=>!e.includes(t)),f.value=f.value.filter(t=>!e.includes(t))};return(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-transfer",{"yc-transfer-simple":t.simple,"yc-transfer-has-search":t.showSearch}])},[e.createVNode(a,{type:"source"}),t.simple?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",o,[e.createVNode(e.unref(l.default),{disabled:!e.unref(p).length||t.disabled,shape:"circle",onClick:m},{icon:e.withCtx(()=>[e.renderSlot(t.$slots,"to-target-icon",{},()=>[e.createVNode(e.unref(r))])]),_:3},8,["disabled"]),t.oneWay?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(l.default),{key:0,disabled:!e.unref(i).length||t.disabled,shape:"circle",onClick:h},{icon:e.withCtx(()=>[e.renderSlot(t.$slots,"to-source-icon",{},()=>[e.createVNode(e.unref(r),{rotate:180})])]),_:3},8,["disabled"]))])),e.createVNode(a,{type:"target"})],2))}});module.exports=s;
+"use strict";const e=require("vue"),t=require("./hooks/useContext.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../Empty/index.js"),require("../_shared/utils/locale.js");/* empty css                               */const r=require("../_shared/icons/IconArrowRight.vue.js"),a=require("./TransferPanel.vue.js");;/* empty css                    */const l=require("../Button/index.js"),o={key:0,class:"yc-transfer-operations"},s=e.defineComponent({name:"Transfer",__name:"Transfer",props:{data:{default:()=>[]},modelValue:{default:void 0},defaultValue:{default:()=>[]},selected:{default:void 0},defaultSelected:{default:()=>[]},disabled:{type:Boolean,default:!1},simple:{type:Boolean,default:!1},oneWay:{type:Boolean,default:!1},showSearch:{type:Boolean,default:!1},showSelectAll:{type:Boolean,default:!0},title:{default:()=>["Source","Target"]},sourceInputSearchProps:{default:()=>({})},targetInputSearchProps:{default:()=>({})}},emits:["update:selected","update:modelValue","change","select","search"],setup(s,{emit:u}){const d=s,n=u,{computedValue:c,targetChecked:i,computedSelected:f,sourceChecked:p}=t().provide(d,n),m=()=>{const e=[...p.value];c.value=[...c.value,...p.value],f.value=f.value.filter(t=>!e.includes(t))},h=()=>{const e=[...i.value];c.value=c.value.filter(t=>!e.includes(t)),f.value=f.value.filter(t=>!e.includes(t))};return(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-transfer",{"yc-transfer-simple":t.simple,"yc-transfer-has-search":t.showSearch}])},[e.createVNode(a,{type:"source"}),t.simple?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",o,[e.createVNode(e.unref(l.default),{disabled:!e.unref(p).length||t.disabled,shape:"circle",onClick:m},{icon:e.withCtx(()=>[e.renderSlot(t.$slots,"to-target-icon",{},()=>[e.createVNode(e.unref(r))])]),_:3},8,["disabled"]),t.oneWay?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(l.default),{key:0,disabled:!e.unref(i).length||t.disabled,shape:"circle",onClick:h},{icon:e.withCtx(()=>[e.renderSlot(t.$slots,"to-source-icon",{},()=>[e.createVNode(e.unref(r),{rotate:180})])]),_:3},8,["disabled"]))])),e.createVNode(a,{type:"target"})],2))}});module.exports=s;

package/lib/Transfer/TransferPanel.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");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                                     */;/* 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:_,sourceChecked:b,sourceOptions:j,targetOptions:w,disabled:E,oneWay:S,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?j.value:w.value).filter(e=>{var l;return null==(l=e.label)?void 0:l.toLowerCase().includes(O.value.toLowerCase())})),U=e.computed(()=>"source"==C.value?b.value:_.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),$=()=>{!E.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?j.value.length:w.value.length,countSelected:"source"==C.value?b.value.length:_.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(S)&&"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(E)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(K.value),1)]),_:1},8,["modelValue","indeterminate","disabled"]))]),e.createElementVNode("span",m,[e.unref(I)||e.unref(S)&&"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(E)}]),onClick:e=>(e=>{const{value:l}=e;E.value||e.disabled||(S.value&&"source"!=C.value||I.value)&&(x.value="source"==C.value?[...x.value,l]:x.value.filter(e=>e!=l))})(l)},[e.unref(S)&&(!e.unref(S)||"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(E),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;
+"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");require("../_shared/utils/locale.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                                     */;/* empty css                                          */const i={class:"yc-transfer-view"},d={class:"yc-transfer-view-header"},v={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:_,sourceChecked:b,sourceOptions:j,targetOptions:q,disabled:w,oneWay:E,showSearch:S,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?j.value:q.value).filter(e=>{var l;return null==(l=e.label)?void 0:l.toLowerCase().includes(O.value.toLowerCase())})),U=e.computed(()=>"source"==C.value?b.value:_.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),$=()=>{!w.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?j.value.length:q.value.length,countSelected:"source"==C.value?b.value.length:_.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",d,[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",v,[!e.unref(D)||e.unref(I)||e.unref(E)&&"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(w)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(K.value),1)]),_:1},8,["modelValue","indeterminate","disabled"]))]),e.createElementVNode("span",m,[e.unref(I)||e.unref(E)&&"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(S)?(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(w)}]),onClick:e=>(e=>{const{value:l}=e;w.value||e.disabled||(E.value&&"source"!=C.value||I.value)&&(x.value="source"==C.value?[...x.value,l]:x.value.filter(e=>e!=l))})(l)},[e.unref(E)&&(!e.unref(E)||"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(w),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;

package/lib/Transfer/hooks/useContext.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 t=require("../../_shared/utils/control.js"),r="transfer-context";module.exports=()=>({provide:(s,u)=>{const{modelValue:o,defaultValue:a,selected:l,defaultSelected:c,data:d,oneWay:p,simple:i,sourceInputSearchProps:n,targetInputSearchProps:m,showSearch:h,showSelectAll:f,disabled:v,title:S}=e.toRefs(s),g=e.useSlots(),j=e.computed(()=>Object.fromEntries(d.value.map(e=>[e.value,e]))),q=t(o,a.value,e=>{u("update:modelValue",e),u("change",e)}),w=e.computed(()=>new Map(q.value.map(e=>[e,e]))),I=t(l,c.value,e=>{u("update:selected",e)}),k=e.computed(()=>d.value.filter(e=>!w.value.has(e.value))),y=e.computed(()=>q.value.map(e=>j.value[e])),C=e.computed(()=>I.value.filter(e=>!w.value.has(e))),P=e.computed(()=>I.value.filter(e=>w.value.has(e)));return e.provide(r,{computedValue:q,computedSelected:I,targetChecked:P,sourceChecked:C,sourceOptions:k,targetOptions:y,oneWay:p,simple:i,sourceInputSearchProps:n,targetInputSearchProps:m,showSearch:h,showSelectAll:f,disabled:v,title:S,slots:g,emits:u}),{computedValue:q,targetChecked:P,computedSelected:I,sourceChecked:C}},inject:()=>e.inject(r,{computedValue:e.ref([]),computedSelected:e.ref([]),targetChecked:e.ref([]),sourceChecked:e.ref([]),sourceOptions:e.ref([]),targetOptions:e.ref([]),disabled:e.ref(!1),oneWay:e.ref(!1),simple:e.ref(!1),title:e.ref([]),showSearch:e.ref(!1),showSelectAll:e.ref(!1),sourceInputSearchProps:e.ref({}),targetInputSearchProps:e.ref({}),slots:{},emits:()=>{}})});
+"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                                  */require("../../_shared/utils/locale.js");const t=require("../../_shared/utils/control.js"),r="transfer-context";module.exports=()=>({provide:(s,u)=>{const{modelValue:o,defaultValue:l,selected:a,defaultSelected:c,data:d,oneWay:p,simple:i,sourceInputSearchProps:n,targetInputSearchProps:h,showSearch:m,showSelectAll:f,disabled:v,title:S}=e.toRefs(s),j=e.useSlots(),g=e.computed(()=>Object.fromEntries(d.value.map(e=>[e.value,e]))),q=t(o,l.value,e=>{u("update:modelValue",e),u("change",e)}),w=e.computed(()=>new Map(q.value.map(e=>[e,e]))),I=t(a,c.value,e=>{u("update:selected",e)}),k=e.computed(()=>d.value.filter(e=>!w.value.has(e.value))),y=e.computed(()=>q.value.map(e=>g.value[e])),C=e.computed(()=>I.value.filter(e=>!w.value.has(e))),P=e.computed(()=>I.value.filter(e=>w.value.has(e)));return e.provide(r,{computedValue:q,computedSelected:I,targetChecked:P,sourceChecked:C,sourceOptions:k,targetOptions:y,oneWay:p,simple:i,sourceInputSearchProps:n,targetInputSearchProps:h,showSearch:m,showSelectAll:f,disabled:v,title:S,slots:j,emits:u}),{computedValue:q,targetChecked:P,computedSelected:I,sourceChecked:C}},inject:()=>e.inject(r,{computedValue:e.ref([]),computedSelected:e.ref([]),targetChecked:e.ref([]),sourceChecked:e.ref([]),sourceOptions:e.ref([]),targetOptions:e.ref([]),disabled:e.ref(!1),oneWay:e.ref(!1),simple:e.ref(!1),title:e.ref([]),showSearch:e.ref(!1),showSelectAll:e.ref(!1),sourceInputSearchProps:e.ref({}),targetInputSearchProps:e.ref({}),slots:{},emits:()=>{}})});

package/lib/Trigger/hooks/useContext.js

@@ -1 +1 @@
-"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");const u=require("../../_shared/utils/dom.js");require("../../_shared/utils/time.js"),require("../../Empty/index.js");/* empty css                                  */const o="trigger-context";module.exports=i=>{const{trigger:n,popupRef:s,computedVisible:a,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"!=n||(a.value=!1)}),e.watch(()=>a.value,async e=>{if(!e)return;await u.sleep(0);const t=r.unrefElement(s);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 a.value=t?h<=r:a.value,t},mosueLeaveHandler:e=>{if(c.value.length<=1)return!1;const{isGroup:t}=f(e.relatedTarget);return t?a.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");const u=require("../../_shared/utils/dom.js");require("../../_shared/utils/time.js"),require("../../Empty/index.js"),/* empty css                                  */require("../../_shared/utils/locale.js");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 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},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}}};

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 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}};
+"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");require("../../_shared/utils/locale.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: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(),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: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(i+t),zIndex:S.value};const[r,a]=O({offsetLeft:i,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):"",...H.value})),C=t.computed(()=>({...T.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,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();E.value=t,L.value=e,R.value=o,I.value=i,M.value=u,F.value=r}if(i){const{offsetWidth:t,offsetHeight:e}=i;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/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==_||_()))}}};
+"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");require("../../_shared/utils/locale.js");const 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:j}=e.toRefs(t),{scrollToClose:y}=o.getGlobalConfig(t),{onTriggerMouseclick:M,onTriggerMouseenter:_,onTriggerMouseleave:x,onTriggerBlur:E,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(),y.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&&j.value){const{pageX:l,pageY:u}=e;F.value=l,H.value=u}V.value=!m.value||!V.value,null==M||M()}},handleMouseenter:()=>{"hover"!=c.value||k.value||(R(),O.value&&clearTimeout(O.value),V.value||(O.value=setTimeout(()=>{V.value=!0,null==_||_()},f.value)))},handleMouseleave:e=>{"hover"!=c.value||k.value||(O.value&&clearTimeout(O.value),V.value&&(O.value=setTimeout(()=>{null==x||x();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==E||E()))}}};

package/lib/Trigger/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");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}=e.toRefs(d),{popupContainer:c}=t.getGlobalConfig(d),m=e.ref(),y=e.ref(),g=e.ref(),v=e.computed(()=>{var e;return o.findFirstLegitChild((null==(e=i.default)?void 0:e.call(i))||[])}),{computedVisible:B,mouseX:h,mouseY:C,handleClickEvent:k,handleMouseenter:T,handleMouseleave:w,handleFocus:b,handleBlur:M}=n({props:d,emits:p,popupRef:m,triggerRef:y}),{position:_,popupStyle:S,contentStyle:q,arrowStyle:F}=r({props:d,computedVisible:B,popupRef:m,triggerRef:y,arrowRef:g,mouseX:h,mouseY:C});return u({hide(){B.value=!1},show(){B.value=!0},updatePosition(e,o){h.value=e,C.value=o}}),(o,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(v.value),{ref_key:"triggerRef",ref:y,onClick:t[0]||(t[0]=o=>e.unref(k)(o,"click")),onContextmenu:t[1]||(t[1]=e.withModifiers(o=>e.unref(k)(o,"contextMenu"),["prevent"])),onMouseenter:e.unref(T),onMouseleave:e.unref(w),onFocus:e.unref(b),onBlur:e.unref(M)},null,40,["onMouseenter","onMouseleave","onFocus","onBlur"])),(e.openBlock(),e.createBlock(e.Teleport,{to:e.unref(c),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(B)&&!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(_)}`,{"yc-trigger-transform-origin":o.needTransformOrigin,"yc-trigger-absolute":e.unref(f)},o.$attrs.class]),style:e.normalizeStyle({...e.unref(S),...o.$attrs.style||{}}),ref_key:"popupRef",ref:m,onMouseenter:e.unref(T),onMouseleave:e.unref(w)},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["yc-trigger-content",o.contentClass]),style:e.normalizeStyle(e.unref(q))},[e.renderSlot(o.$slots,"content")],6),o.showArrow?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["yc-trigger-arrow",o.arrowClass]),style:e.normalizeStyle(e.unref(F)),ref_key:"arrowRef",ref:g},null,6)):e.createCommentVNode("",!0)]),_:3},8,["prevent-focus","class","style","onMouseenter","onMouseleave"])),[[e.vShow,e.unref(B)&&!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");require("../_shared/utils/locale.js");const r=require("./hooks/useTriggerVisible.js"),n=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}=e.toRefs(d),{popupContainer:c}=t.getGlobalConfig(d),m=e.ref(),y=e.ref(),g=e.ref(),v=e.computed(()=>{var e;return o.findFirstLegitChild((null==(e=i.default)?void 0:e.call(i))||[])}),{computedVisible:h,mouseX:B,mouseY:C,handleClickEvent:k,handleMouseenter:T,handleMouseleave:w,handleFocus:b,handleBlur:_}=r({props:d,emits:p,popupRef:m,triggerRef:y}),{position:M,popupStyle:S,contentStyle:q,arrowStyle:j}=n({props:d,computedVisible:h,popupRef:m,triggerRef:y,arrowRef:g,mouseX:B,mouseY:C});return u({hide(){h.value=!1},show(){h.value=!0},updatePosition(e,o){B.value=e,C.value=o}}),(o,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(v.value),{ref_key:"triggerRef",ref:y,onClick:t[0]||(t[0]=o=>e.unref(k)(o,"click")),onContextmenu:t[1]||(t[1]=e.withModifiers(o=>e.unref(k)(o,"contextMenu"),["prevent"])),onMouseenter:e.unref(T),onMouseleave:e.unref(w),onFocus:e.unref(b),onBlur:e.unref(_)},null,40,["onMouseenter","onMouseleave","onFocus","onBlur"])),(e.openBlock(),e.createBlock(e.Teleport,{to:e.unref(c),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(h)&&!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(M)}`,{"yc-trigger-transform-origin":o.needTransformOrigin,"yc-trigger-absolute":e.unref(f)},o.$attrs.class]),style:e.normalizeStyle({...e.unref(S),...o.$attrs.style||{}}),ref_key:"popupRef",ref:m,onMouseenter:e.unref(T),onMouseleave:e.unref(w)},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["yc-trigger-content",o.contentClass]),style:e.normalizeStyle(e.unref(q))},[e.renderSlot(o.$slots,"content")],6),o.showArrow?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["yc-trigger-arrow",o.arrowClass]),style:e.normalizeStyle(e.unref(j)),ref_key:"arrowRef",ref:g},null,6)):e.createCommentVNode("",!0)]),_:3},8,["prevent-focus","class","style","onMouseenter","onMouseleave"])),[[e.vShow,e.unref(h)&&!o.disabled]]):e.createCommentVNode("",!0)]),_:3},8,["name","duration"])],8,["to","disabled"]))],64))}});module.exports=a;

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

@@ -80,13 +80,13 @@ declare function __VLS_template(): {
                 "visibility-change": (value: boolean) => any;
                 pressEnter: (ev: KeyboardEvent) => any;
             }, string, {
-                error: boolean;
-                placeholder: string;
-                maxLength: import('../Input').MaxLength;
                 size: import('..').Size;
                 disabled: boolean;
+                error: boolean;
+                placeholder: string;
                 modelValue: string;
                 defaultValue: string;
+                maxLength: import('../Input').MaxLength;
                 showWordLimit: boolean;
                 allowClear: boolean;
                 readonly: boolean;
@@ -119,13 +119,13 @@ declare function __VLS_template(): {
             $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<{
-            error: boolean;
-            placeholder: string;
-            maxLength: import('../Input').MaxLength;
             size: import('..').Size;
             disabled: boolean;
+            error: boolean;
+            placeholder: string;
             modelValue: string;
             defaultValue: string;
+            maxLength: import('../Input').MaxLength;
             showWordLimit: boolean;
             allowClear: boolean;
             readonly: boolean;
@@ -148,7 +148,7 @@ declare function __VLS_template(): {
             "onUpdate:visibility"?: ((value: boolean) => any) | undefined;
             "onVisibility-change"?: ((value: boolean) => any) | undefined;
             onPressEnter?: ((ev: KeyboardEvent) => any) | undefined;
-        }>, "focus" | "blur" | "getInputRef" | ("error" | "placeholder" | "maxLength" | "size" | "disabled" | "modelValue" | "defaultValue" | "showWordLimit" | "allowClear" | "readonly" | "wordLength" | "wordSlice" | "inputAttrs" | "isPassword" | "visibility" | "defaultVisibility" | "invisibleButton" | "showInput")> & import('vue').ShallowUnwrapRef<{
+        }>, "focus" | "blur" | "getInputRef" | ("size" | "disabled" | "error" | "placeholder" | "modelValue" | "defaultValue" | "maxLength" | "showWordLimit" | "allowClear" | "readonly" | "wordLength" | "wordSlice" | "inputAttrs" | "isPassword" | "visibility" | "defaultVisibility" | "invisibleButton" | "showInput")> & import('vue').ShallowUnwrapRef<{
             focus(): void;
             blur(): void;
             getInputRef(): HTMLInputElement;
@@ -160,29 +160,29 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<TypographyBaseProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    copy: (value: string) => any;
-    expand: (expanded: boolean) => any;
     change: (value: string) => any;
+    copy: (value: string) => any;
     ellipsis: (isEllipsis: boolean) => any;
+    expand: (expanded: boolean) => any;
     "update:editing": (value: boolean) => any;
     "update:editText": (value: boolean) => any;
     "edit-start": () => any;
     "edit-end": () => any;
 }, string, import('vue').PublicProps, Readonly<TypographyBaseProps> & Readonly<{
-    onCopy?: ((value: string) => any) | undefined;
-    onExpand?: ((expanded: boolean) => any) | undefined;
     onChange?: ((value: string) => any) | undefined;
+    onCopy?: ((value: string) => any) | undefined;
     onEllipsis?: ((isEllipsis: boolean) => any) | undefined;
+    onExpand?: ((expanded: boolean) => any) | undefined;
     "onUpdate:editing"?: ((value: boolean) => any) | undefined;
     "onUpdate:editText"?: ((value: boolean) => any) | undefined;
     "onEdit-start"?: (() => any) | undefined;
     "onEdit-end"?: (() => any) | undefined;
 }>, {
     delete: boolean;
-    type: import('./type').TypographyType;
     ellipsis: boolean | import('./type').EllipsisConfig;
     bold: boolean;
     underline: boolean;
+    type: import('./type').TypographyType;
     code: boolean;
     mark: boolean;
     tag: string;
@@ -273,13 +273,13 @@ declare const __VLS_component: import('vue').DefineComponent<TypographyBaseProps
             "visibility-change": (value: boolean) => any;
             pressEnter: (ev: KeyboardEvent) => any;
         }, string, {
-            error: boolean;
-            placeholder: string;
-            maxLength: import('../Input').MaxLength;
             size: import('..').Size;
             disabled: boolean;
+            error: boolean;
+            placeholder: string;
             modelValue: string;
             defaultValue: string;
+            maxLength: import('../Input').MaxLength;
             showWordLimit: boolean;
             allowClear: boolean;
             readonly: boolean;
@@ -312,13 +312,13 @@ declare const __VLS_component: import('vue').DefineComponent<TypographyBaseProps
         $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<{
-        error: boolean;
-        placeholder: string;
-        maxLength: import('../Input').MaxLength;
         size: import('..').Size;
         disabled: boolean;
+        error: boolean;
+        placeholder: string;
         modelValue: string;
         defaultValue: string;
+        maxLength: import('../Input').MaxLength;
         showWordLimit: boolean;
         allowClear: boolean;
         readonly: boolean;
@@ -341,7 +341,7 @@ declare const __VLS_component: import('vue').DefineComponent<TypographyBaseProps
         "onUpdate:visibility"?: ((value: boolean) => any) | undefined;
         "onVisibility-change"?: ((value: boolean) => any) | undefined;
         onPressEnter?: ((ev: KeyboardEvent) => any) | undefined;
-    }>, "focus" | "blur" | "getInputRef" | ("error" | "placeholder" | "maxLength" | "size" | "disabled" | "modelValue" | "defaultValue" | "showWordLimit" | "allowClear" | "readonly" | "wordLength" | "wordSlice" | "inputAttrs" | "isPassword" | "visibility" | "defaultVisibility" | "invisibleButton" | "showInput")> & import('vue').ShallowUnwrapRef<{
+    }>, "focus" | "blur" | "getInputRef" | ("size" | "disabled" | "error" | "placeholder" | "modelValue" | "defaultValue" | "maxLength" | "showWordLimit" | "allowClear" | "readonly" | "wordLength" | "wordSlice" | "inputAttrs" | "isPassword" | "visibility" | "defaultVisibility" | "invisibleButton" | "showInput")> & import('vue').ShallowUnwrapRef<{
         focus(): void;
         blur(): void;
         getInputRef(): HTMLInputElement;

package/lib/Typography/TypographyBase.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../node_modules/@vueuse/core/index.js"),o=require("../_shared/locale/i18n.js");require("../node_modules/tinycolor2/esm/tinycolor.js");const l=require("../_shared/utils/dom.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                               */const a=require("../_shared/icons/IconCopy.vue2.js"),r=require("../_shared/icons/IconEdit.vue2.js"),n=require("../_shared/icons/IconInfo.vue.js"),u=require("../_shared/utils/control.js"),d=require("../Input/index.js"),p=require("../Tooltip/index.js"),i=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(i,{emit:s}){const c=i,y=s,{editing:f,defaultEditing:v,editText:m,copyText:g,copyable:h,copyDelay:B,code:k,mark:x,delete:_,underline:T,bold:C}=e.toRefs(c),{isSupported:b,copy:j}=t.useClipboard(),q=e.ref(!1),V=e.ref(),E=e.ref(),N=u(f,v.value,e=>{y("update:editing",e)}),w=u(m,"",e=>{y("update:editText",e),y("change",e)}),D=e.computed(()=>{const e=[x.value,k.value,_.value,T.value,C.value];return["mark","code","del","u","b"].filter((t,o)=>e[o])}),I=e.defineComponent({props:{tags:{type:Array,default:()=>[]}},setup:(t,{slots:o})=>()=>{var l;const{tags:a}=e.toRefs(t),r=(t,o)=>o>=a.value.length?t:e.h(a.value[o],null,r(t,o+1));return r(null==(l=o.default)?void 0:l.call(o),0)}}),P=async()=>{var e;N.value=!0,w.value=w.value?w.value:l.getDomText(V),y("edit-start"),await l.sleep(0),null==(e=E.value)||e.focus()},R=()=>{N.value=!1,y("edit-end")},S=async()=>{if(!h.value||!b.value||q.value)return;const e=g.value||l.getDomText(V);j(e),y("copy",e),q.value=!0,await l.sleep(B.value),q.value=!1};return(t,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tag),{class:e.normalizeClass(["yc-typography",{[`yc-typography-${t.type}`]:t.type,"yc-typography-bold":e.unref(C),"yc-typography-disabled":t.disabled,"yc-typography-underline":e.unref(T),"yc-typography-delete":e.unref(_)}]),ref_key:"contentRef",ref:V},{default:e.withCtx(()=>[e.unref(N)?(e.openBlock(),e.createBlock(e.unref(d),{key:0,modelValue:e.unref(w),"onUpdate:modelValue":l[0]||(l[0]=t=>e.isRef(w)?w.value=t:null),ref_key:"inputRef",ref:E,onBlur:R},null,8,["modelValue"])):(e.openBlock(),e.createBlock(e.unref(I),{key:1,tags:D.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["tags"])),t.editable&&!e.unref(N)?(e.openBlock(),e.createElementBlock("span",{key:2,class:"yc-typography-operation-edit",onClick:P},[e.createVNode(e.unref(p),e.mergeProps({content:e.unref(o.t)("typography.edit"),position:"top"},t.editTooltiProps),{default:e.withCtx(()=>[e.createElementVNode("span",null,[e.createVNode(e.unref(r))])]),_:1},16,["content"])])):e.createCommentVNode("",!0),e.unref(h)?(e.openBlock(),e.createElementBlock("span",{key:3,class:"yc-typography-operation-copy",onClick:S},[e.createVNode(e.unref(p),e.mergeProps({position:"top"},t.copyTooltiProps),{content:e.withCtx(()=>[e.renderSlot(t.$slots,"copy-tooltip",{copied:q.value},()=>[e.createTextVNode(e.toDisplayString(e.unref(o.t)("typography."+(q.value?"copied":"copy"))),1)])]),default:e.withCtx(()=>[e.createElementVNode("span",null,[e.renderSlot(t.$slots,"copy-icon",{copied:q.value},()=>[q.value?(e.openBlock(),e.createBlock(e.unref(n),{key:0,color:"rgb(0, 180, 42)"})):(e.openBlock(),e.createBlock(e.unref(a),{key:1}))])])]),_:3},16)])):e.createCommentVNode("",!0)]),_:3},8,["class"]))}});module.exports=i;
+"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.vue2.js"),a=require("../_shared/icons/IconEdit.vue2.js"),r=require("../_shared/icons/IconInfo.vue.js"),n=require("../_shared/utils/locale.js"),u=require("../_shared/utils/control.js"),d=require("../Input/index.js"),p=require("../Tooltip/index.js"),i=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(i,{emit:s}){const c=i,y=s,{editing:f,defaultEditing:v,editText:m,copyText:g,copyable:h,copyDelay:B,code:k,mark:x,delete:_,underline:T,bold:C}=e.toRefs(c),{t:b}=n.useI18n(),{isSupported:j,copy:q}=t.useClipboard(),V=e.ref(!1),E=e.ref(),N=e.ref(),w=u(f,v.value,e=>{y("update:editing",e)}),I=u(m,"",e=>{y("update:editText",e),y("change",e)}),D=e.computed(()=>{const e=[x.value,k.value,_.value,T.value,C.value];return["mark","code","del","u","b"].filter((t,o)=>e[o])}),P=e.defineComponent({props:{tags:{type:Array,default:()=>[]}},setup:(t,{slots:o})=>()=>{var l;const{tags:a}=e.toRefs(t),r=(t,o)=>o>=a.value.length?t:e.h(a.value[o],null,r(t,o+1));return r(null==(l=o.default)?void 0:l.call(o),0)}}),R=async()=>{var e;w.value=!0,I.value=I.value?I.value:o.getDomText(E),y("edit-start"),await o.sleep(0),null==(e=N.value)||e.focus()},S=()=>{w.value=!1,y("edit-end")},$=async()=>{if(!h.value||!j.value||V.value)return;const e=g.value||o.getDomText(E);q(e),y("copy",e),V.value=!0,await o.sleep(B.value),V.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(C),"yc-typography-disabled":t.disabled,"yc-typography-underline":e.unref(T),"yc-typography-delete":e.unref(_)}]),ref_key:"contentRef",ref:E},{default:e.withCtx(()=>[e.unref(w)?(e.openBlock(),e.createBlock(e.unref(d),{key:0,modelValue:e.unref(I),"onUpdate:modelValue":o[0]||(o[0]=t=>e.isRef(I)?I.value=t:null),ref_key:"inputRef",ref:N,onBlur:S},null,8,["modelValue"])):(e.openBlock(),e.createBlock(e.unref(P),{key:1,tags:D.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["tags"])),t.editable&&!e.unref(w)?(e.openBlock(),e.createElementBlock("span",{key:2,class:"yc-typography-operation-edit",onClick:R},[e.createVNode(e.unref(p),e.mergeProps({content:e.unref(b)("typography.edit"),position:"top"},t.editTooltiProps),{default:e.withCtx(()=>[e.createElementVNode("span",null,[e.createVNode(e.unref(a))])]),_:1},16,["content"])])):e.createCommentVNode("",!0),e.unref(h)?(e.openBlock(),e.createElementBlock("span",{key:3,class:"yc-typography-operation-copy",onClick:$},[e.createVNode(e.unref(p),e.mergeProps({position:"top"},t.copyTooltiProps),{content:e.withCtx(()=>[e.renderSlot(t.$slots,"copy-tooltip",{copied:V.value},()=>[e.createTextVNode(e.toDisplayString(e.unref(b)("typography."+(V.value?"copied":"copy"))),1)])]),default:e.withCtx(()=>[e.createElementVNode("span",null,[e.renderSlot(t.$slots,"copy-icon",{copied:V.value},()=>[V.value?(e.openBlock(),e.createBlock(e.unref(r),{key:0,color:"rgb(0, 180, 42)"})):(e.openBlock(),e.createBlock(e.unref(l),{key:1}))])])]),_:3},16)])):e.createCommentVNode("",!0)]),_:3},8,["class"]))}});module.exports=i;

package/lib/VerificationCode/index.d.ts

@@ -14,10 +14,10 @@ declare const VerificationCode: {
         "update:modelValue": (value: string) => any;
         finish: (value: string) => any;
     }, import('vue').PublicProps, {
-        error: boolean;
-        length: number;
         size: import('..').Size;
+        length: number;
         disabled: boolean;
+        error: boolean;
         modelValue: string;
         defaultValue: string;
         readonly: boolean;
@@ -34,10 +34,10 @@ declare const VerificationCode: {
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         onFinish?: ((value: string) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        error: boolean;
-        length: number;
         size: import('..').Size;
+        length: number;
         disabled: boolean;
+        error: boolean;
         modelValue: string;
         defaultValue: string;
         readonly: boolean;
@@ -56,10 +56,10 @@ declare const VerificationCode: {
     "update:modelValue": (value: string) => any;
     finish: (value: string) => any;
 }, string, {
-    error: boolean;
-    length: number;
     size: import('..').Size;
+    length: number;
     disabled: boolean;
+    error: boolean;
     modelValue: string;
     defaultValue: string;
     readonly: boolean;

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

@@ -10,10 +10,10 @@ declare const _default: import('vue').DefineComponent<VerificationCodeProps, {},
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onFinish?: ((value: string) => any) | undefined;
 }>, {
-    error: boolean;
-    length: number;
     size: import('..').Size;
+    length: number;
     disabled: boolean;
+    error: boolean;
     modelValue: string;
     defaultValue: string;
     readonly: boolean;

package/lib/VerificationCode/index.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js");const l=require("../_shared/utils/dom.js"),o=require("../_shared/utils/is.js");require("../_shared/utils/time.js");const n=require("../_shared/utils/vue-utils.js"),r=require("../_shared/utils/global-config.js"),a=require("../_shared/utils/control.js"),t=require("../node_modules/nanoid/index.browser.js"),i=require("../Input/index.js"),u=e.defineComponent({name:"VerificationCode",__name:"index",props:{modelValue:{default:void 0},defaultValue:{default:""},length:{default:6},size:{default:void 0},disabled:{type:Boolean,default:!1},masked:{type:Boolean},readonly:{type:Boolean,default:!1},error:{type:Boolean,default:!1},separator:{},formatter:{}},emits:["update:modelValue","input","change","finish"],setup(u,{emit:s}){const d=u,c=s,{modelValue:v,defaultValue:f,length:m}=e.toRefs(d),{formatter:p}=d,{size:y}=r.getGlobalConfig(d),g=a(v,f.value,e=>{e.length==m.value&&c("finish",e),c("update:modelValue",e)}),h=e.computed(()=>new Array(m.value).fill("").map(()=>t.nanoid())),b=e.ref([]),k=e.computed(()=>{const e=[...g.value];for(let l=e.length;l<m.value;l++)e[l]="";return e.map((e,l)=>{const n=null==p?void 0:p(e,l,b.value.join(""));return e&&(o.isNumber(n)||o.isString(n))?n:e})}),B=e.ref([]),j=e=>{for(let l=1;l<e;l++)if(!k.value[l])return!1;return!0};return(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-verification-code",`yc-verification-code-size-${e.unref(y)}`])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,(t,u)=>{var s;return e.openBlock(),e.createElementBlock(e.Fragment,{key:t},[e.createVNode(e.unref(i),{"model-value":k.value[u],size:e.unref(y),disabled:r.disabled,error:r.error,"invisible-button":!1,visibility:r.masked,readonly:r.readonly||!j(u),class:e.normalizeClass([{"yc-input-disabled-write":!j(u)}]),ref_for:!0,ref:e=>B.value[u]=e,onClick:e=>(async e=>{var o;if(j(e))return;const n=k.value.findIndex(e=>!e);await l.sleep(0),null==(o=B.value[n])||o.focus()})(u),onMousedown:e=>((e,l)=>{j(l)||e.preventDefault()})(e,u),onInput:(e,n)=>(async(e,n,r)=>{const a=e?e.at(e.length-1):" ",t=null==p?void 0:p(a,r,b.value.join(""));(!o.isFunction(p)||o.isNumber(t)||o.isString(t))&&(c("input",a,n,r),g.value=g.value.slice(0,r)+a+g.value.slice(r+1),e&&!k.value[r+1]&&r<m.value-1&&(B.value[r].blur(),await l.sleep(0),B.value[r+1].focus()))})(e,n,u),onChange:a[0]||(a[0]=l=>r.$emit("change",e.unref(g)))},null,8,["model-value","size","disabled","error","visibility","readonly","class","onClick","onMousedown","onInput"]),(null==(s=r.separator)?void 0:s.call(r,u,k.value[u]))?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(n.getSlotFunction)(r.separator(u,k.value[u]))),{key:0})):e.createCommentVNode("",!0)],64)}),128))],2))}});module.exports=u;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js");const l=require("../_shared/utils/dom.js"),o=require("../_shared/utils/is.js");require("../_shared/utils/time.js");const r=require("../_shared/utils/vue-utils.js"),a=require("../_shared/utils/global-config.js");require("../_shared/utils/locale.js");const n=require("../_shared/utils/control.js"),t=require("../node_modules/nanoid/index.browser.js"),i=require("../Input/index.js"),u=e.defineComponent({name:"VerificationCode",__name:"index",props:{modelValue:{default:void 0},defaultValue:{default:""},length:{default:6},size:{default:void 0},disabled:{type:Boolean,default:!1},masked:{type:Boolean},readonly:{type:Boolean,default:!1},error:{type:Boolean,default:!1},separator:{},formatter:{}},emits:["update:modelValue","input","change","finish"],setup(u,{emit:s}){const d=u,c=s,{modelValue:v,defaultValue:f,length:m}=e.toRefs(d),{formatter:p}=d,{size:y}=a.getGlobalConfig(d),g=n(v,f.value,e=>{e.length==m.value&&c("finish",e),c("update:modelValue",e)}),h=e.computed(()=>new Array(m.value).fill("").map(()=>t.nanoid())),b=e.ref([]),k=e.computed(()=>{const e=[...g.value];for(let l=e.length;l<m.value;l++)e[l]="";return e.map((e,l)=>{const r=null==p?void 0:p(e,l,b.value.join(""));return e&&(o.isNumber(r)||o.isString(r))?r:e})}),j=e.ref([]),B=e=>{for(let l=1;l<e;l++)if(!k.value[l])return!1;return!0};return(a,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-verification-code",`yc-verification-code-size-${e.unref(y)}`])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,(t,u)=>{var s;return e.openBlock(),e.createElementBlock(e.Fragment,{key:t},[e.createVNode(e.unref(i),{"model-value":k.value[u],size:e.unref(y),disabled:a.disabled,error:a.error,"invisible-button":!1,visibility:a.masked,readonly:a.readonly||!B(u),class:e.normalizeClass([{"yc-input-disabled-write":!B(u)}]),ref_for:!0,ref:e=>j.value[u]=e,onClick:e=>(async e=>{var o;if(B(e))return;const r=k.value.findIndex(e=>!e);await l.sleep(0),null==(o=j.value[r])||o.focus()})(u),onMousedown:e=>((e,l)=>{B(l)||e.preventDefault()})(e,u),onInput:(e,r)=>(async(e,r,a)=>{const n=e?e.at(e.length-1):" ",t=null==p?void 0:p(n,a,b.value.join(""));(!o.isFunction(p)||o.isNumber(t)||o.isString(t))&&(c("input",n,r,a),g.value=g.value.slice(0,a)+n+g.value.slice(a+1),e&&!k.value[a+1]&&a<m.value-1&&(j.value[a].blur(),await l.sleep(0),j.value[a+1].focus()))})(e,r,u),onChange:n[0]||(n[0]=l=>a.$emit("change",e.unref(g)))},null,8,["model-value","size","disabled","error","visibility","readonly","class","onClick","onMousedown","onInput"]),(null==(s=a.separator)?void 0:s.call(a,u,k.value[u]))?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r.getSlotFunction)(a.separator(u,k.value[u]))),{key:0})):e.createCommentVNode("",!0)],64)}),128))],2))}});module.exports=u;

package/lib/Watermark/index.d.ts

@@ -4,7 +4,6 @@ export type WatermarkInstance = InstanceType<typeof _Watermark>;
 export * from './type';
 declare const Watermark: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').WatermarkProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        image: string;
         zIndex: number;
         width: number;
         height: number;
@@ -12,6 +11,7 @@ declare const Watermark: {
         content: string | string[];
         alpha: number;
         rotate: number;
+        image: string;
         offset: number[];
         font: import('./type').WatermarkFont;
         gap: number[];
@@ -28,7 +28,6 @@ declare const Watermark: {
         M: {};
         Defaults: {};
     }, Readonly<import('./type').WatermarkProps> & Readonly<{}>, {}, {}, {}, {}, {
-        image: string;
         zIndex: number;
         width: number;
         height: number;
@@ -36,6 +35,7 @@ declare const Watermark: {
         content: string | string[];
         alpha: number;
         rotate: number;
+        image: string;
         offset: number[];
         font: import('./type').WatermarkFont;
         gap: number[];
@@ -47,7 +47,6 @@ declare const Watermark: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./type').WatermarkProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    image: string;
     zIndex: number;
     width: number;
     height: number;
@@ -55,6 +54,7 @@ declare const Watermark: {
     content: string | string[];
     alpha: number;
     rotate: number;
+    image: string;
     offset: number[];
     font: import('./type').WatermarkFont;
     gap: number[];

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

@@ -9,7 +9,6 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<WatermarkProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<WatermarkProps> & Readonly<{}>, {
-    image: string;
     zIndex: number;
     width: number;
     height: number;
@@ -17,6 +16,7 @@ declare const __VLS_component: import('vue').DefineComponent<WatermarkProps, {},
     content: string | string[];
     alpha: number;
     rotate: number;
+    image: string;
     offset: number[];
     font: import('./type').WatermarkFont;
     gap: number[];

package/lib/Watermark/index.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../node_modules/@vueuse/core/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const a=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                               */const l=e.defineComponent({name:"Watermark",__name:"index",props:{content:{default:""},image:{default:""},width:{default:void 0},height:{default:void 0},gap:{default:()=>[90,90]},offset:{default:()=>[45,45]},rotate:{default:-22},font:{default:()=>({color:"rgba(0, 0, 0, 0.15)",fontSize:16,fontFamily:"sans-serif",fontStyle:"normal",textAlign:"center",fontWeight:"normal"})},zIndex:{default:6},alpha:{default:1},grayscale:{type:Boolean,default:!1},repeat:{type:Boolean,default:!0},staggered:{type:Boolean,default:!0},antiTamper:{type:Boolean,default:!0}},setup(l){const o=l,{width:r,height:n,alpha:u,image:s,grayscale:i,rotate:d,repeat:v,staggered:c,antiTamper:f,zIndex:p}=e.toRefs(o),m=e.ref(),g=window.devicePixelRatio||1,h=e.ref(new Map),x=e.computed(()=>{var e;return null==(e=o.font)?void 0:e.color}),y=e.computed(()=>{var e;return(null==(e=o.font)?void 0:e.fontSize)??16}),$=e.computed(()=>{var e;return(null==(e=o.font)?void 0:e.fontWeight)??"normal"}),b=e.computed(()=>{var e;return(null==(e=o.font)?void 0:e.fontStyle)??"normal"}),w=e.computed(()=>{var e;return(null==(e=o.font)?void 0:e.fontFamily)??"sans-serif"}),I=e.computed(()=>{var e;return(null==(e=o.font)?void 0:e.textAlign)??"center"}),k=e.computed(()=>a.isArray(o.content)?o.content:[o.content]),j=e.computed(()=>{var e;return(null==(e=o.gap)?void 0:e[0])??90}),A=e.computed(()=>{var e;return(null==(e=o.gap)?void 0:e[1])??90}),_=e.computed(()=>j.value/2),q=e.computed(()=>A.value/2),z=e.computed(()=>{var e;return(null==(e=o.offset)?void 0:e[0])??_.value}),B=e.computed(()=>{var e;return(null==(e=o.offset)?void 0:e[1])??q.value}),S=e.computed(()=>{const e=z.value-_.value,t=B.value-q.value;return{position:"absolute",left:e>0?`${e}px`:0,top:t>0?`${t}px`:0,width:e>0?`calc(100% - ${e}px)`:"100%",height:t>0?`calc(100% - ${t}px)`:"100%",pointerEvents:"none",backgroundRepeat:o.repeat?"repeat":"no-repeat",backgroundPosition:`${e>0?0:e}px ${t>0?0:t}px`,zIndex:p.value??6}}),E=e.computed(()=>c.value&&v.value);const M=(e,t)=>{var a,l;if(m.value){const o=h.value.get(m.value);o&&(m.value.contains(o)&&m.value.removeChild(o),h.value.delete(m.value));const r=document.createElement("div");r.setAttribute("style",(l={...S.value,backgroundImage:`url('${e}')`,backgroundSize:`${t}px`},Object.entries(l).map(([e,t])=>{return`${a=e,a.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}:${t}`;var a}).join(";"))),null==(a=m.value)||a.append(r),h.value.set(m.value,r)}},C=()=>{var e;const t=document.createElement("canvas"),a=t.getContext("2d");if(!a)return;const[l,o]=(e=>{let t=120,a=28;if(!s.value&&e.measureText){e.font=`${y.value}px ${w.value}`;const l=k.value.map(t=>e.measureText(t).width);t=Math.ceil(Math.max(...l)),a=y.value*k.value.length+3*(k.value.length-1)}return[r.value??t,n.value??a]})(a),v=l*g,c=o*g,f=(j.value+l)*g,p=(A.value+o)*g,m=j.value/2*g,h=A.value/2*g,_=f/2,q=p/2,z=E.value?2:1,B=(j.value+l)*z;t.width=f*z,t.height=p*z,a.globalAlpha=u.value,a.save(),a.translate(_,q),a.rotate(Math.PI/180*d.value),a.translate(-_,-q);const S=()=>{a.restore(),E.value&&a.drawImage(t,0,0,f,p,f,p,f,p),i.value&&function(e){const t=e.getContext("2d");if(!t)return;const a=t.getImageData(0,0,e.width,e.height),{data:l}=a;for(let o=0;o<l.length;o+=4){const e=(l[o]+l[o+1]+l[o+2])/3;l[o]=e,l[o+1]=e,l[o+2]=e}t.putImageData(a,0,0)}(t),M(t.toDataURL(),B)};if(s.value){const e=new Image;e.onload=()=>{a.drawImage(e,m,h,v,c),S()},e.crossOrigin="anonymous",e.referrerPolicy="no-referrer",e.src=s.value}else{const t=Number(y.value)*g;a.font=`${b.value} normal ${$.value} ${t}px/${o}px ${w.value}`,a.fillStyle=x.value,a.textAlign=I.value,a.textBaseline="top",a.translate(v/2,0),null==(e=k.value)||e.forEach((e,l)=>{a.fillText(e??"",m,h+l*(t+3*g))}),S()}},R=e=>Array.from(h.value.values()).includes(e);return e.watch(o,C,{deep:!0,flush:"post"}),t.useMutationObserver(m,e=>{if(f.value)for(const t of e){const e=Array.from(t.removedNodes).some(e=>R(e)),a="attributes"===t.type&&R(t.target);if(e||a){C();break}}},{attributes:!0,childList:!0,characterData:!0,subtree:!0}),e.onMounted(()=>{C()}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:"yc-watermark",ref_key:"containerRef",ref:m},[e.renderSlot(t.$slots,"default")],512))}});module.exports=l;
+"use strict";const e=require("vue"),t=require("../node_modules/@vueuse/core/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const a=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js"),/* empty css                               */require("../_shared/utils/locale.js");const l=e.defineComponent({name:"Watermark",__name:"index",props:{content:{default:""},image:{default:""},width:{default:void 0},height:{default:void 0},gap:{default:()=>[90,90]},offset:{default:()=>[45,45]},rotate:{default:-22},font:{default:()=>({color:"rgba(0, 0, 0, 0.15)",fontSize:16,fontFamily:"sans-serif",fontStyle:"normal",textAlign:"center",fontWeight:"normal"})},zIndex:{default:6},alpha:{default:1},grayscale:{type:Boolean,default:!1},repeat:{type:Boolean,default:!0},staggered:{type:Boolean,default:!0},antiTamper:{type:Boolean,default:!0}},setup(l){const r=l,{width:o,height:n,alpha:u,image:s,grayscale:i,rotate:d,repeat:v,staggered:c,antiTamper:f,zIndex:p}=e.toRefs(r),m=e.ref(),g=window.devicePixelRatio||1,h=e.ref(new Map),x=e.computed(()=>{var e;return null==(e=r.font)?void 0:e.color}),y=e.computed(()=>{var e;return(null==(e=r.font)?void 0:e.fontSize)??16}),$=e.computed(()=>{var e;return(null==(e=r.font)?void 0:e.fontWeight)??"normal"}),b=e.computed(()=>{var e;return(null==(e=r.font)?void 0:e.fontStyle)??"normal"}),w=e.computed(()=>{var e;return(null==(e=r.font)?void 0:e.fontFamily)??"sans-serif"}),I=e.computed(()=>{var e;return(null==(e=r.font)?void 0:e.textAlign)??"center"}),j=e.computed(()=>a.isArray(r.content)?r.content:[r.content]),k=e.computed(()=>{var e;return(null==(e=r.gap)?void 0:e[0])??90}),_=e.computed(()=>{var e;return(null==(e=r.gap)?void 0:e[1])??90}),q=e.computed(()=>k.value/2),A=e.computed(()=>_.value/2),z=e.computed(()=>{var e;return(null==(e=r.offset)?void 0:e[0])??q.value}),B=e.computed(()=>{var e;return(null==(e=r.offset)?void 0:e[1])??A.value}),S=e.computed(()=>{const e=z.value-q.value,t=B.value-A.value;return{position:"absolute",left:e>0?`${e}px`:0,top:t>0?`${t}px`:0,width:e>0?`calc(100% - ${e}px)`:"100%",height:t>0?`calc(100% - ${t}px)`:"100%",pointerEvents:"none",backgroundRepeat:r.repeat?"repeat":"no-repeat",backgroundPosition:`${e>0?0:e}px ${t>0?0:t}px`,zIndex:p.value??6}}),E=e.computed(()=>c.value&&v.value);const M=(e,t)=>{var a,l;if(m.value){const r=h.value.get(m.value);r&&(m.value.contains(r)&&m.value.removeChild(r),h.value.delete(m.value));const o=document.createElement("div");o.setAttribute("style",(l={...S.value,backgroundImage:`url('${e}')`,backgroundSize:`${t}px`},Object.entries(l).map(([e,t])=>{return`${a=e,a.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}:${t}`;var a}).join(";"))),null==(a=m.value)||a.append(o),h.value.set(m.value,o)}},C=()=>{var e;const t=document.createElement("canvas"),a=t.getContext("2d");if(!a)return;const[l,r]=(e=>{let t=120,a=28;if(!s.value&&e.measureText){e.font=`${y.value}px ${w.value}`;const l=j.value.map(t=>e.measureText(t).width);t=Math.ceil(Math.max(...l)),a=y.value*j.value.length+3*(j.value.length-1)}return[o.value??t,n.value??a]})(a),v=l*g,c=r*g,f=(k.value+l)*g,p=(_.value+r)*g,m=k.value/2*g,h=_.value/2*g,q=f/2,A=p/2,z=E.value?2:1,B=(k.value+l)*z;t.width=f*z,t.height=p*z,a.globalAlpha=u.value,a.save(),a.translate(q,A),a.rotate(Math.PI/180*d.value),a.translate(-q,-A);const S=()=>{a.restore(),E.value&&a.drawImage(t,0,0,f,p,f,p,f,p),i.value&&function(e){const t=e.getContext("2d");if(!t)return;const a=t.getImageData(0,0,e.width,e.height),{data:l}=a;for(let r=0;r<l.length;r+=4){const e=(l[r]+l[r+1]+l[r+2])/3;l[r]=e,l[r+1]=e,l[r+2]=e}t.putImageData(a,0,0)}(t),M(t.toDataURL(),B)};if(s.value){const e=new Image;e.onload=()=>{a.drawImage(e,m,h,v,c),S()},e.crossOrigin="anonymous",e.referrerPolicy="no-referrer",e.src=s.value}else{const t=Number(y.value)*g;a.font=`${b.value} normal ${$.value} ${t}px/${r}px ${w.value}`,a.fillStyle=x.value,a.textAlign=I.value,a.textBaseline="top",a.translate(v/2,0),null==(e=j.value)||e.forEach((e,l)=>{a.fillText(e??"",m,h+l*(t+3*g))}),S()}},R=e=>Array.from(h.value.values()).includes(e);return e.watch(r,C,{deep:!0,flush:"post"}),t.useMutationObserver(m,e=>{if(f.value)for(const t of e){const e=Array.from(t.removedNodes).some(e=>R(e)),a="attributes"===t.type&&R(t.target);if(e||a){C();break}}},{attributes:!0,childList:!0,characterData:!0,subtree:!0}),e.onMounted(()=>{C()}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:"yc-watermark",ref_key:"containerRef",ref:m},[e.renderSlot(t.$slots,"default")],512))}});module.exports=l;