react-screenshots 0.0.17

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019 nashaofu
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,137 @@
+# react-screenshots
+
+> a picture clipping and graffiti tool by react
+
+## Install
+
+[![NPM](https://nodei.co/npm/react-screenshots.png?downloads=true&downloadRank=true&stars=true)](https://nodei.co/npm/react-screenshots/)
+
+## Usage
+
+1. web 中使用
+
+```js
+import React, { PureComponent } from 'react'
+import Screenshot from 'react-screenshots'
+import 'react-screenshots/dist/react-screenshots.css'
+
+export default class App extends PureComponent {
+  state = {
+    width: window.innerWidth,
+    height: window.innerHeight
+  }
+
+  onSave = ({ viewer, dataURL }) => {
+    console.log('点击了保存按钮', dataURL, viewer)
+  }
+
+  onCancel = () => {
+    console.log('点击了取消按钮')
+  }
+
+  onOk = ({ dataURL, viewer }) => {
+    console.log('点击了确定按钮', dataURL, viewer)
+  }
+
+  render() {
+    const { width, height } = this.state
+    return (
+      <Screenshot
+        image="./demo.png"
+        width={width}
+        height={height}
+        onSave={this.onSave}
+        onCancel={this.onCancel}
+        onOk={this.onOk}
+      />
+    )
+  }
+}
+```
+
+2. electron 中使用
+
+- electron 中使用可直接加载渲染进程的页面，页面路径为`require.resolve('react-screenshots/dist/index.html')`，不推荐自己手动开发主进程，推荐直接使用`electron-screenshots`模块
+
+```js
+const $win = new BrowserWindow({
+  /** 窗口参数 */
+})
+// 加载页面
+$win.loadURL(`file://${require.resolve('react-screenshots/dist/index.html')}`)
+
+// 渲染进程页面加载后通知主进程
+ipcMain.once('SCREENSHOTS::DOM-READY', () => {
+  // 发送需要截取的屏幕信息
+  // display = {
+  //   id, // 屏幕id
+  //   x, // 屏幕位置和大小
+  //   y,
+  //   width,
+  //   height
+  // }
+  $win.webContents.send('SCREENSHOTS::SEND-DISPLAY-DATA', display)
+})
+
+// 渲染进程完成桌面快照捕捉之后的回调
+// 通常在这个事件之后再显示窗口，避免截图窗口自己被截图
+ipcMain.once('SCREENSHOTS::CAPTURED', () => {
+  $win.show()
+  $win.focus()
+})
+
+// 点击保存按钮事件
+ipcMain.on('SCREENSHOTS::SAVE', (e, data) => {})
+// 点击取消按钮事件
+ipcMain.on('SCREENSHOTS::CANCEL', e => {})
+// 点击确定按钮事件
+ipcMain.on('SCREENSHOTS::OK', (e, data) => {})
+```
+
+## Props
+
+```ts
+interface Bounds {
+  x1: number
+  y1: number
+  x2: number
+  y2: number
+}
+
+interface Data {
+  dataURL: string // 图片资源base64
+  bounds: Bounds // 截图区域坐标信息
+}
+```
+
+| 名称     | 说明                 | 类型                           |
+| -------- | -------------------- | ------------------------------ |
+| image    | 要编辑的图像资源地址 | `string`                       |
+| width    | 画布宽度             | `number`                       |
+| height   | 画布宽度             | `number`                       |
+| onSave   | 保存按钮回调         | `function (data:Data):void {}` |
+| onCancel | 取消按钮回调         | `function ():void {}`          |
+| onOk     | 取消按钮回调         | `function (data:Data):void {}` |
+
+### example
+
+```js
+import React from 'react'
+
+function App() {
+  return (
+    <Screenshot
+      image="./example.png"
+      width={window.innerWidth}
+      height={window.innerHeight}
+      onSave={() => {}}
+      onCancel={() => {}}
+      onOk={() => {}}
+    />
+  )
+}
+```
+
+## Screenshot
+
+![screenshot](https://raw.githubusercontent.com/nashaofu/screenshots/master/packages/react-screenshots/screenshot.jpg)

package/dist/css/app.1c781f1bca03bf3517f6.css

@@ -0,0 +1,3 @@
+@font-face{font-family:screenshots-icons;src:url(data:font/woff;base64,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CgkJ/qGrCgkJCkmnAgwOBgJqzAoKCgrXLj4JCgrcCxEEkAUNGxgFkQUVEBpBGjw1MgKqMjU1Mv1WMjUDViEk/VYkISEkAqokIf1VERERERERAfQHBgQMB/7BARARiRERQA0KAa8OGAoNDf5RERwtURZRAAAAAQAA/9oDfwMmAAkAAAU2AiUVCQEVBBICzlBI/vX+xAE8AUdtJosBFQTRATwBPc0J/lcAAAMAEv+IBAIDeAADAAcACwAAExEhEQcRIRkCIRESA/BI/lD+UAN4/BAD8Ej+UAGw/lD+UAGwAAAAAQAAAAADuwLCABUAAAEUBwEGIicBJjQ/ATYyHwEBNjIfARYDuxD+FBAtEP7jEBBOEC4QqAF2EC4QThACPRcQ/hQQEAEdEC4QTRAQqAF3EBBOEAAAAQAAAAEAAE6CwUVfDzz1AAsEAAAAAADYd7crAAAAANh3tysAAP+IBAIDeAAAAAgAAgAAAAAAAAABAAADgP+AAFwEEgAAABAEAgABAAAAAAAAAAAAAAAAAAAACwQAAEUEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQSABIEAAAAAAAAKgBWAJgA1gFuAZIBygJKAmQCgAKqAAEAAAALAGEABwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAAASAN4AAQAAAAAAAAAVAAAAAQAAAAAAAQAPABUAAQAAAAAAAgAHACQAAQAAAAAAAwAPACsAAQAAAAAABAAPADoAAQAAAAAABQALAEkAAQAAAAAABgAPAFQAAQAAAAAACgArAGMAAQAAAAAACwATAI4AAwABBAkAAAAqAKEAAwABBAkAAQAeAMsAAwABBAkAAgAOAOkAAwABBAkAAwAeAPcAAwABBAkABAAeARUAAwABBAkABQAWATMAAwABBAkABgAeAUkAAwABBAkACgBWAWcAAwABBAkACwAmAb0KQ3JlYXRlZCBieSBpY29uZm9udApwYWdlLXNjcmVlbnNob3RSZWd1bGFycGFnZS1zY3JlZW5zaG90cGFnZS1zY3JlZW5zaG90VmVyc2lvbiAxLjBwYWdlLXNjcmVlbnNob3RHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQAKAEMAcgBlAGEAdABlAGQAIABiAHkAIABpAGMAbwBuAGYAbwBuAHQACgBwAGEAZwBlAC0AcwBjAHIAZQBlAG4AcwBoAG8AdABSAGUAZwB1AGwAYQByAHAAYQBnAGUALQBzAGMAcgBlAGUAbgBzAGgAbwB0AHAAYQBnAGUALQBzAGMAcgBlAGUAbgBzAGgAbwB0AFYAZQByAHMAaQBvAG4AIAAxAC4AMABwAGEAZwBlAC0AcwBjAHIAZQBlAG4AcwBoAG8AdABHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAACwALAAABAgEDAQQBBQEGAQcBCAEJAQoBCwVicnVzaAZjYW5jZWwFYXJyb3cEc2F2ZQRyZWN0B2VsbGlwc2UEdGV4dAR1bmRvBm1vc2FpYwJvawAAAA==) format("woff"),url(data:font/ttf;base64,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If1VERERERERAfQHBgQMB/7BARARiRERQA0KAa8OGAoNDf5RERwtURZRAAAAAQAA/9oDfwMmAAkAAAU2AiUVCQEVBBICzlBI/vX+xAE8AUdtJosBFQTRATwBPc0J/lcAAAMAEv+IBAIDeAADAAcACwAAExEhEQcRIRkCIRESA/BI/lD+UAN4/BAD8Ej+UAGw/lD+UAGwAAAAAQAAAAADuwLCABUAAAEUBwEGIicBJjQ/ATYyHwEBNjIfARYDuxD+FBAtEP7jEBBOEC4QqAF2EC4QThACPRcQ/hQQEAEdEC4QTRAQqAF3EBBOEAAAAQAAAAEAAE6CwUVfDzz1AAsEAAAAAADYd7crAAAAANh3tysAAP+IBAIDeAAAAAgAAgAAAAAAAAABAAADgP+AAFwEEgAAABAEAgABAAAAAAAAAAAAAAAAAAAACwQAAEUEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQSABIEAAAAAAAAKgBWAJgA1gFuAZIBygJKAmQCgAKqAAEAAAALAGEABwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAAASAN4AAQAAAAAAAAAVAAAAAQAAAAAAAQAPABUAAQAAAAAAAgAHACQAAQAAAAAAAwAPACsAAQAAAAAABAAPADoAAQAAAAAABQALAEkAAQAAAAAABgAPAFQAAQAAAAAACgArAGMAAQAAAAAACwATAI4AAwABBAkAAAAqAKEAAwABBAkAAQAeAMsAAwABBAkAAgAOAOkAAwABBAkAAwAeAPcAAwABBAkABAAeARUAAwABBAkABQAWATMAAwABBAkABgAeAUkAAwABBAkACgBWAWcAAwABBAkACwAmAb0KQ3JlYXRlZCBieSBpY29uZm9udApwYWdlLXNjcmVlbnNob3RSZWd1bGFycGFnZS1zY3JlZW5zaG90cGFnZS1zY3JlZW5zaG90VmVyc2lvbiAxLjBwYWdlLXNjcmVlbnNob3RHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQAKAEMAcgBlAGEAdABlAGQAIABiAHkAIABpAGMAbwBuAGYAbwBuAHQACgBwAGEAZwBlAC0AcwBjAHIAZQBlAG4AcwBoAG8AdABSAGUAZwB1AGwAYQByAHAAYQBnAGUALQBzAGMAcgBlAGUAbgBzAGgAbwB0AHAAYQBnAGUALQBzAGMAcgBlAGUAbgBzAGgAbwB0AFYAZQByAHMAaQBvAG4AIAAxAC4AMABwAGEAZwBlAC0AcwBjAHIAZQBlAG4AcwBoAG8AdABHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAACwALAAABAgEDAQQBBQEGAQcBCAEJAQoBCwVicnVzaAZjYW5jZWwFYXJyb3cEc2F2ZQRyZWN0B2VsbGlwc2UEdGV4dAR1bmRvBm1vc2FpYwJvawAAAA==) format("truetype")}[class*=" screenshots-icon-"],[class^=screenshots-icon-]{font-family:screenshots-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;-webkit-font-smoothing:antialiased}.screenshots-icon-ok:before{content:"\e73a"}.screenshots-icon-cancel:before{content:"\e6fe"}.screenshots-icon-save:before{content:"\e6ed"}.screenshots-icon-undo:before{content:"\eaa1"}.screenshots-icon-brush:before{content:"\eaa0"}.screenshots-icon-text:before{content:"\e673"}.screenshots-icon-arrow:before{content:"\e6d7"}.screenshots-icon-rect:before{content:"\e7f9"}.screenshots-icon-ellipse:before{content:"\e790"}.screenshots-icon-mosaic:before{content:"\e001"}.screenshots{position:relative}.screenshots,.screenshots *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.screenshots-canvas{width:100%;height:100%;position:relative}.screenshots-canvas-mask{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.4)}.screenshots-magnifier{position:absolute;left:0;top:0;-webkit-box-shadow:0 0 8px 0 #000;box-shadow:0 0 8px 0 #000;z-index:9}.screenshots-magnifier-canvas{position:relative;background-color:#fff}.screenshots-magnifier-canvas canvas{display:block}.screenshots-magnifier-canvas-crosshair:before{content:"";background-color:#0a72a1;position:absolute;top:50%;left:0;width:100%;height:1px}.screenshots-magnifier-canvas-crosshair:after{content:"";background-color:#0a72a1;position:absolute;top:0;left:50%;width:1px;height:100%}.screenshots-magnifier-explain{width:120px;height:40px;color:#fff;font-size:11px;background-color:#5f5e5e;padding:5px;white-space:nowrap}.screenshots-magnifier-explain-rgb{margin-bottom:4px}.screenshots-viewer{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.screenshots-viewer-body{position:absolute;overflow:hidden}.screenshots-viewer-body canvas{display:block}.screenshots-viewer-border{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #39f}.screenshots-viewer-pointer-top{left:50%;cursor:ns-resize}.screenshots-viewer-pointer-top,.screenshots-viewer-pointer-top-right{width:6px;height:6px;position:absolute;top:0;background-color:#39f;border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.screenshots-viewer-pointer-top-right{left:100%;cursor:nesw-resize}.screenshots-viewer-pointer-right{top:50%;cursor:ew-resize}.screenshots-viewer-pointer-right,.screenshots-viewer-pointer-right-bottom{width:6px;height:6px;position:absolute;left:100%;background-color:#39f;border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.screenshots-viewer-pointer-right-bottom{top:100%;cursor:nwse-resize}.screenshots-viewer-pointer-bottom{left:50%;cursor:ns-resize}.screenshots-viewer-pointer-bottom,.screenshots-viewer-pointer-bottom-left{width:6px;height:6px;position:absolute;top:100%;background-color:#39f;border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.screenshots-viewer-pointer-bottom-left{left:0;cursor:nesw-resize}.screenshots-viewer-pointer-left{top:50%;cursor:ew-resize}.screenshots-viewer-pointer-left,.screenshots-viewer-pointer-left-top{width:6px;height:6px;position:absolute;left:0;background-color:#39f;border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.screenshots-viewer-pointer-left-top{top:0;cursor:nwse-resize}.screenshots-viewer-edit-pointer{position:absolute;left:0;top:0;background-color:#fff;border:1px solid;border-radius:50%;pointer-events:none}.screenshots-viewer-bar{position:absolute}.screenshots-viewer-bar-container{margin:0;padding:0;line-height:normal;overflow:hidden;white-space:nowrap}.screenshots-viewer-bar-icons{height:34px;display:inline-block;line-height:normal;padding:3px;border-radius:2px;border:1px solid #ddd;background-color:#fff;overflow:hidden}.screenshots-viewer-bar-divider{background-color:#ddd;width:1px}.screenshots-viewer-bar-button,.screenshots-viewer-bar-divider{height:26px;margin:0 3px;display:inline-block;vertical-align:middle}.screenshots-viewer-bar-button{width:26px;line-height:26px;color:#555;font-size:18px;text-align:center;cursor:pointer}.screenshots-viewer-bar-button-active,.screenshots-viewer-bar-button:hover{background-color:#eee;outline:1px solid #777}.screenshots-viewer-bar-button-disabled{color:#ccc;cursor:not-allowed}.screenshots-viewer-bar-button-disabled:hover{background-color:#fff;outline:none}.screenshots-viewer-bar-options{display:inline-block;line-height:normal;background-color:#fff;border:1px solid #ddd;border-radius:2px}.screenshots-color,.screenshots-color-item{height:24px;display:inline-block}.screenshots-color-item{border:1px solid #777;width:24px;cursor:pointer;position:relative;margin:0 3px}.screenshots-color-hook{display:none;position:absolute;right:0;bottom:0;width:9px;height:9px;background-color:#333}.screenshots-color-hook-symbol{width:8px;height:4px;position:absolute;top:50%;left:50%;margin-top:-3px;margin-left:-4px;border-bottom:2px solid #fff;border-left:2px solid #fff;-webkit-transform:rotate(-45deg) scale(.9);transform:rotate(-45deg) scale(.9)}.screenshots-color-active>.screenshots-color-hook{display:block}.screenshots-size,.screenshots-size-item{height:24px;display:inline-block}.screenshots-size-item{width:24px;position:relative;margin:0 3px;cursor:pointer}.screenshots-size-pointer{background-color:#555;border-radius:50%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.screenshots-size-active>.screenshots-size-pointer{background-color:#39f}.screenshots-size-font{padding:0 5px;-webkit-transform:translateY(-8px);transform:translateY(-8px)}.screenshots-size-font select{font-size:12px}.screenshots-sizecolor{height:30px;padding:3px 0}.screenshots-textarea{background-color:transparent;position:absolute;left:0;top:0;width:300px;border:2px solid #bbb;font-family:Microsoft YaHei;outline:none;padding:8px 10px;border-radius:8px;caret-color:#333;word-break:break-all;-webkit-user-modify:read-write-plaintext-only;text-shadow:0 2px #fff,2px 0 #fff,-2px 0 #fff,0 -2px #fff,0 3px 1px #ccc,3px 0 1px #ccc,-3px 0 1px #ccc,0 -3px 1px #ccc;line-height:1}
+
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}#app,body,html{height:100%;margin:0;overflow:hidden}

package/dist/css/app.e66743f7e9bb7f4c3202.css

@@ -0,0 +1,3 @@
+@font-face{font-family:screenshots-icons;src:url(data:font/woff;base64,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CgkJ/qGrCgkJCkmnAgwOBgJqzAoKCgrXLj4JCgrcCxEEkAUNGxgFkQUVEBpBGjw1MgKqMjU1Mv1WMjUDViEk/VYkISEkAqokIf1VERERERERAfQHBgQMB/7BARARiRERQA0KAa8OGAoNDf5RERwtURZRAAAAAQAA/9oDfwMmAAkAAAU2AiUVCQEVBBICzlBI/vX+xAE8AUdtJosBFQTRATwBPc0J/lcAAAMAEv+IBAIDeAADAAcACwAAExEhEQcRIRkCIRESA/BI/lD+UAN4/BAD8Ej+UAGw/lD+UAGwAAAAAQAAAAADuwLCABUAAAEUBwEGIicBJjQ/ATYyHwEBNjIfARYDuxD+FBAtEP7jEBBOEC4QqAF2EC4QThACPRcQ/hQQEAEdEC4QTRAQqAF3EBBOEAAAAQAAAAEAAE6CwUVfDzz1AAsEAAAAAADYd7crAAAAANh3tysAAP+IBAIDeAAAAAgAAgAAAAAAAAABAAADgP+AAFwEEgAAABAEAgABAAAAAAAAAAAAAAAAAAAACwQAAEUEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQSABIEAAAAAAAAKgBWAJgA1gFuAZIBygJKAmQCgAKqAAEAAAALAGEABwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAAASAN4AAQAAAAAAAAAVAAAAAQAAAAAAAQAPABUAAQAAAAAAAgAHACQAAQAAAAAAAwAPACsAAQAAAAAABAAPADoAAQAAAAAABQALAEkAAQAAAAAABgAPAFQAAQAAAAAACgArAGMAAQAAAAAACwATAI4AAwABBAkAAAAqAKEAAwABBAkAAQAeAMsAAwABBAkAAgAOAOkAAwABBAkAAwAeAPcAAwABBAkABAAeARUAAwABBAkABQAWATMAAwABBAkABgAeAUkAAwABBAkACgBWAWcAAwABBAkACwAmAb0KQ3JlYXRlZCBieSBpY29uZm9udApwYWdlLXNjcmVlbnNob3RSZWd1bGFycGFnZS1zY3JlZW5zaG90cGFnZS1zY3JlZW5zaG90VmVyc2lvbiAxLjBwYWdlLXNjcmVlbnNob3RHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQAKAEMAcgBlAGEAdABlAGQAIABiAHkAIABpAGMAbwBuAGYAbwBuAHQACgBwAGEAZwBlAC0AcwBjAHIAZQBlAG4AcwBoAG8AdABSAGUAZwB1AGwAYQByAHAAYQBnAGUALQBzAGMAcgBlAGUAbgBzAGgAbwB0AHAAYQBnAGUALQBzAGMAcgBlAGUAbgBzAGgAbwB0AFYAZQByAHMAaQBvAG4AIAAxAC4AMABwAGEAZwBlAC0AcwBjAHIAZQBlAG4AcwBoAG8AdABHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAACwALAAABAgEDAQQBBQEGAQcBCAEJAQoBCwVicnVzaAZjYW5jZWwFYXJyb3cEc2F2ZQRyZWN0B2VsbGlwc2UEdGV4dAR1bmRvBm1vc2FpYwJvawAAAA==) format("woff"),url(data:font/ttf;base64,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If1VERERERERAfQHBgQMB/7BARARiRERQA0KAa8OGAoNDf5RERwtURZRAAAAAQAA/9oDfwMmAAkAAAU2AiUVCQEVBBICzlBI/vX+xAE8AUdtJosBFQTRATwBPc0J/lcAAAMAEv+IBAIDeAADAAcACwAAExEhEQcRIRkCIRESA/BI/lD+UAN4/BAD8Ej+UAGw/lD+UAGwAAAAAQAAAAADuwLCABUAAAEUBwEGIicBJjQ/ATYyHwEBNjIfARYDuxD+FBAtEP7jEBBOEC4QqAF2EC4QThACPRcQ/hQQEAEdEC4QTRAQqAF3EBBOEAAAAQAAAAEAAE6CwUVfDzz1AAsEAAAAAADYd7crAAAAANh3tysAAP+IBAIDeAAAAAgAAgAAAAAAAAABAAADgP+AAFwEEgAAABAEAgABAAAAAAAAAAAAAAAAAAAACwQAAEUEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQSABIEAAAAAAAAKgBWAJgA1gFuAZIBygJKAmQCgAKqAAEAAAALAGEABwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAAASAN4AAQAAAAAAAAAVAAAAAQAAAAAAAQAPABUAAQAAAAAAAgAHACQAAQAAAAAAAwAPACsAAQAAAAAABAAPADoAAQAAAAAABQALAEkAAQAAAAAABgAPAFQAAQAAAAAACgArAGMAAQAAAAAACwATAI4AAwABBAkAAAAqAKEAAwABBAkAAQAeAMsAAwABBAkAAgAOAOkAAwABBAkAAwAeAPcAAwABBAkABAAeARUAAwABBAkABQAWATMAAwABBAkABgAeAUkAAwABBAkACgBWAWcAAwABBAkACwAmAb0KQ3JlYXRlZCBieSBpY29uZm9udApwYWdlLXNjcmVlbnNob3RSZWd1bGFycGFnZS1zY3JlZW5zaG90cGFnZS1zY3JlZW5zaG90VmVyc2lvbiAxLjBwYWdlLXNjcmVlbnNob3RHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQAKAEMAcgBlAGEAdABlAGQAIABiAHkAIABpAGMAbwBuAGYAbwBuAHQACgBwAGEAZwBlAC0AcwBjAHIAZQBlAG4AcwBoAG8AdABSAGUAZwB1AGwAYQByAHAAYQBnAGUALQBzAGMAcgBlAGUAbgBzAGgAbwB0AHAAYQBnAGUALQBzAGMAcgBlAGUAbgBzAGgAbwB0AFYAZQByAHMAaQBvAG4AIAAxAC4AMABwAGEAZwBlAC0AcwBjAHIAZQBlAG4AcwBoAG8AdABHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAACwALAAABAgEDAQQBBQEGAQcBCAEJAQoBCwVicnVzaAZjYW5jZWwFYXJyb3cEc2F2ZQRyZWN0B2VsbGlwc2UEdGV4dAR1bmRvBm1vc2FpYwJvawAAAA==) format("truetype")}[class*=" screenshots-icon-"],[class^=screenshots-icon-]{font-family:screenshots-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;-webkit-font-smoothing:antialiased}.screenshots-icon-ok:before{content:"\e73a"}.screenshots-icon-cancel:before{content:"\e6fe"}.screenshots-icon-save:before{content:"\e6ed"}.screenshots-icon-undo:before{content:"\eaa1"}.screenshots-icon-brush:before{content:"\eaa0"}.screenshots-icon-text:before{content:"\e673"}.screenshots-icon-arrow:before{content:"\e6d7"}.screenshots-icon-rect:before{content:"\e7f9"}.screenshots-icon-ellipse:before{content:"\e790"}.screenshots-icon-mosaic:before{content:"\e001"}.screenshots{position:relative}.screenshots,.screenshots *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.screenshots-canvas{width:100%;height:100%;position:relative}.screenshots-canvas-mask{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.4)}.screenshots-magnifier{position:absolute;left:0;top:0;-webkit-box-shadow:0 0 8px 0 #000;box-shadow:0 0 8px 0 #000;z-index:9}.screenshots-magnifier-canvas{position:relative;background-color:#fff}.screenshots-magnifier-canvas canvas{display:block}.screenshots-magnifier-canvas-crosshair:before{content:"";background-color:#0a72a1;position:absolute;top:50%;left:0;width:100%;height:1px}.screenshots-magnifier-canvas-crosshair:after{content:"";background-color:#0a72a1;position:absolute;top:0;left:50%;width:1px;height:100%}.screenshots-magnifier-explain{width:120px;height:40px;color:#fff;font-size:11px;background-color:#5f5e5e;padding:5px;white-space:nowrap}.screenshots-magnifier-explain-rgb{margin-bottom:4px}.screenshots-viewer{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.screenshots-viewer-body{position:absolute;overflow:hidden}.screenshots-viewer-body canvas{display:block}.screenshots-viewer-border{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #39f}.screenshots-viewer-pointer-top{left:50%;cursor:ns-resize}.screenshots-viewer-pointer-top,.screenshots-viewer-pointer-top-right{width:6px;height:6px;position:absolute;top:0;background-color:#39f;border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.screenshots-viewer-pointer-top-right{left:100%;cursor:nesw-resize}.screenshots-viewer-pointer-right{top:50%;cursor:ew-resize}.screenshots-viewer-pointer-right,.screenshots-viewer-pointer-right-bottom{width:6px;height:6px;position:absolute;left:100%;background-color:#39f;border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.screenshots-viewer-pointer-right-bottom{top:100%;cursor:nwse-resize}.screenshots-viewer-pointer-bottom{left:50%;cursor:ns-resize}.screenshots-viewer-pointer-bottom,.screenshots-viewer-pointer-bottom-left{width:6px;height:6px;position:absolute;top:100%;background-color:#39f;border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.screenshots-viewer-pointer-bottom-left{left:0;cursor:nesw-resize}.screenshots-viewer-pointer-left{top:50%;cursor:ew-resize}.screenshots-viewer-pointer-left,.screenshots-viewer-pointer-left-top{width:6px;height:6px;position:absolute;left:0;background-color:#39f;border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.screenshots-viewer-pointer-left-top{top:0;cursor:nwse-resize}.screenshots-viewer-edit-pointer{position:absolute;left:0;top:0;background-color:#fff;border:1px solid;border-radius:50%;pointer-events:none}.screenshots-viewer-bar{position:absolute}.screenshots-viewer-bar-container{margin:0;padding:0;line-height:normal;overflow:hidden;white-space:nowrap}.screenshots-viewer-bar-icons{height:34px;display:inline-block;line-height:normal;padding:3px;border-radius:2px;border:1px solid #ddd;background-color:#fff;overflow:hidden}.screenshots-viewer-bar-divider{background-color:#ddd;width:1px}.screenshots-viewer-bar-button,.screenshots-viewer-bar-divider{height:26px;margin:0 3px;display:inline-block;vertical-align:middle}.screenshots-viewer-bar-button{width:26px;line-height:26px;color:#555;font-size:18px;text-align:center;cursor:pointer}.screenshots-viewer-bar-button-active,.screenshots-viewer-bar-button:hover{background-color:#eee;outline:1px solid #777}.screenshots-viewer-bar-button-disabled{color:#ccc;cursor:not-allowed}.screenshots-viewer-bar-button-disabled:hover{background-color:#fff;outline:none}.screenshots-viewer-bar-options{display:inline-block;line-height:normal;background-color:#fff;border:1px solid #ddd;border-radius:2px}.screenshots-color,.screenshots-color-item{height:24px;display:inline-block}.screenshots-color-item{border:1px solid #777;width:24px;cursor:pointer;position:relative;margin:0 3px}.screenshots-color-hook{display:none;position:absolute;right:0;bottom:0;width:9px;height:9px;background-color:#333}.screenshots-color-hook-symbol{width:8px;height:4px;position:absolute;top:50%;left:50%;margin-top:-3px;margin-left:-4px;border-bottom:2px solid #fff;border-left:2px solid #fff;-webkit-transform:rotate(-45deg) scale(.9);transform:rotate(-45deg) scale(.9)}.screenshots-color-active>.screenshots-color-hook{display:block}.screenshots-size,.screenshots-size-item{height:24px;display:inline-block}.screenshots-size-item{width:24px;position:relative;margin:0 3px;cursor:pointer}.screenshots-size-pointer{background-color:#555;border-radius:50%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.screenshots-size-active>.screenshots-size-pointer{background-color:#39f}.screenshots-size-font{padding:0 5px;-webkit-transform:translateY(-8px);transform:translateY(-8px)}.screenshots-size-font select{font-size:12px}.screenshots-sizecolor{height:30px;padding:3px 0}.screenshots-textarea{background-color:transparent;position:absolute;left:0;top:0;width:300px;border:2px solid #bbb;font-family:Microsoft YaHei;outline:none;padding:8px 10px;border-radius:8px;caret-color:#333;word-break:break-all;-webkit-user-modify:read-write-plaintext-only;text-shadow:0 2px #fff,2px 0 #fff,-2px 0 #fff,0 -2px #fff,0 3px 1px #ccc,3px 0 1px #ccc,-3px 0 1px #ccc,0 -3px 1px #ccc;line-height:1}
+
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}#app,body,html{height:100%;margin:0;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}

package/dist/index.html

@@ -0,0 +1 @@
+<!doctype html><html><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>react-screenshots</title><script defer="defer" src="js/app.7e24d295c7128703cf2b.js"></script><link href="css/app.1c781f1bca03bf3517f6.css" rel="stylesheet"></head><body><noscript><strong>很抱歉，没有JavaScript，网站不能正常工作。请启用JavaScript。</strong></noscript><div id="app"></div></body></html>