diff --git a/docs/assets/index-vNB0sexC.js b/docs/assets/index-vNB0sexC.js new file mode 100644 index 0000000..529a521 --- /dev/null +++ b/docs/assets/index-vNB0sexC.js @@ -0,0 +1,17 @@ +(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const r of document.querySelectorAll('link[rel="modulepreload"]'))s(r);new MutationObserver(r=>{for(const o of r)if(o.type==="childList")for(const l of o.addedNodes)l.tagName==="LINK"&&l.rel==="modulepreload"&&s(l)}).observe(document,{childList:!0,subtree:!0});function n(r){const o={};return r.integrity&&(o.integrity=r.integrity),r.referrerPolicy&&(o.referrerPolicy=r.referrerPolicy),r.crossOrigin==="use-credentials"?o.credentials="include":r.crossOrigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function s(r){if(r.ep)return;r.ep=!0;const o=n(r);fetch(r.href,o)}})();/** +* @vue/shared v3.4.18 +* (c) 2018-present Yuxi (Evan) You and Vue contributors +* @license MIT +**/function Pn(e,t){const n=new Set(e.split(","));return t?s=>n.has(s.toLowerCase()):s=>n.has(s)}const B={},rt=[],_e=()=>{},Mr=()=>!1,kt=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&(e.charCodeAt(2)>122||e.charCodeAt(2)<97),Rn=e=>e.startsWith("onUpdate:"),ee=Object.assign,Mn=(e,t)=>{const n=e.indexOf(t);n>-1&&e.splice(n,1)},Fr=Object.prototype.hasOwnProperty,j=(e,t)=>Fr.call(e,t),M=Array.isArray,gt=e=>Xt(e)==="[object Map]",$r=e=>Xt(e)==="[object Set]",F=e=>typeof e=="function",te=e=>typeof e=="string",Yt=e=>typeof e=="symbol",Y=e=>e!==null&&typeof e=="object",Us=e=>(Y(e)||F(e))&&F(e.then)&&F(e.catch),Lr=Object.prototype.toString,Xt=e=>Lr.call(e),Nr=e=>Xt(e).slice(8,-1),Ur=e=>Xt(e)==="[object Object]",Fn=e=>te(e)&&e!=="NaN"&&e[0]!=="-"&&""+parseInt(e,10)===e,mt=Pn(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),qt=e=>{const t=Object.create(null);return n=>t[n]||(t[n]=e(n))},jr=/-(\w)/g,it=qt(e=>e.replace(jr,(t,n)=>n?n.toUpperCase():"")),Vr=/\B([A-Z])/g,ut=qt(e=>e.replace(Vr,"-$1").toLowerCase()),js=qt(e=>e.charAt(0).toUpperCase()+e.slice(1)),cn=qt(e=>e?`on${js(e)}`:""),Ve=(e,t)=>!Object.is(e,t),Ft=(e,t)=>{for(let n=0;n{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,value:n})},mn=e=>{const t=parseFloat(e);return isNaN(t)?e:t};let ts;const Vs=()=>ts||(ts=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:typeof global<"u"?global:{});function $n(e){if(M(e)){const t={};for(let n=0;n{if(n){const s=n.split(Wr);s.length>1&&(t[s[0].trim()]=s[1].trim())}}),t}function Ln(e){let t="";if(te(e))t=e;else if(M(e))for(let n=0;n=4))break}this._dirtyLevel===1&&(this._dirtyLevel=0),Ge()}return this._dirtyLevel>=4}set dirty(t){this._dirtyLevel=t?4:0}run(){if(this._dirtyLevel=0,!this.active)return this.fn();let t=Ue,n=Ye;try{return Ue=!0,Ye=this,this._runnings++,ns(this),this.fn()}finally{ss(this),this._runnings--,Ye=n,Ue=t}}stop(){var t;this.active&&(ns(this),ss(this),(t=this.onStop)==null||t.call(this),this.active=!1)}}function qr(e){return e.value}function ns(e){e._trackId++,e._depsLength=0}function ss(e){if(e.deps.length>e._depsLength){for(let t=e._depsLength;t{const n=new Map;return n.cleanup=e,n.computed=t,n},Wt=new WeakMap,Xe=Symbol(""),yn=Symbol("");function de(e,t,n){if(Ue&&Ye){let s=Wt.get(e);s||Wt.set(e,s=new Map);let r=s.get(n);r||s.set(n,r=Ds(()=>s.delete(n))),Bs(Ye,r)}}function Re(e,t,n,s,r,o){const l=Wt.get(e);if(!l)return;let c=[];if(t==="clear")c=[...l.values()];else if(n==="length"&&M(e)){const u=Number(s);l.forEach((d,h)=>{(h==="length"||!Yt(h)&&h>=u)&&c.push(d)})}else switch(n!==void 0&&c.push(l.get(n)),t){case"add":M(e)?Fn(n)&&c.push(l.get("length")):(c.push(l.get(Xe)),gt(e)&&c.push(l.get(yn)));break;case"delete":M(e)||(c.push(l.get(Xe)),gt(e)&&c.push(l.get(yn)));break;case"set":gt(e)&&c.push(l.get(Xe));break}Un();for(const u of c)u&&zs(u,4);jn()}function Gr(e,t){var n;return(n=Wt.get(e))==null?void 0:n.get(t)}const Jr=Pn("__proto__,__v_isRef,__isVue"),ks=new Set(Object.getOwnPropertyNames(Symbol).filter(e=>e!=="arguments"&&e!=="caller").map(e=>Symbol[e]).filter(Yt)),rs=Zr();function Zr(){const e={};return["includes","indexOf","lastIndexOf"].forEach(t=>{e[t]=function(...n){const s=H(this);for(let o=0,l=this.length;o{e[t]=function(...n){qe(),Un();const s=H(this)[t].apply(this,n);return jn(),Ge(),s}}),e}function Qr(e){const t=H(this);return de(t,"has",e),t.hasOwnProperty(e)}class Ys{constructor(t=!1,n=!1){this._isReadonly=t,this._shallow=n}get(t,n,s){const r=this._isReadonly,o=this._shallow;if(n==="__v_isReactive")return!r;if(n==="__v_isReadonly")return r;if(n==="__v_isShallow")return o;if(n==="__v_raw")return s===(r?o?ho:Js:o?Gs:qs).get(t)||Object.getPrototypeOf(t)===Object.getPrototypeOf(s)?t:void 0;const l=M(t);if(!r){if(l&&j(rs,n))return Reflect.get(rs,n,s);if(n==="hasOwnProperty")return Qr}const c=Reflect.get(t,n,s);return(Yt(n)?ks.has(n):Jr(n))||(r||de(t,"get",n),o)?c:ce(c)?l&&Fn(n)?c:c.value:Y(c)?r?Zs(c):Jt(c):c}}class Xs extends Ys{constructor(t=!1){super(!1,t)}set(t,n,s,r){let o=t[n];if(!this._shallow){const u=ct(o);if(!Kt(s)&&!ct(s)&&(o=H(o),s=H(s)),!M(t)&&ce(o)&&!ce(s))return u?!1:(o.value=s,!0)}const l=M(t)&&Fn(n)?Number(n)e,Gt=e=>Reflect.getPrototypeOf(e);function It(e,t,n=!1,s=!1){e=e.__v_raw;const r=H(e),o=H(t);n||(Ve(t,o)&&de(r,"get",t),de(r,"get",o));const{has:l}=Gt(r),c=s?Vn:n?Kn:xt;if(l.call(r,t))return c(e.get(t));if(l.call(r,o))return c(e.get(o));e!==r&&e.get(t)}function Ot(e,t=!1){const n=this.__v_raw,s=H(n),r=H(e);return t||(Ve(e,r)&&de(s,"has",e),de(s,"has",r)),e===r?n.has(e):n.has(e)||n.has(r)}function Ct(e,t=!1){return e=e.__v_raw,!t&&de(H(e),"iterate",Xe),Reflect.get(e,"size",e)}function os(e){e=H(e);const t=H(this);return Gt(t).has.call(t,e)||(t.add(e),Re(t,"add",e,e)),this}function ls(e,t){t=H(t);const n=H(this),{has:s,get:r}=Gt(n);let o=s.call(n,e);o||(e=H(e),o=s.call(n,e));const l=r.call(n,e);return n.set(e,t),o?Ve(t,l)&&Re(n,"set",e,t):Re(n,"add",e,t),this}function is(e){const t=H(this),{has:n,get:s}=Gt(t);let r=n.call(t,e);r||(e=H(e),r=n.call(t,e)),s&&s.call(t,e);const o=t.delete(e);return r&&Re(t,"delete",e,void 0),o}function cs(){const e=H(this),t=e.size!==0,n=e.clear();return t&&Re(e,"clear",void 0,void 0),n}function At(e,t){return function(s,r){const o=this,l=o.__v_raw,c=H(l),u=t?Vn:e?Kn:xt;return!e&&de(c,"iterate",Xe),l.forEach((d,h)=>s.call(r,u(d),u(h),o))}}function Pt(e,t,n){return function(...s){const r=this.__v_raw,o=H(r),l=gt(o),c=e==="entries"||e===Symbol.iterator&&l,u=e==="keys"&&l,d=r[e](...s),h=n?Vn:t?Kn:xt;return!t&&de(o,"iterate",u?yn:Xe),{next(){const{value:x,done:w}=d.next();return w?{value:x,done:w}:{value:c?[h(x[0]),h(x[1])]:h(x),done:w}},[Symbol.iterator](){return this}}}}function Fe(e){return function(...t){return e==="delete"?!1:e==="clear"?void 0:this}}function ro(){const e={get(o){return It(this,o)},get size(){return Ct(this)},has:Ot,add:os,set:ls,delete:is,clear:cs,forEach:At(!1,!1)},t={get(o){return It(this,o,!1,!0)},get size(){return Ct(this)},has:Ot,add:os,set:ls,delete:is,clear:cs,forEach:At(!1,!0)},n={get(o){return It(this,o,!0)},get size(){return Ct(this,!0)},has(o){return Ot.call(this,o,!0)},add:Fe("add"),set:Fe("set"),delete:Fe("delete"),clear:Fe("clear"),forEach:At(!0,!1)},s={get(o){return It(this,o,!0,!0)},get size(){return Ct(this,!0)},has(o){return Ot.call(this,o,!0)},add:Fe("add"),set:Fe("set"),delete:Fe("delete"),clear:Fe("clear"),forEach:At(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach(o=>{e[o]=Pt(o,!1,!1),n[o]=Pt(o,!0,!1),t[o]=Pt(o,!1,!0),s[o]=Pt(o,!0,!0)}),[e,n,t,s]}const[oo,lo,io,co]=ro();function Hn(e,t){const n=t?e?co:io:e?lo:oo;return(s,r,o)=>r==="__v_isReactive"?!e:r==="__v_isReadonly"?e:r==="__v_raw"?s:Reflect.get(j(n,r)&&r in s?n:s,r,o)}const fo={get:Hn(!1,!1)},uo={get:Hn(!1,!0)},ao={get:Hn(!0,!1)},qs=new WeakMap,Gs=new WeakMap,Js=new WeakMap,ho=new WeakMap;function po(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function go(e){return e.__v_skip||!Object.isExtensible(e)?0:po(Nr(e))}function Jt(e){return ct(e)?e:Wn(e,!1,to,fo,qs)}function mo(e){return Wn(e,!1,so,uo,Gs)}function Zs(e){return Wn(e,!0,no,ao,Js)}function Wn(e,t,n,s,r){if(!Y(e)||e.__v_raw&&!(t&&e.__v_isReactive))return e;const o=r.get(e);if(o)return o;const l=go(e);if(l===0)return e;const c=new Proxy(e,l===2?s:n);return r.set(e,c),c}function ot(e){return ct(e)?ot(e.__v_raw):!!(e&&e.__v_isReactive)}function ct(e){return!!(e&&e.__v_isReadonly)}function Kt(e){return!!(e&&e.__v_isShallow)}function Qs(e){return ot(e)||ct(e)}function H(e){const t=e&&e.__v_raw;return t?H(t):e}function er(e){return Object.isExtensible(e)&&Ht(e,"__v_skip",!0),e}const xt=e=>Y(e)?Jt(e):e,Kn=e=>Y(e)?Zs(e):e;class tr{constructor(t,n,s,r){this._setter=n,this.dep=void 0,this.__v_isRef=!0,this.__v_isReadonly=!1,this.effect=new Nn(()=>t(this._value),()=>$t(this,this.effect._dirtyLevel===2?2:3)),this.effect.computed=this,this.effect.active=this._cacheable=!r,this.__v_isReadonly=s}get value(){const t=H(this);return(!t._cacheable||t.effect.dirty)&&Ve(t._value,t._value=t.effect.run())&&$t(t,4),nr(t),t.effect._dirtyLevel>=2&&$t(t,2),t._value}set value(t){this._setter(t)}get _dirty(){return this.effect.dirty}set _dirty(t){this.effect.dirty=t}}function _o(e,t,n=!1){let s,r;const o=F(e);return o?(s=e,r=_e):(s=e.get,r=e.set),new tr(s,r,o||!r,n)}function nr(e){var t;Ue&&Ye&&(e=H(e),Bs(Ye,(t=e.dep)!=null?t:e.dep=Ds(()=>e.dep=void 0,e instanceof tr?e:void 0)))}function $t(e,t=4,n){e=H(e);const s=e.dep;s&&zs(s,t)}function ce(e){return!!(e&&e.__v_isRef===!0)}function xn(e){return bo(e,!1)}function bo(e,t){return ce(e)?e:new yo(e,t)}class yo{constructor(t,n){this.__v_isShallow=n,this.dep=void 0,this.__v_isRef=!0,this._rawValue=n?t:H(t),this._value=n?t:xt(t)}get value(){return nr(this),this._value}set value(t){const n=this.__v_isShallow||Kt(t)||ct(t);t=n?t:H(t),Ve(t,this._rawValue)&&(this._rawValue=t,this._value=n?t:xt(t),$t(this,4))}}function sr(e){return ce(e)?e.value:e}const xo={get:(e,t,n)=>sr(Reflect.get(e,t,n)),set:(e,t,n,s)=>{const r=e[t];return ce(r)&&!ce(n)?(r.value=n,!0):Reflect.set(e,t,n,s)}};function rr(e){return ot(e)?e:new Proxy(e,xo)}function fs(e){const t=M(e)?new Array(e.length):{};for(const n in e)t[n]=wo(e,n);return t}class vo{constructor(t,n,s){this._object=t,this._key=n,this._defaultValue=s,this.__v_isRef=!0}get value(){const t=this._object[this._key];return t===void 0?this._defaultValue:t}set value(t){this._object[this._key]=t}get dep(){return Gr(H(this._object),this._key)}}function wo(e,t,n){const s=e[t];return ce(s)?s:new vo(e,t,n)}/** +* @vue/runtime-core v3.4.18 +* (c) 2018-present Yuxi (Evan) You and Vue contributors +* @license MIT +**/function je(e,t,n,s){let r;try{r=s?e(...s):e()}catch(o){Zt(o,t,n)}return r}function Ee(e,t,n,s){if(F(e)){const o=je(e,t,n,s);return o&&Us(o)&&o.catch(l=>{Zt(l,t,n)}),o}const r=[];for(let o=0;o>>1,r=se[s],o=wt(r);oCe&&se.splice(t,1)}function Oo(e){M(e)?lt.push(...e):(!$e||!$e.includes(e,e.allowRecurse?De+1:De))&<.push(e),lr()}function us(e,t,n=vt?Ce+1:0){for(;nwt(n)-wt(s));if(lt.length=0,$e){$e.push(...t);return}for($e=t,De=0;De<$e.length;De++)$e[De]();$e=null,De=0}}const wt=e=>e.id==null?1/0:e.id,Co=(e,t)=>{const n=wt(e)-wt(t);if(n===0){if(e.pre&&!t.pre)return-1;if(t.pre&&!e.pre)return 1}return n};function cr(e){vn=!1,vt=!0,se.sort(Co);try{for(Ce=0;Cete(O)?O.trim():O)),x&&(r=n.map(mn))}let c,u=s[c=cn(t)]||s[c=cn(it(t))];!u&&o&&(u=s[c=cn(ut(t))]),u&&Ee(u,e,6,r);const d=s[c+"Once"];if(d){if(!e.emitted)e.emitted={};else if(e.emitted[c])return;e.emitted[c]=!0,Ee(d,e,6,r)}}function fr(e,t,n=!1){const s=t.emitsCache,r=s.get(e);if(r!==void 0)return r;const o=e.emits;let l={},c=!1;if(!F(e)){const u=d=>{const h=fr(d,t,!0);h&&(c=!0,ee(l,h))};!n&&t.mixins.length&&t.mixins.forEach(u),e.extends&&u(e.extends),e.mixins&&e.mixins.forEach(u)}return!o&&!c?(Y(e)&&s.set(e,null),null):(M(o)?o.forEach(u=>l[u]=null):ee(l,o),Y(e)&&s.set(e,l),l)}function Qt(e,t){return!e||!kt(t)?!1:(t=t.slice(2).replace(/Once$/,""),j(e,t[0].toLowerCase()+t.slice(1))||j(e,ut(t))||j(e,t))}let ge=null,ur=null;function Bt(e){const t=ge;return ge=e,ur=e&&e.type.__scopeId||null,t}function ar(e,t=ge,n){if(!t||e._n)return e;const s=(...r)=>{s._d&&xs(-1);const o=Bt(t);let l;try{l=e(...r)}finally{Bt(o),s._d&&xs(1)}return l};return s._n=!0,s._c=!0,s._d=!0,s}function fn(e){const{type:t,vnode:n,proxy:s,withProxy:r,props:o,propsOptions:[l],slots:c,attrs:u,emit:d,render:h,renderCache:x,data:w,setupState:O,ctx:K,inheritAttrs:V}=e;let k,D;const ne=Bt(e);try{if(n.shapeFlag&4){const X=r||s,re=X;k=Oe(h.call(re,X,x,o,O,w,K)),D=u}else{const X=t;k=Oe(X.length>1?X(o,{attrs:u,slots:c,emit:d}):X(o,null)),D=t.props?u:Po(u)}}catch(X){yt.length=0,Zt(X,e,1),k=ie(Et)}let $=k;if(D&&V!==!1){const X=Object.keys(D),{shapeFlag:re}=$;X.length&&re&7&&(l&&X.some(Rn)&&(D=Ro(D,l)),$=ft($,D))}return n.dirs&&($=ft($),$.dirs=$.dirs?$.dirs.concat(n.dirs):n.dirs),n.transition&&($.transition=n.transition),k=$,Bt(ne),k}const Po=e=>{let t;for(const n in e)(n==="class"||n==="style"||kt(n))&&((t||(t={}))[n]=e[n]);return t},Ro=(e,t)=>{const n={};for(const s in e)(!Rn(s)||!(s.slice(9)in t))&&(n[s]=e[s]);return n};function Mo(e,t,n){const{props:s,children:r,component:o}=e,{props:l,children:c,patchFlag:u}=t,d=o.emitsOptions;if(t.dirs||t.transition)return!0;if(n&&u>=0){if(u&1024)return!0;if(u&16)return s?as(s,l,d):!!l;if(u&8){const h=t.dynamicProps;for(let x=0;xe.__isSuspense;function No(e,t){t&&t.pendingBranch?M(e)?t.effects.push(...e):t.effects.push(e):Oo(e)}const Uo=Symbol.for("v-scx"),jo=()=>Ut(Uo),Rt={};function Lt(e,t,n){return dr(e,t,n)}function dr(e,t,{immediate:n,deep:s,flush:r,once:o,onTrack:l,onTrigger:c}=B){if(t&&o){const U=t;t=(...be)=>{U(...be),re()}}const u=le,d=U=>s===!0?U:ke(U,s===!1?1:void 0);let h,x=!1,w=!1;if(ce(e)?(h=()=>e.value,x=Kt(e)):ot(e)?(h=()=>d(e),x=!0):M(e)?(w=!0,x=e.some(U=>ot(U)||Kt(U)),h=()=>e.map(U=>{if(ce(U))return U.value;if(ot(U))return d(U);if(F(U))return je(U,u,2)})):F(e)?t?h=()=>je(e,u,2):h=()=>(O&&O(),Ee(e,u,3,[K])):h=_e,t&&s){const U=h;h=()=>ke(U())}let O,K=U=>{O=$.onStop=()=>{je(U,u,4),O=$.onStop=void 0}},V;if(sn)if(K=_e,t?n&&Ee(t,u,3,[h(),w?[]:void 0,K]):h(),r==="sync"){const U=jo();V=U.__watcherHandles||(U.__watcherHandles=[])}else return _e;let k=w?new Array(e.length).fill(Rt):Rt;const D=()=>{if(!(!$.active||!$.dirty))if(t){const U=$.run();(s||x||(w?U.some((be,me)=>Ve(be,k[me])):Ve(U,k)))&&(O&&O(),Ee(t,u,3,[U,k===Rt?void 0:w&&k[0]===Rt?[]:k,K]),k=U)}else $.run()};D.allowRecurse=!!t;let ne;r==="sync"?ne=D:r==="post"?ne=()=>ae(D,u&&u.suspense):(D.pre=!0,u&&(D.id=u.uid),ne=()=>zn(D));const $=new Nn(h,_e,ne),X=Xr(),re=()=>{$.stop(),X&&Mn(X.effects,$)};return t?n?D():k=$.run():r==="post"?ae($.run.bind($),u&&u.suspense):$.run(),V&&V.push(re),re}function Vo(e,t,n){const s=this.proxy,r=te(e)?e.includes(".")?hr(s,e):()=>s[e]:e.bind(s,s);let o;F(t)?o=t:(o=t.handler,n=t);const l=St(this),c=dr(r,o.bind(s),n);return l(),c}function hr(e,t){const n=t.split(".");return()=>{let s=e;for(let r=0;r0){if(n>=t)return e;n++}if(s=s||new Set,s.has(e))return e;if(s.add(e),ce(e))ke(e.value,t,n,s);else if(M(e))for(let r=0;r{ke(r,t,n,s)});else if(Ur(e))for(const r in e)ke(e[r],t,n,s);return e}function fe(e,t){if(ge===null)return e;const n=rn(ge)||ge.proxy,s=e.dirs||(e.dirs=[]);for(let r=0;ree({name:e.name},t,{setup:e}))():e}const Nt=e=>!!e.type.__asyncLoader,pr=e=>e.type.__isKeepAlive;function Ho(e,t){gr(e,"a",t)}function Wo(e,t){gr(e,"da",t)}function gr(e,t,n=le){const s=e.__wdc||(e.__wdc=()=>{let r=n;for(;r;){if(r.isDeactivated)return;r=r.parent}return e()});if(en(t,s,n),n){let r=n.parent;for(;r&&r.parent;)pr(r.parent.vnode)&&Ko(s,t,n,r),r=r.parent}}function Ko(e,t,n,s){const r=en(t,e,s,!0);_r(()=>{Mn(s[t],r)},n)}function en(e,t,n=le,s=!1){if(n){const r=n[e]||(n[e]=[]),o=t.__weh||(t.__weh=(...l)=>{if(n.isUnmounted)return;qe();const c=St(n),u=Ee(t,n,e,l);return c(),Ge(),u});return s?r.unshift(o):r.push(o),o}}const Me=e=>(t,n=le)=>(!sn||e==="sp")&&en(e,(...s)=>t(...s),n),Bo=Me("bm"),mr=Me("m"),zo=Me("bu"),Do=Me("u"),ko=Me("bum"),_r=Me("um"),Yo=Me("sp"),Xo=Me("rtg"),qo=Me("rtc");function Go(e,t=le){en("ec",e,t)}const wn=e=>e?Cr(e)?rn(e)||e.proxy:wn(e.parent):null,_t=ee(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>wn(e.parent),$root:e=>wn(e.root),$emit:e=>e.emit,$options:e=>kn(e),$forceUpdate:e=>e.f||(e.f=()=>{e.effect.dirty=!0,zn(e.update)}),$nextTick:e=>e.n||(e.n=To.bind(e.proxy)),$watch:e=>Vo.bind(e)}),un=(e,t)=>e!==B&&!e.__isScriptSetup&&j(e,t),Jo={get({_:e},t){const{ctx:n,setupState:s,data:r,props:o,accessCache:l,type:c,appContext:u}=e;let d;if(t[0]!=="$"){const O=l[t];if(O!==void 0)switch(O){case 1:return s[t];case 2:return r[t];case 4:return n[t];case 3:return o[t]}else{if(un(s,t))return l[t]=1,s[t];if(r!==B&&j(r,t))return l[t]=2,r[t];if((d=e.propsOptions[0])&&j(d,t))return l[t]=3,o[t];if(n!==B&&j(n,t))return l[t]=4,n[t];En&&(l[t]=0)}}const h=_t[t];let x,w;if(h)return t==="$attrs"&&de(e,"get",t),h(e);if((x=c.__cssModules)&&(x=x[t]))return x;if(n!==B&&j(n,t))return l[t]=4,n[t];if(w=u.config.globalProperties,j(w,t))return w[t]},set({_:e},t,n){const{data:s,setupState:r,ctx:o}=e;return un(r,t)?(r[t]=n,!0):s!==B&&j(s,t)?(s[t]=n,!0):j(e.props,t)||t[0]==="$"&&t.slice(1)in e?!1:(o[t]=n,!0)},has({_:{data:e,setupState:t,accessCache:n,ctx:s,appContext:r,propsOptions:o}},l){let c;return!!n[l]||e!==B&&j(e,l)||un(t,l)||(c=o[0])&&j(c,l)||j(s,l)||j(_t,l)||j(r.config.globalProperties,l)},defineProperty(e,t,n){return n.get!=null?e._.accessCache[t]=0:j(n,"value")&&this.set(e,t,n.value,null),Reflect.defineProperty(e,t,n)}};function ds(e){return M(e)?e.reduce((t,n)=>(t[n]=null,t),{}):e}let En=!0;function Zo(e){const t=kn(e),n=e.proxy,s=e.ctx;En=!1,t.beforeCreate&&hs(t.beforeCreate,e,"bc");const{data:r,computed:o,methods:l,watch:c,provide:u,inject:d,created:h,beforeMount:x,mounted:w,beforeUpdate:O,updated:K,activated:V,deactivated:k,beforeDestroy:D,beforeUnmount:ne,destroyed:$,unmounted:X,render:re,renderTracked:U,renderTriggered:be,errorCaptured:me,serverPrefetch:Je,expose:Ae,inheritAttrs:Pe,components:He,directives:We,filters:Ze}=t;if(d&&Qo(d,s,null),l)for(const C in l){const R=l[C];F(R)&&(s[C]=R.bind(n))}if(r){const C=r.call(n,n);Y(C)&&(e.data=Jt(C))}if(En=!0,o)for(const C in o){const R=o[C],q=F(R)?R.bind(n,n):F(R.get)?R.get.bind(n,n):_e,Z=!F(R)&&F(R.set)?R.set.bind(n):_e,G=Rl({get:q,set:Z});Object.defineProperty(s,C,{enumerable:!0,configurable:!0,get:()=>G.value,set:Q=>G.value=Q})}if(c)for(const C in c)br(c[C],s,n,C);if(u){const C=F(u)?u.call(n):u;Reflect.ownKeys(C).forEach(R=>{ol(R,C[R])})}h&&hs(h,e,"c");function A(C,R){M(R)?R.forEach(q=>C(q.bind(n))):R&&C(R.bind(n))}if(A(Bo,x),A(mr,w),A(zo,O),A(Do,K),A(Ho,V),A(Wo,k),A(Go,me),A(qo,U),A(Xo,be),A(ko,ne),A(_r,X),A(Yo,Je),M(Ae))if(Ae.length){const C=e.exposed||(e.exposed={});Ae.forEach(R=>{Object.defineProperty(C,R,{get:()=>n[R],set:q=>n[R]=q})})}else e.exposed||(e.exposed={});re&&e.render===_e&&(e.render=re),Pe!=null&&(e.inheritAttrs=Pe),He&&(e.components=He),We&&(e.directives=We)}function Qo(e,t,n=_e){M(e)&&(e=Tn(e));for(const s in e){const r=e[s];let o;Y(r)?"default"in r?o=Ut(r.from||s,r.default,!0):o=Ut(r.from||s):o=Ut(r),ce(o)?Object.defineProperty(t,s,{enumerable:!0,configurable:!0,get:()=>o.value,set:l=>o.value=l}):t[s]=o}}function hs(e,t,n){Ee(M(e)?e.map(s=>s.bind(t.proxy)):e.bind(t.proxy),t,n)}function br(e,t,n,s){const r=s.includes(".")?hr(n,s):()=>n[s];if(te(e)){const o=t[e];F(o)&&Lt(r,o)}else if(F(e))Lt(r,e.bind(n));else if(Y(e))if(M(e))e.forEach(o=>br(o,t,n,s));else{const o=F(e.handler)?e.handler.bind(n):t[e.handler];F(o)&&Lt(r,o,e)}}function kn(e){const t=e.type,{mixins:n,extends:s}=t,{mixins:r,optionsCache:o,config:{optionMergeStrategies:l}}=e.appContext,c=o.get(t);let u;return c?u=c:!r.length&&!n&&!s?u=t:(u={},r.length&&r.forEach(d=>zt(u,d,l,!0)),zt(u,t,l)),Y(t)&&o.set(t,u),u}function zt(e,t,n,s=!1){const{mixins:r,extends:o}=t;o&&zt(e,o,n,!0),r&&r.forEach(l=>zt(e,l,n,!0));for(const l in t)if(!(s&&l==="expose")){const c=el[l]||n&&n[l];e[l]=c?c(e[l],t[l]):t[l]}return e}const el={data:ps,props:gs,emits:gs,methods:pt,computed:pt,beforeCreate:oe,created:oe,beforeMount:oe,mounted:oe,beforeUpdate:oe,updated:oe,beforeDestroy:oe,beforeUnmount:oe,destroyed:oe,unmounted:oe,activated:oe,deactivated:oe,errorCaptured:oe,serverPrefetch:oe,components:pt,directives:pt,watch:nl,provide:ps,inject:tl};function ps(e,t){return t?e?function(){return ee(F(e)?e.call(this,this):e,F(t)?t.call(this,this):t)}:t:e}function tl(e,t){return pt(Tn(e),Tn(t))}function Tn(e){if(M(e)){const t={};for(let n=0;n1)return n&&F(t)?t.call(s&&s.proxy):t}}function ll(e,t,n,s=!1){const r={},o={};Ht(o,nn,1),e.propsDefaults=Object.create(null),xr(e,t,r,o);for(const l in e.propsOptions[0])l in r||(r[l]=void 0);n?e.props=s?r:mo(r):e.type.props?e.props=r:e.props=o,e.attrs=o}function il(e,t,n,s){const{props:r,attrs:o,vnode:{patchFlag:l}}=e,c=H(r),[u]=e.propsOptions;let d=!1;if((s||l>0)&&!(l&16)){if(l&8){const h=e.vnode.dynamicProps;for(let x=0;x{u=!0;const[w,O]=vr(x,t,!0);ee(l,w),O&&c.push(...O)};!n&&t.mixins.length&&t.mixins.forEach(h),e.extends&&h(e.extends),e.mixins&&e.mixins.forEach(h)}if(!o&&!u)return Y(e)&&s.set(e,rt),rt;if(M(o))for(let h=0;h-1,O[1]=V<0||K-1||j(O,"default"))&&c.push(x)}}}const d=[l,c];return Y(e)&&s.set(e,d),d}function ms(e){return e[0]!=="$"&&!mt(e)}function _s(e){const t=e&&e.toString().match(/^\s*(function|class) (\w+)/);return t?t[2]:e===null?"null":""}function bs(e,t){return _s(e)===_s(t)}function ys(e,t){return M(t)?t.findIndex(n=>bs(n,e)):F(t)&&bs(t,e)?0:-1}const wr=e=>e[0]==="_"||e==="$stable",Yn=e=>M(e)?e.map(Oe):[Oe(e)],cl=(e,t,n)=>{if(t._n)return t;const s=ar((...r)=>Yn(t(...r)),n);return s._c=!1,s},Er=(e,t,n)=>{const s=e._ctx;for(const r in e){if(wr(r))continue;const o=e[r];if(F(o))t[r]=cl(r,o,s);else if(o!=null){const l=Yn(o);t[r]=()=>l}}},Tr=(e,t)=>{const n=Yn(t);e.slots.default=()=>n},fl=(e,t)=>{if(e.vnode.shapeFlag&32){const n=t._;n?(e.slots=H(t),Ht(t,"_",n)):Er(t,e.slots={})}else e.slots={},t&&Tr(e,t);Ht(e.slots,nn,1)},ul=(e,t,n)=>{const{vnode:s,slots:r}=e;let o=!0,l=B;if(s.shapeFlag&32){const c=t._;c?n&&c===1?o=!1:(ee(r,t),!n&&c===1&&delete r._):(o=!t.$stable,Er(t,r)),l=t}else t&&(Tr(e,t),l={default:1});if(o)for(const c in r)!wr(c)&&l[c]==null&&delete r[c]};function In(e,t,n,s,r=!1){if(M(e)){e.forEach((w,O)=>In(w,t&&(M(t)?t[O]:t),n,s,r));return}if(Nt(s)&&!r)return;const o=s.shapeFlag&4?rn(s.component)||s.component.proxy:s.el,l=r?null:o,{i:c,r:u}=e,d=t&&t.r,h=c.refs===B?c.refs={}:c.refs,x=c.setupState;if(d!=null&&d!==u&&(te(d)?(h[d]=null,j(x,d)&&(x[d]=null)):ce(d)&&(d.value=null)),F(u))je(u,c,12,[l,h]);else{const w=te(u),O=ce(u);if(w||O){const K=()=>{if(e.f){const V=w?j(x,u)?x[u]:h[u]:u.value;r?M(V)&&Mn(V,o):M(V)?V.includes(o)||V.push(o):w?(h[u]=[o],j(x,u)&&(x[u]=h[u])):(u.value=[o],e.k&&(h[e.k]=u.value))}else w?(h[u]=l,j(x,u)&&(x[u]=l)):O&&(u.value=l,e.k&&(h[e.k]=l))};l?(K.id=-1,ae(K,n)):K()}}}const ae=No;function al(e){return dl(e)}function dl(e,t){const n=Vs();n.__VUE__=!0;const{insert:s,remove:r,patchProp:o,createElement:l,createText:c,createComment:u,setText:d,setElementText:h,parentNode:x,nextSibling:w,setScopeId:O=_e,insertStaticContent:K}=e,V=(i,f,a,p=null,g=null,b=null,v=void 0,_=null,y=!!f.dynamicChildren)=>{if(i===f)return;i&&!ht(i,f)&&(p=et(i),Q(i,g,b,!0),i=null),f.patchFlag===-2&&(y=!1,f.dynamicChildren=null);const{type:m,ref:E,shapeFlag:S}=f;switch(m){case tn:k(i,f,a,p);break;case Et:D(i,f,a,p);break;case jt:i==null&&ne(f,a,p,v);break;case Ie:He(i,f,a,p,g,b,v,_,y);break;default:S&1?re(i,f,a,p,g,b,v,_,y):S&6?We(i,f,a,p,g,b,v,_,y):(S&64||S&128)&&m.process(i,f,a,p,g,b,v,_,y,tt)}E!=null&&g&&In(E,i&&i.ref,b,f||i,!f)},k=(i,f,a,p)=>{if(i==null)s(f.el=c(f.children),a,p);else{const g=f.el=i.el;f.children!==i.children&&d(g,f.children)}},D=(i,f,a,p)=>{i==null?s(f.el=u(f.children||""),a,p):f.el=i.el},ne=(i,f,a,p)=>{[i.el,i.anchor]=K(i.children,f,a,p,i.el,i.anchor)},$=({el:i,anchor:f},a,p)=>{let g;for(;i&&i!==f;)g=w(i),s(i,a,p),i=g;s(f,a,p)},X=({el:i,anchor:f})=>{let a;for(;i&&i!==f;)a=w(i),r(i),i=a;r(f)},re=(i,f,a,p,g,b,v,_,y)=>{f.type==="svg"?v="svg":f.type==="math"&&(v="mathml"),i==null?U(f,a,p,g,b,v,_,y):Je(i,f,g,b,v,_,y)},U=(i,f,a,p,g,b,v,_)=>{let y,m;const{props:E,shapeFlag:S,transition:T,dirs:P}=i;if(y=i.el=l(i.type,b,E&&E.is,E),S&8?h(y,i.children):S&16&&me(i.children,y,null,p,g,an(i,b),v,_),P&&Be(i,null,p,"created"),be(y,i,i.scopeId,v,p),E){for(const W in E)W!=="value"&&!mt(W)&&o(y,W,null,E[W],b,i.children,p,g,he);"value"in E&&o(y,"value",null,E.value,b),(m=E.onVnodeBeforeMount)&&Se(m,p,i)}P&&Be(i,null,p,"beforeMount");const N=hl(g,T);N&&T.beforeEnter(y),s(y,f,a),((m=E&&E.onVnodeMounted)||N||P)&&ae(()=>{m&&Se(m,p,i),N&&T.enter(y),P&&Be(i,null,p,"mounted")},g)},be=(i,f,a,p,g)=>{if(a&&O(i,a),p)for(let b=0;b{for(let m=y;m{const _=f.el=i.el;let{patchFlag:y,dynamicChildren:m,dirs:E}=f;y|=i.patchFlag&16;const S=i.props||B,T=f.props||B;let P;if(a&&ze(a,!1),(P=T.onVnodeBeforeUpdate)&&Se(P,a,f,i),E&&Be(f,i,a,"beforeUpdate"),a&&ze(a,!0),m?Ae(i.dynamicChildren,m,_,a,p,an(f,g),b):v||R(i,f,_,null,a,p,an(f,g),b,!1),y>0){if(y&16)Pe(_,f,S,T,a,p,g);else if(y&2&&S.class!==T.class&&o(_,"class",null,T.class,g),y&4&&o(_,"style",S.style,T.style,g),y&8){const N=f.dynamicProps;for(let W=0;W{P&&Se(P,a,f,i),E&&Be(f,i,a,"updated")},p)},Ae=(i,f,a,p,g,b,v)=>{for(let _=0;_{if(a!==p){if(a!==B)for(const _ in a)!mt(_)&&!(_ in p)&&o(i,_,a[_],null,v,f.children,g,b,he);for(const _ in p){if(mt(_))continue;const y=p[_],m=a[_];y!==m&&_!=="value"&&o(i,_,m,y,v,f.children,g,b,he)}"value"in p&&o(i,"value",a.value,p.value,v)}},He=(i,f,a,p,g,b,v,_,y)=>{const m=f.el=i?i.el:c(""),E=f.anchor=i?i.anchor:c("");let{patchFlag:S,dynamicChildren:T,slotScopeIds:P}=f;P&&(_=_?_.concat(P):P),i==null?(s(m,a,p),s(E,a,p),me(f.children||[],a,E,g,b,v,_,y)):S>0&&S&64&&T&&i.dynamicChildren?(Ae(i.dynamicChildren,T,a,g,b,v,_),(f.key!=null||g&&f===g.subTree)&&Sr(i,f,!0)):R(i,f,a,E,g,b,v,_,y)},We=(i,f,a,p,g,b,v,_,y)=>{f.slotScopeIds=_,i==null?f.shapeFlag&512?g.ctx.activate(f,a,p,v,y):Ze(f,a,p,g,b,v,y):L(i,f,y)},Ze=(i,f,a,p,g,b,v)=>{const _=i.component=Sl(i,p,g);if(pr(i)&&(_.ctx.renderer=tt),Il(_),_.asyncDep){if(g&&g.registerDep(_,A),!i.el){const y=_.subTree=ie(Et);D(null,y,f,a)}}else A(_,i,f,a,g,b,v)},L=(i,f,a)=>{const p=f.component=i.component;if(Mo(i,f,a))if(p.asyncDep&&!p.asyncResolved){C(p,f,a);return}else p.next=f,Io(p.update),p.effect.dirty=!0,p.update();else f.el=i.el,p.vnode=f},A=(i,f,a,p,g,b,v)=>{const _=()=>{if(i.isMounted){let{next:E,bu:S,u:T,parent:P,vnode:N}=i;{const nt=Ir(i);if(nt){E&&(E.el=N.el,C(i,E,v)),nt.asyncDep.then(()=>{i.isUnmounted||_()});return}}let W=E,z;ze(i,!1),E?(E.el=N.el,C(i,E,v)):E=N,S&&Ft(S),(z=E.props&&E.props.onVnodeBeforeUpdate)&&Se(z,P,E,N),ze(i,!0);const J=fn(i),xe=i.subTree;i.subTree=J,V(xe,J,x(xe.el),et(xe),i,g,b),E.el=J.el,W===null&&Fo(i,J.el),T&&ae(T,g),(z=E.props&&E.props.onVnodeUpdated)&&ae(()=>Se(z,P,E,N),g)}else{let E;const{el:S,props:T}=f,{bm:P,m:N,parent:W}=i,z=Nt(f);if(ze(i,!1),P&&Ft(P),!z&&(E=T&&T.onVnodeBeforeMount)&&Se(E,W,f),ze(i,!0),S&&ln){const J=()=>{i.subTree=fn(i),ln(S,i.subTree,i,g,null)};z?f.type.__asyncLoader().then(()=>!i.isUnmounted&&J()):J()}else{const J=i.subTree=fn(i);V(null,J,a,p,i,g,b),f.el=J.el}if(N&&ae(N,g),!z&&(E=T&&T.onVnodeMounted)){const J=f;ae(()=>Se(E,W,J),g)}(f.shapeFlag&256||W&&Nt(W.vnode)&&W.vnode.shapeFlag&256)&&i.a&&ae(i.a,g),i.isMounted=!0,f=a=p=null}},y=i.effect=new Nn(_,_e,()=>zn(m),i.scope),m=i.update=()=>{y.dirty&&y.run()};m.id=i.uid,ze(i,!0),m()},C=(i,f,a)=>{f.component=i;const p=i.vnode.props;i.vnode=f,i.next=null,il(i,f.props,p,a),ul(i,f.children,a),qe(),us(i),Ge()},R=(i,f,a,p,g,b,v,_,y=!1)=>{const m=i&&i.children,E=i?i.shapeFlag:0,S=f.children,{patchFlag:T,shapeFlag:P}=f;if(T>0){if(T&128){Z(m,S,a,p,g,b,v,_,y);return}else if(T&256){q(m,S,a,p,g,b,v,_,y);return}}P&8?(E&16&&he(m,g,b),S!==m&&h(a,S)):E&16?P&16?Z(m,S,a,p,g,b,v,_,y):he(m,g,b,!0):(E&8&&h(a,""),P&16&&me(S,a,p,g,b,v,_,y))},q=(i,f,a,p,g,b,v,_,y)=>{i=i||rt,f=f||rt;const m=i.length,E=f.length,S=Math.min(m,E);let T;for(T=0;TE?he(i,g,b,!0,!1,S):me(f,a,p,g,b,v,_,y,S)},Z=(i,f,a,p,g,b,v,_,y)=>{let m=0;const E=f.length;let S=i.length-1,T=E-1;for(;m<=S&&m<=T;){const P=i[m],N=f[m]=y?Le(f[m]):Oe(f[m]);if(ht(P,N))V(P,N,a,null,g,b,v,_,y);else break;m++}for(;m<=S&&m<=T;){const P=i[S],N=f[T]=y?Le(f[T]):Oe(f[T]);if(ht(P,N))V(P,N,a,null,g,b,v,_,y);else break;S--,T--}if(m>S){if(m<=T){const P=T+1,N=PT)for(;m<=S;)Q(i[m],g,b,!0),m++;else{const P=m,N=m,W=new Map;for(m=N;m<=T;m++){const pe=f[m]=y?Le(f[m]):Oe(f[m]);pe.key!=null&&W.set(pe.key,m)}let z,J=0;const xe=T-N+1;let nt=!1,Zn=0;const dt=new Array(xe);for(m=0;m=xe){Q(pe,g,b,!0);continue}let Te;if(pe.key!=null)Te=W.get(pe.key);else for(z=N;z<=T;z++)if(dt[z-N]===0&&ht(pe,f[z])){Te=z;break}Te===void 0?Q(pe,g,b,!0):(dt[Te-N]=m+1,Te>=Zn?Zn=Te:nt=!0,V(pe,f[Te],a,null,g,b,v,_,y),J++)}const Qn=nt?pl(dt):rt;for(z=Qn.length-1,m=xe-1;m>=0;m--){const pe=N+m,Te=f[pe],es=pe+1{const{el:b,type:v,transition:_,children:y,shapeFlag:m}=i;if(m&6){G(i.component.subTree,f,a,p);return}if(m&128){i.suspense.move(f,a,p);return}if(m&64){v.move(i,f,a,tt);return}if(v===Ie){s(b,f,a);for(let S=0;S_.enter(b),g);else{const{leave:S,delayLeave:T,afterLeave:P}=_,N=()=>s(b,f,a),W=()=>{S(b,()=>{N(),P&&P()})};T?T(b,N,W):W()}else s(b,f,a)},Q=(i,f,a,p=!1,g=!1)=>{const{type:b,props:v,ref:_,children:y,dynamicChildren:m,shapeFlag:E,patchFlag:S,dirs:T}=i;if(_!=null&&In(_,null,a,i,!0),E&256){f.ctx.deactivate(i);return}const P=E&1&&T,N=!Nt(i);let W;if(N&&(W=v&&v.onVnodeBeforeUnmount)&&Se(W,f,i),E&6)Qe(i.component,a,p);else{if(E&128){i.suspense.unmount(a,p);return}P&&Be(i,null,f,"beforeUnmount"),E&64?i.type.remove(i,f,a,g,tt,p):m&&(b!==Ie||S>0&&S&64)?he(m,f,a,!1,!0):(b===Ie&&S&384||!g&&E&16)&&he(y,f,a),p&&Ke(i)}(N&&(W=v&&v.onVnodeUnmounted)||P)&&ae(()=>{W&&Se(W,f,i),P&&Be(i,null,f,"unmounted")},a)},Ke=i=>{const{type:f,el:a,anchor:p,transition:g}=i;if(f===Ie){ye(a,p);return}if(f===jt){X(i);return}const b=()=>{r(a),g&&!g.persisted&&g.afterLeave&&g.afterLeave()};if(i.shapeFlag&1&&g&&!g.persisted){const{leave:v,delayLeave:_}=g,y=()=>v(a,b);_?_(i.el,b,y):y()}else b()},ye=(i,f)=>{let a;for(;i!==f;)a=w(i),r(i),i=a;r(f)},Qe=(i,f,a)=>{const{bum:p,scope:g,update:b,subTree:v,um:_}=i;p&&Ft(p),g.stop(),b&&(b.active=!1,Q(v,i,f,a)),_&&ae(_,f),ae(()=>{i.isUnmounted=!0},f),f&&f.pendingBranch&&!f.isUnmounted&&i.asyncDep&&!i.asyncResolved&&i.suspenseId===f.pendingId&&(f.deps--,f.deps===0&&f.resolve())},he=(i,f,a,p=!1,g=!1,b=0)=>{for(let v=b;vi.shapeFlag&6?et(i.component.subTree):i.shapeFlag&128?i.suspense.next():w(i.anchor||i.el);let at=!1;const Jn=(i,f,a)=>{i==null?f._vnode&&Q(f._vnode,null,null,!0):V(f._vnode||null,i,f,null,null,null,a),at||(at=!0,us(),ir(),at=!1),f._vnode=i},tt={p:V,um:Q,m:G,r:Ke,mt:Ze,mc:me,pc:R,pbc:Ae,n:et,o:e};let on,ln;return t&&([on,ln]=t(tt)),{render:Jn,hydrate:on,createApp:rl(Jn,on)}}function an({type:e,props:t},n){return n==="svg"&&e==="foreignObject"||n==="mathml"&&e==="annotation-xml"&&t&&t.encoding&&t.encoding.includes("html")?void 0:n}function ze({effect:e,update:t},n){e.allowRecurse=t.allowRecurse=n}function hl(e,t){return(!e||e&&!e.pendingBranch)&&t&&!t.persisted}function Sr(e,t,n=!1){const s=e.children,r=t.children;if(M(s)&&M(r))for(let o=0;o>1,e[n[c]]0&&(t[s]=n[o-1]),n[o]=s)}}for(o=n.length,l=n[o-1];o-- >0;)n[o]=l,l=t[l];return n}function Ir(e){const t=e.subTree.component;if(t)return t.asyncDep&&!t.asyncResolved?t:Ir(t)}const gl=e=>e.__isTeleport,Ie=Symbol.for("v-fgt"),tn=Symbol.for("v-txt"),Et=Symbol.for("v-cmt"),jt=Symbol.for("v-stc"),yt=[];let we=null;function Xn(e=!1){yt.push(we=e?null:[])}function ml(){yt.pop(),we=yt[yt.length-1]||null}let Tt=1;function xs(e){Tt+=e}function _l(e){return e.dynamicChildren=Tt>0?we||rt:null,ml(),Tt>0&&we&&we.push(e),e}function qn(e,t,n,s,r,o){return _l(I(e,t,n,s,r,o,!0))}function On(e){return e?e.__v_isVNode===!0:!1}function ht(e,t){return e.type===t.type&&e.key===t.key}const nn="__vInternal",Or=({key:e})=>e??null,Vt=({ref:e,ref_key:t,ref_for:n})=>(typeof e=="number"&&(e=""+e),e!=null?te(e)||ce(e)||F(e)?{i:ge,r:e,k:t,f:!!n}:e:null);function I(e,t=null,n=null,s=0,r=null,o=e===Ie?0:1,l=!1,c=!1){const u={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&Or(t),ref:t&&Vt(t),scopeId:ur,slotScopeIds:null,children:n,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetAnchor:null,staticCount:0,shapeFlag:o,patchFlag:s,dynamicProps:r,dynamicChildren:null,appContext:null,ctx:ge};return c?(Gn(u,n),o&128&&e.normalize(u)):n&&(u.shapeFlag|=te(n)?8:16),Tt>0&&!l&&we&&(u.patchFlag>0||o&6)&&u.patchFlag!==32&&we.push(u),u}const ie=bl;function bl(e,t=null,n=null,s=0,r=null,o=!1){if((!e||e===$o)&&(e=Et),On(e)){const c=ft(e,t,!0);return n&&Gn(c,n),Tt>0&&!o&&we&&(c.shapeFlag&6?we[we.indexOf(e)]=c:we.push(c)),c.patchFlag|=-2,c}if(Pl(e)&&(e=e.__vccOpts),t){t=yl(t);let{class:c,style:u}=t;c&&!te(c)&&(t.class=Ln(c)),Y(u)&&(Qs(u)&&!M(u)&&(u=ee({},u)),t.style=$n(u))}const l=te(e)?1:Lo(e)?128:gl(e)?64:Y(e)?4:F(e)?2:0;return I(e,t,n,s,r,l,o,!0)}function yl(e){return e?Qs(e)||nn in e?ee({},e):e:null}function ft(e,t,n=!1){const{props:s,ref:r,patchFlag:o,children:l}=e,c=t?wl(s||{},t):s;return{__v_isVNode:!0,__v_skip:!0,type:e.type,props:c,key:c&&Or(c),ref:t&&t.ref?n&&r?M(r)?r.concat(Vt(t)):[r,Vt(t)]:Vt(t):r,scopeId:e.scopeId,slotScopeIds:e.slotScopeIds,children:l,target:e.target,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==Ie?o===-1?16:o|16:o,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:e.transition,component:e.component,suspense:e.suspense,ssContent:e.ssContent&&ft(e.ssContent),ssFallback:e.ssFallback&&ft(e.ssFallback),el:e.el,anchor:e.anchor,ctx:e.ctx,ce:e.ce}}function xl(e=" ",t=0){return ie(tn,null,e,t)}function vl(e,t){const n=ie(jt,null,e);return n.staticCount=t,n}function Oe(e){return e==null||typeof e=="boolean"?ie(Et):M(e)?ie(Ie,null,e.slice()):typeof e=="object"?Le(e):ie(tn,null,String(e))}function Le(e){return e.el===null&&e.patchFlag!==-1||e.memo?e:ft(e)}function Gn(e,t){let n=0;const{shapeFlag:s}=e;if(t==null)t=null;else if(M(t))n=16;else if(typeof t=="object")if(s&65){const r=t.default;r&&(r._c&&(r._d=!1),Gn(e,r()),r._c&&(r._d=!0));return}else{n=32;const r=t._;!r&&!(nn in t)?t._ctx=ge:r===3&&ge&&(ge.slots._===1?t._=1:(t._=2,e.patchFlag|=1024))}else F(t)?(t={default:t,_ctx:ge},n=32):(t=String(t),s&64?(n=16,t=[xl(t)]):n=8);e.children=t,e.shapeFlag|=n}function wl(...e){const t={};for(let n=0;n{let r;return(r=e[n])||(r=e[n]=[]),r.push(s),o=>{r.length>1?r.forEach(l=>l(o)):r[0](o)}};Dt=t("__VUE_INSTANCE_SETTERS__",n=>le=n),Cn=t("__VUE_SSR_SETTERS__",n=>sn=n)}const St=e=>{const t=le;return Dt(e),e.scope.on(),()=>{e.scope.off(),Dt(t)}},vs=()=>{le&&le.scope.off(),Dt(null)};function Cr(e){return e.vnode.shapeFlag&4}let sn=!1;function Il(e,t=!1){t&&Cn(t);const{props:n,children:s}=e.vnode,r=Cr(e);ll(e,n,r,t),fl(e,s);const o=r?Ol(e,t):void 0;return t&&Cn(!1),o}function Ol(e,t){const n=e.type;e.accessCache=Object.create(null),e.proxy=er(new Proxy(e.ctx,Jo));const{setup:s}=n;if(s){const r=e.setupContext=s.length>1?Al(e):null,o=St(e);qe();const l=je(s,e,0,[e.props,r]);if(Ge(),o(),Us(l)){if(l.then(vs,vs),t)return l.then(c=>{ws(e,c,t)}).catch(c=>{Zt(c,e,0)});e.asyncDep=l}else ws(e,l,t)}else Ar(e,t)}function ws(e,t,n){F(t)?e.type.__ssrInlineRender?e.ssrRender=t:e.render=t:Y(t)&&(e.setupState=rr(t)),Ar(e,n)}let Es;function Ar(e,t,n){const s=e.type;if(!e.render){if(!t&&Es&&!s.render){const r=s.template||kn(e).template;if(r){const{isCustomElement:o,compilerOptions:l}=e.appContext.config,{delimiters:c,compilerOptions:u}=s,d=ee(ee({isCustomElement:o,delimiters:c},l),u);s.render=Es(r,d)}}e.render=s.render||_e}{const r=St(e);qe();try{Zo(e)}finally{Ge(),r()}}}function Cl(e){return e.attrsProxy||(e.attrsProxy=new Proxy(e.attrs,{get(t,n){return de(e,"get","$attrs"),t[n]}}))}function Al(e){const t=n=>{e.exposed=n||{}};return{get attrs(){return Cl(e)},slots:e.slots,emit:e.emit,expose:t}}function rn(e){if(e.exposed)return e.exposeProxy||(e.exposeProxy=new Proxy(rr(er(e.exposed)),{get(t,n){if(n in t)return t[n];if(n in _t)return _t[n](e)},has(t,n){return n in t||n in _t}}))}function Pl(e){return F(e)&&"__vccOpts"in e}const Rl=(e,t)=>_o(e,t,sn);function Ts(e,t,n){const s=arguments.length;return s===2?Y(t)&&!M(t)?On(t)?ie(e,null,[t]):ie(e,t):ie(e,null,t):(s>3?n=Array.prototype.slice.call(arguments,2):s===3&&On(n)&&(n=[n]),ie(e,t,n))}const Ml="3.4.18";/** +* @vue/runtime-dom v3.4.18 +* (c) 2018-present Yuxi (Evan) You and Vue contributors +* @license MIT +**/const Fl="http://www.w3.org/2000/svg",$l="http://www.w3.org/1998/Math/MathML",Ne=typeof document<"u"?document:null,Ss=Ne&&Ne.createElement("template"),Ll={insert:(e,t,n)=>{t.insertBefore(e,n||null)},remove:e=>{const t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,n,s)=>{const r=t==="svg"?Ne.createElementNS(Fl,e):t==="mathml"?Ne.createElementNS($l,e):Ne.createElement(e,n?{is:n}:void 0);return e==="select"&&s&&s.multiple!=null&&r.setAttribute("multiple",s.multiple),r},createText:e=>Ne.createTextNode(e),createComment:e=>Ne.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>Ne.querySelector(e),setScopeId(e,t){e.setAttribute(t,"")},insertStaticContent(e,t,n,s,r,o){const l=n?n.previousSibling:t.lastChild;if(r&&(r===o||r.nextSibling))for(;t.insertBefore(r.cloneNode(!0),n),!(r===o||!(r=r.nextSibling)););else{Ss.innerHTML=s==="svg"?`${e}`:s==="mathml"?`${e}`:e;const c=Ss.content;if(s==="svg"||s==="mathml"){const u=c.firstChild;for(;u.firstChild;)c.appendChild(u.firstChild);c.removeChild(u)}t.insertBefore(c,n)}return[l?l.nextSibling:t.firstChild,n?n.previousSibling:t.lastChild]}},Nl=Symbol("_vtc");function Ul(e,t,n){const s=e[Nl];s&&(t=(t?[t,...s]:[...s]).join(" ")),t==null?e.removeAttribute("class"):n?e.setAttribute("class",t):e.className=t}const Is=Symbol("_vod"),jl=Symbol(""),Vl=/(^|;)\s*display\s*:/;function Hl(e,t,n){const s=e.style,r=te(n),o=s.display;let l=!1;if(n&&!r){if(t&&!te(t))for(const c in t)n[c]==null&&An(s,c,"");for(const c in n)c==="display"&&(l=!0),An(s,c,n[c])}else if(r){if(t!==n){const c=s[jl];c&&(n+=";"+c),s.cssText=n,l=Vl.test(n)}}else t&&e.removeAttribute("style");Is in e&&(e[Is]=l?s.display:"",s.display=o)}const Os=/\s*!important$/;function An(e,t,n){if(M(n))n.forEach(s=>An(e,t,s));else if(n==null&&(n=""),t.startsWith("--"))e.setProperty(t,n);else{const s=Wl(e,t);Os.test(n)?e.setProperty(ut(s),n.replace(Os,""),"important"):e[s]=n}}const Cs=["Webkit","Moz","ms"],dn={};function Wl(e,t){const n=dn[t];if(n)return n;let s=it(t);if(s!=="filter"&&s in e)return dn[t]=s;s=js(s);for(let r=0;rhn||(Yl.then(()=>hn=0),hn=Date.now());function ql(e,t){const n=s=>{if(!s._vts)s._vts=Date.now();else if(s._vts<=n.attached)return;Ee(Gl(s,n.value),t,5,[s])};return n.value=e,n.attached=Xl(),n}function Gl(e,t){if(M(t)){const n=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{n.call(e),e._stopped=!0},t.map(s=>r=>!r._stopped&&s&&s(r))}else return t}const Ms=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)>96&&e.charCodeAt(2)<123,Jl=(e,t,n,s,r,o,l,c,u)=>{const d=r==="svg";t==="class"?Ul(e,s,d):t==="style"?Hl(e,n,s):kt(t)?Rn(t)||Dl(e,t,n,s,l):(t[0]==="."?(t=t.slice(1),!0):t[0]==="^"?(t=t.slice(1),!1):Zl(e,t,s,d))?Bl(e,t,s,o,l,c,u):(t==="true-value"?e._trueValue=s:t==="false-value"&&(e._falseValue=s),Kl(e,t,s,d))};function Zl(e,t,n,s){if(s)return!!(t==="innerHTML"||t==="textContent"||t in e&&Ms(t)&&F(n));if(t==="spellcheck"||t==="draggable"||t==="translate"||t==="form"||t==="list"&&e.tagName==="INPUT"||t==="type"&&e.tagName==="TEXTAREA")return!1;if(t==="width"||t==="height"){const r=e.tagName;if(r==="IMG"||r==="VIDEO"||r==="CANVAS"||r==="SOURCE")return!1}return Ms(t)&&te(n)?!1:t in e}const Fs=e=>{const t=e.props["onUpdate:modelValue"]||!1;return M(t)?n=>Ft(t,n):t};function Ql(e){e.target.composing=!0}function $s(e){const t=e.target;t.composing&&(t.composing=!1,t.dispatchEvent(new Event("input")))}const pn=Symbol("_assign"),ue={created(e,{modifiers:{lazy:t,trim:n,number:s}},r){e[pn]=Fs(r);const o=s||r.props&&r.props.type==="number";st(e,t?"change":"input",l=>{if(l.target.composing)return;let c=e.value;n&&(c=c.trim()),o&&(c=mn(c)),e[pn](c)}),n&&st(e,"change",()=>{e.value=e.value.trim()}),t||(st(e,"compositionstart",Ql),st(e,"compositionend",$s),st(e,"change",$s))},mounted(e,{value:t}){e.value=t??""},beforeUpdate(e,{value:t,modifiers:{lazy:n,trim:s,number:r}},o){if(e[pn]=Fs(o),e.composing)return;const l=r||e.type==="number"?mn(e.value):e.value,c=t??"";l!==c&&(document.activeElement===e&&e.type!=="range"&&(n||s&&e.value.trim()===c)||(e.value=c))}},ei=ee({patchProp:Jl},Ll);let Ls;function ti(){return Ls||(Ls=al(ei))}const ni=(...e)=>{const t=ti().createApp(...e),{mount:n}=t;return t.mount=s=>{const r=ri(s);if(!r)return;const o=t._component;!F(o)&&!o.render&&!o.template&&(o.template=r.innerHTML),r.innerHTML="";const l=n(r,!1,si(r));return r instanceof Element&&(r.removeAttribute("v-cloak"),r.setAttribute("data-v-app","")),l},t};function si(e){if(e instanceof SVGElement)return"svg";if(typeof MathMLElement=="function"&&e instanceof MathMLElement)return"mathml"}function ri(e){return te(e)?document.querySelector(e):e}const Mt={width:null,height:null,content:null,image:null,gap:[20,20],offset:[null,null],zIndex:5,rotate:-20,font:{color:"rgba(0,0,0,.2)",fontSize:18,fontWeight:"normal",fontStyle:"normal",fontFamily:"sans-serif"}},oi="vue-watermark-options",Ns=3,gn=2,Pr=Dn({name:"Watermark",props:{options:{type:Object,default:{}}},setup(e,t){var He,We,Ze;const n=(We=(He=t.slots).default)==null?void 0:We.call(He);if(!n)throw new Error("@watermarkify: Slot is required to use ");if(n.length!==1)throw new Error(`@watermarkify: requires exactly one slot, but got ${n.length}`);const s=Jt({...Mt,...e.options,font:{...Mt.font,...(Ze=e.options)==null?void 0:Ze.font}}),{width:r,height:o,content:l,gap:c,offset:u,image:d,zIndex:h,rotate:x}=fs(s),w=window.devicePixelRatio||1,[O,K]=fs(c.value),[V,k]=[O.value/2,K.value/2],D=xn(),ne=xn(),$=L=>`${L}px`,X=L=>{const{fontSize:A,fontFamily:C}=s.font;let[R,q]=[120,64];if(!d&&L.measureText){L.font=`${Number(A)}px ${C}`;const Z=Array.isArray(l.value)?l.value:[l.value],G=Z.map(Q=>L.measureText(Q).width);R=Math.ceil(Math.max(...G)),q=Number(A)*Z.length+(Z.length-1)*Ns}return[r.value??R,o.value??q]},re=(L,A,C,R,q)=>{const{fontSize:Z,fontFamily:G,fontStyle:Q,color:Ke,fontWeight:ye}=s.font,Qe=Number(Z)*w;L.font=`${Q} normal ${ye} ${$(Qe)}/${$(q)} ${G}`,L.fillStyle=Ke,L.textAlign="center",L.textBaseline="top",L.translate(R/2,0);const he=Array.isArray(l.value)?l.value:[l.value];he==null||he.forEach((et,at)=>{C+=at*(Qe+Ns*w),L.fillText(et??"",A,C)})},U=L=>Object.keys(L).map(A=>`${A.replace(/([A-Z])/g,"-$1").toLowerCase()}: ${L[A]};`).join(" "),be=()=>{var R,q;const L={zIndex:h.value,position:"absolute",left:"0",top:"0",width:"100%",height:"100%",pointerEvents:"none",backgroundRepeat:"repeat",backgroundPosition:"unset"};let A=((R=u.value)==null?void 0:R[0])??V-V,C=((q=u.value)==null?void 0:q[1])??k-k;return A>0&&(L.left=`${$(A)}`,L.width=`calc(100% - ${$(A)})`,A=0),C>0&&(L.top=`${$(C)}`,L.height=`calc(100% - ${$(C)})`,C=0),L.backgroundPosition=`${$(A)} ${$(C)}`,L},me=(L,A)=>{D.value&&ne.value&&(ne.value.setAttribute("style",U({...be(),backgroundImage:`url('${L}')`,backgroundSize:`${$((O.value+A)*gn)}`})),D.value.append(ne.value))},Je=(L,A,C,R)=>{L.translate(A,C),L.rotate(Math.PI/180*Number(R)),L.translate(-A,-C)},Ae=(L,A,C,R,q,Z,G)=>{re(A,Z.drawX,Z.drawY,C,R),A.restore(),Je(A,G.rotateX,G.rotateY,x.value),re(A,G.drawX,G.drawY,C,R),me(L.toDataURL(),q)},Pe=()=>{const L=n[0],A=document.createElement("canvas"),C=A.getContext("2d");if(C){ne.value||(ne.value=document.createElement("div"));const[R,q]=X(C),Z=(O.value+R)*w,G=(K.value+q)*w,Q=R*w,Ke=q*w;A.setAttribute("width",`${$(Z*gn)}`),A.setAttribute("height",`${$(G*gn)}`);const ye={drawX:O.value*w/2,drawY:K.value*w/2,rotateX:(Q+O.value*w)/2,rotateY:(Ke+K.value*w)/2},Qe={drawX:ye.drawX+Z,drawY:ye.drawY+G,rotateX:ye.rotateX+Z,rotateY:ye.rotateY+G};C.save(),Je(C,ye.rotateX,ye.rotateY,x.value),d.value||Ae(A,C,Q,Ke,R,ye,Qe)}return Ts("div",{ref:D,style:{position:"relative"}},[L])};return mr(Pe),Lt(()=>e.options,()=>{var L;Object.assign(s,{...Mt,...e.options,font:{...Mt.font,...(L=e.options)==null?void 0:L.font}}),Pe()},{deep:!0,immediate:!0}),{renderWatermark:Pe}},render(){return Ts("div",{},this.renderWatermark())}});function li(e={}){return{install(t){t.provide(oi,e),t.component("Watermark",Pr)}}}const ii={class:"flex flex-col lg:flex-row flex-1 items-stretch"},ci={class:"flex flex-2 lg:flex-1 bg-watermarkify-500"},fi=I("div",{class:"p-4 h-full"},"This is the content of the slot.",-1),ui={class:"flex-1 flex items-stretch"},ai={class:"w-full grid lg:grid-flow-col lg:grid-rows-7 grid-cols-2 gap-x-5 lg:gap-x-10 p-5 lg:p-10 shadow-md bg-white text-xs lg:text-base text-gray-700 font-bold"},di=I("label",{for:"content",class:"block mb-1 lg:mb-2"},"content",-1),hi=I("label",{for:"width",class:"block mb-1 lg:mb-2"},"width",-1),pi=I("label",{for:"height",class:"block mb-1 lg:mb-2"},"height",-1),gi={class:"md:justify-between"},mi={class:"mb-4 md:mb-0"},_i=I("label",{for:"gap",class:"block mb-1 lg:mb-2"}," [gapX, gapY] ",-1),bi={class:"flex"},yi=I("span",{class:"mx-2 flex items-center"},null,-1),xi={class:"mb-4 md:mb-0"},vi=I("label",{for:"offset",class:"block mb-1 lg:mb-2"}," [offsetX, offsetY] ",-1),wi={class:"flex"},Ei=I("span",{class:"mx-2 flex items-center"},null,-1),Ti=I("label",{for:"zIndex",class:"block mb-1 lg:mb-2"},"zIndex",-1),Si=I("label",{for:"rotate",class:"block mb-1 lg:mb-2"},"rotate",-1),Ii=I("label",{for:"color",class:"block mb-1 lg:mb-2"},"fontColor",-1),Oi=I("label",{for:"size",class:"block mb-1 lg:mb-2"},"fontSize",-1),Ci=I("label",{for:"weight",class:"block mb-1 lg:mb-2"},"fontWeight",-1),Ai=I("label",{for:"style",class:"block mb-1 lg:mb-2"},"fontStyle",-1),Pi=I("label",{for:"family",class:"block mb-1 lg:mb-2"},"fontFamily",-1),Ri=Dn({__name:"MyComponent",setup(e){const t=xn({content:"watermark",gap:[20,20],offset:[10,10],zIndex:5,rotate:-20,font:{color:"rgba(0,0,0,.2)",fontSize:18,fontWeight:"normal",fontStyle:"normal",fontFamily:"sans-serif"},width:void 0,height:void 0});return(n,s)=>(Xn(),qn("main",ii,[I("section",ci,[ie(sr(Pr),{options:t.value,class:"watermark flex flex-1"},{default:ar(()=>[fi]),_:1},8,["options"])]),I("section",ui,[I("div",ai,[I("div",null,[di,fe(I("input",{class:"shadow appearance-none border w-full py-2 px-3 text-gray-400 leading-tight focus:outline-none focus:ring-2 focus:ring-gray-400 focus:border-transparent",id:"content",type:"text",placeholder:"Enter watermark content","onUpdate:modelValue":s[0]||(s[0]=r=>t.value.content=r)},null,512),[[ue,t.value.content]])]),I("div",null,[hi,fe(I("input",{class:"shadow appearance-none border w-full py-2 px-3 text-gray-400 leading-tight focus:outline-none focus:ring-2 focus:ring-gray-400 focus:border-transparent",id:"width",type:"number",placeholder:"Enter width","onUpdate:modelValue":s[1]||(s[1]=r=>t.value.width=r)},null,512),[[ue,t.value.width]])]),I("div",null,[pi,fe(I("input",{class:"shadow appearance-none border w-full py-2 px-3 text-gray-400 leading-tight focus:outline-none focus:ring-2 focus:ring-gray-400 focus:border-transparent",id:"height",type:"number",placeholder:"Enter height","onUpdate:modelValue":s[2]||(s[2]=r=>t.value.height=r)},null,512),[[ue,t.value.height]])]),I("div",gi,[I("div",mi,[_i,I("div",bi,[fe(I("input",{class:"shadow appearance-none border w-1/2 py-2 px-3 text-gray-400 leading-tight focus:outline-none focus:shadow-outline",id:"gap_x",type:"number",placeholder:"Enter Gap X","onUpdate:modelValue":s[3]||(s[3]=r=>t.value.gap[0]=r)},null,512),[[ue,t.value.gap[0]]]),yi,fe(I("input",{class:"shadow appearance-none border w-1/2 py-2 px-3 text-gray-400 leading-tight focus:outline-none focus:shadow-outline",id:"gap_y",type:"number",placeholder:"Enter Gap Y","onUpdate:modelValue":s[4]||(s[4]=r=>t.value.gap[1]=r)},null,512),[[ue,t.value.gap[1]]])])])]),I("div",null,[I("div",xi,[vi,I("div",wi,[fe(I("input",{class:"shadow appearance-none border w-1/2 py-2 px-3 text-gray-400 leading-tight focus:outline-none focus:shadow-outline",id:"offset_x",type:"number",placeholder:"Enter offset X","onUpdate:modelValue":s[5]||(s[5]=r=>t.value.offset[0]=r)},null,512),[[ue,t.value.offset[0]]]),Ei,fe(I("input",{class:"shadow appearance-none border w-1/2 py-2 px-3 text-gray-400 leading-tight focus:outline-none focus:shadow-outline",id:"offset_y",type:"number",placeholder:"Enter offset Y","onUpdate:modelValue":s[6]||(s[6]=r=>t.value.offset[1]=r)},null,512),[[ue,t.value.offset[1]]])])])]),I("div",null,[Ti,fe(I("input",{class:"shadow appearance-none border w-full py-2 px-3 text-gray-400 leading-tight focus:outline-none focus:ring-2 focus:ring-gray-400 focus:border-transparent",id:"zIndex",type:"number",placeholder:"Enter zIndex","onUpdate:modelValue":s[7]||(s[7]=r=>t.value.zIndex=r)},null,512),[[ue,t.value.zIndex]])]),I("div",null,[Si,fe(I("input",{class:"shadow appearance-none border w-full py-2 px-3 text-gray-400 leading-tight focus:outline-none focus:ring-2 focus:ring-gray-400 focus:border-transparent",id:"rotate",type:"number",min:"-180",max:"180",placeholder:"Enter rotate","onUpdate:modelValue":s[8]||(s[8]=r=>t.value.rotate=r)},null,512),[[ue,t.value.rotate]])]),I("div",null,[Ii,fe(I("input",{type:"text",id:"color",name:"color",class:"shadow appearance-none border w-full py-2 px-3 text-gray-400 leading-tight focus:outline-none focus:ring-2 focus:ring-gray-400 focus:border-transparent",placeholder:"Enter a color value","onUpdate:modelValue":s[9]||(s[9]=r=>t.value.font.color=r)},null,512),[[ue,t.value.font.color]])]),I("div",null,[Oi,fe(I("input",{type:"number",id:"size",name:"size",class:"shadow appearance-none border w-full py-2 px-3 text-gray-400 leading-tight focus:outline-none focus:ring-2 focus:ring-gray-400 focus:border-transparent",placeholder:"Enter a font size","onUpdate:modelValue":s[10]||(s[10]=r=>t.value.font.fontSize=r)},null,512),[[ue,t.value.font.fontSize]])]),I("div",null,[Ci,fe(I("input",{id:"weight",name:"weight",class:"shadow appearance-none border w-full py-2 px-3 text-gray-400 leading-tight focus:outline-none focus:ring-2 focus:ring-gray-400 focus:border-transparent",placeholder:"Enter a font weight","onUpdate:modelValue":s[11]||(s[11]=r=>t.value.font.fontWeight=r)},null,512),[[ue,t.value.font.fontWeight]])]),I("div",null,[Ai,fe(I("input",{id:"style",name:"style",class:"shadow appearance-none border w-full py-2 px-3 text-gray-400 leading-tight focus:outline-none focus:ring-2 focus:ring-gray-400 focus:border-transparent",placeholder:"Enter a font style","onUpdate:modelValue":s[12]||(s[12]=r=>t.value.font.fontStyle=r)},null,512),[[ue,t.value.font.fontStyle]])]),I("div",null,[Pi,fe(I("input",{id:"family",name:"family",class:"shadow appearance-none border w-full py-2 px-3 text-gray-400 leading-tight focus:outline-none focus:ring-2 focus:ring-gray-400 focus:border-transparent",placeholder:"Enter a font family","onUpdate:modelValue":s[13]||(s[13]=r=>t.value.font.fontFamily=r)},null,512),[[ue,t.value.font.fontFamily]])])])])]))}}),Mi=(e,t)=>{const n=e.__vccOpts||e;for(const[s,r]of t)n[s]=r;return n},Fi={},$i={class:"bg-blue-500"},Li=vl('
@watermarkify/vue-watermark
',1),Ni=[Li];function Ui(e,t){return Xn(),qn("nav",$i,Ni)}const ji=Mi(Fi,[["render",Ui]]),Vi=Dn({__name:"App",setup(e){return(t,n)=>(Xn(),qn(Ie,null,[ie(ji),ie(Ri)],64))}}),Rr=ni(Vi);Rr.use(li());Rr.mount("#app"); diff --git a/docs/index.html b/docs/index.html index ea25022..f3a1cbb 100644 --- a/docs/index.html +++ b/docs/index.html @@ -5,7 +5,7 @@ @watermarkify/watermark Example - + diff --git a/package.json b/package.json index bf72a98..c380f73 100644 --- a/package.json +++ b/package.json @@ -1,8 +1,8 @@ { "name": "@watermarkify/vue-watermark", - "version": "0.0.5", + "version": "0.0.6", "private": false, - "packageManager": "pnpm@8.12.1", + "packageManager": "pnpm@8.15.3", "description": "Vue Watermark", "author": "աɨռɢӄաօռɢ ", "license": "MIT", @@ -51,7 +51,7 @@ "release": "pnpm build && bumpp --commit --tag --push" }, "dependencies": { - "vue": "^3.3.4" + "vue": "^3.4.18" }, "publishConfig": { "registry": "https://registry.npmjs.org", diff --git a/playground/bun.lockb b/playground/bun.lockb index 4650e55..0b00b4c 100755 Binary files a/playground/bun.lockb and b/playground/bun.lockb differ diff --git a/playground/package.json b/playground/package.json index fcfd083..96a15b9 100644 --- a/playground/package.json +++ b/playground/package.json @@ -7,11 +7,11 @@ "preview": "vite preview" }, "dependencies": { - "vue": "^3.2.47" + "vue": "^3.4.18" }, "devDependencies": { - "@vitejs/plugin-vue": "^4.3.4", + "@vitejs/plugin-vue": "^5.0.0", "vite": "^5.0.0", - "vite-plugin-windicss": "^1.9.1" + "vite-plugin-windicss": "^1.9.3" } } diff --git a/playground/src/components/MyComponent.vue b/playground/src/components/MyComponent.vue index bbcd713..fbbed7a 100644 --- a/playground/src/components/MyComponent.vue +++ b/playground/src/components/MyComponent.vue @@ -15,6 +15,8 @@ const watermarkOptions = ref({ fontStyle: 'normal', fontFamily: 'sans-serif', }, + width: undefined, + height: undefined, }) @@ -31,7 +33,7 @@ const watermarkOptions = ref({ class="w-full grid lg:grid-flow-col lg:grid-rows-7 grid-cols-2 gap-x-5 lg:gap-x-10 p-5 lg:p-10 shadow-md bg-white text-xs lg:text-base text-gray-700 font-bold" >
- +
- +
- +
- +
- +
=6.0.0'} hasBin: true dependencies: @@ -1199,15 +1199,15 @@ packages: eslint-visitor-keys: 3.4.3 dev: true - /@vitejs/plugin-vue@4.3.4(vite@5.0.0)(vue@3.2.47): - resolution: {integrity: sha512-ciXNIHKPriERBisHFBvnTbfKa6r9SAesOYXeGDzgegcvy9Q4xdScSHAmKbNT0M3O0S9LKhIf5/G+UYG4NnnzYw==} - engines: {node: ^14.18.0 || >=16.0.0} + /@vitejs/plugin-vue@5.0.4(vite@5.0.12)(vue@3.4.18): + resolution: {integrity: sha512-WS3hevEszI6CEVEx28F8RjTX97k3KsrcY6kvTg7+Whm5y3oYvcqzVeGCU3hxSAn4uY2CLCkeokkGKpoctccilQ==} + engines: {node: ^18.0.0 || >=20.0.0} peerDependencies: - vite: ^4.0.0 + vite: ^5.0.0 vue: ^3.2.25 dependencies: - vite: 5.0.0 - vue: 3.2.47 + vite: 5.0.12 + vue: 3.4.18(typescript@5.2.2) dev: true /@vitest/expect@1.0.0: @@ -1248,164 +1248,72 @@ packages: pretty-format: 29.7.0 dev: true - /@vue/compiler-core@3.2.47: - resolution: {integrity: sha512-p4D7FDnQb7+YJmO2iPEv0SQNeNzcbHdGByJDsT4lynf63AFkOTFN07HsiRSvjGo0QrxR/o3d0hUyNCUnBU2Tig==} - dependencies: - '@babel/parser': 7.22.4 - '@vue/shared': 3.2.47 - estree-walker: 2.0.2 - source-map: 0.6.1 - - /@vue/compiler-core@3.3.4: - resolution: {integrity: sha512-cquyDNvZ6jTbf/+x+AgM2Arrp6G4Dzbb0R64jiG804HRMfRiFXWI6kqUVqZ6ZR0bQhIoQjB4+2bhNtVwndW15g==} + /@vue/compiler-core@3.4.18: + resolution: {integrity: sha512-F7YK8lMK0iv6b9/Gdk15A67wM0KKZvxDxed0RR60C1z9tIJTKta+urs4j0RTN5XqHISzI3etN3mX0uHhjmoqjQ==} dependencies: - '@babel/parser': 7.22.4 - '@vue/shared': 3.3.4 + '@babel/parser': 7.23.9 + '@vue/shared': 3.4.18 + entities: 4.5.0 estree-walker: 2.0.2 source-map-js: 1.0.2 - dev: false - - /@vue/compiler-dom@3.2.47: - resolution: {integrity: sha512-dBBnEHEPoftUiS03a4ggEig74J2YBZ2UIeyfpcRM2tavgMWo4bsEfgCGsu+uJIL/vax9S+JztH8NmQerUo7shQ==} - dependencies: - '@vue/compiler-core': 3.2.47 - '@vue/shared': 3.2.47 - /@vue/compiler-dom@3.3.4: - resolution: {integrity: sha512-wyM+OjOVpuUukIq6p5+nwHYtj9cFroz9cwkfmP9O1nzH68BenTTv0u7/ndggT8cIQlnBeOo6sUT/gvHcIkLA5w==} + /@vue/compiler-dom@3.4.18: + resolution: {integrity: sha512-24Eb8lcMfInefvQ6YlEVS18w5Q66f4+uXWVA+yb7praKbyjHRNuKVWGuinfSSjM0ZIiPi++QWukhkgznBaqpEA==} dependencies: - '@vue/compiler-core': 3.3.4 - '@vue/shared': 3.3.4 - dev: false + '@vue/compiler-core': 3.4.18 + '@vue/shared': 3.4.18 - /@vue/compiler-sfc@3.2.47: - resolution: {integrity: sha512-rog05W+2IFfxjMcFw10tM9+f7i/+FFpZJJ5XHX72NP9eC2uRD+42M3pYcQqDXVYoj74kHMSEdQ/WmCjt8JFksQ==} + /@vue/compiler-sfc@3.4.18: + resolution: {integrity: sha512-rG5tqtnzwrVpMqAQ7FHtvHaV70G6LLfJIWLYZB/jZ9m/hrnZmIQh+H3ewnC5onwe/ibljm9+ZupxeElzqCkTAw==} dependencies: - '@babel/parser': 7.22.4 - '@vue/compiler-core': 3.2.47 - '@vue/compiler-dom': 3.2.47 - '@vue/compiler-ssr': 3.2.47 - '@vue/reactivity-transform': 3.2.47 - '@vue/shared': 3.2.47 + '@babel/parser': 7.23.9 + '@vue/compiler-core': 3.4.18 + '@vue/compiler-dom': 3.4.18 + '@vue/compiler-ssr': 3.4.18 + '@vue/shared': 3.4.18 estree-walker: 2.0.2 - magic-string: 0.25.9 - postcss: 8.4.31 - source-map: 0.6.1 - - /@vue/compiler-sfc@3.3.4: - resolution: {integrity: sha512-6y/d8uw+5TkCuzBkgLS0v3lSM3hJDntFEiUORM11pQ/hKvkhSKZrXW6i69UyXlJQisJxuUEJKAWEqWbWsLeNKQ==} - dependencies: - '@babel/parser': 7.22.4 - '@vue/compiler-core': 3.3.4 - '@vue/compiler-dom': 3.3.4 - '@vue/compiler-ssr': 3.3.4 - '@vue/reactivity-transform': 3.3.4 - '@vue/shared': 3.3.4 - estree-walker: 2.0.2 - magic-string: 0.30.3 - postcss: 8.4.32 + magic-string: 0.30.7 + postcss: 8.4.35 source-map-js: 1.0.2 - dev: false - - /@vue/compiler-ssr@3.2.47: - resolution: {integrity: sha512-wVXC+gszhulcMD8wpxMsqSOpvDZ6xKXSVWkf50Guf/S+28hTAXPDYRTbLQ3EDkOP5Xz/+SY37YiwDquKbJOgZw==} - dependencies: - '@vue/compiler-dom': 3.2.47 - '@vue/shared': 3.2.47 - - /@vue/compiler-ssr@3.3.4: - resolution: {integrity: sha512-m0v6oKpup2nMSehwA6Uuu+j+wEwcy7QmwMkVNVfrV9P2qE5KshC6RwOCq8fjGS/Eak/uNb8AaWekfiXxbBB6gQ==} - dependencies: - '@vue/compiler-dom': 3.3.4 - '@vue/shared': 3.3.4 - dev: false - - /@vue/reactivity-transform@3.2.47: - resolution: {integrity: sha512-m8lGXw8rdnPVVIdIFhf0LeQ/ixyHkH5plYuS83yop5n7ggVJU+z5v0zecwEnX7fa7HNLBhh2qngJJkxpwEEmYA==} - dependencies: - '@babel/parser': 7.22.4 - '@vue/compiler-core': 3.2.47 - '@vue/shared': 3.2.47 - estree-walker: 2.0.2 - magic-string: 0.25.9 - - /@vue/reactivity-transform@3.3.4: - resolution: {integrity: sha512-MXgwjako4nu5WFLAjpBnCj/ieqcjE2aJBINUNQzkZQfzIZA4xn+0fV1tIYBJvvva3N3OvKGofRLvQIwEQPpaXw==} - dependencies: - '@babel/parser': 7.22.4 - '@vue/compiler-core': 3.3.4 - '@vue/shared': 3.3.4 - estree-walker: 2.0.2 - magic-string: 0.30.3 - dev: false - - /@vue/reactivity@3.2.47: - resolution: {integrity: sha512-7khqQ/75oyyg+N/e+iwV6lpy1f5wq759NdlS1fpAhFXa8VeAIKGgk2E/C4VF59lx5b+Ezs5fpp/5WsRYXQiKxQ==} - dependencies: - '@vue/shared': 3.2.47 - - /@vue/reactivity@3.3.4: - resolution: {integrity: sha512-kLTDLwd0B1jG08NBF3R5rqULtv/f8x3rOFByTDz4J53ttIQEDmALqKqXY0J+XQeN0aV2FBxY8nJDf88yvOPAqQ==} - dependencies: - '@vue/shared': 3.3.4 - dev: false - - /@vue/runtime-core@3.2.47: - resolution: {integrity: sha512-RZxbLQIRB/K0ev0K9FXhNbBzT32H9iRtYbaXb0ZIz2usLms/D55dJR2t6cIEUn6vyhS3ALNvNthI+Q95C+NOpA==} - dependencies: - '@vue/reactivity': 3.2.47 - '@vue/shared': 3.2.47 - /@vue/runtime-core@3.3.4: - resolution: {integrity: sha512-R+bqxMN6pWO7zGI4OMlmvePOdP2c93GsHFM/siJI7O2nxFRzj55pLwkpCedEY+bTMgp5miZ8CxfIZo3S+gFqvA==} + /@vue/compiler-ssr@3.4.18: + resolution: {integrity: sha512-hSlv20oUhPxo2UYUacHgGaxtqP0tvFo6ixxxD6JlXIkwzwoZ9eKK6PFQN4hNK/R13JlNyldwWt/fqGBKgWJ6nQ==} dependencies: - '@vue/reactivity': 3.3.4 - '@vue/shared': 3.3.4 - dev: false + '@vue/compiler-dom': 3.4.18 + '@vue/shared': 3.4.18 - /@vue/runtime-dom@3.2.47: - resolution: {integrity: sha512-ArXrFTjS6TsDei4qwNvgrdmHtD930KgSKGhS5M+j8QxXrDJYLqYw4RRcDy1bz1m1wMmb6j+zGLifdVHtkXA7gA==} + /@vue/reactivity@3.4.18: + resolution: {integrity: sha512-7uda2/I0jpLiRygprDo5Jxs2HJkOVXcOMlyVlY54yRLxoycBpwGJRwJT9EdGB4adnoqJDXVT2BilUAYwI7qvmg==} dependencies: - '@vue/runtime-core': 3.2.47 - '@vue/shared': 3.2.47 - csstype: 2.6.21 + '@vue/shared': 3.4.18 - /@vue/runtime-dom@3.3.4: - resolution: {integrity: sha512-Aj5bTJ3u5sFsUckRghsNjVTtxZQ1OyMWCr5dZRAPijF/0Vy4xEoRCwLyHXcj4D0UFbJ4lbx3gPTgg06K/GnPnQ==} + /@vue/runtime-core@3.4.18: + resolution: {integrity: sha512-7mU9diCa+4e+8/wZ7Udw5pwTH10A11sZ1nldmHOUKJnzCwvZxfJqAtw31mIf4T5H2FsLCSBQT3xgioA9vIjyDQ==} dependencies: - '@vue/runtime-core': 3.3.4 - '@vue/shared': 3.3.4 - csstype: 3.1.2 - dev: false + '@vue/reactivity': 3.4.18 + '@vue/shared': 3.4.18 - /@vue/server-renderer@3.2.47(vue@3.2.47): - resolution: {integrity: sha512-dN9gc1i8EvmP9RCzvneONXsKfBRgqFeFZLurmHOveL7oH6HiFXJw5OGu294n1nHc/HMgTy6LulU/tv5/A7f/LA==} - peerDependencies: - vue: 3.2.47 + /@vue/runtime-dom@3.4.18: + resolution: {integrity: sha512-2y1Mkzcw1niSfG7z3Qx+2ir9Gb4hdTkZe5p/I8x1aTIKQE0vY0tPAEUPhZm5tx6183gG3D/KwHG728UR0sIufA==} dependencies: - '@vue/compiler-ssr': 3.2.47 - '@vue/shared': 3.2.47 - vue: 3.2.47 + '@vue/runtime-core': 3.4.18 + '@vue/shared': 3.4.18 + csstype: 3.1.3 - /@vue/server-renderer@3.3.4(vue@3.3.4): - resolution: {integrity: sha512-Q6jDDzR23ViIb67v+vM1Dqntu+HUexQcsWKhhQa4ARVzxOY2HbC7QRW/ggkDBd5BU+uM1sV6XOAP0b216o34JQ==} + /@vue/server-renderer@3.4.18(vue@3.4.18): + resolution: {integrity: sha512-YJd1wa7mzUN3NRqLEsrwEYWyO+PUBSROIGlCc3J/cvn7Zu6CxhNLgXa8Z4zZ5ja5/nviYO79J1InoPeXgwBTZA==} peerDependencies: - vue: 3.3.4 + vue: 3.4.18 dependencies: - '@vue/compiler-ssr': 3.3.4 - '@vue/shared': 3.3.4 - vue: 3.3.4 - dev: false - - /@vue/shared@3.2.47: - resolution: {integrity: sha512-BHGyyGN3Q97EZx0taMQ+OLNuZcW3d37ZEVmEAyeoA9ERdGvm9Irc/0Fua8SNyOtV1w6BS4q25wbMzJujO9HIfQ==} + '@vue/compiler-ssr': 3.4.18 + '@vue/shared': 3.4.18 + vue: 3.4.18(typescript@5.2.2) - /@vue/shared@3.3.4: - resolution: {integrity: sha512-7OjdcV8vQ74eiz1TZLzZP4JwqM5fA94K6yntPS5Z25r9HDuGNzaGdgvwKYq6S+MxwF0TFRwe50fIR/MYnakdkQ==} - dev: false + /@vue/shared@3.4.18: + resolution: {integrity: sha512-CxouGFxxaW5r1WbrSmWwck3No58rApXgRSBxrqgnY1K+jk20F6DrXJkHdH9n4HVT+/B6G2CAn213Uq3npWiy8Q==} - /@windicss/config@1.9.1: - resolution: {integrity: sha512-MjutTiS9XIteriwkH9D+que+bILbpulekYzjJGQDg3Sb2H87aOcO30f7N11ZiHF5OYoZn4yJz4lDbB3A6IuXfQ==} + /@windicss/config@1.9.3: + resolution: {integrity: sha512-u8GUjsfC9r5X1AGYhzb1lX3zZj8wqk6SH1DYex8XUGmZ1M2UpvnUPOFi63XFViduspQ6l2xTX84QtG+lUzhEoQ==} dependencies: debug: 4.3.4 jiti: 1.18.2 @@ -1414,14 +1322,14 @@ packages: - supports-color dev: true - /@windicss/plugin-utils@1.9.1: - resolution: {integrity: sha512-sz/Z2sxUZIkJ2nVeTmtYTtXhWxe/yTTkM5nqU6eKhP0n6waipTCJJdLvWoZcgzQBbBCL/JLRQd/9BYsBqKuLDQ==} + /@windicss/plugin-utils@1.9.3: + resolution: {integrity: sha512-3VG5HEGeuIfG/9iTwLyzWWm/aGKNTbtSVkpkAabdRuDP/2lEmf6Hpo4uo5drwE+2O9gXfc6nSYgAwBjotx5CfQ==} dependencies: '@antfu/utils': 0.7.4 - '@windicss/config': 1.9.1 + '@windicss/config': 1.9.3 debug: 4.3.4 fast-glob: 3.3.1 - magic-string: 0.30.3 + magic-string: 0.30.7 micromatch: 4.0.5 windicss: 3.5.6 transitivePeerDependencies: @@ -1729,12 +1637,8 @@ packages: which: 2.0.2 dev: true - /csstype@2.6.21: - resolution: {integrity: sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w==} - - /csstype@3.1.2: - resolution: {integrity: sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==} - dev: false + /csstype@3.1.3: + resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==} /debug@3.2.7: resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==} @@ -1844,7 +1748,6 @@ packages: /entities@4.5.0: resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==} engines: {node: '>=0.12'} - dev: true /error-ex@1.3.2: resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==} @@ -2781,11 +2684,6 @@ packages: yallist: 4.0.0 dev: true - /magic-string@0.25.9: - resolution: {integrity: sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==} - dependencies: - sourcemap-codec: 1.4.8 - /magic-string@0.27.0: resolution: {integrity: sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==} engines: {node: '>=12'} @@ -2793,12 +2691,6 @@ packages: '@jridgewell/sourcemap-codec': 1.4.15 dev: true - /magic-string@0.30.3: - resolution: {integrity: sha512-B7xGbll2fG/VjP+SWg4sX3JynwIU0mjoTc6MPpKNuIvftk6u6vqhDnk1R80b8C2GBR6ywqy+1DcKBrevBg+bmw==} - engines: {node: '>=12'} - dependencies: - '@jridgewell/sourcemap-codec': 1.4.15 - /magic-string@0.30.4: resolution: {integrity: sha512-Q/TKtsC5BPm0kGqgBIF9oXAs/xEf2vRKiIB4wCRQTJOQIByZ1d+NnUOotvJOvNpi5RNIgVOMC3pOuaP1ZTDlVg==} engines: {node: '>=12'} @@ -2813,6 +2705,12 @@ packages: '@jridgewell/sourcemap-codec': 1.4.15 dev: true + /magic-string@0.30.7: + resolution: {integrity: sha512-8vBuFF/I/+OSLRmdf2wwFCJCz+nSn0m6DPvGH1fS/KiQoSaR+sETbov0eIk9KhEKy8CYqIkIAnbohxT/4H0kuA==} + engines: {node: '>=12'} + dependencies: + '@jridgewell/sourcemap-codec': 1.4.15 + /mdast-util-from-markdown@0.8.5: resolution: {integrity: sha512-2hkTXtYYnr+NubD/g6KGBS/0mFmBcifAsI0yIWRiRo0PjVs6SSOSOdtzbp6kSGnShDN6G5aWZpKQ2lWRy27mWQ==} dependencies: @@ -2935,11 +2833,6 @@ packages: resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==} dev: true - /nanoid@3.3.6: - resolution: {integrity: sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==} - engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1} - hasBin: true - /nanoid@3.3.7: resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==} engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1} @@ -3162,16 +3055,8 @@ packages: hasBin: true dev: true - /postcss@8.4.31: - resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==} - engines: {node: ^10 || ^12 || >=14} - dependencies: - nanoid: 3.3.6 - picocolors: 1.0.0 - source-map-js: 1.0.2 - - /postcss@8.4.32: - resolution: {integrity: sha512-D/kj5JNu6oo2EIy+XL/26JEDTlIbB8hw85G8StOE6L74RQAVVP5rej6wxCNqyMbR4RkPfqvezVbPw81Ngd6Kcw==} + /postcss@8.4.35: + resolution: {integrity: sha512-u5U8qYpBCpN13BsiEB0CbR1Hhh4Gc0zLFuedrHJKMctHCHAGrMdG0PRM/KErzAL3CU6/eckEtmHNB3x6e3c0vA==} engines: {node: ^10 || ^12 || >=14} dependencies: nanoid: 3.3.7 @@ -3381,14 +3266,6 @@ packages: resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==} engines: {node: '>=0.10.0'} - /source-map@0.6.1: - resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==} - engines: {node: '>=0.10.0'} - - /sourcemap-codec@1.4.8: - resolution: {integrity: sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==} - deprecated: Please use @jridgewell/sourcemap-codec instead - /spdx-correct@3.2.0: resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==} dependencies: @@ -3568,7 +3445,6 @@ packages: resolution: {integrity: sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==} engines: {node: '>=14.17'} hasBin: true - dev: true /ufo@1.1.2: resolution: {integrity: sha512-TrY6DsjTQQgyS3E3dBaOXf0TpPD8u9FVrVYmKVegJuFw51n/YB9XPt+U6ydzFG5ZIN7+DIjPbNmXoBj9esYhgQ==} @@ -3606,7 +3482,7 @@ packages: debug: 4.3.4 pathe: 1.1.1 picocolors: 1.0.0 - vite: 5.0.5 + vite: 5.0.12 transitivePeerDependencies: - '@types/node' - less @@ -3618,57 +3494,22 @@ packages: - terser dev: true - /vite-plugin-windicss@1.9.1(vite@5.0.0): - resolution: {integrity: sha512-CWm1b/tXVCJTbEGn4oB8B7Gev9xDuY9k4E/KiJqDuLYspBUFQyZKPF2mSZ3DfNdojsfqgzxu9ervqvlb9jJ7fw==} + /vite-plugin-windicss@1.9.3(vite@5.0.12): + resolution: {integrity: sha512-PqNiIsrEftCrgn0xIpj8ZMSdpz8NZn+OJ3gKXnOF+hFzbHFrKGJA49ViOUKCHDOquxoGBZMmTjepWr8GrftKcQ==} peerDependencies: - vite: ^2.0.1 || ^3.0.0 || ^4.0.0 + vite: ^2.0.1 || ^3.0.0 || ^4.0.0 || ^5.0.0 dependencies: - '@windicss/plugin-utils': 1.9.1 + '@windicss/plugin-utils': 1.9.3 debug: 4.3.4 kolorist: 1.8.0 - vite: 5.0.0 + vite: 5.0.12 windicss: 3.5.6 transitivePeerDependencies: - supports-color dev: true - /vite@5.0.0: - resolution: {integrity: sha512-ESJVM59mdyGpsiNAeHQOR/0fqNoOyWPYesFto8FFZugfmhdHx8Fzd8sF3Q/xkVhZsyOxHfdM7ieiVAorI9RjFw==} - engines: {node: ^18.0.0 || >=20.0.0} - hasBin: true - peerDependencies: - '@types/node': ^18.0.0 || >=20.0.0 - less: '*' - lightningcss: ^1.21.0 - sass: '*' - stylus: '*' - sugarss: '*' - terser: ^5.4.0 - peerDependenciesMeta: - '@types/node': - optional: true - less: - optional: true - lightningcss: - optional: true - sass: - optional: true - stylus: - optional: true - sugarss: - optional: true - terser: - optional: true - dependencies: - esbuild: 0.19.5 - postcss: 8.4.31 - rollup: 4.4.1 - optionalDependencies: - fsevents: 2.3.3 - dev: true - - /vite@5.0.5: - resolution: {integrity: sha512-OekeWqR9Ls56f3zd4CaxzbbS11gqYkEiBtnWFFgYR2WV8oPJRRKq0mpskYy/XaoCL3L7VINDhqqOMNDiYdGvGg==} + /vite@5.0.12: + resolution: {integrity: sha512-4hsnEkG3q0N4Tzf1+t6NdN9dg/L3BM+q8SWgbSPnJvrgH2kgdyzfVJwbR1ic69/4uMJJ/3dqDZZE5/WwqW8U1w==} engines: {node: ^18.0.0 || >=20.0.0} hasBin: true peerDependencies: @@ -3696,7 +3537,7 @@ packages: optional: true dependencies: esbuild: 0.19.5 - postcss: 8.4.32 + postcss: 8.4.35 rollup: 4.4.1 optionalDependencies: fsevents: 2.3.3 @@ -3745,7 +3586,7 @@ packages: strip-literal: 1.3.0 tinybench: 2.5.1 tinypool: 0.8.1 - vite: 5.0.5 + vite: 5.0.12 vite-node: 1.0.0 why-is-node-running: 2.2.2 transitivePeerDependencies: @@ -3758,24 +3599,20 @@ packages: - terser dev: true - /vue@3.2.47: - resolution: {integrity: sha512-60188y/9Dc9WVrAZeUVSDxRQOZ+z+y5nO2ts9jWXSTkMvayiWxCWOWtBQoYjLeccfXkiiPZWAHcV+WTPhkqJHQ==} - dependencies: - '@vue/compiler-dom': 3.2.47 - '@vue/compiler-sfc': 3.2.47 - '@vue/runtime-dom': 3.2.47 - '@vue/server-renderer': 3.2.47(vue@3.2.47) - '@vue/shared': 3.2.47 - - /vue@3.3.4: - resolution: {integrity: sha512-VTyEYn3yvIeY1Py0WaYGZsXnz3y5UnGi62GjVEqvEGPl6nxbOrCXbVOTQWBEJUqAyTUk2uJ5JLVnYJ6ZzGbrSw==} + /vue@3.4.18(typescript@5.2.2): + resolution: {integrity: sha512-0zLRYamFRe0wF4q2L3O24KQzLyLpL64ye1RUToOgOxuWZsb/FhaNRdGmeozdtVYLz6tl94OXLaK7/WQIrVCw1A==} + peerDependencies: + typescript: '*' + peerDependenciesMeta: + typescript: + optional: true dependencies: - '@vue/compiler-dom': 3.3.4 - '@vue/compiler-sfc': 3.3.4 - '@vue/runtime-dom': 3.3.4 - '@vue/server-renderer': 3.3.4(vue@3.3.4) - '@vue/shared': 3.3.4 - dev: false + '@vue/compiler-dom': 3.4.18 + '@vue/compiler-sfc': 3.4.18 + '@vue/runtime-dom': 3.4.18 + '@vue/server-renderer': 3.4.18(vue@3.4.18) + '@vue/shared': 3.4.18 + typescript: 5.2.2 /which@2.0.2: resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==} diff --git a/src/components/Watermark.ts b/src/components/Watermark.ts index fe3af64..f6f5825 100644 --- a/src/components/Watermark.ts +++ b/src/components/Watermark.ts @@ -1,3 +1,4 @@ +import type { PropType } from 'vue' import { defineComponent, h, onMounted, reactive, ref, toRefs, watch } from 'vue' import { defaultOptions } from '../options' import { BaseSize, FontGap } from '../constants' @@ -7,8 +8,8 @@ export const Watermark = defineComponent({ name: 'Watermark', props: { options: { - type: Object as () => WatermarkOptions, - default: () => ({}), + type: Object as PropType, + default: {}, }, }, setup(props, ctx) { @@ -37,7 +38,7 @@ export const Watermark = defineComponent({ // Calculate gap and offset values const [gapX, gapY] = toRefs(gap.value) - const [gapXCenter, gapYCenter] = toRefs([gapX.value / 2, gapY.value / 2]) + const [gapXCenter, gapYCenter] = [gapX.value / 2, gapY.value / 2] // Create ref for watermark container and watermark element const watermarkContainerRef = ref() const watermarkRef = ref() @@ -121,8 +122,8 @@ export const Watermark = defineComponent({ backgroundPosition: 'unset', } // Calculate the watermark position based on the options - let positionLeft = offset.value?.[0] ?? gapXCenter.value - gapXCenter.value - let positionTop = offset.value?.[1] ?? gapYCenter.value - gapYCenter.value + let positionLeft = offset.value?.[0] ?? gapXCenter - gapXCenter + let positionTop = offset.value?.[1] ?? gapYCenter - gapYCenter // If the watermark goes beyond the left or top edge of the canvas if (positionLeft > 0) { // Adjust the left position and width accordingly