react-screenshots 0.5.9 → 0.5.15

package/electron/assets/index.c68b977f.js

@@ -1,14 +0,0 @@
-var Je=Object.defineProperty,Qe=Object.defineProperties;var Ke=Object.getOwnPropertyDescriptors;var he=Object.getOwnPropertySymbols;var Ee=Object.prototype.hasOwnProperty,je=Object.prototype.propertyIsEnumerable;var Be=(e,t,o)=>t in e?Je(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,U=(e,t)=>{for(var o in t||(t={}))Ee.call(t,o)&&Be(e,o,t[o]);if(he)for(var o of he(t))je.call(t,o)&&Be(e,o,t[o]);return e},me=(e,t)=>Qe(e,Ke(t));var Me=(e,t)=>{var o={};for(var c in e)Ee.call(e,c)&&t.indexOf(c)<0&&(o[c]=e[c]);if(e!=null&&he)for(var c of he(e))t.indexOf(c)<0&&je.call(e,c)&&(o[c]=e[c]);return o};import{R as $e,r as i,j as v,a as Ve,b as Ze}from"./vendor.e3c417b2.js";const et=function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const s of document.querySelectorAll('link[rel="modulepreload"]'))c(s);new MutationObserver(s=>{for(const n of s)if(n.type==="childList")for(const r of n.addedNodes)r.tagName==="LINK"&&r.rel==="modulepreload"&&c(r)}).observe(document,{childList:!0,subtree:!0});function o(s){const n={};return s.integrity&&(n.integrity=s.integrity),s.referrerpolicy&&(n.referrerPolicy=s.referrerpolicy),s.crossorigin==="use-credentials"?n.credentials="include":s.crossorigin==="anonymous"?n.credentials="omit":n.credentials="same-origin",n}function c(s){if(s.ep)return;s.ep=!0;const n=o(s);fetch(s.href,n)}};et();var j;(function(e){e[e.Edit=0]="Edit",e[e.Source=1]="Source"})(j||(j={}));function pe({image:e,width:t,height:o,history:c,bounds:s}){return new Promise((n,r)=>{const a=document.createElement("canvas"),m=s.width*window.devicePixelRatio,p=s.height*window.devicePixelRatio;a.width=m,a.height=p;const l=a.getContext("2d");if(!l)return r(new Error("convert image to blob fail"));const f=e.naturalWidth/t,h=e.naturalHeight/o;l.imageSmoothingEnabled=!0,l.imageSmoothingQuality="low",l.setTransform(window.devicePixelRatio,0,0,window.devicePixelRatio,0,0),l.clearRect(0,0,s.width,s.height),l.drawImage(e,s.x*f,s.y*h,s.width*f,s.height*h,0,0,s.width,s.height),c.stack.slice(0,c.index+1).forEach(u=>{u.type===j.Source&&u.draw(l,u)}),a.toBlob(u=>{if(!u)return r(new Error("canvas toBlob fail"));n(u)},"image/png")})}const _e={magnifier_position_label:"\u5750\u6807",operation_ok_title:"\u786E\u5B9A",operation_cancel_title:"\u53D6\u6D88",operation_save_title:"\u4FDD\u5B58",operation_redo_title:"\u91CD\u505A",operation_undo_title:"\u64A4\u9500",operation_mosaic_title:"\u9A6C\u8D5B\u514B",operation_text_title:"\u6587\u672C",operation_brush_title:"\u753B\u7B14",operation_arrow_title:"\u7BAD\u5934",operation_ellipse_title:"\u692D\u5706",operation_rectangle_title:"\u77E9\u5F62"};var ye=$e.createContext({store:{url:void 0,image:null,width:0,height:0,lang:_e,emiterRef:{current:{}},canvasContextRef:{current:null},history:{index:-1,stack:[]},bounds:null,cursor:"move",operation:void 0},dispatcher:{call:void 0,setHistory:void 0,setBounds:void 0,setCursor:void 0,setOperation:void 0}});function ie(){const{dispatcher:e}=i.exports.useContext(ye);return e}function V(){const{store:e}=i.exports.useContext(ye);return e}function J(){const{bounds:e}=V(),{setBounds:t}=ie(),o=i.exports.useCallback(s=>{t==null||t(s)},[t]),c=i.exports.useCallback(()=>{t==null||t(null)},[t]);return[e,{set:o,reset:c}]}function F(){const{lang:e}=V();return e}var Q="/Users/nashaofu/Documents/GitHub/screenshots/packages/react-screenshots/src/Screenshots/ScreenshotsMagnifier/index.tsx";const K=100,Z=80;var tt=i.exports.memo(function({x:t,y:o}){const{width:c,height:s,image:n}=V(),r=F(),[a,m]=i.exports.useState(null),p=i.exports.useRef(null),l=i.exports.useRef(null),f=i.exports.useRef(null),[h,u]=i.exports.useState("000000");return i.exports.useLayoutEffect(()=>{if(!p.current)return;const d=p.current.getBoundingClientRect();let y=t+20,S=o+20;y+d.width>c&&(y=t-d.width-20),S+d.height>s&&(S=o-d.height-20),y<0&&(y=0),S<0&&(S=0),m({x:y,y:S})},[c,s,t,o]),i.exports.useEffect(()=>{if(!n||!l.current){f.current=null;return}if(f.current||(f.current=l.current.getContext("2d")),!f.current)return;const d=f.current;d.clearRect(0,0,K,Z);const y=n.naturalWidth/c,S=n.naturalHeight/s;d.drawImage(n,t*y-K/2,o*S-Z/2,K,Z,0,0,K,Z);const{data:b}=d.getImageData(Math.floor(K/2),Math.floor(Z/2),1,1),w=Array.from(b.slice(0,3)).map(D=>D>=16?D.toString(16):`0${D.toString(16)}`).join("").toUpperCase();u(w)},[c,s,n,t,o]),v.exports.jsxDEV("div",{ref:p,className:"screenshots-magnifier",style:{transform:`translate(${a==null?void 0:a.x}px, ${a==null?void 0:a.y}px)`},children:[v.exports.jsxDEV("div",{className:"screenshots-magnifier-body",children:v.exports.jsxDEV("canvas",{ref:l,className:"screenshots-magnifier-body-canvas",width:K,height:Z},void 0,!1,{fileName:Q,lineNumber:97,columnNumber:9},this)},void 0,!1,{fileName:Q,lineNumber:96,columnNumber:7},this),v.exports.jsxDEV("div",{className:"screenshots-magnifier-footer",children:[v.exports.jsxDEV("div",{className:"screenshots-magnifier-footer-item",children:[r.magnifier_position_label,": (",t,",",o,")"]},void 0,!0,{fileName:Q,lineNumber:105,columnNumber:9},this),v.exports.jsxDEV("div",{className:"screenshots-magnifier-footer-item",children:["RGB: #",h]},void 0,!0,{fileName:Q,lineNumber:108,columnNumber:9},this)]},void 0,!0,{fileName:Q,lineNumber:104,columnNumber:7},this)]},void 0,!0,{fileName:Q,lineNumber:89,columnNumber:5},this)});function st({x:e,y:t},{x:o,y:c},s,n){return e>o&&([e,o]=[o,e]),t>c&&([t,c]=[c,t]),e<0&&(e=0),o>s&&(o=s),t<0&&(t=0),c>n&&(c=n),{x:e,y:t,width:o-e,height:c-t}}var xe="/Users/nashaofu/Documents/GitHub/screenshots/packages/react-screenshots/src/Screenshots/ScreenshotsBackground/index.tsx",rt=i.exports.memo(function(){const{url:t,image:o,width:c,height:s}=V(),[n,r]=J(),a=i.exports.useRef(null),m=i.exports.useRef(null),p=i.exports.useRef(!1),[l,f]=i.exports.useState(null),h=i.exports.useCallback((d,y)=>{if(!a.current)return;const{x:S,y:b}=a.current.getBoundingClientRect();r.set(st({x:d.x-S,y:d.y-b},{x:y.x-S,y:y.y-b},c,s))},[c,s,r]),u=i.exports.useCallback(d=>{m.current||n||d.button!==0||(m.current={x:d.clientX,y:d.clientY},p.current=!1)},[n]);return i.exports.useEffect(()=>{const d=S=>{if(a.current){const b=a.current.getBoundingClientRect();S.clientX<b.left||S.clientY<b.top||S.clientX>b.right||S.clientY>b.bottom?f(null):f({x:S.clientX-b.x,y:S.clientY-b.y})}!m.current||(h(m.current,{x:S.clientX,y:S.clientY}),p.current=!0)},y=S=>{!m.current||(p.current&&h(m.current,{x:S.clientX,y:S.clientY}),m.current=null,p.current=!1)};return window.addEventListener("mousemove",d),window.addEventListener("mouseup",y),()=>{window.removeEventListener("mousemove",d),window.removeEventListener("mouseup",y)}},[h]),i.exports.useLayoutEffect(()=>{(!o||n)&&f(null)},[o,n]),!t||!o?null:v.exports.jsxDEV("div",{ref:a,className:"screenshots-background",onMouseDown:u,children:[v.exports.jsxDEV("img",{className:"screenshots-background-image",src:t},void 0,!1,{fileName:xe,lineNumber:121,columnNumber:7},this),v.exports.jsxDEV("div",{className:"screenshots-background-mask"},void 0,!1,{fileName:xe,lineNumber:122,columnNumber:7},this),l&&!n&&v.exports.jsxDEV(tt,{x:l==null?void 0:l.x,y:l==null?void 0:l.y},void 0,!1,{fileName:xe,lineNumber:123,columnNumber:31},this)]},void 0,!0,{fileName:xe,lineNumber:120,columnNumber:5},this)});function A(){const{cursor:e}=V(),{setCursor:t}=ie(),o=i.exports.useCallback(s=>{t==null||t(s)},[t]),c=i.exports.useCallback(()=>{t==null||t("move")},[t]);return[e,{set:o,reset:c}]}function ee(){const{emiterRef:e}=V(),t=i.exports.useCallback((n,r)=>{const a=e.current;Array.isArray(a[n])?a[n].push(r):a[n]=[r]},[e]),o=i.exports.useCallback((n,r)=>{const a=e.current;if(Array.isArray(a[n])){const m=a[n].findIndex(p=>p===r);m!==-1&&a[n].splice(m,1)}},[e]),c=i.exports.useCallback((n,...r)=>{const a=e.current;Array.isArray(a[n])&&a[n].forEach(m=>m(...r))},[e]),s=i.exports.useCallback(()=>{e.current={}},[e]);return{on:t,off:o,emit:c,reset:s}}function L(){const{history:e}=V(),{setHistory:t}=ie(),o=i.exports.useCallback(l=>{const{index:f,stack:h}=e;h.forEach(u=>{u.type===j.Source&&(u.isSelected=!1)}),l.type===j.Source?l.isSelected=!0:l.type===j.Edit&&(l.source.isSelected=!0),h.splice(f+1),h.push(l),t==null||t({index:h.length-1,stack:h})},[e,t]),c=i.exports.useCallback(()=>{const{stack:l}=e;l.pop(),t==null||t({index:l.length-1,stack:l})},[e,t]),s=i.exports.useCallback(()=>{const{index:l,stack:f}=e,h=f[l];h&&(h.type===j.Source?h.isSelected=!1:h.type===j.Edit&&h.source.editHistory.pop()),t==null||t({index:l<=0?-1:l-1,stack:f})},[e,t]),n=i.exports.useCallback(()=>{const{index:l,stack:f}=e,h=f[l+1];h&&(h.type===j.Source?h.isSelected=!1:h.type===j.Edit&&h.source.editHistory.push(h)),t==null||t({index:l>=f.length-1?f.length-1:l+1,stack:f})},[e,t]),r=i.exports.useCallback(l=>{t==null||t(U({},l))},[t]),a=i.exports.useCallback(l=>{e.stack.forEach(f=>{f.type===j.Source&&(f===l?f.isSelected=!0:f.isSelected=!1)}),t==null||t(U({},e))},[e,t]),m=i.exports.useCallback(()=>{e.stack.forEach(l=>{l.type===j.Source&&(l.isSelected=!1)}),t==null||t(U({},e))},[e,t]),p=i.exports.useCallback(()=>{t==null||t({index:-1,stack:[]})},[t]);return[{index:e.index,stack:e.stack,top:e.stack.slice(e.index,e.index+1)[0]},{push:o,pop:c,undo:s,redo:n,set:r,select:a,clearSelect:m,reset:p}]}function G(){const{operation:e}=V(),{setOperation:t}=ie(),o=i.exports.useCallback(s=>{t==null||t(s)},[t]),c=i.exports.useCallback(()=>{t==null||t(void 0)},[t]);return[e,{set:o,reset:c}]}function nt({x:e,y:t},{x:o,y:c},s,n,r,a){return e>o&&([e,o]=[o,e]),t>c&&([t,c]=[c,t]),e<0&&(e=0,a==="move"&&(o=s.width)),o>n&&(o=n,a==="move"&&(e=o-s.width)),t<0&&(t=0,a==="move"&&(c=s.height)),c>r&&(c=r,a==="move"&&(t=c-s.height)),{x:e,y:t,width:Math.max(o-e,1),height:Math.max(c-t,1)}}function ot(e,t,o,c){const s=e.clientX-o.x,n=e.clientY-o.y;let r=c.x,a=c.y,m=c.x+c.width,p=c.y+c.height;switch(t){case"top":a+=n;break;case"top-right":m+=s,a+=n;break;case"right":m+=s;break;case"right-bottom":m+=s,p+=n;break;case"bottom":p+=n;break;case"bottom-left":r+=s,p+=n;break;case"left":r+=s;break;case"left-top":r+=s,a+=n;break;case"move":r+=s,a+=n,m+=s,p+=n;break}return[{x:r,y:a},{x:m,y:p}]}function it(e,t,o,c){if(!t)return!1;const s=document.createElement("canvas");s.width=e.width,s.height=e.height;const n=s.getContext("2d");if(!n)return!1;const{left:r,top:a}=t.getBoundingClientRect(),m=c.clientX-r,p=c.clientY-a;return[...o.stack.slice(0,o.index+1)].reverse().find(f=>{var h;return f.type!==j.Source?!1:(n.clearRect(0,0,e.width,e.height),(h=f.isHit)==null?void 0:h.call(f,n,f,{x:m,y:p}))})}var W="/Users/nashaofu/Documents/GitHub/screenshots/packages/react-screenshots/src/Screenshots/ScreenshotsCanvas/index.tsx";const ct=["top","right","bottom","left"];var Y;(function(e){e.ResizeTop="top",e.ResizetopRight="top-right",e.ResizeRight="right",e.ResizeRightBottom="right-bottom",e.ResizeBottom="bottom",e.ResizeBottomLeft="bottom-left",e.ResizeLeft="left",e.ResizeLeftTop="left-top",e.Move="move"})(Y||(Y={}));const at=[Y.ResizeTop,Y.ResizetopRight,Y.ResizeRight,Y.ResizeRightBottom,Y.ResizeBottom,Y.ResizeBottomLeft,Y.ResizeLeft,Y.ResizeLeftTop];var lt=i.exports.memo(i.exports.forwardRef(function(t,o){const{url:c,image:s,width:n,height:r}=V(),a=ee(),[m]=L(),[p]=A(),[l,f]=J(),[h]=G(),u=i.exports.useRef(),d=i.exports.useRef(null),y=i.exports.useRef(null),S=i.exports.useRef(null),b=i.exports.useRef(null),w=i.exports.useCallback(()=>{if(!l||!b.current)return;const x=b.current;x.imageSmoothingEnabled=!0,x.imageSmoothingQuality="low",x.clearRect(0,0,l.width,l.height),m.stack.slice(0,m.index+1).forEach(N=>{N.type===j.Source&&N.draw(x,N)})},[l,b,m]),D=i.exports.useCallback((x,N)=>{if(!(x.button!==0||!l))if(!h)u.current=N,d.current={x:x.clientX,y:x.clientY},y.current={x:l.x,y:l.y,width:l.width,height:l.height};else{const C=it(l,S.current,m,x.nativeEvent);C?a.emit("drawselect",C,x.nativeEvent):a.emit("mousedown",x.nativeEvent)}},[l,h,a,m]),g=i.exports.useCallback(x=>{if(!u.current||!d.current||!y.current||!l)return;const N=ot(x,u.current,d.current,y.current);f.set(nt(N[0],N[1],l,n,r,u.current))},[n,r,l,f]);return i.exports.useLayoutEffect(()=>{if(!s||!l||!S.current){b.current=null;return}b.current||(b.current=S.current.getContext("2d")),w()},[s,l,w]),i.exports.useEffect(()=>{const x=C=>{if(h)a.emit("mousemove",C);else{if(!u.current||!d.current||!y.current)return;g(C)}},N=C=>{if(h)a.emit("mouseup",C);else{if(!u.current||!d.current||!y.current)return;g(C),u.current=void 0,d.current=null,y.current=null}};return window.addEventListener("mousemove",x),window.addEventListener("mouseup",N),()=>{window.removeEventListener("mousemove",x),window.removeEventListener("mouseup",N)}},[g,h,a]),i.exports.useImperativeHandle(o,()=>b.current),v.exports.jsxDEV("div",{className:"screenshots-canvas",style:{width:(l==null?void 0:l.width)||0,height:(l==null?void 0:l.height)||0,transform:l?`translate(${l.x}px, ${l.y}px)`:"none"},children:[v.exports.jsxDEV("div",{className:"screenshots-canvas-body",children:[v.exports.jsxDEV("img",{className:"screenshots-canvas-image",src:c,style:{width:n,height:r,transform:l?`translate(${-l.x}px, ${-l.y}px)`:"none"}},void 0,!1,{fileName:W,lineNumber:183,columnNumber:11},this),v.exports.jsxDEV("canvas",{ref:S,className:"screenshots-canvas-panel",width:(l==null?void 0:l.width)||0,height:(l==null?void 0:l.height)||0},void 0,!1,{fileName:W,lineNumber:192,columnNumber:11},this)]},void 0,!0,{fileName:W,lineNumber:181,columnNumber:9},this),v.exports.jsxDEV("div",{className:"screenshots-canvas-mask",style:{cursor:p},onMouseDown:x=>D(x,"move")},void 0,!1,{fileName:W,lineNumber:199,columnNumber:9},this),ct.map(x=>v.exports.jsxDEV("div",{className:`screenshots-canvas-border-${x}`},x,!1,{fileName:W,lineNumber:207,columnNumber:18},this)),at.map(x=>v.exports.jsxDEV("div",{className:`screenshots-canvas-point-${x}`,onMouseDown:N=>D(N,x)},x,!1,{fileName:W,lineNumber:211,columnNumber:13},this))]},void 0,!0,{fileName:W,lineNumber:173,columnNumber:7},this)}));function Ne(){const e=ie();return i.exports.useCallback((o,...c)=>{var s;(s=e.call)==null||s.call(e,o,...c)},[e])}function O(){const{canvasContextRef:e}=V();return e}function Ce(){const e=ee(),[,t]=J(),[,o]=A(),[,c]=L(),[,s]=G();return i.exports.useCallback(()=>{e.reset(),c.reset(),t.reset(),o.reset(),s.reset()},[e,c,t,o,s])}var Se="/Users/nashaofu/Documents/GitHub/screenshots/packages/react-screenshots/src/Screenshots/ScreenshotsOption/index.tsx",q;(function(e){e.Bottom="bottom",e.Top="top"})(q||(q={}));var ut=i.exports.memo(function({open:t,content:o,children:c}){var y,S;const s=i.exports.useRef(null),n=i.exports.useRef(null),r=i.exports.useRef(null),a=i.exports.useContext(Ie),[m,p]=i.exports.useState(q.Bottom),[l,f]=i.exports.useState(null),[h,u]=i.exports.useState(0),d=()=>(n.current||(n.current=document.createElement("div")),n.current);return i.exports.useEffect(()=>{const b=d();return t&&document.body.appendChild(b),()=>{b.remove()}},[t]),i.exports.useEffect(()=>{if(!t||!a||!s.current||!r.current)return;const b=s.current.getBoundingClientRect(),w=r.current.getBoundingClientRect();let D=m,g=b.left+b.width/2,x=b.top+b.height,N=h;if(g+w.width/2>a.x+a.width){const C=g;g=a.x+a.width-w.width/2,N=C-g}if(g<a.x+w.width/2){const C=g;g=a.x+w.width/2,N=C-g}x>window.innerHeight-w.height&&(D===q.Bottom&&(D=q.Top),x=b.top-w.height),x<0&&(D===q.Top&&(D=q.Bottom),x=b.top+b.height),D!==m&&p(D),((l==null?void 0:l.x)!==g||l.y!==x)&&f({x:g,y:x}),N!==h&&u(N)}),v.exports.jsxDEV(v.exports.Fragment,{children:[i.exports.cloneElement(c,{ref:s}),t&&o&&Ve.exports.createPortal(v.exports.jsxDEV("div",{ref:r,className:"screenshots-option",style:{visibility:l?"visible":"hidden",transform:`translate(${(y=l==null?void 0:l.x)!=null?y:0}px, ${(S=l==null?void 0:l.y)!=null?S:0}px)`},"data-placement":m,children:[v.exports.jsxDEV("div",{className:"screenshots-option-container",children:o},void 0,!1,{fileName:Se,lineNumber:120,columnNumber:13},this),v.exports.jsxDEV("div",{className:"screenshots-option-arrow",style:{marginLeft:h}},void 0,!1,{fileName:Se,lineNumber:121,columnNumber:13},this)]},void 0,!0,{fileName:Se,lineNumber:111,columnNumber:11},this),d())]},void 0,!0)});var Re="/Users/nashaofu/Documents/GitHub/screenshots/packages/react-screenshots/src/Screenshots/ScreenshotsButton/index.tsx",H=i.exports.memo(function({title:t,icon:o,checked:c,disabled:s,option:n,onClick:r}){const a=["screenshots-button"],m=i.exports.useCallback(p=>{s||!r||r(p)},[s,r]);return c&&a.push("screenshots-button-checked"),s&&a.push("screenshots-button-disabled"),v.exports.jsxDEV(ut,{open:c,content:n,children:v.exports.jsxDEV("div",{className:a.join(" "),title:t,onClick:m,children:v.exports.jsxDEV("span",{className:o},void 0,!1,{fileName:Re,lineNumber:44,columnNumber:9},this)},void 0,!1,{fileName:Re,lineNumber:43,columnNumber:7},this)},void 0,!1,{fileName:Re,lineNumber:42,columnNumber:5},this)}),ft="/Users/nashaofu/Documents/GitHub/screenshots/packages/react-screenshots/src/Screenshots/operations/Ok/index.tsx";function ht(){const{image:e,width:t,height:o,history:c,bounds:s,lang:n}=V(),r=O(),[,a]=L(),m=Ne(),p=Ce(),l=i.exports.useCallback(()=>{a.clearSelect(),setTimeout(()=>{!r.current||!e||!s||pe({image:e,width:t,height:o,history:c,bounds:s}).then(f=>{m("onOk",f,s),p()})})},[r,a,e,t,o,c,s,m,p]);return v.exports.jsxDEV(H,{title:n.operation_ok_title,icon:"icon-ok",onClick:l},void 0,!1,{fileName:ft,lineNumber:36,columnNumber:10},this)}var mt="/Users/nashaofu/Documents/GitHub/screenshots/packages/react-screenshots/src/Screenshots/operations/Cancel/index.tsx";function pt(){const e=Ne(),t=Ce(),o=F(),c=i.exports.useCallback(()=>{e("onCancel"),t()},[e,t]);return v.exports.jsxDEV(H,{title:o.operation_cancel_title,icon:"icon-cancel",onClick:c},void 0,!1,{fileName:mt,lineNumber:17,columnNumber:10},this)}var xt="/Users/nashaofu/Documents/GitHub/screenshots/packages/react-screenshots/src/Screenshots/operations/Save/index.tsx";function dt(){const{image:e,width:t,height:o,history:c,bounds:s,lang:n}=V(),r=O(),[,a]=L(),m=Ne(),p=Ce(),l=i.exports.useCallback(()=>{a.clearSelect(),setTimeout(()=>{!r.current||!e||!s||pe({image:e,width:t,height:o,history:c,bounds:s}).then(f=>{m("onSave",f,s),p()})})},[r,a,e,t,o,c,s,m,p]);return v.exports.jsxDEV(H,{title:n.operation_save_title,icon:"icon-save",onClick:l},void 0,!1,{fileName:xt,lineNumber:36,columnNumber:10},this)}var gt="/Users/nashaofu/Documents/GitHub/screenshots/packages/react-screenshots/src/Screenshots/operations/Redo/index.tsx";function vt(){const e=F(),[t,o]=L(),c=i.exports.useCallback(()=>{o.redo()},[o]);return v.exports.jsxDEV(H,{title:e.operation_redo_title,icon:"icon-redo",disabled:!t.stack.length||t.stack.length-1===t.index,onClick:c},void 0,!1,{fileName:gt,lineNumber:15,columnNumber:5},this)}var bt="/Users/nashaofu/Documents/GitHub/screenshots/packages/react-screenshots/src/Screenshots/operations/Undo/index.tsx";function yt(){const e=F(),[t,o]=L(),c=i.exports.useCallback(()=>{o.undo()},[o]);return v.exports.jsxDEV(H,{title:e.operation_undo_title,icon:"icon-undo",disabled:t.index===-1,onClick:c},void 0,!1,{fileName:bt,lineNumber:15,columnNumber:5},this)}var we="/Users/nashaofu/Documents/GitHub/screenshots/packages/react-screenshots/src/Screenshots/ScreenshotsSize/index.tsx",Le=i.exports.memo(function({value:t,onChange:o}){const c=[3,6,9];return v.exports.jsxDEV("div",{className:"screenshots-size",children:c.map(s=>{const n=["screenshots-size-item"];return s===t&&n.push("screenshots-size-active"),v.exports.jsxDEV("div",{className:n.join(" "),onClick:()=>o&&o(s),children:v.exports.jsxDEV("div",{className:"screenshots-size-pointer",style:{width:s*1.8,height:s*1.8}},void 0,!1,{fileName:we,lineNumber:22,columnNumber:13},this)},s,!1,{fileName:we,lineNumber:21,columnNumber:11},this)})},void 0,!1,{fileName:we,lineNumber:12,columnNumber:5},this)});function te(e){const t=ee();i.exports.useEffect(()=>(t.on("mousedown",e),()=>{t.off("mousedown",e)}),[e,t])}function se(e){const t=ee();i.exports.useEffect(()=>(t.on("mousemove",e),()=>{t.off("mousemove",e)}),[e,t])}function re(e){const t=ee();i.exports.useEffect(()=>(t.on("mouseup",e),()=>{t.off("mouseup",e)}),[e,t])}var He="/Users/nashaofu/Documents/GitHub/screenshots/packages/react-screenshots/src/Screenshots/operations/Mosaic/index.tsx";function de(e,t,o){if(!o)return[0,0,0,0];const{data:c,width:s}=o,n=t*s*4+e*4;return Array.from(c.slice(n,n+4))}function Nt(e,t){const{tiles:o,size:c}=t.data;o.forEach(s=>{const n=Math.round(s.color[0]),r=Math.round(s.color[1]),a=Math.round(s.color[2]),m=s.color[3]/255;e.fillStyle=`rgba(${n}, ${r}, ${a}, ${m})`,e.fillRect(s.x-c/2,s.y-c/2,c,c)})}function Ct(){const e=F(),{image:t,width:o,height:c}=V(),[s,n]=G(),r=O(),[a,m]=L(),[p]=J(),[,l]=A(),[f,h]=i.exports.useState(3),u=i.exports.useRef(null),d=i.exports.useRef(null),y=s==="Mosaic",S=i.exports.useCallback(()=>{n.set("Mosaic"),l.set("crosshair")},[n,l]),b=i.exports.useCallback(()=>{y||(S(),m.clearSelect())},[y,S,m]),w=i.exports.useCallback(x=>{if(!y||d.current||!u.current||!r.current)return;const N=r.current.canvas.getBoundingClientRect(),C=x.clientX-N.x,k=x.clientY-N.y,E=f*2;d.current={name:"Mosaic",type:j.Source,data:{size:E,tiles:[{x:C,y:k,color:de(C,k,u.current)}]},editHistory:[],draw:Nt}},[y,f,r]),D=i.exports.useCallback(x=>{if(!y||!d.current||!r.current||!u.current)return;const N=r.current.canvas.getBoundingClientRect(),C=x.clientX-N.x,k=x.clientY-N.y,E=d.current.data.size,z=d.current.data.tiles;let R=z[z.length-1];if(!R)z.push({x:C,y:k,color:de(C,k,u.current)});else{const T=R.x-C,B=R.y-k;let _=Math.sqrt(T**2+B**2);const ve=-B/_,be=-T/_;for(;_>E;){const ne=Math.floor(R.x+E*be),oe=Math.floor(R.y+E*ve);R={x:ne,y:oe,color:de(ne,oe,u.current)},z.push(R),_-=E}_>E/2&&z.push({x:C,y:k,color:de(C,k,u.current)})}a.top!==d.current?m.push(d.current):m.set(a)},[y,r,a,m]),g=i.exports.useCallback(()=>{!y||(d.current=null)},[y]);return te(w),se(D),re(g),i.exports.useEffect(()=>{if(!p||!t||!y)return;const x=document.createElement("canvas"),N=x.getContext("2d");if(!N)return;x.width=p.width,x.height=p.height;const C=t.naturalWidth/o,k=t.naturalHeight/c;N.drawImage(t,p.x*C,p.y*k,p.width*C,p.height*k,0,0,p.width,p.height),u.current=N.getImageData(0,0,p.width,p.height)},[o,c,p,t,y]),v.exports.jsxDEV(H,{title:e.operation_mosaic_title,icon:"icon-mosaic",checked:y,onClick:b,option:v.exports.jsxDEV(Le,{value:f,onChange:h},void 0,!1,{fileName:He,lineNumber:220,columnNumber:15},this)},void 0,!1,{fileName:He,lineNumber:215,columnNumber:5},this)}var Xe="/Users/nashaofu/Documents/GitHub/screenshots/packages/react-screenshots/src/Screenshots/ScreenshotsColor/index.tsx",St=i.exports.memo(function({value:t,onChange:o}){const c=["#ee5126","#fceb4d","#90e746","#51c0fa","#7a7a7a","#ffffff"];return v.exports.jsxDEV("div",{className:"screenshots-color",children:c.map(s=>{const n=["screenshots-color-item"];return s===t&&n.push("screenshots-color-active"),v.exports.jsxDEV("div",{className:n.join(" "),style:{backgroundColor:s},onClick:()=>o&&o(s)},s,!1,{fileName:Xe,lineNumber:19,columnNumber:11},this)})},void 0,!1,{fileName:Xe,lineNumber:12,columnNumber:5},this)});var ke="/Users/nashaofu/Documents/GitHub/screenshots/packages/react-screenshots/src/Screenshots/ScreenshotsSizeColor/index.tsx",ce=i.exports.memo(function({size:t,color:o,onSizeChange:c,onColorChange:s}){return v.exports.jsxDEV("div",{className:"screenshots-sizecolor",children:[v.exports.jsxDEV(Le,{value:t,onChange:c},void 0,!1,{fileName:ke,lineNumber:21,columnNumber:7},this),v.exports.jsxDEV(St,{value:o,onChange:s},void 0,!1,{fileName:ke,lineNumber:22,columnNumber:7},this)]},void 0,!0,{fileName:ke,lineNumber:20,columnNumber:5},this)});const Rt=`
-min-width: 0 !important;
-width: 0 !important;
-min-height: 0 !important;
-height:0 !important;
-visibility: hidden !important;
-overflow: hidden !important;
-position: absolute !important;
-z-index: -1000 !important;
-top:0 !important;
-right:0 !important;
-`,wt=["letter-spacing","line-height","padding-top","padding-bottom","font-family","font-weight","font-size","font-variant","text-rendering","text-transform","text-indent","padding-left","padding-right","border-width","box-sizing","white-space","word-break"];let I;function kt(e){const t=window.getComputedStyle(e),o=t.getPropertyValue("box-sizing")||t.getPropertyValue("-moz-box-sizing")||t.getPropertyValue("-webkit-box-sizing"),c=parseFloat(t.getPropertyValue("padding-bottom"))+parseFloat(t.getPropertyValue("padding-top")),s=parseFloat(t.getPropertyValue("border-bottom-width"))+parseFloat(t.getPropertyValue("border-top-width"));return{sizingStyle:wt.map(r=>`${r}:${t.getPropertyValue(r)}`).join(";"),paddingSize:c,borderSize:s,boxSizing:o}}function Dt(e,t,o,c){I||(I=document.createElement("textarea"),I.setAttribute("tab-index","-1"),document.body.appendChild(I));const{paddingSize:s,borderSize:n,boxSizing:r,sizingStyle:a}=kt(e);I.setAttribute("style",`${a};${Rt};max-width:${o}px;max-height:${c}px`),I.value=t||" ";let m=I.scrollWidth,p=I.scrollHeight;return r==="border-box"?(m+=n,p+=n):r==="content-box"&&(m-=s,p-=s),{width:Math.min(m,o),height:Math.min(p,c)}}var zt="/Users/nashaofu/Documents/GitHub/screenshots/packages/react-screenshots/src/Screenshots/ScreenshotsTextarea/index.tsx",Et=i.exports.memo(function({x:t,y:o,maxWidth:c,maxHeight:s,size:n,color:r,value:a,onChange:m,onBlur:p}){const l=i.exports.useRef(null),f=i.exports.useRef(null),[h,u]=i.exports.useState(0),[d,y]=i.exports.useState(0),S=()=>(l.current||(l.current=document.createElement("div")),l.current);return i.exports.useLayoutEffect(()=>(l.current&&(document.body.appendChild(l.current),requestAnimationFrame(()=>{var b;(b=f.current)==null||b.focus()})),()=>{var b;(b=l.current)==null||b.remove()}),[]),i.exports.useLayoutEffect(()=>{if(!f.current)return;const{width:b,height:w}=Dt(f.current,a,c,s);u(b),y(w)},[a,c,s]),Ve.exports.createPortal(v.exports.jsxDEV("textarea",{ref:f,className:"screenshots-textarea",style:{color:r,width:h,height:d,maxWidth:c,maxHeight:s,fontSize:n,lineHeight:`${n}px`,transform:`translate(${t}px, ${o}px)`},value:a,onChange:b=>m&&m(b.target.value),onBlur:b=>p&&p(b)},void 0,!1,{fileName:zt,lineNumber:65,columnNumber:5},this),S())});function ae(e){const t=ee();i.exports.useEffect(()=>(t.on("drawselect",e),()=>{t.off("drawselect",e)}),[e,t])}var De="/Users/nashaofu/Documents/GitHub/screenshots/packages/react-screenshots/src/Screenshots/operations/Text/index.tsx";const ze={3:18,6:32,9:46};function jt(e,t){const{size:o,color:c,fontFamily:s,x:n,y:r,text:a}=t.data;e.fillStyle=c,e.textAlign="left",e.textBaseline="top",e.font=`${o}px ${s}`;const m=t.editHistory.reduce((p,{data:l})=>({x:p.x+l.x2-l.x1,y:p.y+l.y2-l.y1}),{x:0,y:0});a.split(`
-`).forEach((p,l)=>{e.fillText(p,n+m.x,r+m.y+l*o)})}function Bt(e,t,o){e.textAlign="left",e.textBaseline="top",e.font=`${t.data.size}px ${t.data.fontFamily}`;let c=0,s=0;t.data.text.split(`
-`).forEach(f=>{const h=e.measureText(f);c<h.width&&(c=h.width),s+=t.data.size});const{x:n,y:r}=t.editHistory.reduce((f,{data:h})=>({x:f.x+h.x2-h.x1,y:f.y+h.y2-h.y1}),{x:0,y:0}),a=t.data.x+n,m=t.data.y+r,p=a+c,l=m+s;return o.x>=a&&o.x<=p&&o.y>=m&&o.y<=l}function Mt(){const e=F(),[t,o]=L(),[c]=J(),[s,n]=G(),[,r]=A(),a=O(),[m,p]=i.exports.useState(3),[l,f]=i.exports.useState("#ee5126"),h=i.exports.useRef(null),u=i.exports.useRef(null),[d,y]=i.exports.useState(null),[S,b]=i.exports.useState(""),w=s==="Text",D=i.exports.useCallback(()=>{n.set("Text"),r.set("default")},[n,r]),g=i.exports.useCallback(()=>{w||(D(),o.clearSelect())},[w,D,o]),x=i.exports.useCallback(B=>{h.current&&(h.current.data.size=ze[B]),p(B)},[]),N=i.exports.useCallback(B=>{h.current&&(h.current.data.color=B),f(B)},[]),C=i.exports.useCallback(B=>{b(B),w&&h.current&&(h.current.data.text=B)},[w]),k=i.exports.useCallback(()=>{h.current&&h.current.data.text&&o.push(h.current),h.current=null,b(""),y(null)},[o]),E=i.exports.useCallback((B,_)=>{B.name==="Text"&&(D(),u.current={type:j.Edit,data:{x1:_.clientX,y1:_.clientY,x2:_.clientX,y2:_.clientY},source:B},o.select(B))},[D,o]),z=i.exports.useCallback(B=>{if(!w||!a.current||h.current||!c)return;const{left:_,top:ve}=a.current.canvas.getBoundingClientRect(),be=window.getComputedStyle(a.current.canvas).fontFamily,ne=B.clientX-_,oe=B.clientY-ve;h.current={name:"Text",type:j.Source,data:{size:ze[m],color:l,fontFamily:be,x:ne,y:oe,text:""},editHistory:[],draw:jt,isHit:Bt},y({x:B.clientX,y:B.clientY,maxWidth:c.width-ne,maxHeight:c.height-oe})},[w,m,l,c,a]),R=i.exports.useCallback(B=>{!w||u.current&&(u.current.data.x2=B.clientX,u.current.data.y2=B.clientY,t.top!==u.current?(u.current.source.editHistory.push(u.current),o.push(u.current)):o.set(t))},[w,t,o]),T=i.exports.useCallback(()=>{!w||(u.current=null)},[w]);return ae(E),te(z),se(R),re(T),v.exports.jsxDEV(v.exports.Fragment,{children:[v.exports.jsxDEV(H,{title:e.operation_text_title,icon:"icon-text",checked:w,onClick:g,option:v.exports.jsxDEV(ce,{size:m,color:l,onSizeChange:x,onColorChange:N},void 0,!1,{fileName:De,lineNumber:261,columnNumber:11},this)},void 0,!1,{fileName:De,lineNumber:255,columnNumber:7},this),w&&d&&v.exports.jsxDEV(Et,{x:d.x,y:d.y,maxWidth:d.maxWidth,maxHeight:d.maxHeight,size:ze[m],color:l,value:S,onChange:C,onBlur:k},void 0,!1,{fileName:De,lineNumber:265,columnNumber:9},this)]},void 0,!0)}const Pe=4;function M(e,t,o){e.lineWidth=1,e.strokeStyle="#000000",e.fillStyle="#ffffff",e.beginPath(),e.arc(t,o,Pe,0,2*Math.PI),e.fill(),e.stroke()}function ge(e,t,o){t.draw(e,t);const{data:c}=e.getImageData(o.x,o.y,1,1);return c.some(s=>s!==0)}function $(e,t,o){if(!e)return!1;const{left:c,top:s}=e.getBoundingClientRect(),n=t.clientX-c,r=t.clientY-s;return(o.x-n)**2+(o.y-r)**2<Pe**2}function $t(e,t){const{size:o,color:c,points:s}=t.data;e.lineCap="round",e.lineJoin="round",e.lineWidth=o,e.strokeStyle=c;const n=t.editHistory.reduce((r,{data:a})=>({x:r.x+a.x2-a.x1,y:r.y+a.y2-a.y1}),{x:0,y:0});e.beginPath(),s.forEach((r,a)=>{a===0?e.moveTo(r.x+n.x,r.y+n.y):e.lineTo(r.x+n.x,r.y+n.y)}),e.stroke(),t.isSelected&&(e.lineWidth=1,e.strokeStyle="#000000",e.beginPath(),s.forEach((r,a)=>{a===0?e.moveTo(r.x+n.x,r.y+n.y):e.lineTo(r.x+n.x,r.y+n.y)}),e.stroke())}var Fe="/Users/nashaofu/Documents/GitHub/screenshots/packages/react-screenshots/src/Screenshots/operations/Brush/index.tsx";function Vt(){const e=F(),[,t]=A(),[o,c]=G(),s=O(),[n,r]=L(),[a,m]=i.exports.useState(3),[p,l]=i.exports.useState("#ee5126"),f=i.exports.useRef(null),h=i.exports.useRef(null),u=o==="Brush",d=i.exports.useCallback(()=>{c.set("Brush"),t.set("default")},[c,t]),y=i.exports.useCallback(()=>{u||(d(),r.clearSelect())},[u,d,r]),S=i.exports.useCallback((g,x)=>{g.name==="Brush"&&(d(),h.current={type:j.Edit,data:{x1:x.clientX,y1:x.clientY,x2:x.clientX,y2:x.clientY},source:g},r.select(g))},[d,r]),b=i.exports.useCallback(g=>{if(!u||f.current||!s.current)return;const{left:x,top:N}=s.current.canvas.getBoundingClientRect();f.current={name:"Brush",type:j.Source,data:{size:a,color:p,points:[{x:g.clientX-x,y:g.clientY-N}]},editHistory:[],draw:$t,isHit:ge}},[u,s,a,p]),w=i.exports.useCallback(g=>{if(!(!u||!s.current)){if(h.current)h.current.data.x2=g.clientX,h.current.data.y2=g.clientY,n.top!==h.current?(h.current.source.editHistory.push(h.current),r.push(h.current)):r.set(n);else if(f.current){const{left:x,top:N}=s.current.canvas.getBoundingClientRect();f.current.data.points.push({x:g.clientX-x,y:g.clientY-N}),n.top!==f.current?r.push(f.current):r.set(n)}}},[u,n,s,r]),D=i.exports.useCallback(()=>{!u||(f.current&&r.clearSelect(),f.current=null,h.current=null)},[u,r]);return ae(S),te(b),se(w),re(D),v.exports.jsxDEV(H,{title:e.operation_brush_title,icon:"icon-brush",checked:u,onClick:y,option:v.exports.jsxDEV(ce,{size:a,color:p,onSizeChange:m,onColorChange:l},void 0,!1,{fileName:Fe,lineNumber:166,columnNumber:15},this)},void 0,!1,{fileName:Fe,lineNumber:161,columnNumber:5},this)}function Ye(e){let{x1:t,y1:o,x2:c,y2:s}=e.data;return e.editHistory.forEach(({data:n})=>{const r=n.x2-n.x1,a=n.y2-n.y1;n.type===le.Move?(t+=r,o+=a,c+=r,s+=a):n.type===le.MoveStart?(t+=r,o+=a):n.type===le.MoveEnd&&(c+=r,s+=a)}),me(U({},e.data),{x1:t,x2:c,y1:o,y2:s})}function _t(e,t){const{size:o,color:c,x1:s,x2:n,y1:r,y2:a}=Ye(t);e.lineCap="round",e.lineJoin="bevel",e.lineWidth=o,e.strokeStyle=c;const m=n-s,p=a-r,l=o*3,f=Math.atan2(p,m);e.beginPath(),e.moveTo(s,r),e.lineTo(n,a),e.lineTo(n-l*Math.cos(f-Math.PI/6),a-l*Math.sin(f-Math.PI/6)),e.moveTo(n,a),e.lineTo(n-l*Math.cos(f+Math.PI/6),a-l*Math.sin(f+Math.PI/6)),e.stroke(),t.isSelected&&(M(e,s,r),M(e,n,a))}var Te="/Users/nashaofu/Documents/GitHub/screenshots/packages/react-screenshots/src/Screenshots/operations/Arrow/index.tsx",le;(function(e){e[e.Move=0]="Move",e[e.MoveStart=1]="MoveStart",e[e.MoveEnd=2]="MoveEnd"})(le||(le={}));function Lt(){const e=F(),[,t]=A(),[o,c]=G(),[s,n]=L(),r=O(),[a,m]=i.exports.useState(3),[p,l]=i.exports.useState("#ee5126"),f=i.exports.useRef(null),h=i.exports.useRef(null),u=o==="Arrow",d=i.exports.useCallback(()=>{c.set("Arrow"),t.set("default")},[c,t]),y=i.exports.useCallback(()=>{u||(d(),n.clearSelect())},[u,d,n]),S=i.exports.useCallback((g,x)=>{if(g.name!=="Arrow"||!r.current)return;const N=g;d();const{x1:C,y1:k,x2:E,y2:z}=Ye(N);let R=0;$(r.current.canvas,x,{x:C,y:k})?R=1:$(r.current.canvas,x,{x:E,y:z})&&(R=2),h.current={type:j.Edit,data:{type:R,x1:x.clientX,y1:x.clientY,x2:x.clientX,y2:x.clientY},source:N},n.select(g)},[r,d,n]),b=i.exports.useCallback(g=>{if(!u||f.current||!r.current)return;const{left:x,top:N}=r.current.canvas.getBoundingClientRect();f.current={name:"Arrow",type:j.Source,data:{size:a,color:p,x1:g.clientX-x,y1:g.clientY-N,x2:g.clientX-x,y2:g.clientY-N},editHistory:[],draw:_t,isHit:ge}},[u,p,a,r]),w=i.exports.useCallback(g=>{if(!(!u||!r.current)){if(h.current)h.current.data.x2=g.clientX,h.current.data.y2=g.clientY,s.top!==h.current?(h.current.source.editHistory.push(h.current),n.push(h.current)):n.set(s);else if(f.current){const{left:x,top:N}=r.current.canvas.getBoundingClientRect();f.current.data.x2=g.clientX-x,f.current.data.y2=g.clientY-N,s.top!==f.current?n.push(f.current):n.set(s)}}},[u,s,r,n]),D=i.exports.useCallback(()=>{!u||(f.current&&n.clearSelect(),f.current=null,h.current=null)},[u,n]);return ae(S),te(b),se(w),re(D),v.exports.jsxDEV(H,{title:e.operation_arrow_title,icon:"icon-arrow",checked:u,onClick:y,option:v.exports.jsxDEV(ce,{size:a,color:p,onSizeChange:m,onColorChange:l},void 0,!1,{fileName:Te,lineNumber:190,columnNumber:15},this)},void 0,!1,{fileName:Te,lineNumber:185,columnNumber:5},this)}function Ue(e){let{x1:t,y1:o,x2:c,y2:s}=e.data;return e.editHistory.forEach(({data:n})=>{const r=n.x2-n.x1,a=n.y2-n.y1;n.type===X.Move?(t+=r,o+=a,c+=r,s+=a):n.type===X.ResizeTop?o+=a:n.type===X.ResizeRightTop?(c+=r,o+=a):n.type===X.ResizeRight?c+=r:n.type===X.ResizeRightBottom?(c+=r,s+=a):n.type===X.ResizeBottom?s+=a:n.type===X.ResizeLeftBottom?(t+=r,s+=a):n.type===X.ResizeLeft?t+=r:n.type===X.ResizeLeftTop&&(t+=r,o+=a)}),me(U({},e.data),{x1:t,x2:c,y1:o,y2:s})}function Ht(e,t){const{size:o,color:c,x1:s,y1:n,x2:r,y2:a}=Ue(t);e.lineCap="butt",e.lineJoin="miter",e.lineWidth=o,e.strokeStyle=c;const m=(s+r)/2,p=(n+a)/2,l=Math.abs(r-s)/2,f=Math.abs(a-n)/2,h=.5522848,u=l*h,d=f*h;e.beginPath(),e.moveTo(m-l,p),e.bezierCurveTo(m-l,p-d,m-u,p-f,m,p-f),e.bezierCurveTo(m+u,p-f,m+l,p-d,m+l,p),e.bezierCurveTo(m+l,p+d,m+u,p+f,m,p+f),e.bezierCurveTo(m-u,p+f,m-l,p+d,m-l,p),e.closePath(),e.stroke(),t.isSelected&&(e.lineWidth=1,e.strokeStyle="#000000",e.fillStyle="#ffffff",e.beginPath(),e.moveTo(s,n),e.lineTo(r,n),e.lineTo(r,a),e.lineTo(s,a),e.closePath(),e.stroke(),M(e,(s+r)/2,n),M(e,r,n),M(e,r,(n+a)/2),M(e,r,a),M(e,(s+r)/2,a),M(e,s,a),M(e,s,(n+a)/2),M(e,s,n))}var Ae="/Users/nashaofu/Documents/GitHub/screenshots/packages/react-screenshots/src/Screenshots/operations/Ellipse/index.tsx",X;(function(e){e[e.Move=0]="Move",e[e.ResizeTop=1]="ResizeTop",e[e.ResizeRightTop=2]="ResizeRightTop",e[e.ResizeRight=3]="ResizeRight",e[e.ResizeRightBottom=4]="ResizeRightBottom",e[e.ResizeBottom=5]="ResizeBottom",e[e.ResizeLeftBottom=6]="ResizeLeftBottom",e[e.ResizeLeft=7]="ResizeLeft",e[e.ResizeLeftTop=8]="ResizeLeftTop"})(X||(X={}));function Xt(){const e=F(),[t,o]=L(),[c,s]=G(),[,n]=A(),r=O(),[a,m]=i.exports.useState(3),[p,l]=i.exports.useState("#ee5126"),f=i.exports.useRef(null),h=i.exports.useRef(null),u=c==="Ellipse",d=i.exports.useCallback(()=>{s.set("Ellipse"),n.set("crosshair")},[s,n]),y=i.exports.useCallback(()=>{u||(d(),o.clearSelect())},[u,d,o]),S=i.exports.useCallback((g,x)=>{if(g.name!=="Ellipse"||!r.current)return;const N=g;d();const{x1:C,y1:k,x2:E,y2:z}=Ue(N);let R=0;$(r.current.canvas,x,{x:(C+E)/2,y:k})?R=1:$(r.current.canvas,x,{x:E,y:k})?R=2:$(r.current.canvas,x,{x:E,y:(k+z)/2})?R=3:$(r.current.canvas,x,{x:E,y:z})?R=4:$(r.current.canvas,x,{x:(C+E)/2,y:z})?R=5:$(r.current.canvas,x,{x:C,y:z})?R=6:$(r.current.canvas,x,{x:C,y:(k+z)/2})?R=7:$(r.current.canvas,x,{x:C,y:k})&&(R=8),h.current={type:j.Edit,data:{type:R,x1:x.clientX,y1:x.clientY,x2:x.clientX,y2:x.clientY},source:N},o.select(g)},[r,d,o]),b=i.exports.useCallback(g=>{if(!u||!r.current||f.current)return;const{left:x,top:N}=r.current.canvas.getBoundingClientRect(),C=g.clientX-x,k=g.clientY-N;f.current={name:"Ellipse",type:j.Source,data:{size:a,color:p,x1:C,y1:k,x2:C,y2:k},editHistory:[],draw:Ht,isHit:ge}},[u,a,p,r]),w=i.exports.useCallback(g=>{if(!(!u||!r.current)){if(h.current)h.current.data.x2=g.clientX,h.current.data.y2=g.clientY,t.top!==h.current?(h.current.source.editHistory.push(h.current),o.push(h.current)):o.set(t);else if(f.current){const{left:x,top:N}=r.current.canvas.getBoundingClientRect();f.current.data.x2=g.clientX-x,f.current.data.y2=g.clientY-N,t.top!==f.current?o.push(f.current):o.set(t)}}},[u,r,t,o]),D=i.exports.useCallback(()=>{!u||(f.current&&o.clearSelect(),f.current=null,h.current=null)},[u,o]);return ae(S),te(b),se(w),re(D),v.exports.jsxDEV(H,{title:e.operation_ellipse_title,icon:"icon-ellipse",checked:u,onClick:y,option:v.exports.jsxDEV(ce,{size:a,color:p,onSizeChange:m,onColorChange:l},void 0,!1,{fileName:Ae,lineNumber:242,columnNumber:15},this)},void 0,!1,{fileName:Ae,lineNumber:237,columnNumber:5},this)}function Ge(e){let{x1:t,y1:o,x2:c,y2:s}=e.data;return e.editHistory.forEach(({data:n})=>{const r=n.x2-n.x1,a=n.y2-n.y1;n.type===P.Move?(t+=r,o+=a,c+=r,s+=a):n.type===P.ResizeTop?o+=a:n.type===P.ResizeRightTop?(c+=r,o+=a):n.type===P.ResizeRight?c+=r:n.type===P.ResizeRightBottom?(c+=r,s+=a):n.type===P.ResizeBottom?s+=a:n.type===P.ResizeLeftBottom?(t+=r,s+=a):n.type===P.ResizeLeft?t+=r:n.type===P.ResizeLeftTop&&(t+=r,o+=a)}),me(U({},e.data),{x1:t,x2:c,y1:o,y2:s})}function Pt(e,t){const{size:o,color:c,x1:s,y1:n,x2:r,y2:a}=Ge(t);e.lineCap="butt",e.lineJoin="miter",e.lineWidth=o,e.strokeStyle=c,e.beginPath(),e.moveTo(s,n),e.lineTo(r,n),e.lineTo(r,a),e.lineTo(s,a),e.closePath(),e.stroke(),t.isSelected&&(e.lineWidth=1,e.strokeStyle="#000000",e.fillStyle="#ffffff",M(e,(s+r)/2,n),M(e,r,n),M(e,r,(n+a)/2),M(e,r,a),M(e,(s+r)/2,a),M(e,s,a),M(e,s,(n+a)/2),M(e,s,n))}var Oe="/Users/nashaofu/Documents/GitHub/screenshots/packages/react-screenshots/src/Screenshots/operations/Rectangle/index.tsx",P;(function(e){e[e.Move=0]="Move",e[e.ResizeTop=1]="ResizeTop",e[e.ResizeRightTop=2]="ResizeRightTop",e[e.ResizeRight=3]="ResizeRight",e[e.ResizeRightBottom=4]="ResizeRightBottom",e[e.ResizeBottom=5]="ResizeBottom",e[e.ResizeLeftBottom=6]="ResizeLeftBottom",e[e.ResizeLeft=7]="ResizeLeft",e[e.ResizeLeftTop=8]="ResizeLeftTop"})(P||(P={}));function Ft(){const e=F(),[t,o]=L(),[c,s]=G(),[,n]=A(),r=O(),[a,m]=i.exports.useState(3),[p,l]=i.exports.useState("#ee5126"),f=i.exports.useRef(null),h=i.exports.useRef(null),u=c==="Rectangle",d=i.exports.useCallback(()=>{s.set("Rectangle"),n.set("crosshair")},[s,n]),y=i.exports.useCallback(()=>{u||(d(),o.clearSelect())},[u,d,o]),S=i.exports.useCallback((g,x)=>{if(g.name!=="Rectangle"||!r.current)return;const N=g;d();const{x1:C,y1:k,x2:E,y2:z}=Ge(N);let R=0;$(r.current.canvas,x,{x:(C+E)/2,y:k})?R=1:$(r.current.canvas,x,{x:E,y:k})?R=2:$(r.current.canvas,x,{x:E,y:(k+z)/2})?R=3:$(r.current.canvas,x,{x:E,y:z})?R=4:$(r.current.canvas,x,{x:(C+E)/2,y:z})?R=5:$(r.current.canvas,x,{x:C,y:z})?R=6:$(r.current.canvas,x,{x:C,y:(k+z)/2})?R=7:$(r.current.canvas,x,{x:C,y:k})&&(R=8),h.current={type:j.Edit,data:{type:R,x1:x.clientX,y1:x.clientY,x2:x.clientX,y2:x.clientY},source:g},o.select(g)},[r,d,o]),b=i.exports.useCallback(g=>{if(!u||!r.current||f.current)return;const{left:x,top:N}=r.current.canvas.getBoundingClientRect(),C=g.clientX-x,k=g.clientY-N;f.current={name:"Rectangle",type:j.Source,data:{size:a,color:p,x1:C,y1:k,x2:C,y2:k},editHistory:[],draw:Pt,isHit:ge}},[u,a,p,r]),w=i.exports.useCallback(g=>{if(!(!u||!r.current)){if(h.current)h.current.data.x2=g.clientX,h.current.data.y2=g.clientY,t.top!==h.current?(h.current.source.editHistory.push(h.current),o.push(h.current)):o.set(t);else if(f.current){const{left:x,top:N}=r.current.canvas.getBoundingClientRect(),C=f.current.data;C.x2=g.clientX-x,C.y2=g.clientY-N,t.top!==f.current?o.push(f.current):o.set(t)}}},[u,r,t,o]),D=i.exports.useCallback(()=>{!u||(f.current&&o.clearSelect(),f.current=null,h.current=null)},[u,o]);return ae(S),te(b),se(w),re(D),v.exports.jsxDEV(H,{title:e.operation_rectangle_title,icon:"icon-rectangle",checked:u,onClick:y,option:v.exports.jsxDEV(ce,{size:a,color:p,onSizeChange:m,onColorChange:l},void 0,!1,{fileName:Oe,lineNumber:242,columnNumber:15},this)},void 0,!1,{fileName:Oe,lineNumber:237,columnNumber:5},this)}var Yt=[Ft,Xt,Lt,Vt,Mt,Ct,"|",yt,vt,"|",dt,pt,ht];var ue="/Users/nashaofu/Documents/GitHub/screenshots/packages/react-screenshots/src/Screenshots/ScreenshotsOperations/index.tsx";const Ie=$e.createContext(null);var Tt=i.exports.memo(function(){var f,h;const{width:t,height:o}=V(),[c]=J(),[s,n]=i.exports.useState(null),[r,a]=i.exports.useState(null),m=i.exports.useRef(null),p=i.exports.useCallback(u=>{u.stopPropagation()},[]),l=i.exports.useCallback(u=>{u.preventDefault(),u.stopPropagation()},[]);return i.exports.useEffect(()=>{if(!c||!m.current)return;const u=m.current.getBoundingClientRect();let d=c.x+c.width-u.width,y=c.y+c.height+10;d<0&&(d=0),d>t-u.width&&(d=t-u.width),y>o-u.height&&(y=o-u.height-10),((r==null?void 0:r.x)!==d||r.y!==y)&&a({x:d,y}),((s==null?void 0:s.x)!==u.x||s.y!==u.y||s.width!==u.width||s.height!==u.height)&&n({x:u.x,y:u.y,width:u.width,height:u.height})}),c?v.exports.jsxDEV(Ie.Provider,{value:s,children:v.exports.jsxDEV("div",{ref:m,className:"screenshots-operations",style:{visibility:r?"visible":"hidden",transform:`translate(${(f=r==null?void 0:r.x)!=null?f:0}px, ${(h=r==null?void 0:r.y)!=null?h:0}px)`},onDoubleClick:p,onContextMenu:l,children:v.exports.jsxDEV("div",{className:"screenshots-operations-buttons",children:Yt.map((u,d)=>u==="|"?v.exports.jsxDEV("div",{className:"screenshots-operations-divider"},d,!1,{fileName:ue,lineNumber:90,columnNumber:22},this):v.exports.jsxDEV(u,{},d,!1,{fileName:ue,lineNumber:92,columnNumber:22},this))},void 0,!1,{fileName:ue,lineNumber:87,columnNumber:9},this)},void 0,!1,{fileName:ue,lineNumber:77,columnNumber:7},this)},void 0,!1,{fileName:ue,lineNumber:76,columnNumber:5},this):null});function Ut(e){const[t,o]=i.exports.useState(null);return i.exports.useEffect(()=>{if(o(null),e==null)return;const c=document.createElement("img"),s=()=>o(c),n=()=>o(null);return c.addEventListener("load",s),c.addEventListener("error",n),c.src=e,()=>{c.removeEventListener("load",s),c.removeEventListener("error",n)}},[e]),t}var fe="/Users/nashaofu/Documents/GitHub/screenshots/packages/react-screenshots/src/Screenshots/index.tsx";function At(r){var a=r,{url:e,width:t,height:o,lang:c,className:s}=a,n=Me(a,["url","width","height","lang","className"]);const m=Ut(e),p=i.exports.useRef(null),l=i.exports.useRef({}),[f,h]=i.exports.useState({index:-1,stack:[]}),[u,d]=i.exports.useState(null),[y,S]=i.exports.useState("move"),[b,w]=i.exports.useState(void 0),D={url:e,width:t,height:o,image:m,lang:U(U({},_e),c),emiterRef:l,canvasContextRef:p,history:f,bounds:u,cursor:y,operation:b},g=i.exports.useCallback((z,...R)=>{const T=n[z];typeof T=="function"&&T(...R)},[n]),x={call:g,setHistory:h,setBounds:d,setCursor:S,setOperation:w},N=["screenshots"];s&&N.push(s);const C=()=>{l.current={},h({index:-1,stack:[]}),d(null),S("move"),w(void 0)},k=i.exports.useCallback(async z=>{if(!(z.button!==0||!m))if(u&&p.current)pe({image:m,width:t,height:o,history:f,bounds:u}).then(R=>{g("onOk",R,u),C()});else{const R={x:0,y:0,width:t,height:o};pe({image:m,width:t,height:o,history:f,bounds:R}).then(T=>{g("onOk",T,R),C()})}},[m,f,u,t,o,g]),E=i.exports.useCallback(z=>{z.button===2&&(z.preventDefault(),g("onCancel"),C())},[g]);return i.exports.useLayoutEffect(()=>{C()},[e]),v.exports.jsxDEV(ye.Provider,{value:{store:D,dispatcher:x},children:v.exports.jsxDEV("div",{className:N.join(" "),style:{width:t,height:o},onDoubleClick:k,onContextMenu:E,children:[v.exports.jsxDEV(rt,{},void 0,!1,{fileName:fe,lineNumber:149,columnNumber:9},this),v.exports.jsxDEV(lt,{ref:p},void 0,!1,{fileName:fe,lineNumber:150,columnNumber:9},this),v.exports.jsxDEV(Tt,{},void 0,!1,{fileName:fe,lineNumber:151,columnNumber:9},this)]},void 0,!0,{fileName:fe,lineNumber:143,columnNumber:7},this)},void 0,!1,{fileName:fe,lineNumber:142,columnNumber:5},this)}var We="/Users/nashaofu/Documents/GitHub/screenshots/packages/react-screenshots/src/electron/app.tsx";function Gt(){const[e,t]=i.exports.useState(void 0),[o,c]=i.exports.useState(window.innerWidth),[s,n]=i.exports.useState(window.innerHeight),[r,a]=i.exports.useState(void 0),[m,p]=i.exports.useState(void 0),l=i.exports.useCallback(async(u,d)=>{!r||!u||window.screenshots.save(await u.arrayBuffer(),{bounds:d,display:r})},[r]),f=i.exports.useCallback(()=>{window.screenshots.cancel()},[]),h=i.exports.useCallback(async(u,d)=>{!r||!u||window.screenshots.ok(await u.arrayBuffer(),{bounds:d,display:r})},[r]);return i.exports.useEffect(()=>{const u=S=>{p(S)},d=(S,b)=>{a(S),t(b)},y=()=>{t(void 0),a(void 0),requestAnimationFrame(()=>window.screenshots.reset())};return window.screenshots.on("setLang",u),window.screenshots.on("capture",d),window.screenshots.on("reset",y),window.screenshots.ready(),()=>{window.screenshots.off("capture",d),window.screenshots.off("setLang",u),window.screenshots.off("reset",y)}},[]),i.exports.useEffect(()=>{const u=()=>{c(window.innerWidth),n(window.innerHeight)};return window.addEventListener("resize",u),()=>{window.removeEventListener("resize",u)}},[f]),v.exports.jsxDEV("div",{className:"body",children:v.exports.jsxDEV(At,{url:e,width:o,height:s,lang:m,onSave:l,onCancel:f,onOk:h},void 0,!1,{fileName:We,lineNumber:89,columnNumber:7},this)},void 0,!1,{fileName:We,lineNumber:88,columnNumber:5},this)}var qe="/Users/nashaofu/Documents/GitHub/screenshots/packages/react-screenshots/src/electron/index.tsx";Ze.render(v.exports.jsxDEV(i.exports.StrictMode,{children:v.exports.jsxDEV(Gt,{},void 0,!1,{fileName:qe,lineNumber:7,columnNumber:5},globalThis)},void 0,!1,{fileName:qe,lineNumber:6,columnNumber:3},globalThis),document.getElementById("app"));