├── .gitignore ├── LICENSE ├── README.md ├── overview ├── login-1.png ├── login-2.png ├── login.gif ├── logo.png ├── overview.png ├── usage-1.gif └── usage-2.gif ├── package.json └── picee ├── images └── logo.png ├── index.html ├── js ├── chooseImg.js ├── element-ui.js ├── fetch.js ├── main.js ├── paste.js └── vue.min.js ├── manifest.json └── style ├── element-ui.css ├── fonts ├── element-icons.ttf └── element-icons.woff ├── main.css └── main.less /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2019 JrainLau 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Picee 2 | 3 | ![](./overview/logo.png) 4 | 5 | **Picee** is a chrome extension for people to use Github as their image hosting service. 6 | 7 | ## Installation 8 | Install from Chrome webstore: [Picee](https://chrome.google.com/webstore/detail/picee/nmeeieecbmdnilkkaliknhkkakonobbc) 9 | 10 | ## Installation for developer 11 | 1. Go to [chrome://extensions](chrome://extensions). 12 | 2. Turn on "Development mode" on the top right. 13 | 3. Drag [picee.crx](https://github.com/jrainlau/picee/releases/download/1.4.1/picee.crx) into the page. 14 | 4. Done. 15 | 16 | > PS: If Chrome tells you that **Picee** was unsafety, you can unzip [picee.zip](https://github.com/jrainlau/picee/releases/download/1.4.1/picee.zip), and install it by "install unzip extentions" from the top left. 17 | 18 | ## Usage 19 | 20 | Before using **Picee**, you should make authentication with Github. **Picee** supports both *Github oAuth token* and *Github account and password*. 21 | 22 | ![](./overview/login.gif) 23 | 24 | > **Picee** uses the token or account & password only for requesting Github apis, will never send to any other places. 25 | 26 | After authentication, type the repo name and folder path, then click the check button. 27 | 28 | ![](./overview/usage-2.gif) 29 | 30 | > Repo name must be like **Username/Reponame**. Folder path could be blank, default to the repo's root. 31 | 32 | You can select, paste or drag an image to the dashed area, then click the upload button (or set autoupload from the configuration). Once upload successed, the download url would be placed in the output area. 33 | 34 | ![](./overview/usage-1.gif) 35 | 36 | > If upload GIF, please set the "Max upload size" to be larger than the GIF, nor the GIF you uploaded would be static. 37 | 38 | Enjoy! 39 | 40 | ## Lisence 41 | [MIT](./LICENSE) -------------------------------------------------------------------------------- /overview/login-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jrainlau/picee/e236bf518f423c6ee1d36c953d668430c733e822/overview/login-1.png -------------------------------------------------------------------------------- /overview/login-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jrainlau/picee/e236bf518f423c6ee1d36c953d668430c733e822/overview/login-2.png -------------------------------------------------------------------------------- /overview/login.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jrainlau/picee/e236bf518f423c6ee1d36c953d668430c733e822/overview/login.gif -------------------------------------------------------------------------------- /overview/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jrainlau/picee/e236bf518f423c6ee1d36c953d668430c733e822/overview/logo.png -------------------------------------------------------------------------------- /overview/overview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jrainlau/picee/e236bf518f423c6ee1d36c953d668430c733e822/overview/overview.png -------------------------------------------------------------------------------- /overview/usage-1.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jrainlau/picee/e236bf518f423c6ee1d36c953d668430c733e822/overview/usage-1.gif -------------------------------------------------------------------------------- /overview/usage-2.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jrainlau/picee/e236bf518f423c6ee1d36c953d668430c733e822/overview/usage-2.gif -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "picee", 3 | "version": "1.4.2", 4 | "description": "Using github as your image hosting service", 5 | "repository": { 6 | "type": "git", 7 | "url": "git+https://github.com/jrainlau/picee.git" 8 | }, 9 | "keywords": ["image", "image hosting service"], 10 | "author": "Jrain Lau", 11 | "license": "MIT", 12 | "bugs": { 13 | "url": "https://github.com/jrainlau/picee/issues" 14 | }, 15 | "homepage": "https://github.com/jrainlau/picee#readme" 16 | } 17 | -------------------------------------------------------------------------------- /picee/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jrainlau/picee/e236bf518f423c6ee1d36c953d668430c733e822/picee/images/logo.png -------------------------------------------------------------------------------- /picee/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Picee | Using github as your image hosting service 8 | 9 | 10 | 11 | 12 |
13 | 14 |
15 |
16 | Access token 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | Token 25 | 26 | 27 | 28 | 29 | Reset 30 | Auth 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | Reset 43 | Auth 44 | 45 | 46 |
47 | 48 | 49 | 50 |
51 | 52 | 53 |
54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 |
66 | 67 |
68 | 69 | 70 |

Select, paste or drag an image here

