mirror of
https://github.com/CorentinTh/it-tools.git
synced 2025-05-05 05:47:10 -04:00
6 lines
4.2 KiB
JavaScript
6 lines
4.2 KiB
JavaScript
import{d as T,r as s,c as y,j as F,D,E as p,m as t,l as n,q as l,S as i,z as h,F as E,K as N,_ as j}from"./chunk-449c23a2.js";import{_ as H}from"./chunk-6deddc2e.js";import{T as C}from"./chunk-f1ca2155.js";import{u as B}from"./chunk-767079b6.js";import{u as I}from"./chunk-b6bc107b.js";import{t as P}from"./chunk-94c6bba0.js";import{_ as q}from"./chunk-aa4619b6.js";import{_ as K}from"./chunk-4515d3e7.js";import{_ as L}from"./chunk-15edd6a5.js";import{_ as M}from"./chunk-3ef38193.js";import{_ as R}from"./chunk-e7959c45.js";import"./chunk-9a43cce8.js";import"./chunk-340feaf0.js";import"./chunk-a740628f.js";import"./chunk-55ba3dae.js";import"../entries/src_pages_Home.page.16dc467b.js";import"./chunk-cf010ec4.js";import"./chunk-ee54c1e8.js";import"./chunk-baa77311.js";import"./chunk-78769b89.js";import"./chunk-44a8cfdb.js";import"./chunk-44692048.js";import"./chunk-66ac4853.js";import"./chunk-2749dac9.js";import"./chunk-015e5c20.js";import"./chunk-416dc92c.js";import"./chunk-567e13ca.js";import"./chunk-26a03a7a.js";import"./chunk-f823181b.js";import"./chunk-9519e52e.js";import"./chunk-f94e2689.js";import"./chunk-1d5b5526.js";import"./chunk-fc34c9a6.js";import"./chunk-af6e0163.js";import"./chunk-b0332f36.js";import"./chunk-f206ee20.js";import"./chunk-05af1949.js";import"./chunk-6d336811.js";import"./chunk-4ee2916e.js";import"./chunk-051b56e8.js";import"./chunk-c534f75d.js";import"./chunk-6222e43f.js";import"./chunk-5d5107c5.js";const W={flex:"","gap-3":""},A={flex:"","gap-3":""},J={flex:"","gap-3":""},O={flex:"","justify-center":"","gap-3":""},Q=["src"],X=T({__name:"svg-placeholder-generator",setup(Y){const u=s(600),r=s(350),c=s(26),v=s("#cccccc"),f=s("#333333"),g=s(!0),m=s(""),b=y(()=>{const _=u.value,e=r.value,d=m.value.length>0?m.value:`${_}x${e}`,a=g.value?` width="${_}" height="${e}"`:"";return`
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${_} ${e}"${a}>
|
|
<rect width="${_}" height="${e}" fill="${v.value}"></rect>
|
|
<text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-family="monospace" font-size="${c.value}px" fill="${f.value}">${d}</text>
|
|
</svg>
|
|
`.trim()}),x=y(()=>`data:image/svg+xml;base64,${P(b.value)}`),{copy:S}=B({source:b}),{copy:z}=B({source:x}),{download:U}=I({source:x});return(_,e)=>{const d=q,a=K,w=L,V=H,k=M,G=R,$=N;return F(),D(E,null,[p("div",null,[t(G,{"label-placement":"left","label-width":"100"},{default:n(()=>[p("div",W,[t(a,{label:"Width (in px)","flex-1":""},{default:n(()=>[t(d,{value:l(u),"onUpdate:value":e[0]||(e[0]=o=>i(u)?u.value=o:null),placeholder:"SVG width...",min:"1"},null,8,["value"])]),_:1}),t(a,{label:"Background","flex-1":""},{default:n(()=>[t(w,{value:l(v),"onUpdate:value":e[1]||(e[1]=o=>i(v)?v.value=o:null),modes:["hex"]},null,8,["value"])]),_:1})]),p("div",A,[t(a,{label:"Height (in px)","flex-1":""},{default:n(()=>[t(d,{value:l(r),"onUpdate:value":e[2]||(e[2]=o=>i(r)?r.value=o:null),placeholder:"SVG height...",min:"1"},null,8,["value"])]),_:1}),t(a,{label:"Text color","flex-1":""},{default:n(()=>[t(w,{value:l(f),"onUpdate:value":e[3]||(e[3]=o=>i(f)?f.value=o:null),modes:["hex"]},null,8,["value"])]),_:1})]),p("div",J,[t(a,{label:"Font size","flex-1":""},{default:n(()=>[t(d,{value:l(c),"onUpdate:value":e[4]||(e[4]=o=>i(c)?c.value=o:null),placeholder:"Font size...",min:"1"},null,8,["value"])]),_:1}),t(V,{value:l(m),"onUpdate:value":e[5]||(e[5]=o=>i(m)?m.value=o:null),label:"Custom text",placeholder:`Default is ${l(u)}x${l(r)}`,"label-position":"left","label-width":"100px","label-align":"right","flex-1":""},null,8,["value","placeholder"])]),t(a,{label:"Use exact size","label-placement":"left"},{default:n(()=>[t(k,{value:l(g),"onUpdate:value":e[6]||(e[6]=o=>i(g)?g.value=o:null)},null,8,["value"])]),_:1})]),_:1}),t(a,{label:"SVG HTML element"},{default:n(()=>[t(C,{value:l(b),"copy-placement":"none"},null,8,["value"])]),_:1}),t(a,{label:"SVG in Base64"},{default:n(()=>[t(C,{value:l(x),"copy-placement":"none"},null,8,["value"])]),_:1}),p("div",O,[t($,{onClick:e[7]||(e[7]=o=>l(S)())},{default:n(()=>[h(" Copy svg ")]),_:1}),t($,{onClick:e[8]||(e[8]=o=>l(z)())},{default:n(()=>[h(" Copy base64 ")]),_:1}),t($,{onClick:e[9]||(e[9]=o=>l(U)())},{default:n(()=>[h(" Download svg ")]),_:1})])]),p("img",{src:l(x),alt:"Image"},null,8,Q)],64)}}});const Ke=j(X,[["__scopeId","data-v-9f7dfee7"]]);export{Ke as default};
|