71 | 72 |
73 | 74 |
75 | 76 | 77 | 78 | 79 | 80 | 81 |
82 |
83 | 84 | 85 | 86 |
87 | 88 | 89 | 90 |
91 | 92 | 93 | 94 |
95 | 96 | 97 | 98 | 99 | 100 | 101 |
102 |
103 | 104 | 105 | 106 |
107 | 108 | 109 | 110 |
111 |
112 | 113 | 114 | 115 | 116 | 117 | 118 |
119 |
Auto upload
120 |
Rename the image with a hash
121 |
Copy url as markdown format
122 |
Image max size (kb)
123 | 124 |
125 |
126 | 127 |
128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 |
138 |
139 | 140 |
141 | 142 | 143 | 144 | 145 | 146 | 147 | -------------------------------------------------------------------------------- /picee/js/chooseImg.js: -------------------------------------------------------------------------------- 1 | function toPreviewer (dataUrl, fileName, cb) { 2 | cb && cb(dataUrl, fileName) 3 | } 4 | 5 | function compress (img, fileType, maxWidth) { 6 | let canvas = document.createElement('canvas') 7 | let ctx = canvas.getContext('2d') 8 | 9 | const proportion = img.width / img.height 10 | const width = maxWidth 11 | const height = maxWidth / proportion 12 | 13 | canvas.width = width 14 | canvas.height = height 15 | 16 | ctx.fillStyle = '#fff' 17 | ctx.fillRect(0, 0, canvas.width, canvas.height) 18 | ctx.drawImage(img, 0, 0, width, height) 19 | 20 | // 压缩 21 | const base64data = canvas.toDataURL(fileType, 0.75) 22 | canvas = ctx = null 23 | 24 | return base64data 25 | } 26 | 27 | function chooseImg (e, cb, maxsize = 0) { 28 | const file = e.target.files[0] 29 | 30 | if (!file) { 31 | return 32 | } 33 | 34 | if (!/\/(?:jpeg|jpg|png|gif)/i.test(file.type)) { 35 | return 36 | } 37 | 38 | const reader = new FileReader() 39 | reader.onload = function () { 40 | const result = this.result 41 | let img = new Image() 42 | 43 | // 如果图片小于 200kb，不压缩 44 | if (maxsize === null || result.length <= maxsize) { 45 | toPreviewer(result, file.name, cb) 46 | return 47 | } 48 | 49 | img.onload = function () { 50 | const compressedDataUrl = compress(img, file.type, maxsize / 1024) 51 | toPreviewer(compressedDataUrl, file.name, cb) 52 | img = null 53 | } 54 | 55 | img.src = result 56 | } 57 | 58 | reader.readAsDataURL(file) 59 | } 60 | 61 | export default chooseImg 62 | -------------------------------------------------------------------------------- /picee/js/fetch.js: -------------------------------------------------------------------------------- 1 | const $fetch = (options) => { 2 | return window.fetch(options.url, { 3 | method: options.method || 'GET', 4 | headers: { 5 | "Content-Type": "application/json", 6 | "Authorization": localStorage.getItem('picee_token') 7 | }, 8 | body: JSON.stringify(options.body) || null, 9 | mode: 'cors' 10 | }) 11 | .then(async res => { 12 | if (res.status >= 200 && res.status < 400) { 13 | return { 14 | status: res.status, 15 | data: await res.json() 16 | } 17 | } else { 18 | return { 19 | status: res.status, 20 | data: null 21 | } 22 | } 23 | }) 24 | .catch(e => e) 25 | } 26 | 27 | export default $fetch 28 | -------------------------------------------------------------------------------- /picee/js/main.js: -------------------------------------------------------------------------------- 1 | import $fetch from './fetch.js' 2 | import chooseImg from './chooseImg.js' 3 | import paste from './paste.js' 4 | 5 | const CHECK_TOKEN = 'https://api.github.com' 6 | const UPLOAD = 'https://api.github.com/repos' 7 | 8 | const uploadUrl = (repo, folder, file) => { 9 | return `${UPLOAD}/${repo}/contents/${folder ? folder + '/' : ''}${file}` 10 | } 11 | 12 | new Vue({ 13 | el: '#app', 14 | data () { 15 | return { 16 | // auth 17 | loginMode: true, 18 | authMode: 'token', 19 | githubToken: '', 20 | githubAccount: '', 21 | githubPassword: '', 22 | 23 | // upload 24 | repoName: '', 25 | folderPath: '', 26 | isRepoNameCorrect: false, 27 | previewImg: '', 28 | imgBase64: '', 29 | imgLink: '', 30 | fileName: '', 31 | ableToUpload: true, 32 | 33 | // config 34 | autoUpload: false, 35 | uploaderFocus: false, 36 | uploadProgress: 0, 37 | compressSize: 0, 38 | showConfig: false, 39 | setMaxSize: false, 40 | copyAsMarkdown: false, 41 | renameWithHash: true, 42 | 43 | // history 44 | historyMode: false, 45 | uploadHistory: [] 46 | } 47 | }, 48 | async mounted () { 49 | const token = localStorage.getItem('picee_token') 50 | if (token) { 51 | this.accessToken = token 52 | this.loginMode = false 53 | } 54 | 55 | const repoName = localStorage.getItem('picee_repo') 56 | if (repoName) { 57 | this.isRepoNameCorrect = true 58 | this.repoName = repoName 59 | } 60 | 61 | const folderPath = localStorage.getItem('picee_folder') 62 | if (folderPath) { 63 | this.folderPath = folderPath 64 | } 65 | 66 | const autoUpload = localStorage.getItem('picee_auto_upload') 67 | if (autoUpload) { 68 | this.autoUpload = true 69 | } else { 70 | this.autoUpload = false 71 | } 72 | 73 | const compressSize = localStorage.getItem('picee_compress_size') 74 | if (compressSize) { 75 | this.compressSize = Number(compressSize) 76 | this.setMaxSize = true 77 | } 78 | 79 | const uploadHistory = localStorage.getItem('picee_history') 80 | if (uploadHistory) { 81 | this.uploadHistory = JSON.parse(uploadHistory) 82 | } 83 | 84 | const copyAsMarkdown = localStorage.getItem('picee_copy_as_markdown') 85 | if (copyAsMarkdown) { 86 | this.copyAsMarkdown = true 87 | } else { 88 | this.copyAsMarkdown = false 89 | } 90 | 91 | const renameWithHash = localStorage.getItem('picee_rename_with_hash') 92 | if (renameWithHash) { 93 | this.renameWithHash = true 94 | } else { 95 | this.renameWithHash = false 96 | } 97 | }, 98 | watch: { 99 | autoUpload (val) { 100 | if (val) { 101 | localStorage.setItem('picee_auto_upload', true) 102 | } else { 103 | localStorage.removeItem('picee_auto_upload') 104 | } 105 | }, 106 | setMaxSize (val) { 107 | if (!val) { 108 | localStorage.removeItem('picee_compress_size') 109 | } else { 110 | localStorage.setItem('picee_compress_size', this.compressSize) 111 | } 112 | }, 113 | compressSize (val) { 114 | if (this.setMaxSize) { 115 | this.compressSize = val 116 | localStorage.setItem('picee_compress_size', val) 117 | } 118 | }, 119 | copyAsMarkdown (val) { 120 | if (val) { 121 | localStorage.setItem('picee_copy_as_markdown', true) 122 | } else { 123 | localStorage.removeItem('picee_copy_as_markdown') 124 | } 125 | }, 126 | renameWithHash (val) { 127 | if (val) { 128 | localStorage.setItem('picee_rename_with_hash', true) 129 | } else { 130 | localStorage.removeItem('picee_rename_with_hash') 131 | } 132 | } 133 | }, 134 | methods: { 135 | // auth 136 | changeAuthMode (mode) { 137 | this.authMode = mode 138 | }, 139 | logout () { 140 | localStorage.removeItem('picee_token') 141 | localStorage.removeItem('picee_repo') 142 | localStorage.removeItem('picee_folder') 143 | localStorage.removeItem('picee_compress_size') 144 | localStorage.removeItem('picee_history') 145 | this.resetAuth() 146 | }, 147 | resetAuth () { 148 | this.loginMode = true 149 | this.githubToken = '' 150 | this.githubPassword = '' 151 | this.githubAccount = '' 152 | }, 153 | async submitAuth () { 154 | if (this.authMode === 'token') { 155 | localStorage.setItem('picee_token', 'Bearer ' + this.githubToken) 156 | } else { 157 | localStorage.setItem('picee_token', 'Basic ' + btoa(this.githubAccount + ':' + this.githubPassword)) 158 | } 159 | 160 | const { status } = await $fetch({ 161 | url: CHECK_TOKEN 162 | }) 163 | 164 | if (status > 400) { 165 | alert('Unauthorized identify, please take a check and try again.') 166 | localStorage.removeItem('picee_token') 167 | this.resetAuth() 168 | return 169 | } 170 | 171 | this.loginMode = false 172 | }, 173 | 174 | // upload 175 | setRepoName () { 176 | if (this.repoName.split('/').length === 2) { 177 | this.isRepoNameCorrect = true 178 | localStorage.setItem('picee_repo', this.repoName) 179 | localStorage.setItem('picee_folder', this.folderPath.replace(/\/$/g, '')) 180 | } else { 181 | alert('Illegal project name!') 182 | this.repoName = localStorage.getItem('picee_repo') || '' 183 | } 184 | }, 185 | refresh () { 186 | this.imgBase64 = '' 187 | this.previewImg = '' 188 | this.imgLink = '' 189 | this.ableToUpload = true 190 | }, 191 | onUploaderFocus (e) { 192 | this.uploaderFocus = e.target.classList.contains('target') 193 | }, 194 | getImage (url, fileName) { 195 | this.ableToUpload = false 196 | this.imgLink = '' 197 | this.imgBase64 = url 198 | this.previewImg = url 199 | this.fileName = this.renameWithHash ? fileName.replace('.', `.${Math.random().toString(36).substr(2)}.`) : fileName 200 | 201 | if (this.autoUpload) { 202 | this.upload() 203 | } 204 | }, 205 | onDrop (e) { 206 | this.uploaderFocus = true 207 | const imgEvent = { 208 | target: { 209 | files: e.dataTransfer.files 210 | } 211 | } 212 | chooseImg(imgEvent, (url, fileName) => { 213 | this.getImage(url, fileName) 214 | }, this.setMaxSize ? this.compressSize * 1024 : null) 215 | }, 216 | onFileChange (e) { 217 | chooseImg(e, (url, fileName) => { 218 | this.getImage(url, fileName) 219 | }, this.setMaxSize ? this.compressSize * 1024 : null) 220 | }, 221 | async onPaste (e) { 222 | const { url, fileName } = await paste(e, this.setMaxSize ? this.compressSize * 1024 : null) 223 | this.getImage(url, fileName) 224 | }, 225 | copyUrl (e, name = 'imgLink') { 226 | let refItem = this.$refs[name] 227 | if (refItem instanceof Array) { 228 | refItem = refItem[0] 229 | } 230 | refItem.select() 231 | document.execCommand('copy') 232 | }, 233 | async upload () { 234 | if (this.ableToUpload) { 235 | return 236 | } 237 | 238 | this.ableToUpload = true 239 | 240 | this.uploadProgress = parseInt(Math.random() * 20) 241 | const result = await $fetch({ 242 | url: uploadUrl(this.repoName, this.folderPath, this.fileName), 243 | method: 'PUT', 244 | body: { 245 | message: 'upload from Picee', 246 | content: this.imgBase64.split(',')[1] 247 | } 248 | }).catch(e => e) 249 | 250 | if (result.status === 422) { 251 | this.uploadProgress = 0 252 | alert(`It\'s not allow to upload an exists image named "${this.fileName}"\nYou could check the "Rename the image with a hash" option to avoid this error.`) 253 | return 254 | } 255 | 256 | if (result.data) { 257 | this.uploadProgress = 100 258 | setTimeout(() => { 259 | this.uploadProgress = 0 260 | }, 2000) 261 | 262 | this.imgLink = result.data.content.download_url 263 | this.uploaderFocus = false 264 | 265 | this.uploadHistory.unshift({ 266 | time: (new Date()).toLocaleString(), 267 | imgLink: result.data.content.download_url 268 | }) 269 | 270 | localStorage.setItem('picee_history', JSON.stringify(this.uploadHistory)) 271 | 272 | chrome.notifications && chrome.notifications.create(null, { 273 | type: 'basic', 274 | iconUrl: this.imgBase64, 275 | title: 'Upload success', 276 | message: 'Image has been uploaded.' 277 | }); 278 | } else { 279 | this.uploadProgress = 0 280 | alert(`errCode: ${result.status}\nPlease check the repo name or your network and try again.`) 281 | } 282 | } 283 | } 284 | }) 285 | -------------------------------------------------------------------------------- /picee/js/paste.js: -------------------------------------------------------------------------------- 1 | import chooseImg from './chooseImg.js' 2 | 3 | const onPaste = (e, maxsize = 200 * 1024) => { 4 | if (!(e.clipboardData && e.clipboardData.items)) { 5 | return 6 | } 7 | 8 | return new Promise((resolve) => { 9 | for (let i = 0, len = e.clipboardData.items.length; i < len; i++) { 10 | const item = e.clipboardData.items[i] 11 | if (item.kind === 'file') { 12 | const pasteFile = item.getAsFile() 13 | const imgEvent = { 14 | target: { 15 | files: [pasteFile] 16 | } 17 | } 18 | chooseImg(imgEvent, (url, fileName) => { 19 | resolve({ url, fileName }) 20 | }, maxsize) 21 | } 22 | } 23 | }) 24 | } 25 | 26 | export default onPaste 27 | -------------------------------------------------------------------------------- /picee/js/vue.min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * Vue.js v2.6.10 3 | * (c) 2014-2019 Evan You 4 | * Released under the MIT License. 5 | */ 6 | !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self).Vue=t()}(this,function(){"use strict";var e=Object.freeze({});function t(e){return null==e}function n(e){return null!=e}function r(e){return!0===e}function i(e){return"string"==typeof e||"number"==typeof e||"symbol"==typeof e||"boolean"==typeof e}function o(e){return null!==e&&"object"==typeof e}var a=Object.prototype.toString;function s(e){return"[object Object]"===a.call(e)}function c(e){var t=parseFloat(String(e));return t>=0&&Math.floor(t)===t&&isFinite(e)}function u(e){return n(e)&&"function"==typeof e.then&&"function"==typeof e.catch}function l(e){return null==e?"":Array.isArray(e)||s(e)&&e.toString===a?JSON.stringify(e,null,2):String(e)}function f(e){var t=parseFloat(e);return isNaN(t)?e:t}function p(e,t){for(var n=Object.create(null),r=e.split(","),i=0;i-1)return e.splice(n,1)}}var m=Object.prototype.hasOwnProperty;function y(e,t){return m.call(e,t)}function g(e){var t=Object.create(null);return function(n){return t[n]||(t[n]=e(n))}}var _=/-(\w)/g,b=g(function(e){return e.replace(_,function(e,t){return t?t.toUpperCase():""})}),$=g(function(e){return e.charAt(0).toUpperCase()+e.slice(1)}),w=/\B([A-Z])/g,C=g(function(e){return e.replace(w,"-$1").toLowerCase()});var x=Function.prototype.bind?function(e,t){return e.bind(t)}:function(e,t){function n(n){var r=arguments.length;return r?r>1?e.apply(t,arguments):e.call(t,n):e.call(t)}return n._length=e.length,n};function k(e,t){t=t||0;for(var n=e.length-t,r=new Array(n);n--;)r[n]=e[n+t];return r}function A(e,t){for(var n in t)e[n]=t[n];return e}function O(e){for(var t={},n=0;n0,Z=J&&J.indexOf("edge/")>0,G=(J&&J.indexOf("android"),J&&/iphone|ipad|ipod|ios/.test(J)||"ios"===K),X=(J&&/chrome\/\d+/.test(J),J&&/phantomjs/.test(J),J&&J.match(/firefox\/(\d+)/)),Y={}.watch,Q=!1;if(z)try{var ee={};Object.defineProperty(ee,"passive",{get:function(){Q=!0}}),window.addEventListener("test-passive",null,ee)}catch(e){}var te=function(){return void 0===B&&(B=!z&&!V&&"undefined"!=typeof global&&(global.process&&"server"===global.process.env.VUE_ENV)),B},ne=z&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__;function re(e){return"function"==typeof e&&/native code/.test(e.toString())}var ie,oe="undefined"!=typeof Symbol&&re(Symbol)&&"undefined"!=typeof Reflect&&re(Reflect.ownKeys);ie="undefined"!=typeof Set&&re(Set)?Set:function(){function e(){this.set=Object.create(null)}return e.prototype.has=function(e){return!0===this.set[e]},e.prototype.add=function(e){this.set[e]=!0},e.prototype.clear=function(){this.set=Object.create(null)},e}();var ae=S,se=0,ce=function(){this.id=se++,this.subs=[]};ce.prototype.addSub=function(e){this.subs.push(e)},ce.prototype.removeSub=function(e){h(this.subs,e)},ce.prototype.depend=function(){ce.target&&ce.target.addDep(this)},ce.prototype.notify=function(){for(var e=this.subs.slice(),t=0,n=e.length;t-1)if(o&&!y(i,"default"))a=!1;else if(""===a||a===C(e)){var c=Pe(String,i.type);(c<0||s0&&(st((u=e(u,(a||"")+"_"+c))[0])&&st(f)&&(s[l]=he(f.text+u[0].text),u.shift()),s.push.apply(s,u)):i(u)?st(f)?s[l]=he(f.text+u):""!==u&&s.push(he(u)):st(u)&&st(f)?s[l]=he(f.text+u.text):(r(o._isVList)&&n(u.tag)&&t(u.key)&&n(a)&&(u.key="__vlist"+a+"_"+c+"__"),s.push(u)));return s}(e):void 0}function st(e){return n(e)&&n(e.text)&&!1===e.isComment}function ct(e,t){if(e){for(var n=Object.create(null),r=oe?Reflect.ownKeys(e):Object.keys(e),i=0;i0,a=t?!!t.$stable:!o,s=t&&t.$key;if(t){if(t._normalized)return t._normalized;if(a&&r&&r!==e&&s===r.$key&&!o&&!r.$hasNormal)return r;for(var c in i={},t)t[c]&&"$"!==c[0]&&(i[c]=pt(n,c,t[c]))}else i={};for(var u in n)u in i||(i[u]=dt(n,u));return t&&Object.isExtensible(t)&&(t._normalized=i),R(i,"$stable",a),R(i,"$key",s),R(i,"$hasNormal",o),i}function pt(e,t,n){var r=function(){var e=arguments.length?n.apply(null,arguments):n({});return(e=e&&"object"==typeof e&&!Array.isArray(e)?[e]:at(e))&&(0===e.length||1===e.length&&e[0].isComment)?void 0:e};return n.proxy&&Object.defineProperty(e,t,{get:r,enumerable:!0,configurable:!0}),r}function dt(e,t){return function(){return e[t]}}function vt(e,t){var r,i,a,s,c;if(Array.isArray(e)||"string"==typeof e)for(r=new Array(e.length),i=0,a=e.length;idocument.createEvent("Event").timeStamp&&(sn=function(){return cn.now()})}function un(){var e,t;for(an=sn(),rn=!0,Qt.sort(function(e,t){return e.id-t.id}),on=0;onon&&Qt[n].id>e.id;)n--;Qt.splice(n+1,0,e)}else Qt.push(e);nn||(nn=!0,Ye(un))}}(this)},fn.prototype.run=function(){if(this.active){var e=this.get();if(e!==this.value||o(e)||this.deep){var t=this.value;if(this.value=e,this.user)try{this.cb.call(this.vm,e,t)}catch(e){Re(e,this.vm,'callback for watcher "'+this.expression+'"')}else this.cb.call(this.vm,e,t)}}},fn.prototype.evaluate=function(){this.value=this.get(),this.dirty=!1},fn.prototype.depend=function(){for(var e=this.deps.length;e--;)this.deps[e].depend()},fn.prototype.teardown=function(){if(this.active){this.vm._isBeingDestroyed||h(this.vm._watchers,this);for(var e=this.deps.length;e--;)this.deps[e].removeSub(this);this.active=!1}};var pn={enumerable:!0,configurable:!0,get:S,set:S};function dn(e,t,n){pn.get=function(){return this[t][n]},pn.set=function(e){this[t][n]=e},Object.defineProperty(e,n,pn)}function vn(e){e._watchers=[];var t=e.$options;t.props&&function(e,t){var n=e.$options.propsData||{},r=e._props={},i=e.$options._propKeys=[];e.$parent&&$e(!1);var o=function(o){i.push(o);var a=Me(o,t,n,e);xe(r,o,a),o in e||dn(e,"_props",o)};for(var a in t)o(a);$e(!0)}(e,t.props),t.methods&&function(e,t){e.$options.props;for(var n in t)e[n]="function"!=typeof t[n]?S:x(t[n],e)}(e,t.methods),t.data?function(e){var t=e.$options.data;s(t=e._data="function"==typeof t?function(e,t){le();try{return e.call(t,t)}catch(e){return Re(e,t,"data()"),{}}finally{fe()}}(t,e):t||{})||(t={});var n=Object.keys(t),r=e.$options.props,i=(e.$options.methods,n.length);for(;i--;){var o=n[i];r&&y(r,o)||(a=void 0,36!==(a=(o+"").charCodeAt(0))&&95!==a&&dn(e,"_data",o))}var a;Ce(t,!0)}(e):Ce(e._data={},!0),t.computed&&function(e,t){var n=e._computedWatchers=Object.create(null),r=te();for(var i in t){var o=t[i],a="function"==typeof o?o:o.get;r||(n[i]=new fn(e,a||S,S,hn)),i in e||mn(e,i,o)}}(e,t.computed),t.watch&&t.watch!==Y&&function(e,t){for(var n in t){var r=t[n];if(Array.isArray(r))for(var i=0;i-1:"string"==typeof e?e.split(",").indexOf(t)>-1:(n=e,"[object RegExp]"===a.call(n)&&e.test(t));var n}function An(e,t){var n=e.cache,r=e.keys,i=e._vnode;for(var o in n){var a=n[o];if(a){var s=xn(a.componentOptions);s&&!t(s)&&On(n,o,r,i)}}}function On(e,t,n,r){var i=e[t];!i||r&&i.tag===r.tag||i.componentInstance.$destroy(),e[t]=null,h(n,t)}!function(t){t.prototype._init=function(t){var n=this;n._uid=bn++,n._isVue=!0,t&&t._isComponent?function(e,t){var n=e.$options=Object.create(e.constructor.options),r=t._parentVnode;n.parent=t.parent,n._parentVnode=r;var i=r.componentOptions;n.propsData=i.propsData,n._parentListeners=i.listeners,n._renderChildren=i.children,n._componentTag=i.tag,t.render&&(n.render=t.render,n.staticRenderFns=t.staticRenderFns)}(n,t):n.$options=De($n(n.constructor),t||{},n),n._renderProxy=n,n._self=n,function(e){var t=e.$options,n=t.parent;if(n&&!t.abstract){for(;n.$options.abstract&&n.$parent;)n=n.$parent;n.$children.push(e)}e.$parent=n,e.$root=n?n.$root:e,e.$children=[],e.$refs={},e._watcher=null,e._inactive=null,e._directInactive=!1,e._isMounted=!1,e._isDestroyed=!1,e._isBeingDestroyed=!1}(n),function(e){e._events=Object.create(null),e._hasHookEvent=!1;var t=e.$options._parentListeners;t&&qt(e,t)}(n),function(t){t._vnode=null,t._staticTrees=null;var n=t.$options,r=t.$vnode=n._parentVnode,i=r&&r.context;t.$slots=ut(n._renderChildren,i),t.$scopedSlots=e,t._c=function(e,n,r,i){return Pt(t,e,n,r,i,!1)},t.$createElement=function(e,n,r,i){return Pt(t,e,n,r,i,!0)};var o=r&&r.data;xe(t,"$attrs",o&&o.attrs||e,null,!0),xe(t,"$listeners",n._parentListeners||e,null,!0)}(n),Yt(n,"beforeCreate"),function(e){var t=ct(e.$options.inject,e);t&&($e(!1),Object.keys(t).forEach(function(n){xe(e,n,t[n])}),$e(!0))}(n),vn(n),function(e){var t=e.$options.provide;t&&(e._provided="function"==typeof t?t.call(e):t)}(n),Yt(n,"created"),n.$options.el&&n.$mount(n.$options.el)}}(wn),function(e){var t={get:function(){return this._data}},n={get:function(){return this._props}};Object.defineProperty(e.prototype,"$data",t),Object.defineProperty(e.prototype,"$props",n),e.prototype.$set=ke,e.prototype.$delete=Ae,e.prototype.$watch=function(e,t,n){if(s(t))return _n(this,e,t,n);(n=n||{}).user=!0;var r=new fn(this,e,t,n);if(n.immediate)try{t.call(this,r.value)}catch(e){Re(e,this,'callback for immediate watcher "'+r.expression+'"')}return function(){r.teardown()}}}(wn),function(e){var t=/^hook:/;e.prototype.$on=function(e,n){var r=this;if(Array.isArray(e))for(var i=0,o=e.length;i1?k(t):t;for(var n=k(arguments,1),r='event handler for "'+e+'"',i=0,o=t.length;iparseInt(this.max)&&On(a,s[0],s,this._vnode)),t.data.keepAlive=!0}return t||e&&e[0]}}};!function(e){var t={get:function(){return F}};Object.defineProperty(e,"config",t),e.util={warn:ae,extend:A,mergeOptions:De,defineReactive:xe},e.set=ke,e.delete=Ae,e.nextTick=Ye,e.observable=function(e){return Ce(e),e},e.options=Object.create(null),M.forEach(function(t){e.options[t+"s"]=Object.create(null)}),e.options._base=e,A(e.options.components,Tn),function(e){e.use=function(e){var t=this._installedPlugins||(this._installedPlugins=[]);if(t.indexOf(e)>-1)return this;var n=k(arguments,1);return n.unshift(this),"function"==typeof e.install?e.install.apply(e,n):"function"==typeof e&&e.apply(null,n),t.push(e),this}}(e),function(e){e.mixin=function(e){return this.options=De(this.options,e),this}}(e),Cn(e),function(e){M.forEach(function(t){e[t]=function(e,n){return n?("component"===t&&s(n)&&(n.name=n.name||e,n=this.options._base.extend(n)),"directive"===t&&"function"==typeof n&&(n={bind:n,update:n}),this.options[t+"s"][e]=n,n):this.options[t+"s"][e]}})}(e)}(wn),Object.defineProperty(wn.prototype,"$isServer",{get:te}),Object.defineProperty(wn.prototype,"$ssrContext",{get:function(){return this.$vnode&&this.$vnode.ssrContext}}),Object.defineProperty(wn,"FunctionalRenderContext",{value:Tt}),wn.version="2.6.10";var En=p("style,class"),Nn=p("input,textarea,option,select,progress"),jn=function(e,t,n){return"value"===n&&Nn(e)&&"button"!==t||"selected"===n&&"option"===e||"checked"===n&&"input"===e||"muted"===n&&"video"===e},Dn=p("contenteditable,draggable,spellcheck"),Ln=p("events,caret,typing,plaintext-only"),Mn=function(e,t){return Hn(t)||"false"===t?"false":"contenteditable"===e&&Ln(t)?t:"true"},In=p("allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,default,defaultchecked,defaultmuted,defaultselected,defer,disabled,enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,required,reversed,scoped,seamless,selected,sortable,translate,truespeed,typemustmatch,visible"),Fn="http://www.w3.org/1999/xlink",Pn=function(e){return":"===e.charAt(5)&&"xlink"===e.slice(0,5)},Rn=function(e){return Pn(e)?e.slice(6,e.length):""},Hn=function(e){return null==e||!1===e};function Bn(e){for(var t=e.data,r=e,i=e;n(i.componentInstance);)(i=i.componentInstance._vnode)&&i.data&&(t=Un(i.data,t));for(;n(r=r.parent);)r&&r.data&&(t=Un(t,r.data));return function(e,t){if(n(e)||n(t))return zn(e,Vn(t));return""}(t.staticClass,t.class)}function Un(e,t){return{staticClass:zn(e.staticClass,t.staticClass),class:n(e.class)?[e.class,t.class]:t.class}}function zn(e,t){return e?t?e+" "+t:e:t||""}function Vn(e){return Array.isArray(e)?function(e){for(var t,r="",i=0,o=e.length;i-1?hr(e,t,n):In(t)?Hn(n)?e.removeAttribute(t):(n="allowfullscreen"===t&&"EMBED"===e.tagName?"true":t,e.setAttribute(t,n)):Dn(t)?e.setAttribute(t,Mn(t,n)):Pn(t)?Hn(n)?e.removeAttributeNS(Fn,Rn(t)):e.setAttributeNS(Fn,t,n):hr(e,t,n)}function hr(e,t,n){if(Hn(n))e.removeAttribute(t);else{if(q&&!W&&"TEXTAREA"===e.tagName&&"placeholder"===t&&""!==n&&!e.__ieph){var r=function(t){t.stopImmediatePropagation(),e.removeEventListener("input",r)};e.addEventListener("input",r),e.__ieph=!0}e.setAttribute(t,n)}}var mr={create:dr,update:dr};function yr(e,r){var i=r.elm,o=r.data,a=e.data;if(!(t(o.staticClass)&&t(o.class)&&(t(a)||t(a.staticClass)&&t(a.class)))){var s=Bn(r),c=i._transitionClasses;n(c)&&(s=zn(s,Vn(c))),s!==i._prevClass&&(i.setAttribute("class",s),i._prevClass=s)}}var gr,_r,br,$r,wr,Cr,xr={create:yr,update:yr},kr=/[\w).+\-_$\]]/;function Ar(e){var t,n,r,i,o,a=!1,s=!1,c=!1,u=!1,l=0,f=0,p=0,d=0;for(r=0;r=0&&" "===(h=e.charAt(v));v--);h&&kr.test(h)||(u=!0)}}else void 0===i?(d=r+1,i=e.slice(0,r).trim()):m();function m(){(o||(o=[])).push(e.slice(d,r).trim()),d=r+1}if(void 0===i?i=e.slice(0,r).trim():0!==d&&m(),o)for(r=0;r-1?{exp:e.slice(0,$r),key:'"'+e.slice($r+1)+'"'}:{exp:e,key:null};_r=e,$r=wr=Cr=0;for(;!zr();)Vr(br=Ur())?Jr(br):91===br&&Kr(br);return{exp:e.slice(0,wr),key:e.slice(wr+1,Cr)}}(e);return null===n.key?e+"="+t:"$set("+n.exp+", "+n.key+", "+t+")"}function Ur(){return _r.charCodeAt(++$r)}function zr(){return $r>=gr}function Vr(e){return 34===e||39===e}function Kr(e){var t=1;for(wr=$r;!zr();)if(Vr(e=Ur()))Jr(e);else if(91===e&&t++,93===e&&t--,0===t){Cr=$r;break}}function Jr(e){for(var t=e;!zr()&&(e=Ur())!==t;);}var qr,Wr="__r",Zr="__c";function Gr(e,t,n){var r=qr;return function i(){null!==t.apply(null,arguments)&&Qr(e,i,n,r)}}var Xr=Ve&&!(X&&Number(X[1])<=53);function Yr(e,t,n,r){if(Xr){var i=an,o=t;t=o._wrapper=function(e){if(e.target===e.currentTarget||e.timeStamp>=i||e.timeStamp<=0||e.target.ownerDocument!==document)return o.apply(this,arguments)}}qr.addEventListener(e,t,Q?{capture:n,passive:r}:n)}function Qr(e,t,n,r){(r||qr).removeEventListener(e,t._wrapper||t,n)}function ei(e,r){if(!t(e.data.on)||!t(r.data.on)){var i=r.data.on||{},o=e.data.on||{};qr=r.elm,function(e){if(n(e[Wr])){var t=q?"change":"input";e[t]=[].concat(e[Wr],e[t]||[]),delete e[Wr]}n(e[Zr])&&(e.change=[].concat(e[Zr],e.change||[]),delete e[Zr])}(i),rt(i,o,Yr,Qr,Gr,r.context),qr=void 0}}var ti,ni={create:ei,update:ei};function ri(e,r){if(!t(e.data.domProps)||!t(r.data.domProps)){var i,o,a=r.elm,s=e.data.domProps||{},c=r.data.domProps||{};for(i in n(c.__ob__)&&(c=r.data.domProps=A({},c)),s)i in c||(a[i]="");for(i in c){if(o=c[i],"textContent"===i||"innerHTML"===i){if(r.children&&(r.children.length=0),o===s[i])continue;1===a.childNodes.length&&a.removeChild(a.childNodes[0])}if("value"===i&&"PROGRESS"!==a.tagName){a._value=o;var u=t(o)?"":String(o);ii(a,u)&&(a.value=u)}else if("innerHTML"===i&&qn(a.tagName)&&t(a.innerHTML)){(ti=ti||document.createElement("div")).innerHTML=""+o+"";for(var l=ti.firstChild;a.firstChild;)a.removeChild(a.firstChild);for(;l.firstChild;)a.appendChild(l.firstChild)}else if(o!==s[i])try{a[i]=o}catch(e){}}}}function ii(e,t){return!e.composing&&("OPTION"===e.tagName||function(e,t){var n=!0;try{n=document.activeElement!==e}catch(e){}return n&&e.value!==t}(e,t)||function(e,t){var r=e.value,i=e._vModifiers;if(n(i)){if(i.number)return f(r)!==f(t);if(i.trim)return r.trim()!==t.trim()}return r!==t}(e,t))}var oi={create:ri,update:ri},ai=g(function(e){var t={},n=/:(.+)/;return e.split(/;(?![^(]*\))/g).forEach(function(e){if(e){var r=e.split(n);r.length>1&&(t[r[0].trim()]=r[1].trim())}}),t});function si(e){var t=ci(e.style);return e.staticStyle?A(e.staticStyle,t):t}function ci(e){return Array.isArray(e)?O(e):"string"==typeof e?ai(e):e}var ui,li=/^--/,fi=/\s*!important$/,pi=function(e,t,n){if(li.test(t))e.style.setProperty(t,n);else if(fi.test(n))e.style.setProperty(C(t),n.replace(fi,""),"important");else{var r=vi(t);if(Array.isArray(n))for(var i=0,o=n.length;i-1?t.split(yi).forEach(function(t){return e.classList.add(t)}):e.classList.add(t);else{var n=" "+(e.getAttribute("class")||"")+" ";n.indexOf(" "+t+" ")<0&&e.setAttribute("class",(n+t).trim())}}function _i(e,t){if(t&&(t=t.trim()))if(e.classList)t.indexOf(" ")>-1?t.split(yi).forEach(function(t){return e.classList.remove(t)}):e.classList.remove(t),e.classList.length||e.removeAttribute("class");else{for(var n=" "+(e.getAttribute("class")||"")+" ",r=" "+t+" ";n.indexOf(r)>=0;)n=n.replace(r," ");(n=n.trim())?e.setAttribute("class",n):e.removeAttribute("class")}}function bi(e){if(e){if("object"==typeof e){var t={};return!1!==e.css&&A(t,$i(e.name||"v")),A(t,e),t}return"string"==typeof e?$i(e):void 0}}var $i=g(function(e){return{enterClass:e+"-enter",enterToClass:e+"-enter-to",enterActiveClass:e+"-enter-active",leaveClass:e+"-leave",leaveToClass:e+"-leave-to",leaveActiveClass:e+"-leave-active"}}),wi=z&&!W,Ci="transition",xi="animation",ki="transition",Ai="transitionend",Oi="animation",Si="animationend";wi&&(void 0===window.ontransitionend&&void 0!==window.onwebkittransitionend&&(ki="WebkitTransition",Ai="webkitTransitionEnd"),void 0===window.onanimationend&&void 0!==window.onwebkitanimationend&&(Oi="WebkitAnimation",Si="webkitAnimationEnd"));var Ti=z?window.requestAnimationFrame?window.requestAnimationFrame.bind(window):setTimeout:function(e){return e()};function Ei(e){Ti(function(){Ti(e)})}function Ni(e,t){var n=e._transitionClasses||(e._transitionClasses=[]);n.indexOf(t)<0&&(n.push(t),gi(e,t))}function ji(e,t){e._transitionClasses&&h(e._transitionClasses,t),_i(e,t)}function Di(e,t,n){var r=Mi(e,t),i=r.type,o=r.timeout,a=r.propCount;if(!i)return n();var s=i===Ci?Ai:Si,c=0,u=function(){e.removeEventListener(s,l),n()},l=function(t){t.target===e&&++c>=a&&u()};setTimeout(function(){c0&&(n=Ci,l=a,f=o.length):t===xi?u>0&&(n=xi,l=u,f=c.length):f=(n=(l=Math.max(a,u))>0?a>u?Ci:xi:null)?n===Ci?o.length:c.length:0,{type:n,timeout:l,propCount:f,hasTransform:n===Ci&&Li.test(r[ki+"Property"])}}function Ii(e,t){for(;e.length1}function Ui(e,t){!0!==t.data.show&&Pi(t)}var zi=function(e){var o,a,s={},c=e.modules,u=e.nodeOps;for(o=0;ov?_(e,t(i[y+1])?null:i[y+1].elm,i,d,y,o):d>y&&$(0,r,p,v)}(p,h,y,o,l):n(y)?(n(e.text)&&u.setTextContent(p,""),_(p,null,y,0,y.length-1,o)):n(h)?$(0,h,0,h.length-1):n(e.text)&&u.setTextContent(p,""):e.text!==i.text&&u.setTextContent(p,i.text),n(v)&&n(d=v.hook)&&n(d=d.postpatch)&&d(e,i)}}}function k(e,t,i){if(r(i)&&n(e.parent))e.parent.data.pendingInsert=t;else for(var o=0;o-1,a.selected!==o&&(a.selected=o);else if(N(Wi(a),r))return void(e.selectedIndex!==s&&(e.selectedIndex=s));i||(e.selectedIndex=-1)}}function qi(e,t){return t.every(function(t){return!N(t,e)})}function Wi(e){return"_value"in e?e._value:e.value}function Zi(e){e.target.composing=!0}function Gi(e){e.target.composing&&(e.target.composing=!1,Xi(e.target,"input"))}function Xi(e,t){var n=document.createEvent("HTMLEvents");n.initEvent(t,!0,!0),e.dispatchEvent(n)}function Yi(e){return!e.componentInstance||e.data&&e.data.transition?e:Yi(e.componentInstance._vnode)}var Qi={model:Vi,show:{bind:function(e,t,n){var r=t.value,i=(n=Yi(n)).data&&n.data.transition,o=e.__vOriginalDisplay="none"===e.style.display?"":e.style.display;r&&i?(n.data.show=!0,Pi(n,function(){e.style.display=o})):e.style.display=r?o:"none"},update:function(e,t,n){var r=t.value;!r!=!t.oldValue&&((n=Yi(n)).data&&n.data.transition?(n.data.show=!0,r?Pi(n,function(){e.style.display=e.__vOriginalDisplay}):Ri(n,function(){e.style.display="none"})):e.style.display=r?e.__vOriginalDisplay:"none")},unbind:function(e,t,n,r,i){i||(e.style.display=e.__vOriginalDisplay)}}},eo={name:String,appear:Boolean,css:Boolean,mode:String,type:String,enterClass:String,leaveClass:String,enterToClass:String,leaveToClass:String,enterActiveClass:String,leaveActiveClass:String,appearClass:String,appearActiveClass:String,appearToClass:String,duration:[Number,String,Object]};function to(e){var t=e&&e.componentOptions;return t&&t.Ctor.options.abstract?to(zt(t.children)):e}function no(e){var t={},n=e.$options;for(var r in n.propsData)t[r]=e[r];var i=n._parentListeners;for(var o in i)t[b(o)]=i[o];return t}function ro(e,t){if(/\d-keep-alive$/.test(t.tag))return e("keep-alive",{props:t.componentOptions.propsData})}var io=function(e){return e.tag||Ut(e)},oo=function(e){return"show"===e.name},ao={name:"transition",props:eo,abstract:!0,render:function(e){var t=this,n=this.$slots.default;if(n&&(n=n.filter(io)).length){var r=this.mode,o=n[0];if(function(e){for(;e=e.parent;)if(e.data.transition)return!0}(this.$vnode))return o;var a=to(o);if(!a)return o;if(this._leaving)return ro(e,o);var s="__transition-"+this._uid+"-";a.key=null==a.key?a.isComment?s+"comment":s+a.tag:i(a.key)?0===String(a.key).indexOf(s)?a.key:s+a.key:a.key;var c=(a.data||(a.data={})).transition=no(this),u=this._vnode,l=to(u);if(a.data.directives&&a.data.directives.some(oo)&&(a.data.show=!0),l&&l.data&&!function(e,t){return t.key===e.key&&t.tag===e.tag}(a,l)&&!Ut(l)&&(!l.componentInstance||!l.componentInstance._vnode.isComment)){var f=l.data.transition=A({},c);if("out-in"===r)return this._leaving=!0,it(f,"afterLeave",function(){t._leaving=!1,t.$forceUpdate()}),ro(e,o);if("in-out"===r){if(Ut(a))return u;var p,d=function(){p()};it(c,"afterEnter",d),it(c,"enterCancelled",d),it(f,"delayLeave",function(e){p=e})}}return o}}},so=A({tag:String,moveClass:String},eo);function co(e){e.elm._moveCb&&e.elm._moveCb(),e.elm._enterCb&&e.elm._enterCb()}function uo(e){e.data.newPos=e.elm.getBoundingClientRect()}function lo(e){var t=e.data.pos,n=e.data.newPos,r=t.left-n.left,i=t.top-n.top;if(r||i){e.data.moved=!0;var o=e.elm.style;o.transform=o.WebkitTransform="translate("+r+"px,"+i+"px)",o.transitionDuration="0s"}}delete so.mode;var fo={Transition:ao,TransitionGroup:{props:so,beforeMount:function(){var e=this,t=this._update;this._update=function(n,r){var i=Zt(e);e.__patch__(e._vnode,e.kept,!1,!0),e._vnode=e.kept,i(),t.call(e,n,r)}},render:function(e){for(var t=this.tag||this.$vnode.data.tag||"span",n=Object.create(null),r=this.prevChildren=this.children,i=this.$slots.default||[],o=this.children=[],a=no(this),s=0;s-1?Gn[e]=t.constructor===window.HTMLUnknownElement||t.constructor===window.HTMLElement:Gn[e]=/HTMLUnknownElement/.test(t.toString())},A(wn.options.directives,Qi),A(wn.options.components,fo),wn.prototype.__patch__=z?zi:S,wn.prototype.$mount=function(e,t){return function(e,t,n){var r;return e.$el=t,e.$options.render||(e.$options.render=ve),Yt(e,"beforeMount"),r=function(){e._update(e._render(),n)},new fn(e,r,S,{before:function(){e._isMounted&&!e._isDestroyed&&Yt(e,"beforeUpdate")}},!0),n=!1,null==e.$vnode&&(e._isMounted=!0,Yt(e,"mounted")),e}(this,e=e&&z?Yn(e):void 0,t)},z&&setTimeout(function(){F.devtools&&ne&&ne.emit("init",wn)},0);var po=/\{\{((?:.|\r?\n)+?)\}\}/g,vo=/[-.*+?^${}()|[\]\/\\]/g,ho=g(function(e){var t=e[0].replace(vo,"\\$&"),n=e[1].replace(vo,"\\$&");return new RegExp(t+"((?:.|\\n)+?)"+n,"g")});var mo={staticKeys:["staticClass"],transformNode:function(e,t){t.warn;var n=Fr(e,"class");n&&(e.staticClass=JSON.stringify(n));var r=Ir(e,"class",!1);r&&(e.classBinding=r)},genData:function(e){var t="";return e.staticClass&&(t+="staticClass:"+e.staticClass+","),e.classBinding&&(t+="class:"+e.classBinding+","),t}};var yo,go={staticKeys:["staticStyle"],transformNode:function(e,t){t.warn;var n=Fr(e,"style");n&&(e.staticStyle=JSON.stringify(ai(n)));var r=Ir(e,"style",!1);r&&(e.styleBinding=r)},genData:function(e){var t="";return e.staticStyle&&(t+="staticStyle:"+e.staticStyle+","),e.styleBinding&&(t+="style:("+e.styleBinding+"),"),t}},_o=function(e){return(yo=yo||document.createElement("div")).innerHTML=e,yo.textContent},bo=p("area,base,br,col,embed,frame,hr,img,input,isindex,keygen,link,meta,param,source,track,wbr"),$o=p("colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr,source"),wo=p("address,article,aside,base,blockquote,body,caption,col,colgroup,dd,details,dialog,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,legend,li,menuitem,meta,optgroup,option,param,rp,rt,source,style,summary,tbody,td,tfoot,th,thead,title,tr,track"),Co=/^\s*([^\s"'<>\/=]+)(?:\s*(=)\s*(?:"([^"]*)"+|'([^']*)'+|([^\s"'=<>`]+)))?/,xo=/^\s*((?:v-[\w-]+:|@|:|#)\[[^=]+\][^\s"'<>\/=]*)(?:\s*(=)\s*(?:"([^"]*)"+|'([^']*)'+|([^\s"'=<>`]+)))?/,ko="[a-zA-Z_][\\-\\.0-9_a-zA-Z"+P.source+"]*",Ao="((?:"+ko+"\\:)?"+ko+")",Oo=new RegExp("^<"+Ao),So=/^\s*(\/?)>/,To=new RegExp("^<\\/"+Ao+"[^>]*>"),Eo=/^]+>/i,No=/^",""":'"',"&":"&"," ":"\n"," ":"\t","'":"'"},Io=/&(?:lt|gt|quot|amp|#39);/g,Fo=/&(?:lt|gt|quot|amp|#39|#10|#9);/g,Po=p("pre,textarea",!0),Ro=function(e,t){return e&&Po(e)&&"\n"===t[0]};function Ho(e,t){var n=t?Fo:Io;return e.replace(n,function(e){return Mo[e]})}var Bo,Uo,zo,Vo,Ko,Jo,qo,Wo,Zo=/^@|^v-on:/,Go=/^v-|^@|^:/,Xo=/([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/,Yo=/,([^,\}\]]*)(?:,([^,\}\]]*))?$/,Qo=/^\(|\)$/g,ea=/^\[.*\]$/,ta=/:(.*)$/,na=/^:|^\.|^v-bind:/,ra=/\.[^.\]]+(?=[^\]]*$)/g,ia=/^v-slot(:|$)|^#/,oa=/[\r\n]/,aa=/\s+/g,sa=g(_o),ca="_empty_";function ua(e,t,n){return{type:1,tag:e,attrsList:t,attrsMap:ma(t),rawAttrsMap:{},parent:n,children:[]}}function la(e,t){Bo=t.warn||Sr,Jo=t.isPreTag||T,qo=t.mustUseProp||T,Wo=t.getTagNamespace||T;t.isReservedTag;zo=Tr(t.modules,"transformNode"),Vo=Tr(t.modules,"preTransformNode"),Ko=Tr(t.modules,"postTransformNode"),Uo=t.delimiters;var n,r,i=[],o=!1!==t.preserveWhitespace,a=t.whitespace,s=!1,c=!1;function u(e){if(l(e),s||e.processed||(e=fa(e,t)),i.length||e===n||n.if&&(e.elseif||e.else)&&da(n,{exp:e.elseif,block:e}),r&&!e.forbidden)if(e.elseif||e.else)a=e,(u=function(e){var t=e.length;for(;t--;){if(1===e[t].type)return e[t];e.pop()}}(r.children))&&u.if&&da(u,{exp:a.elseif,block:a});else{if(e.slotScope){var o=e.slotTarget||'"default"';(r.scopedSlots||(r.scopedSlots={}))[o]=e}r.children.push(e),e.parent=r}var a,u;e.children=e.children.filter(function(e){return!e.slotScope}),l(e),e.pre&&(s=!1),Jo(e.tag)&&(c=!1);for(var f=0;f]*>)","i")),p=e.replace(f,function(e,n,r){return u=r.length,Do(l)||"noscript"===l||(n=n.replace(//g,"$1").replace(//g,"$1")),Ro(l,n)&&(n=n.slice(1)),t.chars&&t.chars(n),""});c+=e.length-p.length,e=p,A(l,c-u,c)}else{var d=e.indexOf("<");if(0===d){if(No.test(e)){var v=e.indexOf("--\x3e");if(v>=0){t.shouldKeepComment&&t.comment(e.substring(4,v),c,c+v+3),C(v+3);continue}}if(jo.test(e)){var h=e.indexOf("]>");if(h>=0){C(h+2);continue}}var m=e.match(Eo);if(m){C(m[0].length);continue}var y=e.match(To);if(y){var g=c;C(y[0].length),A(y[1],g,c);continue}var _=x();if(_){k(_),Ro(_.tagName,e)&&C(1);continue}}var b=void 0,$=void 0,w=void 0;if(d>=0){for($=e.slice(d);!(To.test($)||Oo.test($)||No.test($)||jo.test($)||(w=$.indexOf("<",1))<0);)d+=w,$=e.slice(d);b=e.substring(0,d)}d<0&&(b=e),b&&C(b.length),t.chars&&b&&t.chars(b,c-b.length,c)}if(e===n){t.chars&&t.chars(e);break}}function C(t){c+=t,e=e.substring(t)}function x(){var t=e.match(Oo);if(t){var n,r,i={tagName:t[1],attrs:[],start:c};for(C(t[0].length);!(n=e.match(So))&&(r=e.match(xo)||e.match(Co));)r.start=c,C(r[0].length),r.end=c,i.attrs.push(r);if(n)return i.unarySlash=n[1],C(n[0].length),i.end=c,i}}function k(e){var n=e.tagName,c=e.unarySlash;o&&("p"===r&&wo(n)&&A(r),s(n)&&r===n&&A(n));for(var u=a(n)||!!c,l=e.attrs.length,f=new Array(l),p=0;p=0&&i[a].lowerCasedTag!==s;a--);else a=0;if(a>=0){for(var u=i.length-1;u>=a;u--)t.end&&t.end(i[u].tag,n,o);i.length=a,r=a&&i[a-1].tag}else"br"===s?t.start&&t.start(e,[],!0,n,o):"p"===s&&(t.start&&t.start(e,[],!1,n,o),t.end&&t.end(e,n,o))}A()}(e,{warn:Bo,expectHTML:t.expectHTML,isUnaryTag:t.isUnaryTag,canBeLeftOpenTag:t.canBeLeftOpenTag,shouldDecodeNewlines:t.shouldDecodeNewlines,shouldDecodeNewlinesForHref:t.shouldDecodeNewlinesForHref,shouldKeepComment:t.comments,outputSourceRange:t.outputSourceRange,start:function(e,o,a,l,f){var p=r&&r.ns||Wo(e);q&&"svg"===p&&(o=function(e){for(var t=[],n=0;nc&&(s.push(o=e.slice(c,i)),a.push(JSON.stringify(o)));var u=Ar(r[1].trim());a.push("_s("+u+")"),s.push({"@binding":u}),c=i+r[0].length}return c-1"+("true"===o?":("+t+")":":_q("+t+","+o+")")),Mr(e,"change","var $$a="+t+",$$el=$event.target,$$c=$$el.checked?("+o+"):("+a+");if(Array.isArray($$a)){var $$v="+(r?"_n("+i+")":i)+",$$i=_i($$a,$$v);if($$el.checked){$$i<0&&("+Br(t,"$$a.concat([$$v])")+")}else{$$i>-1&&("+Br(t,"$$a.slice(0,$$i).concat($$a.slice($$i+1))")+")}}else{"+Br(t,"$$c")+"}",null,!0)}(e,r,i);else if("input"===o&&"radio"===a)!function(e,t,n){var r=n&&n.number,i=Ir(e,"value")||"null";Er(e,"checked","_q("+t+","+(i=r?"_n("+i+")":i)+")"),Mr(e,"change",Br(t,i),null,!0)}(e,r,i);else if("input"===o||"textarea"===o)!function(e,t,n){var r=e.attrsMap.type,i=n||{},o=i.lazy,a=i.number,s=i.trim,c=!o&&"range"!==r,u=o?"change":"range"===r?Wr:"input",l="$event.target.value";s&&(l="$event.target.value.trim()"),a&&(l="_n("+l+")");var f=Br(t,l);c&&(f="if($event.target.composing)return;"+f),Er(e,"value","("+t+")"),Mr(e,u,f,null,!0),(s||a)&&Mr(e,"blur","$forceUpdate()")}(e,r,i);else if(!F.isReservedTag(o))return Hr(e,r,i),!1;return!0},text:function(e,t){t.value&&Er(e,"textContent","_s("+t.value+")",t)},html:function(e,t){t.value&&Er(e,"innerHTML","_s("+t.value+")",t)}},isPreTag:function(e){return"pre"===e},isUnaryTag:bo,mustUseProp:jn,canBeLeftOpenTag:$o,isReservedTag:Wn,getTagNamespace:Zn,staticKeys:function(e){return e.reduce(function(e,t){return e.concat(t.staticKeys||[])},[]).join(",")}(ba)},xa=g(function(e){return p("type,tag,attrsList,attrsMap,plain,parent,children,attrs,start,end,rawAttrsMap"+(e?","+e:""))});function ka(e,t){e&&($a=xa(t.staticKeys||""),wa=t.isReservedTag||T,function e(t){t.static=function(e){if(2===e.type)return!1;if(3===e.type)return!0;return!(!e.pre&&(e.hasBindings||e.if||e.for||d(e.tag)||!wa(e.tag)||function(e){for(;e.parent;){if("template"!==(e=e.parent).tag)return!1;if(e.for)return!0}return!1}(e)||!Object.keys(e).every($a)))}(t);if(1===t.type){if(!wa(t.tag)&&"slot"!==t.tag&&null==t.attrsMap["inline-template"])return;for(var n=0,r=t.children.length;n|^function\s*(?:[\w$]+)?\s*\(/,Oa=/\([^)]*?\);*$/,Sa=/^[A-Za-z_$][\w$]*(?:\.[A-Za-z_$][\w$]*|\['[^']*?']|\["[^"]*?"]|\[\d+]|\[[A-Za-z_$][\w$]*])*$/,Ta={esc:27,tab:9,enter:13,space:32,up:38,left:37,right:39,down:40,delete:[8,46]},Ea={esc:["Esc","Escape"],tab:"Tab",enter:"Enter",space:[" ","Spacebar"],up:["Up","ArrowUp"],left:["Left","ArrowLeft"],right:["Right","ArrowRight"],down:["Down","ArrowDown"],delete:["Backspace","Delete","Del"]},Na=function(e){return"if("+e+")return null;"},ja={stop:"$event.stopPropagation();",prevent:"$event.preventDefault();",self:Na("$event.target !== $event.currentTarget"),ctrl:Na("!$event.ctrlKey"),shift:Na("!$event.shiftKey"),alt:Na("!$event.altKey"),meta:Na("!$event.metaKey"),left:Na("'button' in $event && $event.button !== 0"),middle:Na("'button' in $event && $event.button !== 1"),right:Na("'button' in $event && $event.button !== 2")};function Da(e,t){var n=t?"nativeOn:":"on:",r="",i="";for(var o in e){var a=La(e[o]);e[o]&&e[o].dynamic?i+=o+","+a+",":r+='"'+o+'":'+a+","}return r="{"+r.slice(0,-1)+"}",i?n+"_d("+r+",["+i.slice(0,-1)+"])":n+r}function La(e){if(!e)return"function(){}";if(Array.isArray(e))return"["+e.map(function(e){return La(e)}).join(",")+"]";var t=Sa.test(e.value),n=Aa.test(e.value),r=Sa.test(e.value.replace(Oa,""));if(e.modifiers){var i="",o="",a=[];for(var s in e.modifiers)if(ja[s])o+=ja[s],Ta[s]&&a.push(s);else if("exact"===s){var c=e.modifiers;o+=Na(["ctrl","shift","alt","meta"].filter(function(e){return!c[e]}).map(function(e){return"$event."+e+"Key"}).join("||"))}else a.push(s);return a.length&&(i+=function(e){return"if(!$event.type.indexOf('key')&&"+e.map(Ma).join("&&")+")return null;"}(a)),o&&(i+=o),"function($event){"+i+(t?"return "+e.value+"($event)":n?"return ("+e.value+")($event)":r?"return "+e.value:e.value)+"}"}return t||n?e.value:"function($event){"+(r?"return "+e.value:e.value)+"}"}function Ma(e){var t=parseInt(e,10);if(t)return"$event.keyCode!=="+t;var n=Ta[e],r=Ea[e];return"_k($event.keyCode,"+JSON.stringify(e)+","+JSON.stringify(n)+",$event.key,"+JSON.stringify(r)+")"}var Ia={on:function(e,t){e.wrapListeners=function(e){return"_g("+e+","+t.value+")"}},bind:function(e,t){e.wrapData=function(n){return"_b("+n+",'"+e.tag+"',"+t.value+","+(t.modifiers&&t.modifiers.prop?"true":"false")+(t.modifiers&&t.modifiers.sync?",true":"")+")"}},cloak:S},Fa=function(e){this.options=e,this.warn=e.warn||Sr,this.transforms=Tr(e.modules,"transformCode"),this.dataGenFns=Tr(e.modules,"genData"),this.directives=A(A({},Ia),e.directives);var t=e.isReservedTag||T;this.maybeComponent=function(e){return!!e.component||!t(e.tag)},this.onceId=0,this.staticRenderFns=[],this.pre=!1};function Pa(e,t){var n=new Fa(t);return{render:"with(this){return "+(e?Ra(e,n):'_c("div")')+"}",staticRenderFns:n.staticRenderFns}}function Ra(e,t){if(e.parent&&(e.pre=e.pre||e.parent.pre),e.staticRoot&&!e.staticProcessed)return Ha(e,t);if(e.once&&!e.onceProcessed)return Ba(e,t);if(e.for&&!e.forProcessed)return za(e,t);if(e.if&&!e.ifProcessed)return Ua(e,t);if("template"!==e.tag||e.slotTarget||t.pre){if("slot"===e.tag)return function(e,t){var n=e.slotName||'"default"',r=qa(e,t),i="_t("+n+(r?","+r:""),o=e.attrs||e.dynamicAttrs?Ga((e.attrs||[]).concat(e.dynamicAttrs||[]).map(function(e){return{name:b(e.name),value:e.value,dynamic:e.dynamic}})):null,a=e.attrsMap["v-bind"];!o&&!a||r||(i+=",null");o&&(i+=","+o);a&&(i+=(o?"":",null")+","+a);return i+")"}(e,t);var n;if(e.component)n=function(e,t,n){var r=t.inlineTemplate?null:qa(t,n,!0);return"_c("+e+","+Va(t,n)+(r?","+r:"")+")"}(e.component,e,t);else{var r;(!e.plain||e.pre&&t.maybeComponent(e))&&(r=Va(e,t));var i=e.inlineTemplate?null:qa(e,t,!0);n="_c('"+e.tag+"'"+(r?","+r:"")+(i?","+i:"")+")"}for(var o=0;o>>0}(a):"")+")"}(e,e.scopedSlots,t)+","),e.model&&(n+="model:{value:"+e.model.value+",callback:"+e.model.callback+",expression:"+e.model.expression+"},"),e.inlineTemplate){var o=function(e,t){var n=e.children[0];if(n&&1===n.type){var r=Pa(n,t.options);return"inlineTemplate:{render:function(){"+r.render+"},staticRenderFns:["+r.staticRenderFns.map(function(e){return"function(){"+e+"}"}).join(",")+"]}"}}(e,t);o&&(n+=o+",")}return n=n.replace(/,$/,"")+"}",e.dynamicAttrs&&(n="_b("+n+',"'+e.tag+'",'+Ga(e.dynamicAttrs)+")"),e.wrapData&&(n=e.wrapData(n)),e.wrapListeners&&(n=e.wrapListeners(n)),n}function Ka(e){return 1===e.type&&("slot"===e.tag||e.children.some(Ka))}function Ja(e,t){var n=e.attrsMap["slot-scope"];if(e.if&&!e.ifProcessed&&!n)return Ua(e,t,Ja,"null");if(e.for&&!e.forProcessed)return za(e,t,Ja);var r=e.slotScope===ca?"":String(e.slotScope),i="function("+r+"){return "+("template"===e.tag?e.if&&n?"("+e.if+")?"+(qa(e,t)||"undefined")+":undefined":qa(e,t)||"undefined":Ra(e,t))+"}",o=r?"":",proxy:true";return"{key:"+(e.slotTarget||'"default"')+",fn:"+i+o+"}"}function qa(e,t,n,r,i){var o=e.children;if(o.length){var a=o[0];if(1===o.length&&a.for&&"template"!==a.tag&&"slot"!==a.tag){var s=n?t.maybeComponent(a)?",1":",0":"";return""+(r||Ra)(a,t)+s}var c=n?function(e,t){for(var n=0,r=0;r':'
',ts.innerHTML.indexOf(" ")>0}var os=!!z&&is(!1),as=!!z&&is(!0),ss=g(function(e){var t=Yn(e);return t&&t.innerHTML}),cs=wn.prototype.$mount;return wn.prototype.$mount=function(e,t){if((e=e&&Yn(e))===document.body||e===document.documentElement)return this;var n=this.$options;if(!n.render){var r=n.template;if(r)if("string"==typeof r)"#"===r.charAt(0)&&(r=ss(r));else{if(!r.nodeType)return this;r=r.innerHTML}else e&&(r=function(e){if(e.outerHTML)return e.outerHTML;var t=document.createElement("div");return t.appendChild(e.cloneNode(!0)),t.innerHTML}(e));if(r){var i=rs(r,{outputSourceRange:!1,shouldDecodeNewlines:os,shouldDecodeNewlinesForHref:as,delimiters:n.delimiters,comments:n.comments},this),o=i.render,a=i.staticRenderFns;n.render=o,n.staticRenderFns=a}}return cs.call(this,e,t)},wn.compile=rs,wn}); -------------------------------------------------------------------------------- /picee/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "manifest_version": 2, 3 | "name": "Picee", 4 | "version": "1.4.2", 5 | "description": "Using github as your image hosting service", 6 | "homepage_url": "https://github.com/jrainlau/picee", 7 | "icons": { 8 | "16": "images/logo.png", 9 | "48": "images/logo.png", 10 | "128": "images/logo.png" 11 | }, 12 | "browser_action": { 13 | "default_title": "Picee | Using github as your image hosting service", 14 | "default_popup": "index.html" 15 | }, 16 | "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'", 17 | "permissions": [ 18 | "notifications", 19 | "webRequest" 20 | ] 21 | } -------------------------------------------------------------------------------- /picee/style/fonts/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jrainlau/picee/e236bf518f423c6ee1d36c953d668430c733e822/picee/style/fonts/element-icons.ttf -------------------------------------------------------------------------------- /picee/style/fonts/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jrainlau/picee/e236bf518f423c6ee1d36c953d668430c733e822/picee/style/fonts/element-icons.woff -------------------------------------------------------------------------------- /picee/style/main.css: -------------------------------------------------------------------------------- 1 | html, 2 | body { 3 | width: 360px; 4 | margin: 0; 5 | padding: 0; 6 | font-size: 12px; 7 | } 8 | .auth-methods { 9 | display: flex; 10 | } 11 | .auth-methods span { 12 | display: inline-block; 13 | width: 50%; 14 | box-sizing: border-box; 15 | text-align: center; 16 | padding: 15px; 17 | border-bottom: 1px solid #DCDFE6; 18 | cursor: pointer; 19 | user-select: none; 20 | } 21 | .auth-methods span:first-child { 22 | border-right: 1px solid #DCDFE6; 23 | } 24 | .auth-methods span:hover { 25 | background: rgba(0, 0, 0, 0.05); 26 | } 27 | .auth-methods span:active { 28 | background: rgba(0, 0, 0, 0.1); 29 | } 30 | .auth-methods span.active { 31 | border-bottom: 2px solid #409EFF; 32 | } 33 | .auth-input { 34 | padding: 15px; 35 | } 36 | .auth-input-btns { 37 | margin: 0; 38 | } 39 | .auth-input-btns button { 40 | float: right; 41 | margin-left: 15px; 42 | } 43 | .auth-input a { 44 | text-decoration: none; 45 | color: #909399; 46 | } 47 | .upload { 48 | position: relative; 49 | padding: 15px; 50 | } 51 | .upload-progress { 52 | position: absolute; 53 | left: -10px; 54 | right: -10px; 55 | top: 0; 56 | } 57 | .upload-project { 58 | display: flex; 59 | } 60 | .upload-project-input input { 61 | border-radius: 4px 0 0 4px; 62 | } 63 | .upload-project-input:nth-child(2) input { 64 | border-radius: 0; 65 | } 66 | .upload-project button { 67 | border-radius: 0 4px 4px 0; 68 | } 69 | .upload-area { 70 | position: relative; 71 | z-index: 10; 72 | height: 200px; 73 | margin-top: 15px; 74 | display: flex; 75 | align-items: center; 76 | justify-content: center; 77 | border: 3px dashed #DCDFE6; 78 | } 79 | .upload-area.focus { 80 | border-color: #409EFF; 81 | } 82 | .upload-area input[type="file"] { 83 | position: absolute; 84 | left: -9999px; 85 | top: -9999px; 86 | } 87 | .upload-area h3 { 88 | text-align: center; 89 | cursor: default; 90 | color: #C0C4CC; 91 | } 92 | .upload-area img { 93 | object-fit: cover; 94 | width: 100%; 95 | height: 100%; 96 | } 97 | .upload-area label { 98 | display: block; 99 | position: absolute; 100 | width: 100%; 101 | height: 100%; 102 | z-index: 100; 103 | cursor: pointer; 104 | } 105 | .upload-link { 106 | margin-top: 15px; 107 | display: flex; 108 | } 109 | .upload-link input { 110 | border-radius: 4px 0 0 4px; 111 | } 112 | .upload-link button { 113 | border-radius: 0 4px 4px 0; 114 | } 115 | .history { 116 | padding: 15px; 117 | max-height: 322px; 118 | box-sizing: border-box; 119 | overflow: scroll; 120 | } 121 | .history ul { 122 | padding: 0; 123 | } 124 | .history-detail-img { 125 | display: block; 126 | width: 100%; 127 | height: 146px; 128 | border: 3px dashed #DCDFE6; 129 | box-sizing: border-box; 130 | margin-bottom: 15px; 131 | outline: none; 132 | } 133 | .history-detail-img img { 134 | object-fit: cover; 135 | width: 100%; 136 | height: 100%; 137 | } 138 | .history-detail-link { 139 | display: flex; 140 | } 141 | .history-detail-link input { 142 | border-radius: 4px 0 0 4px; 143 | } 144 | .history-detail-link button { 145 | border-radius: 0 4px 4px 0; 146 | } 147 | .tools { 148 | padding: 5px 15px; 149 | background: #EBEEF5; 150 | display: flex; 151 | justify-content: space-between; 152 | align-items: baseline; 153 | } 154 | .tools-config-items { 155 | margin-bottom: 10px; 156 | } 157 | .tools-config-items h5 { 158 | margin: 15px 0 5px 0; 159 | font-weight: normal; 160 | display: flex; 161 | align-items: center; 162 | } 163 | .tools-config-items h5 .checkbox { 164 | margin-right: 5px; 165 | } 166 | .tools-config i { 167 | margin-right: 15px; 168 | } 169 | .tools-btn { 170 | cursor: pointer; 171 | font-size: 16px; 172 | outline: none; 173 | color: #606266; 174 | } 175 | .tools-btn[disabled] { 176 | color: #C0C4CC; 177 | } 178 | .tools-logout { 179 | color: #F56C6C; 180 | margin-left: 15px; 181 | } 182 | .tools-upload { 183 | color: #409EFF; 184 | margin-left: 15px; 185 | } 186 | -------------------------------------------------------------------------------- /picee/style/main.less: -------------------------------------------------------------------------------- 1 | html, 2 | body { 3 | width: 360px; 4 | margin: 0; 5 | padding: 0; 6 | font-size: 12px; 7 | } 8 | 9 | .auth { 10 | &-methods { 11 | display: flex; 12 | span { 13 | display: inline-block; 14 | width: 50%; 15 | box-sizing: border-box; 16 | text-align: center; 17 | padding: 15px; 18 | border-bottom: 1px solid #DCDFE6; 19 | cursor: pointer; 20 | user-select: none; 21 | &:first-child { 22 | border-right: 1px solid #DCDFE6; 23 | } 24 | &:hover { 25 | background: rgba(0, 0, 0, .05); 26 | } 27 | &:active { 28 | background: rgba(0, 0, 0, .1); 29 | } 30 | &.active { 31 | border-bottom: 2px solid #409EFF; 32 | } 33 | } 34 | } 35 | 36 | &-input { 37 | padding: 15px; 38 | &-btns { 39 | margin: 0; 40 | button { 41 | float: right; 42 | margin-left: 15px; 43 | } 44 | } 45 | a { 46 | text-decoration: none; 47 | color: #909399; 48 | } 49 | } 50 | } 51 | 52 | .upload { 53 | position: relative; 54 | padding: 15px; 55 | &-progress { 56 | position: absolute; 57 | left: -10px; 58 | right: -10px; 59 | top: 0; 60 | } 61 | &-project { 62 | display: flex; 63 | &-input { 64 | input { 65 | border-radius: 4px 0 0 4px; 66 | } 67 | &:nth-child(2) { 68 | input { 69 | border-radius: 0; 70 | } 71 | } 72 | } 73 | button { 74 | border-radius: 0 4px 4px 0; 75 | } 76 | } 77 | &-area { 78 | position: relative; 79 | z-index: 10; 80 | height: 200px; 81 | margin-top: 15px; 82 | display: flex; 83 | align-items: center; 84 | justify-content: center; 85 | border: 3px dashed #DCDFE6; 86 | &.focus { 87 | border-color: #409EFF; 88 | } 89 | input[type="file"] { 90 | position: absolute; 91 | left: -9999px; 92 | top: -9999px; 93 | } 94 | h3 { 95 | text-align: center; 96 | cursor: default; 97 | color: #C0C4CC; 98 | } 99 | img { 100 | object-fit: cover; 101 | width: 100%; 102 | height: 100%; 103 | } 104 | label { 105 | display: block; 106 | position: absolute; 107 | width: 100%; 108 | height: 100%; 109 | z-index: 100; 110 | cursor: pointer; 111 | } 112 | } 113 | 114 | &-link { 115 | margin-top: 15px; 116 | display: flex; 117 | input { 118 | border-radius: 4px 0 0 4px; 119 | } 120 | button { 121 | border-radius: 0 4px 4px 0; 122 | } 123 | } 124 | } 125 | 126 | .history { 127 | padding: 15px; 128 | max-height: 322px; 129 | box-sizing: border-box; 130 | overflow: scroll; 131 | ul { 132 | padding: 0; 133 | } 134 | &-detail { 135 | &-img { 136 | display: block; 137 | width: 100%; 138 | height: 146px; 139 | border: 3px dashed #DCDFE6; 140 | box-sizing: border-box; 141 | margin-bottom: 15px; 142 | outline: none; 143 | img { 144 | object-fit: cover; 145 | width: 100%; 146 | height: 100%; 147 | } 148 | } 149 | &-link { 150 | display: flex; 151 | input { 152 | border-radius: 4px 0 0 4px; 153 | } 154 | button { 155 | border-radius: 0 4px 4px 0; 156 | } 157 | } 158 | } 159 | } 160 | 161 | .tools { 162 | padding: 5px 15px; 163 | background: #EBEEF5; 164 | display: flex; 165 | justify-content: space-between; 166 | align-items: baseline; 167 | &-config { 168 | &-items { 169 | margin-bottom: 10px; 170 | h5 { 171 | margin: 15px 0 5px 0; 172 | font-weight: normal; 173 | display: flex; 174 | align-items: center; 175 | .checkbox { 176 | margin-right: 5px; 177 | } 178 | } 179 | } 180 | i { 181 | margin-right: 15px; 182 | } 183 | } 184 | &-btn { 185 | cursor: pointer; 186 | font-size: 16px; 187 | outline: none; 188 | color: #606266; 189 | &[disabled] { 190 | color: #C0C4CC; 191 | } 192 | } 193 | &-logout { 194 | color: #F56C6C; 195 | margin-left: 15px; 196 | } 197 | &-upload { 198 | color: #409EFF; 199 | margin-left: 15px; 200 | } 201 | } --------------------------------------------------------------------------------