├── .travis.yml
├── static
    └── wx.jpg
├── demos
    ├── imgarr
    │   ├── imgs
    │   │   ├── 1.jpg
    │   │   ├── 10.jpg
    │   │   ├── 11.jpg
    │   │   ├── 12.jpg
    │   │   ├── 13.jpg
    │   │   ├── 14.jpg
    │   │   ├── 15.jpg
    │   │   ├── 16.jpg
    │   │   ├── 17.jpg
    │   │   ├── 18.jpg
    │   │   ├── 19.jpg
    │   │   ├── 2.jpg
    │   │   ├── 20.jpg
    │   │   ├── 21.jpg
    │   │   ├── 22.jpg
    │   │   ├── 23.jpg
    │   │   ├── 24.jpg
    │   │   ├── 25.jpg
    │   │   ├── 26.jpg
    │   │   ├── 27.jpg
    │   │   ├── 28.jpg
    │   │   ├── 29.jpg
    │   │   ├── 3.jpg
    │   │   ├── 30.jpg
    │   │   ├── 31.jpg
    │   │   ├── 32.jpg
    │   │   ├── 4.jpg
    │   │   ├── 5.jpg
    │   │   ├── 6.jpg
    │   │   ├── 7.jpg
    │   │   ├── 8.jpg
    │   │   └── 9.jpg
    │   ├── imgs2
    │   │   ├── 1.jpg
    │   │   ├── 2.jpg
    │   │   ├── 3.jpg
    │   │   ├── 4.jpg
    │   │   ├── 5.jpg
    │   │   ├── 6.jpg
    │   │   ├── 7.jpg
    │   │   ├── 8.jpg
    │   │   ├── 9.jpg
    │   │   ├── 10.jpg
    │   │   ├── 11.jpg
    │   │   ├── 12.jpg
    │   │   ├── 13.jpg
    │   │   ├── 14.jpg
    │   │   ├── 15.jpg
    │   │   ├── 16.jpg
    │   │   ├── 17.jpg
    │   │   ├── 18.jpg
    │   │   ├── 19.jpg
    │   │   ├── 20.jpg
    │   │   ├── 21.jpg
    │   │   ├── 22.jpg
    │   │   ├── 23.jpg
    │   │   ├── 24.jpg
    │   │   ├── 25.jpg
    │   │   ├── 26.jpg
    │   │   ├── 27.jpg
    │   │   ├── 28.jpg
    │   │   ├── 29.jpg
    │   │   ├── 30.jpg
    │   │   ├── 31.jpg
    │   │   ├── 32.jpg
    │   │   ├── 33.jpg
    │   │   ├── 34.jpg
    │   │   ├── 35.jpg
    │   │   ├── 36.jpg
    │   │   ├── 37.jpg
    │   │   ├── 38.jpg
    │   │   ├── 39.jpg
    │   │   └── 40.jpg
    │   ├── index.html
    │   └── index2.html
    ├── sprite
    │   ├── img
    │   │   ├── 1.png
    │   │   └── 2.png
    │   ├── imgs
    │   │   └── 1.jpg
    │   ├── c1l1frame.jpg
    │   ├── index-ratio1.html
    │   ├── index-ratio2.html
    │   └── index-sprite.html
    ├── requireJs
    │   └── index.html
    └── libs
    │   └── vconsole.min.js
├── .gitignore
├── test
    └── index.js
├── gulpfile.js
├── script.sh
├── package.json
├── readMe.md
├── dist
    └── canvas-keyframes.min.js
├── readeMe_EN.md
└── src
    └── canvas-keyframes.js


/.travis.yml:
--------------------------------------------------------------------------------
1 | language: node_js
2 | node_js:
3 |   - "4.2"
4 | sudo: false


--------------------------------------------------------------------------------
/static/wx.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/static/wx.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs/1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs/1.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs/10.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs/10.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs/11.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs/11.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs/12.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs/12.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs/13.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs/13.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs/14.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs/14.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs/15.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs/15.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs/16.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs/16.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs/17.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs/17.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs/18.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs/18.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs/19.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs/19.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs/2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs/2.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs/20.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs/20.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs/21.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs/21.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs/22.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs/22.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs/23.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs/23.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs/24.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs/24.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs/25.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs/25.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs/26.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs/26.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs/27.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs/27.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs/28.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs/28.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs/29.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs/29.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs/3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs/3.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs/30.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs/30.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs/31.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs/31.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs/32.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs/32.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs/4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs/4.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs/5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs/5.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs/6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs/6.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs/7.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs/7.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs/8.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs/8.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs/9.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs/9.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/1.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/2.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/3.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/4.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/5.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/6.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/7.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/7.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/8.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/8.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/9.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/9.jpg


--------------------------------------------------------------------------------
/demos/sprite/img/1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/sprite/img/1.png


--------------------------------------------------------------------------------
/demos/sprite/img/2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/sprite/img/2.png


--------------------------------------------------------------------------------
/demos/sprite/imgs/1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/sprite/imgs/1.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/10.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/10.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/11.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/11.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/12.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/12.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/13.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/13.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/14.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/14.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/15.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/15.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/16.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/16.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/17.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/17.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/18.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/18.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/19.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/19.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/20.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/20.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/21.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/21.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/22.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/22.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/23.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/23.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/24.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/24.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/25.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/25.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/26.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/26.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/27.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/27.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/28.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/28.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/29.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/29.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/30.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/30.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/31.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/31.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/32.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/32.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/33.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/33.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/34.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/34.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/35.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/35.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/36.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/36.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/37.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/37.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/38.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/38.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/39.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/39.jpg


--------------------------------------------------------------------------------
/demos/imgarr/imgs2/40.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/imgarr/imgs2/40.jpg


--------------------------------------------------------------------------------
/demos/sprite/c1l1frame.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wenyiweb/canvasKeyFrames/HEAD/demos/sprite/c1l1frame.jpg


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | node_modules/
 3 | zl
 4 | # Editor directories and files
 5 | .idea
 6 | .vscode
 7 | *.suo
 8 | *.ntvs*
 9 | *.njsproj
10 | *.sln
11 | package-lock.json


--------------------------------------------------------------------------------
/test/index.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 | require('should');
3 | const CanvasKeyframes = require('../src/canvas-keyframes');
4 | 
5 | describe('CanvasKeyframes Test', () => {
6 |   it('should get "CanvasKeyframes"', () => {
7 |     console.log(CanvasKeyframes)
8 |   });
9 | });


--------------------------------------------------------------------------------
/gulpfile.js:
--------------------------------------------------------------------------------
 1 | var gulp = require('gulp');
 2 | var uglify = require('gulp-uglify');
 3 | var pipeline = require('readable-stream').pipeline;
 4 | var rename = require("gulp-rename");
 5 | gulp.task('compress', function () {
 6 |   return pipeline(
 7 |         gulp.src('src/canvas-keyframes.js'),
 8 |         uglify(),
 9 |         rename({ suffix: '.min' }),
10 |         gulp.dest('dist')
11 |   );
12 | });


--------------------------------------------------------------------------------
/script.sh:
--------------------------------------------------------------------------------
 1 | #!/bin/sh
 2 | git filter-branch --env-filter '
 3 | OLD_EMAIL="kevin.yang@all-dream.com"
 4 | CORRECT_NAME="wenyiweb"
 5 | CORRECT_EMAIL="yangwenyi0@126.com"
 6 | if [ "$GIT_COMMITTER_EMAIL" = "$OLD_EMAIL" ]
 7 | then
 8 |     export GIT_COMMITTER_NAME="$CORRECT_NAME"
 9 |     export GIT_COMMITTER_EMAIL="$CORRECT_EMAIL"
10 | fi
11 | if [ "$GIT_AUTHOR_EMAIL" = "$OLD_EMAIL" ]
12 | then
13 |     export GIT_AUTHOR_NAME="$CORRECT_NAME"
14 |     export GIT_AUTHOR_EMAIL="$CORRECT_EMAIL"
15 | fi
16 | ' --tag-name-filter cat -- --branches --tags


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "canvaskeyframes",
 3 |   "version": "0.4.2",
 4 |   "description": "The simplest sequence frame animation plugin of canvas .",
 5 |   "main": "./src/canvas-keyframes.js",
 6 |   "scripts": {
 7 |     "test": "./node_modules/.bin/_mocha",
 8 |     "build": "gulp compress"
 9 |   },
10 |   "repository": {
11 |     "type": "git",
12 |     "url": "git+https://github.com/wenyiweb/canvasKeyFrames.git"
13 |   },
14 |   "keywords": [
15 |     "canvas",
16 |     "animation",
17 |     "keyframe"
18 |   ],
19 |   "author": "kevin",
20 |   "license": "MIT",
21 |   "bugs": {
22 |     "url": "https://github.com/wenyiweb/canvasKeyFrames/issues"
23 |   },
24 |   "homepage": "https://github.com/wenyiweb/canvasKeyFrames#readme",
25 |   "devDependencies": {
26 |     "gulp": "^4.0.1",
27 |     "gulp-rename": "^1.4.0",
28 |     "gulp-uglify": "^3.0.2",
29 |     "mocha": "^5.0.5",
30 |     "readable-stream": "^3.3.0",
31 |     "should": "^13.2.1"
32 |   }
33 | }
34 | 


--------------------------------------------------------------------------------
/demos/sprite/index-ratio1.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | 	<meta charset="UTF-8">
 5 | 	<title>Document</title>
 6 | 	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
 7 | 	<style>
 8 | 		*{padding:0;margin:0;}
 9 | 		.container{width:400px;height:200px;margin:0 auto;}
10 | 	</style>
11 | </head>
12 | <body>
13 | 	<div class="container">
14 | 		
15 | 	</div>
16 | 	<script src="../libs/vconsole.min.js"></script>
17 | 	<script src="../../dist/canvas-keyframes.min.js"></script>
18 | 	<script>
19 | 		// 初始化vConsole
20 | 		window.vConsole = new window.VConsole();
21 | 		console.info('欢迎使用 vConsole。可用于展示 console 日志，方便开发、调试。');
22 | 		
23 | 		var keyFrames;
24 | 		function initKeyFrames(img){
25 | 			keyFrames = new CanvasKeyFrames(document.querySelector('.container'), 'sprite', img, {
26 | 				fps:10,
27 | 				width:600,
28 | 				height:300,
29 |                 _iw: 202,
30 |                 _ih: 158,
31 |                 framesCount: 6
32 | 			});
33 | 			keyFrames.play();
34 | 		}
35 | 
36 | 		(function(){
37 | 			var img = new Image();
38 | 			img.onload = function(){
39 | 				img.onload = null;
40 | 				initKeyFrames(img);
41 | 			}
42 | 			img.onerror = function(){
43 | 			}
44 | 			img.src = 'img/1.png';
45 | 		})();
46 | 		
47 | 	</script>
48 | </body>
49 | </html>


--------------------------------------------------------------------------------
/demos/sprite/index-ratio2.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | 	<meta charset="UTF-8">
 5 | 	<title>Document</title>
 6 | 	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
 7 | 	<style>
 8 | 		*{padding:0;margin:0;}
 9 | 		.container{width:400px;height:200px;margin:0 auto;}
10 | 	</style>
11 | </head>
12 | <body>
13 | 	<div class="container">
14 | 		
15 | 	</div>
16 | 	<script src="../libs/vconsole.min.js"></script>
17 | 	<script src="../../src/canvas-keyframes.js"></script>
18 | 	<script>
19 | 		// 初始化vConsole
20 | 		window.vConsole = new window.VConsole();
21 | 		console.info('欢迎使用 vConsole。可用于展示 console 日志，方便开发、调试。');
22 | 		
23 | 		var keyFrames;
24 | 		function initKeyFrames(img){
25 | 			keyFrames = new CanvasKeyFrames(document.querySelector('.container'), 'sprite', img, {
26 | 				fps:20,
27 | 				width:300,
28 | 				height:150,
29 |                 _iw: 600,
30 |                 _ih: 300,
31 |                 framesCount: 25
32 | 			});
33 | 			keyFrames.play();
34 | 		}
35 | 
36 | 		(function(){
37 | 			var img = new Image();
38 | 			img.onload = function(){
39 | 				img.onload = null;
40 | 				initKeyFrames(img);
41 | 			}
42 | 			img.onerror = function(){
43 | 			}
44 | 			img.src = 'img/2.png';
45 | 		})();
46 | 		
47 | 	</script>
48 | </body>
49 | </html>


--------------------------------------------------------------------------------
/demos/sprite/index-sprite.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | 	<meta charset="UTF-8">
 5 | 	<title>Document</title>
 6 | 	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
 7 | 	<style>
 8 | 		*{padding:0;margin:0;}
 9 | 		.container{width:100vw;height:100%;margin:0 auto;}
10 | 	</style>
11 | </head>
12 | <body>
13 | 	<div class="container">
14 | 		
15 | 	</div>
16 | 	<script src="../libs/vconsole.min.js"></script>
17 | 	<script src="../../dist/canvas-keyframes.min.js"></script>
18 | 	<script>
19 | 		// 初始化vConsole
20 | 		window.vConsole = new window.VConsole();
21 | 		console.info('欢迎使用 vConsole。可用于展示 console 日志，方便开发、调试。');
22 | 		
23 | 		var keyFrames;
24 | 		function initKeyFrames(img){
25 | 			keyFrames = new CanvasKeyFrames(document.querySelector('.container'), 'sprite', img, {
26 | 				fps:20,
27 | 				width:300,
28 | 				height:300,
29 |                 _iw: 300,
30 |                 _ih: 300,
31 |                 framesCount: 16
32 | 			});
33 | 			keyFrames.fromTo(0, 10)
34 | 		}
35 | 
36 | 		(function(){
37 | 			var img = new Image();
38 | 			img.onload = function(){
39 | 				img.onload = null;
40 | 				initKeyFrames(img);
41 | 			}
42 | 			img.onerror = function(){
43 | 			}
44 | 			img.src = 'imgs/1.jpg';
45 | 		})();
46 | 		
47 | 	</script>
48 | </body>
49 | </html>


--------------------------------------------------------------------------------
/demos/imgarr/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | 	<meta charset="UTF-8">
 5 | 	<title>Document</title>
 6 | 	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
 7 | 	<style>
 8 | 		*{padding:0;margin:0;}
 9 | 		.container{width:100%;height:612px;}
10 | 	</style>
11 | </head>
12 | <body>
13 | 	<div class="container">
14 | 		
15 | 	</div>
16 | 	<script src="../libs/vconsole.min.js"></script>
17 | 	<script src="../../dist/canvas-keyframes.min.js"></script>
18 | 	<script>
19 | 		// 初始化vConsole
20 | 		window.vConsole = new window.VConsole();
21 | 		console.info('欢迎使用 vConsole。可用于展示 console 日志，方便开发、调试。');
22 | 		
23 | 		window.onload = function(){
24 | 			var count = 0;
25 | 			var imgArr = [];
26 | 			for(var i=1;i<=32;i++){
27 | 				(function(i){
28 | 					var img = new Image();
29 | 					img.onload = function(){
30 | 						img.onload = null;
31 | 						count++;
32 | 						// 有可能图片加载有快有满慢，所以用角标存
33 | 						imgArr[i-1] = img;
34 | 						if(count==32){
35 | 							initKeyFrames(imgArr);
36 | 						}
37 | 					}
38 | 					img.onerror = function(){
39 | 					}
40 | 					img.src = 'imgs/'+i+'.jpg';
41 | 				})(i);
42 | 			}
43 | 		}
44 | 		var keyFrames;
45 | 		function initKeyFrames(imgArr){
46 | 			keyFrames = new CanvasKeyFrames(document.querySelector('.container'), 'array', imgArr, {
47 | 				fps:10,
48 | 				width:375,
49 | 				height:612
50 | 			});
51 | 			keyFrames.play();
52 | 		}
53 | 	</script>
54 | </body>
55 | </html>


--------------------------------------------------------------------------------
/demos/imgarr/index2.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | 	<meta charset="UTF-8">
 5 | 	<title>Document</title>
 6 | 	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
 7 | 	<style>
 8 | 		*{padding:0;margin:0;}
 9 | 		.container{width:300px;height:300px;}
10 | 	</style>
11 | </head>
12 | <body>
13 | 	<div class="container">
14 | 		
15 | 	</div>
16 | 	<script src="../libs/vconsole.min.js"></script>
17 | 	<!-- <script src="../../dist/canvas-keyframes.min.js"></script> -->
18 | 	<script src="../../src/canvas-keyframes.js"></script>
19 | 	<script>
20 | 		// 初始化vConsole
21 | 		window.vConsole = new window.VConsole();
22 | 		console.info('欢迎使用 vConsole。可用于展示 console 日志，方便开发、调试。');
23 | 		
24 | 		window.onload = function(){
25 | 			var count = 0;
26 | 			var imgArr = [];
27 | 			for(var i=1;i<=40;i++){
28 | 				(function(i){
29 | 					var img = new Image();
30 | 					img.onload = function(){
31 | 						img.onload = null;
32 | 						count++;
33 | 						// 有可能图片加载有快有满慢，所以用角标存
34 | 						imgArr[i-1] = img;
35 | 						if(count==40){
36 | 							initKeyFrames(imgArr);
37 | 						}
38 | 					}
39 | 					img.onerror = function(){
40 | 					}
41 | 					img.src = 'imgs2/'+i+'.jpg';
42 | 				})(i);
43 | 			}
44 | 		}
45 | 		var keyFrames;
46 | 		function initKeyFrames(imgArr){
47 | 			keyFrames = new CanvasKeyFrames(document.querySelector('.container'), 'array', imgArr, {
48 | 				fps:10,
49 | 				width:300,
50 | 				height:300
51 | 			});
52 | 			keyFrames.play();
53 | 		}
54 | 	</script>
55 | </body>
56 | </html>


--------------------------------------------------------------------------------
/demos/requireJs/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | 	<meta charset="UTF-8">
 5 | 	<title>Document</title>
 6 | 	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
 7 | 	<style>
 8 | 		*{padding:0;margin:0;}
 9 | 		.container{width:100%;height:612px;}
10 | 	</style>
11 | </head>
12 | <body>
13 | 	<div class="container">
14 | 		
15 | 	</div>
16 |     <script src="https://cdn.bootcss.com/require.js/2.3.6/require.min.js"></script>
17 |     <script>
18 |         require.config({
19 |             baseUrl: '../../dist/',
20 |             paths: {
21 |                 canvasKeyFrames: 'canvas-keyframes.min'
22 |             }
23 |         });
24 |     </script>
25 |     <script>
26 |     require(['canvasKeyFrames'], function( CanvasKeyFrames ) {
27 |         console.log( CanvasKeyFrames ) // OK
28 |         var count = 0;
29 |         var imgArr = [];
30 |         for(var i=1;i<=32;i++){
31 |             (function(i){
32 |                 var img = new Image();
33 |                 img.onload = function(){
34 |                     img.onload = null;
35 |                     count++;
36 |                     // 有可能图片加载有快有满慢，所以用角标存
37 |                     imgArr[i-1] = img;
38 |                     if(count==32){
39 |                         initKeyFrames(imgArr);
40 |                     }
41 |                 }
42 |                 img.onerror = function(){
43 |                 }
44 |                 img.src = '../imgarr/imgs/'+i+'.jpg';
45 |             })(i);
46 |         }
47 |         var keyFrames;
48 | 		function initKeyFrames(imgArr){
49 | 			keyFrames = new CanvasKeyFrames(document.querySelector('.container'), 'array', imgArr, {
50 | 				fps:10,
51 | 				width:375,
52 | 				height:612
53 | 			});
54 | 			keyFrames.play();
55 | 		}
56 |     });
57 |     </script>
58 | </body>
59 | </html>


--------------------------------------------------------------------------------
/readMe.md:
--------------------------------------------------------------------------------
  1 | # CanvasKeyFrames - HTML5 Canvas 图片序列帧播放工具[![npm][npm-image]][npm-url] [![Build Status][travis-image]][travis-url] 
  2 | 
  3 | [English Version](./readeMe_EN.md)
  4 | 
  5 | # CanvasKeyFrames
  6 | 
  7 | 图片序列帧播放工具,用canvas操作图片动画，封装了常用方法。
  8 | 
  9 | 
 10 | * el      [canvas容器,必须是DOM对象]
 11 | 	 * type    [图片模式，'array'和 'sprite'模式，array是图片对象数组，sprite是基于宽度扩展的单张雪碧图]
 12 | 	 * imgs    [图片帧对象数组或单图，对应不同模式]
 13 | 	 * options {\
 14 | 				cover: 10, //指定封面帧，默认是0 \
 15 | 			    fps: 30, //默认是24\
 16 | 			    loop: 10 //初始化默认的循环次数，可以手动设置大于等于1的整数。在formTo中可以设置。默认是infinite。\
 17 | 			    width: 300, //注意，隐藏元素是拿不到宽度的，所以特殊情况下需要指定宽度\
 18 | 			    height: 300,\
 19 |           _iw: 300, // 雪碧图中单个图片的宽度\
 20 |           _ih: 300, // 雪碧图中单个图片的高度\
 21 |           framesCount: 10 // 雪碧图帧数\
 22 |                	}
 23 | 
 24 | ## API
 25 | 
 26 | ### CanvasKeyFrames(el, type, imgs, options)
 27 | 
 28 | - `el` canvas容器,必须是DOM对象
 29 | - `type` 图片模式，'array'和 'sprite'模式，array是图片对象数组，sprite是基于宽度扩展的单张雪碧图
 30 | - `imgs` 图片帧对象数组或单图，对应不同模式
 31 | - `options`
 32 |   - `cover` 指定封面帧，默认是0
 33 |   - `fps` 默认是24
 34 |   - `loop` 初始化默认的循环次数，可以手动设置大于等于1的整数。在formTo中可以设置。默认是infinite。
 35 |   - `width` 隐藏元素是拿不到宽度的，所以特殊情况下需要指定宽度
 36 |   - `height` 隐藏元素是拿不到宽度的，所以特殊情况下需要指定宽度
 37 |   - `_iw` 雪碧图中单个图片的宽度
 38 |   - `_ih` 雪碧图中单个图片的高度
 39 |   - `framesCount` 雪碧图帧数
 40 | 
 41 | 
 42 | ### Install
 43 | 
 44 | * base
 45 | 
 46 | your html
 47 | 
 48 | ```html
 49 | <script src="canvas-keyframes.js"></script>
 50 | 
 51 | ```
 52 | 
 53 | * npm
 54 | 
 55 | ```bash
 56 | npm i canvaskeyframes
 57 | ```
 58 | 
 59 | your app.js
 60 | 
 61 | ```javascript
 62 | 
 63 | import CanvasKeyFrames from 'canvaskeyframes'
 64 | 
 65 | ```
 66 | 
 67 | 
 68 | ### 方法介绍 
 69 | 
 70 | ##### goto(n) 跳转到某一帧
 71 | ##### next()  下一帧
 72 | ##### prev()  上一帧
 73 | ##### fromTo(from, to, loop, callback) 
 74 | `
 75 |  from     [启始帧（从0开始）]
 76 |   to       [结束帧数]
 77 |   loop     [循环次数，默认是infiniten]
 78 |   callback [回调函数]
 79 |   `
 80 | ##### toFrom(to, from, loop, callback)
 81 | `
 82 | to       [启始帧（从高位开始）]
 83 |  from     [结束帧数（从低位结束）]
 84 |  loop     [循环次数，默认是infiniten]
 85 |  callback [回调函数]
 86 |  `
 87 | ##### repeatplay(from, to, loop, callback)
 88 | `
 89 | fromto正着播一遍,然后回调fromBack,倒着播一遍，然后再回调toBack,进行逻辑判断
 90 | from     [启始帧（从0开始）]
 91 | to       [结束帧数]
 92 | loop     [循环次数，默认是infinite正播过去，再倒播回来]
 93 | callback [回调函数]
 94 | `
 95 | ##### from(from, loop, callback)
 96 | `
 97 |  from     [启始帧（从0开始）]
 98 |  loop     [循环次数，默认是infinite]
 99 |  callback [回调函数]
100 | `
101 | ##### to(to, loop, callback)
102 | `
103 | to       [结束帧数]
104 | loop     [循环次数，默认是infinite]
105 | callback [回调函数]
106 | `
107 | ##### pause() 暂停动画
108 | ##### stop() 停止并回到第一帧或cover帧
109 | ##### play() 从当前位置播放动画，会继承上次使用fromTo、form或to的属性
110 | ##### destroy() 销毁对象
111 | 
112 | ## 前端学习交流群，QQ群 : 692337464
113 | ## ![](https://github.com/wenyiweb/vuejs-fujun/blob/master/static/imgs/qq.png)
114 | 
115 | ## 觉得有用，请我喝杯咖啡吧~
116 | ## ![](/static/wx.jpg)
117 | 
118 | ## License
119 | 
120 | [MIT License](http://en.wikipedia.org/wiki/MIT_License)
121 | 
122 | 
123 | 
124 | [travis-image]: https://api.travis-ci.org/wenyiweb/canvasKeyFrames.svg?branch=master
125 | [travis-url]: https://travis-ci.org/wenyiweb/canvasKeyFrames
126 | 
127 | [npm-image]: https://img.shields.io/npm/v/canvaskeyframes.svg?style=flat-square
128 | [npm-url]: https://www.npmjs.com/package/canvaskeyframes
129 | 


--------------------------------------------------------------------------------
/dist/canvas-keyframes.min.js:
--------------------------------------------------------------------------------
1 | !function(){"use strict";function t(t,i,s,o){if(!t||!s)throw new Error("el和imgs是必填参数");if("array"!==i&&"sprite"!==i)throw new Error('只支持"array"和"sprite"模式');this.el=t,this.mode=i,this.imgs=s,this.imgsLen=null,this.canvas=null,this.ctx=null,this.timer=null,this.state="stop",this.infinite=1e9,this.ispause=!1,this.plusNum=0,this.plusCount=0;var e={cover:this.count=0,fps:24,loop:"infinite",ratio:1};this.options=o||e,this.options.cover=o.cover||e.cover,this.options.fps=o.fps||e.fps,this.options.loop=o.loop||e.loop,this.options.ratio=o.ratio||e.ratio,this.recordFrom=0,this.recordTo=null,this.recordInf=this.options.loop,function(t){if(function(t){var i=document.createElement("canvas");i.width=2*t.options.width||t.el.clientWidth,i.height=2*t.options.height||t.el.clientHeight,i.style.display="block",i.style.width="100%",i.style.height="100%",t.ctx=i.getContext("2d"),t.el.appendChild(i),t.canvas=i}(t),"array"===t.mode)t.imgsLen=t.imgs.length;else if("sprite"===t.mode){t.wt=t.imgs.width/t.options._iw,t.ht=t.imgs.height/t.options._ih;for(var i=[],s=0;s<t.ht;s++)for(var o=0;o<t.wt;o++)i.push({x:t.options._iw*o,y:t.options._ih*s});t.spriteArray=i,t.imgsLen=t.options.framesCount?t.options.framesCount:Math.round(2*t.imgs.width/(t.canvas.width*t.options.ratio))}t.recordTo=t.imgsLen-1,function(t){n(t,t.options.cover)}(t)}(this)}function n(t,i){if(t.ctx.clearRect(0,0,t.canvas.width,t.canvas.height),"array"===t.mode)0!==t.imgs[i].width&&t.ctx.drawImage(t.imgs[i],0,0,t.canvas.width,t.canvas.height);else{if("sprite"!==t.mode)throw new Error("没有匹配的模式");if(t.options.framesCount)t.ctx.drawImage(t.imgs,t.spriteArray[i].x,t.spriteArray[i].y,t.options._iw,t.options._ih,0,0,t.canvas.width,t.canvas.height);else{var s=t.imgs.width/t.imgsLen;t.ctx.drawImage(t.imgs,s*i,0,s,t.imgs.height,0,0,t.canvas.width,t.canvas.height)}}}t.prototype={constructor:t,goto:function(t){n(this,t),this.count=t},next:function(){var t=this.count+1>=this.imgsLen?0:this.count+1;this.goto(t)},prev:function(){var t=this.count-1<=0?this.imgsLen-1:this.count-1;this.goto(t)},fromTo:function(t,i,s,o){var e=this;clearInterval(this.timer);function n(){if(!e.ispause)return e.plusNum<=e.plusCount?(clearInterval(e.timer),e.timer=null,e.plusNum=0,e.plusCount=0,e.state="stop",void(o&&o())):(i<r&&(r=t),e.goto(r),r++,void e.plusCount++)}var r=t;this.plusCount=0,this.state="play",s=s&&"infinite"!==s?s:this.infinite,this.plusNum=(i-t+1)*s,this.ispause=!1,this.recordFrom=t,this.recordTo=i,this.recordInf=s,n(),this.timer=setInterval(n,1e3/this.options.fps)},toFrom:function(t,i,s,o){var e=this;clearInterval(this.timer);function n(){if(!e.ispause)return e.plusNum<=e.plusCount?(clearInterval(e.timer),e.timer=null,e.plusNum=0,e.plusCount=0,e.state="stop",void(o&&o())):(r<i&&(r=t),e.goto(r),r--,void e.plusCount++)}var r=t;this.plusCount=0,this.state="play",s=s&&"infinite"!==s?s:this.infinite,this.plusNum=(t-i+1)*s,this.ispause=!1,this.recordFrom=i,this.recordTo=t,this.recordInf=s,n(),this.timer=setInterval(n,1e3/this.options.fps)},repeatplay:function(t,i,s,o){var e=this,n=0;s=s&&"infinite"!==s?s:this.infinite;function r(){++n===s?o&&o():e.fromTo(t,i,1,h)}var h=function(){e.toFrom(i,t,1,r)};this.fromTo(t,i,1,h)},from:function(t,i,s){var o=this.imgsLen-1;this.fromTo(t,o,i,s)},to:function(t,i,s){this.fromTo(0,t,i,s)},pause:function(){this.ispause=!0,this.state="stop"},stop:function(){clearInterval(this.timer),this.state="stop",this.plusNum=0,this.plusCount=0,this.ispause=!1,this.recordFrom=0,this.recordTo=this.imgsLen-1,this.recordInf=this.options.loop,n(this,this.options.cover)},play:function(t){"play"!==this.state&&(this.ispause?this.ispause=!1:this.fromTo(this.recordFrom,this.recordTo,this.recordInf,t))},destroy:function(){for(var t in clearInterval(this.timer),this.timer=null,this.ctx=null,this.canvas.remove(),this.canvas=null,this)delete this[t]}},"function"==typeof define&&define.amd&&define([],function(){return t}),"undefined"!=typeof exports&&(exports.CanvasKeyFrames=t),"undefined"!=typeof window&&(window.CanvasKeyFrames=t)}();


--------------------------------------------------------------------------------
/readeMe_EN.md:
--------------------------------------------------------------------------------
  1 | # CanvasKeyFrames - The simplest sequence frame animation plugin of canvas![npm][npm-image]][npm-url] [![Build Status][travis-image]][travis-url] 
  2 | 
  3 | [中文版](./readeMe.md)
  4 | 
  5 | # CanvasKeyFrames
  6 | 
  7 | The simplest sequence frame animation plugin of canvas,Manipulating picture animation with canvas, encapsulating common methods.
  8 | 
  9 | 
 10 | * el      [canvas container,must be a DOM object]
 11 | 	 * type    [picture mode，'array' and 'sprite'，Array is an array of picture objects, sprite is based on the width of the single sprite]
 12 | 	 * imgs    [Image frame object array or single image, corresponding to different modes]
 13 | 	 * options {\
 14 | 				cover: 10, //Specify the cover frame, default is 0 \
 15 | 			    fps: 30, //default is24\
 16 | 			    loop: 10 //Initialize the default number of loops, can be set in the formTo, the default is infinite\
 17 | 			    width: 300, //Note that hidden elements can't get the width, so in special cases you need to specify the width\
 18 | 			    height: 300,\
 19 |           _iw: 300, // The width of a single image in a sprite\
 20 |           _ih: 300, // The height of a single image in a sprite\
 21 |           framesCount: 10 // Sprite frame number\
 22 |                	}
 23 | 
 24 | ## API
 25 | 
 26 | ### CanvasKeyFrames(el, type, imgs, options)
 27 | 
 28 | - `el` canvas container,must be a DOM object
 29 | - `type` picture mode，'array' and 'sprite'，Array is an array of picture objects, sprite is based on the width of the single sprite
 30 | - `imgs` Image frame object array or single image, corresponding to different modes
 31 | - `options`
 32 |   - `cover` Specify the cover frame, default is 0
 33 |   - `fps` default is 24
 34 |   - `loop` Initialize the default number of loops, can be set in the formTo, the default is infinite
 35 |   - `width` Note that hidden elements can't get the width, so in special cases you need to specify the width
 36 |   - `height` Note that hidden elements can't get the width, so in special cases you need to specify the width
 37 |   - `_iw` The width of a single image in a sprite
 38 |   - `_ih` The height of a single image in a sprite
 39 |   - `framesCount` Sprite frame number
 40 | 
 41 | ### Install
 42 | 
 43 | * base
 44 | 
 45 | your html
 46 | 
 47 | ```html
 48 | <script src="canvas-keyframes.js"></script>
 49 | 
 50 | ```
 51 | 
 52 | * npm
 53 | 
 54 | ```bash
 55 | npm i canvaskeyframes
 56 | ```
 57 | 
 58 | your app.js
 59 | 
 60 | ```javascript
 61 | 
 62 | import CanvasKeyFrames from 'canvaskeyframes'
 63 | 
 64 | ```
 65 | 
 66 | 
 67 | ### Method introduction 
 68 | 
 69 | ##### goto(n) Jump to a frame
 70 | ##### next()  goto the next frame
 71 | ##### prev()  goto the prev frame
 72 | ##### fromTo(from, to, loop, callback) 
 73 | `
 74 |  from     [the start frame. default is 0]
 75 |   to       [the end frame]
 76 |   loop     [The number of loops, the default is infinite]
 77 |   callback [callback]
 78 |   `
 79 | ##### toFrom(to, from, loop, callback)
 80 | `
 81 | to       [the start frame (start from high position)]
 82 |  from     [the end frame number (end from low position)]
 83 |  loop     [The number of loops, the default is infinite]
 84 |  callback [callback]
 85 |  `
 86 | ##### repeatplay(from, to, loop, callback)
 87 | `
 88 | fromto  Play it again, then call back fromBack, broadcast it backwards, and then callback toBack to make a logical judgment
 89 | from     [the start frame. default is 0]
 90 | to       [the end frame]
 91 | loop     [The number of loops, the default is infinite. play direction: start->end->start...]
 92 | callback [callback]
 93 | `
 94 | ##### from(from, loop, callback)
 95 | `
 96 |  from     [the start frame. default is 0]
 97 |  loop     [The number of loops, the default is infinite.]
 98 |  callback [callback]
 99 | `
100 | ##### to(to, loop, callback)
101 | `
102 | to       [end frame]
103 | loop     [The number of loops, the default is infinite.]
104 | callback [callback]
105 | `
106 | ##### pause() pause animation
107 | ##### stop() stop animation and goto the first frame  
108 | ##### play() play from current frame, and will inherit the last attribute fromTo、from、to
109 | ##### destroy() destroy the instance
110 | 
111 | 
112 | ## License
113 | 
114 | [MIT License](http://en.wikipedia.org/wiki/MIT_License)
115 | 
116 | 
117 | 
118 | [travis-image]: https://api.travis-ci.org/wenyiweb/canvasKeyFrames.svg?branch=master
119 | [travis-url]: https://travis-ci.org/wenyiweb/canvasKeyFrames
120 | 
121 | [npm-image]: https://img.shields.io/npm/v/canvaskeyframes.svg?style=flat-square
122 | [npm-url]: https://www.npmjs.com/package/canvaskeyframes
123 | 


--------------------------------------------------------------------------------
/src/canvas-keyframes.js:
--------------------------------------------------------------------------------
  1 | ;(function() {
  2 |     'use strict';
  3 |     /**
  4 | 	 * [CanvasKeyFrames 序列帧播放工具]
  5 | 	 * el      [canvas容器,必须是DOM对象]
  6 | 	 * type    [图片模式，'array'和 'sprite'模式，array是图片对象数组，sprite是基于宽度扩展的单张雪碧图]
  7 | 	 * imgs    [图片帧对象数组或单图，对应不同模式]
  8 | 	 * options {
  9 | 				cover: 10, //指定封面帧，默认是0
 10 | 			    fps: 30, //默认是24
 11 | 			    loop: 10 //初始化默认的循环数，在formTo中可以设置，默认是infinite,
 12 | 			    ratio: 2 //雪碧图模式才需要，图片的高清比例，与@2x相似，默认是2，低清模式是1,
 13 | 			    width: 300, //注意，隐藏元素是拿不到宽度的，所以特殊情况下需要指定宽度
 14 |                 height: 300,
 15 |                 _iw: 300, // 雪碧图中单个图片的宽度
 16 |                 _ih: 300, // 雪碧图中单个图片的高度
 17 |                 framesCount: 14 // 雪碧图帧数
 18 |             }
 19 | 	 */
 20 |     function CanvasKeyFrames(el, type, imgs, options) {
 21 |         if (!el || !imgs) {
 22 |             throw new Error('el和imgs是必填参数')
 23 |         }
 24 | 
 25 |         if (type !== 'array' && type !== 'sprite') {
 26 |             throw new Error('只支持"array"和"sprite"模式')
 27 |         }
 28 |         this.el = el;
 29 |         this.mode = type; //模式
 30 |         this.imgs = imgs;
 31 |         this.imgsLen = null;
 32 |         this.canvas = null;
 33 |         this.ctx = null;
 34 |         this.timer = null; //定时器
 35 |         this.state = 'stop';
 36 |         this.infinite = 1000000000;
 37 | 
 38 |         this.ispause = false;
 39 |         // 帧总量
 40 |         this.plusNum = 0;
 41 |         // 帧总量计数器
 42 |         this.plusCount = 0;
 43 |         this.count = 0;
 44 | 
 45 |         var defaultoptions = {
 46 |             cover: 0,
 47 |             fps: 24,
 48 |             loop: 'infinite',
 49 |             ratio: 1
 50 |         }
 51 |         this.options = options || defaultoptions;
 52 |         this.options.cover = options.cover || defaultoptions.cover;
 53 |         this.options.fps = options.fps || defaultoptions.fps;
 54 |         this.options.loop = options.loop || defaultoptions.loop;
 55 |         // 图片分辨比例，与@2x的概念相似，只有sprite需要该选项，默认为2
 56 |         this.options.ratio = options.ratio || defaultoptions.ratio;
 57 | 
 58 |         //记录起始帧
 59 |         this.recordFrom = 0;
 60 |         //记录结束帧
 61 |         this.recordTo = null;
 62 |         //记录循环方式
 63 |         this.recordInf = this.options.loop;
 64 |         init(this);
 65 |     }
 66 |     /**
 67 |      * 初始化
 68 |      */
 69 |     function init(self) {
 70 |         createCanvas(self);
 71 |         if (self.mode === 'array') {
 72 |             self.imgsLen = self.imgs.length;
 73 |         } else if (self.mode === 'sprite') {
 74 |             //计算雪碧图数量
 75 |             self.wt = self.imgs.width / self.options._iw;
 76 |             self.ht = self.imgs.height / self.options._ih;
 77 |             var spriteArray = [];
 78 |             // 手动生成雪碧图坐标 一维数组
 79 |             for (var j=0;j<self.ht; j++) {
 80 |                 for (var i=0; i<self.wt; i++) {
 81 |                     spriteArray.push({
 82 |                         x: self.options._iw * i,
 83 |                         y: self.options._ih * j
 84 |                     })
 85 |                 }
 86 |             }
 87 |             self.spriteArray = spriteArray;
 88 |             self.imgsLen = self.options.framesCount ? self.options.framesCount : Math.round(2 * self.imgs.width / (self.canvas.width * self.options.ratio))
 89 |         }
 90 |         self.recordTo = self.imgsLen - 1;
 91 |         showCover(self);
 92 |     }
 93 |     /**
 94 |      * 创建canvas
 95 |      * @return {[type]} [description]
 96 |      */
 97 |     function createCanvas(self) {
 98 |         var canvas = document.createElement('canvas');
 99 |         canvas.width = self.options.width * 2 || self.el.clientWidth;
100 |         canvas.height = self.options.height * 2 || self.el.clientHeight;
101 |         canvas.style.display = 'block';
102 |         canvas.style.width = '100%';
103 |         canvas.style.height = '100%';
104 |         self.ctx = canvas.getContext('2d');
105 |         self.el.appendChild(canvas);
106 | 
107 |         self.canvas = canvas;
108 |     };
109 |     /**
110 |      * drawImg
111 |      */
112 |     function drawImg(self, n) {
113 |         self.ctx.clearRect(0, 0, self.canvas.width, self.canvas.height);
114 | 
115 |         if (self.mode === 'array') {
116 |             //判断图片有没有宽度
117 |             if (self.imgs[n].width !== 0) {
118 |                 self.ctx.drawImage(self.imgs[n], 0, 0, self.canvas.width, self.canvas.height);
119 |             }
120 |         } else if (self.mode === 'sprite') {
121 |             if (self.options.framesCount) {
122 |                 self.ctx.drawImage(self.imgs, self.spriteArray[n].x, self.spriteArray[n].y, self.options._iw, self.options._ih, 0, 0, self.canvas.width, self.canvas.height);
123 |             } else {
124 |                 var imgWidth = self.imgs.width / self.imgsLen;
125 |                 self.ctx.drawImage(self.imgs, imgWidth * n, 0, imgWidth, self.imgs.height, 0, 0, self.canvas.width, self.canvas.height);
126 |             }
127 |         } else {
128 |             throw new Error('没有匹配的模式')
129 |         }
130 |     }
131 | 
132 |     function showCover(self) {
133 |         drawImg(self, self.options.cover);
134 |     }
135 |     /**
136 |      * API
137 |      * @type {Object}
138 |      */
139 |     CanvasKeyFrames.prototype = {
140 |         constructor: CanvasKeyFrames,
141 |         /**
142 |          * 跳到某一帧
143 |          */
144 |         goto: function(n) {
145 |             drawImg(this, n);
146 |             this.count = n;
147 |         },
148 |         /**
149 |          * 下一帧
150 |          */
151 |         next: function() {
152 |             var n = this.count + 1 >= this.imgsLen ? 0 : this.count + 1;
153 |             this.goto(n);
154 |         },
155 |         /**
156 |          * 上一帧
157 |          */
158 |         prev: function() {
159 |             var n = this.count - 1 <= 0 ? this.imgsLen - 1 : this.count - 1;
160 |             this.goto(n);
161 |         },
162 |         /**
163 |          * @param  {[type]}   from     [启始帧（从0开始）]
164 |          * @param  {[type]}   to       [结束帧数]
165 |          * @param  {[type]}   loop     [循环次数，默认是infiniten]
166 |          * @param  {Function} callback [description]
167 |          */
168 |         fromTo: function(from, to, loop, callback) {
169 |             var self = this;
170 |             //先清除上次未执行完的动画
171 |             clearInterval(this.timer);
172 |             var keyCount = from;
173 |             var timeFn = function timeFn() {
174 |                 if (self.ispause) {
175 |                     return;
176 |                 }
177 | 
178 |                 //当总量计数器达到帧总量的时候退出
179 |                 if (self.plusNum <= self.plusCount) {
180 |                     clearInterval(self.timer);
181 |                     //还原状态
182 |                     self.timer = null;
183 |                     self.plusNum = 0;
184 |                     self.plusCount = 0;
185 |                     self.state = 'stop';
186 |                     callback && callback();
187 |                     return;
188 |                 } else { //未达到，继续循环
189 |                     //一次循环结束，重置keyCount为from
190 |                     if (keyCount > to) {
191 |                         keyCount = from;
192 |                     }
193 |                     self.goto(keyCount);
194 |                     //帧计数器
195 |                     keyCount++;
196 |                     //总量计数器
197 |                     self.plusCount++;
198 |                 }
199 |             };
200 | 
201 |             //总量计数器
202 |             this.plusCount = 0;
203 |             this.state = 'play';
204 |             loop = !loop || loop === 'infinite' ? this.infinite : loop;
205 | 
206 |             //帧总量 帧数*循环次数
207 |             this.plusNum = (to - from + 1) * loop;
208 |             this.ispause = false;
209 | 
210 |             this.recordFrom = from;
211 |             this.recordTo = to;
212 |             this.recordInf = loop;
213 | 
214 |             timeFn();
215 |             this.timer = setInterval(timeFn, 1000 / this.options.fps);
216 |         },
217 |         /**
218 |          * @param  {[type]}   to       [启始帧（从高位开始）]
219 |          * @param  {[type]}   from     [结束帧数（从低位结束）]
220 |          * @param  {[type]}   loop     [循环次数，默认是infiniten]
221 |          * @param  {Function} callback [description]
222 |          */
223 |         toFrom: function(to, from, loop, callback) {
224 |             var self = this;
225 | 
226 |             //先清除上次未执行完的动画
227 |             clearInterval(this.timer);
228 |             var keyCount = to;
229 |             var timeFn = function timeFn() {
230 |                 if (self.ispause) {
231 |                     return;
232 |                 }
233 | 
234 |                 //当总量计数器达到帧总量的时候退出
235 |                 if (self.plusNum <= self.plusCount) {
236 |                     clearInterval(self.timer);
237 |                     //还原状态
238 |                     self.timer = null;
239 |                     self.plusNum = 0;
240 |                     self.plusCount = 0;
241 |                     self.state = 'stop';
242 |                     callback && callback();
243 |                     return;
244 |                 } else { //未达到，继续循环
245 | 
246 |                     //一次循环结束，重置keyCount为to
247 |                     if (keyCount < from) {
248 |                         keyCount = to;
249 |                     }
250 |                     self.goto(keyCount);
251 |                     //帧计数器
252 |                     keyCount--;
253 |                     //总量计数器
254 |                     self.plusCount++;
255 |                 }
256 |             };
257 | 
258 |             //总量计数器
259 |             this.plusCount = 0;
260 |             this.state = 'play';
261 |             loop = !loop || loop === 'infinite' ? this.infinite : loop;
262 | 
263 |             //帧总量 帧数*循环次数
264 |             this.plusNum = (to - from + 1) * loop;
265 |             this.ispause = false;
266 | 
267 |             this.recordFrom = from;
268 |             this.recordTo = to;
269 |             this.recordInf = loop;
270 | 
271 |             timeFn();
272 |             this.timer = setInterval(timeFn, 1000 / this.options.fps);
273 |         },
274 |         /**
275 |          * fromto正着播一遍,然后回调fromBack,倒着播一遍，然后再回调toBack,进行逻辑判断
276 |          * @param  {[type]}   from     [启始帧（从0开始）]
277 |          * @param  {[type]}   to       [结束帧数]
278 |          * @param  {[type]}   loop     [循环次数，默认是infinite正播过去，再倒播回来]
279 |          * @param  {Function} callback [description]
280 |          
281 |          */
282 |         repeatplay: function(from, to, loop, callback) {
283 |             var self = this;
284 |             var count = 0;
285 | 
286 |             loop = !loop || loop === 'infinite' ? this.infinite : loop;
287 | 
288 |             var toBack = function toBack() {
289 |                 count++;
290 |                 if (count === loop) {
291 |                     callback && callback();
292 |                 } else {
293 |                     self.fromTo(from, to, 1, fromBack);
294 |                 }
295 |             };
296 | 
297 |             var fromBack = function fromBack() {
298 |                 self.toFrom(to, from, 1, toBack);
299 |             }
300 | 
301 |             this.fromTo(from, to, 1, fromBack);
302 |         },
303 |         /**
304 |          * @param  {[type]}   from     [启始帧（从0开始）]
305 |          * @param  {[type]}   loop     [循环次数，默认是infinite]
306 |          * @param  {Function} callback [description]
307 |          * @return {[type]}            [description]
308 |          */
309 |         from: function(from, loop, callback) {
310 |             //计算结束帧
311 |             var to = this.imgsLen - 1;
312 |             this.fromTo(from, to, loop, callback);
313 |         },
314 |         /**
315 |          * @param  {[type]}   to       [结束帧数]
316 |          * @param  {[type]}   loop     [循环次数，默认是infinite]
317 |          * @param  {Function} callback [description]
318 |          * @return {[type]}            [description]
319 |          */
320 |         to: function(to, loop, callback) {
321 |             //默认起始帧是0
322 |             var from = 0;
323 |             this.fromTo(from, to, loop, callback);
324 |         },
325 |         /**
326 |          * 暂停动画
327 |          * @return {[type]} [description]
328 |          */
329 |         pause: function() {
330 |             this.ispause = true;
331 |             this.state = 'stop';
332 |         },
333 |         /**
334 |          * 停止并回到第一帧或cover帧
335 |          */
336 |         stop: function() {
337 |             clearInterval(this.timer);
338 |             this.state = 'stop';
339 |             this.plusNum = 0;
340 |             this.plusCount = 0;
341 |             this.ispause = false;
342 |             //重置记录
343 |             this.recordFrom = 0;
344 |             this.recordTo = this.imgsLen - 1;
345 |             this.recordInf = this.options.loop;
346 | 
347 |             //初始状态的封面帧
348 |             drawImg(this, this.options.cover);
349 |         },
350 |         /**
351 |          * 从当前位置播放动画，会继承上次使用fromTo、form或to的属性
352 |          */
353 |         play: function(callback) {
354 |             if (this.state === 'play') {
355 |                 return;
356 |             }
357 |             if (!this.ispause) {
358 |                 this.fromTo(this.recordFrom, this.recordTo, this.recordInf, callback)
359 |             } else {
360 |                 this.ispause = false;
361 |             }
362 |         },
363 |         /**
364 |          * 销毁对象
365 |          */
366 |         destroy: function() {
367 |             clearInterval(this.timer);
368 |             this.timer = null;
369 |             this.ctx = null;
370 |             this.canvas.remove();
371 |             this.canvas = null;
372 | 
373 |             for (var key in this) {
374 |                 delete this[key];
375 |             }
376 |         }
377 |     }
378 | 
379 |     // Add support for AMD (Asynchronous Module Definition) libraries such as require.js.
380 |     if (typeof define === 'function' && define.amd) {
381 |         define([], function() {
382 |             return CanvasKeyFrames;
383 |         })
384 |     }
385 |     //Add support form CommonJS libraries such as browserify.
386 |     if (typeof exports !== 'undefined') {
387 |         exports.CanvasKeyFrames = CanvasKeyFrames;
388 |     }
389 |     //Define globally in case AMD is not available or unused
390 |     if (typeof window !== 'undefined') {
391 |         window.CanvasKeyFrames = CanvasKeyFrames;
392 |     }
393 | })();
394 | 


--------------------------------------------------------------------------------
/demos/libs/vconsole.min.js:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  * vConsole v3.3.4 (https://github.com/Tencent/vConsole)
 3 |  * 
 4 |  * Tencent is pleased to support the open source community by making vConsole available.
 5 |  * Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved.
 6 |  * Licensed under the MIT License (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at
 7 |  * http://opensource.org/licenses/MIT
 8 |  * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
 9 |  */
10 | !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("VConsole",[],t):"object"==typeof exports?exports.VConsole=t():e.VConsole=t()}(window,function(){return function(e){var t={};function o(n){if(t[n])return t[n].exports;var r=t[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,o),r.l=!0,r.exports}return o.m=e,o.c=t,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)o.d(n,r,function(t){return e[t]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=6)}([function(e,t,o){var n,r,i;r=[t],void 0===(i="function"==typeof(n=function(e){"use strict";function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(e){return"[object Number]"==Object.prototype.toString.call(e)}function n(e){return"[object String]"==Object.prototype.toString.call(e)}function r(e){return"[object Array]"==Object.prototype.toString.call(e)}function i(e){return"[object Boolean]"==Object.prototype.toString.call(e)}function a(e){return void 0===e}function l(e){return null===e}function c(e){return"[object Symbol]"==Object.prototype.toString.call(e)}function s(e){return!("[object Object]"!=Object.prototype.toString.call(e)&&(o(e)||n(e)||i(e)||r(e)||l(e)||d(e)||a(e)||c(e)))}function d(e){return"[object Function]"==Object.prototype.toString.call(e)}function u(e){var t=Object.prototype.toString.call(e);return"[object global]"==t||"[object Window]"==t||"[object DOMWindow]"==t}function v(e){if(!s(e)&&!r(e))return[];if(r(e)){var t=[];return e.forEach(function(e,o){t.push(o)}),t}return Object.getOwnPropertyNames(e).sort()}Object.defineProperty(e,"__esModule",{value:!0}),e.getDate=function(e){var t=e>0?new Date(e):new Date,o=t.getDate()<10?"0"+t.getDate():t.getDate(),n=t.getMonth()<9?"0"+(t.getMonth()+1):t.getMonth()+1,r=t.getFullYear(),i=t.getHours()<10?"0"+t.getHours():t.getHours(),a=t.getMinutes()<10?"0"+t.getMinutes():t.getMinutes(),l=t.getSeconds()<10?"0"+t.getSeconds():t.getSeconds(),c=t.getMilliseconds()<10?"0"+t.getMilliseconds():t.getMilliseconds();return c<100&&(c="0"+c),{time:+t,year:r,month:n,day:o,hour:i,minute:a,second:l,millisecond:c}},e.isNumber=o,e.isString=n,e.isArray=r,e.isBoolean=i,e.isUndefined=a,e.isNull=l,e.isSymbol=c,e.isObject=s,e.isFunction=d,e.isElement=function(e){return"object"===("undefined"==typeof HTMLElement?"undefined":t(HTMLElement))?e instanceof HTMLElement:e&&"object"===t(e)&&null!==e&&1===e.nodeType&&"string"==typeof e.nodeName},e.isWindow=u,e.isPlainObject=function(e){var o,n=Object.prototype.hasOwnProperty;if(!e||"object"!==t(e)||e.nodeType||u(e))return!1;try{if(e.constructor&&!n.call(e,"constructor")&&!n.call(e.constructor.prototype,"isPrototypeOf"))return!1}catch(e){return!1}for(o in e);return void 0===o||n.call(e,o)},e.htmlEncode=function(e){return document.createElement("a").appendChild(document.createTextNode(e)).parentNode.innerHTML},e.JSONStringify=function(e){if(!s(e)&&!r(e))return JSON.stringify(e);var t="{",o="}";r(e)&&(t="[",o="]");for(var n=t,i=v(e),a=0;a<i.length;a++){var l=i[a],u=e[l];try{r(e)||(s(l)||r(l)||c(l)?n+=Object.prototype.toString.call(l):n+=l,n+=": "),r(u)?n+="Array["+u.length+"]":s(u)||c(u)||d(u)?n+=Object.prototype.toString.call(u):n+=JSON.stringify(u),a<i.length-1&&(n+=", ")}catch(e){continue}}return n+=o},e.getObjAllKeys=v,e.getObjName=function(e){return Object.prototype.toString.call(e).replace("[object ","").replace("]","")},e.setStorage=function(e,t){window.localStorage&&(e="vConsole_"+e,localStorage.setItem(e,t))},e.getStorage=function(e){if(window.localStorage)return e="vConsole_"+e,localStorage.getItem(e)}})?n.apply(t,r):n)||(e.exports=i)},function(e,t,o){var n,r,i;r=[t,o(0),o(10)],void 0===(i="function"==typeof(n=function(o,n,r){"use strict";var i;Object.defineProperty(o,"__esModule",{value:!0}),o.default=void 0,r=(i=r)&&i.__esModule?i:{default:i};var a={one:function(e,t){try{return(t||document).querySelector(e)||void 0}catch(e){return}},all:function(e,t){try{var o=(t||document).querySelectorAll(e);return Array.from(o)}catch(e){return[]}},addClass:function(e,t){if(e){(0,n.isArray)(e)||(e=[e]);for(var o=0;o<e.length;o++){var r=(e[o].className||"").split(" ");r.indexOf(t)>-1||(r.push(t),e[o].className=r.join(" "))}}},removeClass:function(e,t){if(e){(0,n.isArray)(e)||(e=[e]);for(var o=0;o<e.length;o++){for(var r=e[o].className.split(" "),i=0;i<r.length;i++)r[i]==t&&(r[i]="");e[o].className=r.join(" ").trim()}}},hasClass:function(e,t){return!(!e||!e.classList)&&e.classList.contains(t)},bind:function(e,t,o,r){e&&((0,n.isArray)(e)||(e=[e]),e.forEach(function(e){e.addEventListener(t,o,!!r)}))},delegate:function(e,t,o,n){e&&e.addEventListener(t,function(t){var r=a.all(o,e);if(r)e:for(var i=0;i<r.length;i++)for(var l=t.target;l;){if(l==r[i]){n.call(l,t);break e}if((l=l.parentNode)==e)break}},!1)}};a.render=r.default;var l=a;o.default=l,e.exports=t.default})?n.apply(t,r):n)||(e.exports=i)},function(e,t,o){var n,r,i;r=[t],void 0===(i="function"==typeof(n=function(o){"use strict";function n(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}Object.defineProperty(o,"__esModule",{value:!0}),o.default=void 0;var r=function(){function e(t){var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"newPlugin";!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.id=t,this.name=o,this.isReady=!1,this.eventList={}}var t,o,r;return t=e,(o=[{key:"on",value:function(e,t){return this.eventList[e]=t,this}},{key:"trigger",value:function(e,t){if("function"==typeof this.eventList[e])this.eventList[e].call(this,t);else{var o="on"+e.charAt(0).toUpperCase()+e.slice(1);"function"==typeof this[o]&&this[o].call(this,t)}return this}},{key:"id",get:function(){return this._id},set:function(e){if(!e)throw"Plugin ID cannot be empty";this._id=e.toLowerCase()}},{key:"name",get:function(){return this._name},set:function(e){if(!e)throw"Plugin name cannot be empty";this._name=e}},{key:"vConsole",get:function(){return this._vConsole||void 0},set:function(e){if(!e)throw"vConsole cannot be empty";this._vConsole=e}}])&&n(t.prototype,o),r&&n(t,r),e}();o.default=r,e.exports=t.default})?n.apply(t,r):n)||(e.exports=i)},function(e,t,o){var n,r,i;r=[t,o(0),o(1),o(2),o(18),o(19),o(20)],void 0===(i="function"==typeof(n=function(o,n,r,i,a,l,c){"use strict";function s(e){return e&&e.__esModule?e:{default:e}}function d(e){return(d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function u(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function v(e,t){return!t||"object"!==d(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function f(e){return(f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function p(e,t){return(p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}Object.defineProperty(o,"__esModule",{value:!0}),o.default=void 0,n=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o)){var n=Object.defineProperty&&Object.getOwnPropertyDescriptor?Object.getOwnPropertyDescriptor(e,o):{};n.get||n.set?Object.defineProperty(t,o,n):t[o]=e[o]}return t.default=e,t}(n),r=s(r),i=s(i),a=s(a),l=s(l),c=s(c);var b=1e3,g=[],h={},m=function(e){function t(){var e,o;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);for(var n=arguments.length,r=new Array(n),i=0;i<n;i++)r[i]=arguments[i];return o=v(this,(e=f(t)).call.apply(e,[this].concat(r))),g.push(o.id),o.tplTabbox="",o.allowUnformattedLog=!0,o.isReady=!1,o.isShow=!1,o.$tabbox=null,o.console={},o.logList=[],o.isInBottom=!0,o.maxLogNumber=b,o.logNumber=0,o.mockConsole(),o}var o,s,m;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&p(e,t)}(t,i.default),o=t,(s=[{key:"onInit",value:function(){this.$tabbox=r.default.render(this.tplTabbox,{}),this.updateMaxLogNumber()}},{key:"onRenderTab",value:function(e){e(this.$tabbox)}},{key:"onAddTopBar",value:function(e){for(var t=this,o=["All","Log","Info","Warn","Error"],n=[],i=0;i<o.length;i++)n.push({name:o[i],data:{type:o[i].toLowerCase()},className:"",onClick:function(){if(r.default.hasClass(this,"vc-actived"))return!1;t.showLogType(this.dataset.type||"all")}});n[0].className="vc-actived",e(n)}},{key:"onAddTool",value:function(e){var t=this;e([{name:"Clear",global:!1,onClick:function(){t.clearLog(),t.vConsole.triggerEvent("clearLog")}}])}},{key:"onReady",value:function(){var e=this;e.isReady=!0;var t=r.default.all(".vc-subtab",e.$tabbox);r.default.bind(t,"click",function(o){if(o.preventDefault(),r.default.hasClass(this,"vc-actived"))return!1;r.default.removeClass(t,"vc-actived"),r.default.addClass(this,"vc-actived");var n=this.dataset.type,i=r.default.one(".vc-log",e.$tabbox);r.default.removeClass(i,"vc-log-partly-log"),r.default.removeClass(i,"vc-log-partly-info"),r.default.removeClass(i,"vc-log-partly-warn"),r.default.removeClass(i,"vc-log-partly-error"),"all"==n?r.default.removeClass(i,"vc-log-partly"):(r.default.addClass(i,"vc-log-partly"),r.default.addClass(i,"vc-log-partly-"+n))});var o=r.default.one(".vc-content");r.default.bind(o,"scroll",function(t){e.isShow&&(o.scrollTop+o.offsetHeight>=o.scrollHeight?e.isInBottom=!0:e.isInBottom=!1)});for(var n=0;n<e.logList.length;n++)e.printLog(e.logList[n]);e.logList=[]}},{key:"onRemove",value:function(){window.console.log=this.console.log,window.console.info=this.console.info,window.console.warn=this.console.warn,window.console.debug=this.console.debug,window.console.error=this.console.error,window.console.time=this.console.time,window.console.timeEnd=this.console.timeEnd,window.console.clear=this.console.clear,this.console={};var e=g.indexOf(this.id);e>-1&&g.splice(e,1)}},{key:"onShow",value:function(){this.isShow=!0,1==this.isInBottom&&this.autoScrollToBottom()}},{key:"onHide",value:function(){this.isShow=!1}},{key:"onShowConsole",value:function(){1==this.isInBottom&&this.autoScrollToBottom()}},{key:"onUpdateOption",value:function(){this.vConsole.option.maxLogNumber!=this.maxLogNumber&&(this.updateMaxLogNumber(),this.limitMaxLogs())}},{key:"updateMaxLogNumber",value:function(){this.maxLogNumber=this.vConsole.option.maxLogNumber||b,this.maxLogNumber=Math.max(1,this.maxLogNumber)}},{key:"limitMaxLogs",value:function(){if(this.isReady)for(;this.logNumber>this.maxLogNumber;){var e=r.default.one(".vc-item",this.$tabbox);if(!e)break;e.parentNode.removeChild(e),this.logNumber--}}},{key:"showLogType",value:function(e){var t=r.default.one(".vc-log",this.$tabbox);r.default.removeClass(t,"vc-log-partly-log"),r.default.removeClass(t,"vc-log-partly-info"),r.default.removeClass(t,"vc-log-partly-warn"),r.default.removeClass(t,"vc-log-partly-error"),"all"==e?r.default.removeClass(t,"vc-log-partly"):(r.default.addClass(t,"vc-log-partly"),r.default.addClass(t,"vc-log-partly-"+e))}},{key:"autoScrollToBottom",value:function(){this.vConsole.option.disableLogScrolling||this.scrollToBottom()}},{key:"scrollToBottom",value:function(){var e=r.default.one(".vc-content");e&&(e.scrollTop=e.scrollHeight-e.offsetHeight)}},{key:"mockConsole",value:function(){var e=this,t=this,o=["log","info","warn","debug","error"];window.console?(o.map(function(e){t.console[e]=window.console[e]}),t.console.time=window.console.time,t.console.timeEnd=window.console.timeEnd,t.console.clear=window.console.clear):window.console={},o.map(function(t){window.console[t]=function(){for(var o=arguments.length,n=new Array(o),r=0;r<o;r++)n[r]=arguments[r];e.printLog({logType:t,logs:n})}});var n={};window.console.time=function(e){n[e]=Date.now()},window.console.timeEnd=function(e){var t=n[e];t?(console.log(e+":",Date.now()-t+"ms"),delete n[e]):console.log(e+": 0ms")},window.console.clear=function(){t.clearLog();for(var e=arguments.length,o=new Array(e),n=0;n<e;n++)o[n]=arguments[n];t.console.clear.apply(window.console,o)}}},{key:"clearLog",value:function(){r.default.one(".vc-log",this.$tabbox).innerHTML="",this.logNumber=0,h={}}},{key:"printOriginLog",value:function(e){"function"==typeof this.console[e.logType]&&this.console[e.logType].apply(window.console,e.logs)}},{key:"printLog",value:function(e){var t=e.logs||[];if(t.length||e.content){t=[].slice.call(t||[]);var o=/^\[(\w+)\]$/i,r="",i=!1;if(n.isString(t[0])){var a=t[0].match(o);null!==a&&a.length>0&&(r=a[1].toLowerCase(),i=g.indexOf(r)>-1)}if(r===this.id||!0!==i&&"default"===this.id)if(e._id||(e._id="__vc_"+Math.random().toString(36).substring(2,8)),e.date||(e.date=+new Date),this.isReady){n.isString(t[0])&&i&&(t[0]=t[0].replace(o,""),""===t[0]&&t.shift());for(var l={_id:e._id,logType:e.logType,logText:[],hasContent:!!e.content,count:1},c=0;c<t.length;c++)n.isFunction(t[c])?l.logText.push(t[c].toString()):n.isObject(t[c])||n.isArray(t[c])?l.logText.push(n.JSONStringify(t[c])):l.logText.push(t[c]);l.logText=l.logText.join(" "),l.hasContent||h.logType!==l.logType||h.logText!==l.logText?(this.printNewLog(e,t),h=l):this.printRepeatLog(),this.isInBottom&&this.isShow&&this.autoScrollToBottom(),e.noOrigin||this.printOriginLog(e)}else this.logList.push(e);else e.noOrigin||this.printOriginLog(e)}}},{key:"printRepeatLog",value:function(){var e=r.default.one("#"+h._id),t=r.default.one(".vc-item-repeat",e);t||((t=document.createElement("i")).className="vc-item-repeat",e.insertBefore(t,e.lastChild)),h.count,h.count++,t.innerHTML=h.count}},{key:"printNewLog",value:function(e,t){var o=r.default.render(a.default,{_id:e._id,logType:e.logType,style:e.style||""}),i=/(\%c )|( \%c)/g,l=[];if(n.isString(t[0])&&i.test(t[0])){for(var c=t[0].split(i).filter(function(e){return void 0!==e&&""!==e&&!/ ?\%c ?/.test(e)}),s=t[0].match(i),u=0;u<s.length;u++)n.isString(t[u+1])&&l.push(t[u+1]);for(var v=s.length+1;v<t.length;v++)c.push(t[v]);t=c}for(var f=r.default.one(".vc-item-content",o),p=0;p<t.length;p++){var b=void 0;try{if(""===t[p])continue;b=n.isFunction(t[p])?"<span> "+t[p].toString()+"</span>":n.isObject(t[p])||n.isArray(t[p])?this.getFoldedLine(t[p]):(l[p]?'<span style="'.concat(l[p],'"> '):"<span> ")+n.htmlEncode(t[p]).replace(/\n/g,"<br/>")+"</span>"}catch(e){b="<span> ["+d(t[p])+"]</span>"}b&&("string"==typeof b?f.insertAdjacentHTML("beforeend",b):f.insertAdjacentElement("beforeend",b))}n.isObject(e.content)&&f.insertAdjacentElement("beforeend",e.content),r.default.one(".vc-log",this.$tabbox).insertAdjacentElement("beforeend",o),this.logNumber++,this.limitMaxLogs()}},{key:"getFoldedLine",value:function(e,t){var o=this;if(!t){var i=n.JSONStringify(e),a=i.substr(0,36);t=n.getObjName(e),i.length>36&&(a+="..."),t+=" "+a}var s=r.default.render(l.default,{outer:t,lineType:"obj"});return r.default.bind(r.default.one(".vc-fold-outer",s),"click",function(t){t.preventDefault(),t.stopPropagation(),r.default.hasClass(s,"vc-toggle")?(r.default.removeClass(s,"vc-toggle"),r.default.removeClass(r.default.one(".vc-fold-inner",s),"vc-toggle"),r.default.removeClass(r.default.one(".vc-fold-outer",s),"vc-toggle")):(r.default.addClass(s,"vc-toggle"),r.default.addClass(r.default.one(".vc-fold-inner",s),"vc-toggle"),r.default.addClass(r.default.one(".vc-fold-outer",s),"vc-toggle"));var i=r.default.one(".vc-fold-inner",s);return setTimeout(function(){if(0==i.children.length&&e){for(var t=n.getObjAllKeys(e),a=0;a<t.length;a++){var s=void 0,d="undefined",u="";try{s=e[t[a]]}catch(e){continue}n.isString(s)?(d="string",s='"'+s+'"'):n.isNumber(s)?d="number":n.isBoolean(s)?d="boolean":n.isNull(s)?(d="null",s="null"):n.isUndefined(s)?(d="undefined",s="undefined"):n.isFunction(s)?(d="function",s="function()"):n.isSymbol(s)&&(d="symbol");var v=void 0;if(n.isArray(s)){var f=n.getObjName(s)+"["+s.length+"]";v=o.getFoldedLine(s,r.default.render(c.default,{key:t[a],keyType:u,value:f,valueType:"array"},!0))}else if(n.isObject(s)){var p=n.getObjName(s);v=o.getFoldedLine(s,r.default.render(c.default,{key:n.htmlEncode(t[a]),keyType:u,value:p,valueType:"object"},!0))}else{e.hasOwnProperty&&!e.hasOwnProperty(t[a])&&(u="private");var b={lineType:"kv",key:n.htmlEncode(t[a]),keyType:u,value:n.htmlEncode(s),valueType:d};v=r.default.render(l.default,b)}i.insertAdjacentElement("beforeend",v)}if(n.isObject(e)){var g,h=e.__proto__;g=n.isObject(h)?o.getFoldedLine(h,r.default.render(c.default,{key:"__proto__",keyType:"private",value:n.getObjName(h),valueType:"object"},!0)):r.default.render(c.default,{key:"__proto__",keyType:"private",value:"null",valueType:"null"}),i.insertAdjacentElement("beforeend",g)}}}),!1}),s}}])&&u(o.prototype,s),m&&u(o,m),t}();m.AddedLogID=[];var y=m;o.default=y,e.exports=t.default})?n.apply(t,r):n)||(e.exports=i)},function(e,t,o){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var o=function(e,t){var o=e[1]||"",n=e[3];if(!n)return o;if(t&&"function"==typeof btoa){var r=(a=n,l=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),c="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(l),"/*# ".concat(c," */")),i=n.sources.map(function(e){return"/*# sourceURL=".concat(n.sourceRoot).concat(e," */")});return[o].concat(i).concat([r]).join("\n")}var a,l,c;return[o].join("\n")}(t,e);return t[2]?"@media ".concat(t[2],"{").concat(o,"}"):o}).join("")},t.i=function(e,o){"string"==typeof e&&(e=[[null,e,""]]);for(var n={},r=0;r<this.length;r++){var i=this[r][0];null!=i&&(n[i]=!0)}for(var a=0;a<e.length;a++){var l=e[a];null!=l[0]&&n[l[0]]||(o&&!l[2]?l[2]=o:o&&(l[2]="(".concat(l[2],") and (").concat(o,")")),t.push(l))}},t}},function(e,t,o){"use strict";var n,r={},i=function(){return void 0===n&&(n=Boolean(window&&document&&document.all&&!window.atob)),n},a=function(){var e={};return function(t){if(void 0===e[t]){var o=document.querySelector(t);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(e){o=null}e[t]=o}return e[t]}}();function l(e,t){for(var o=[],n={},r=0;r<e.length;r++){var i=e[r],a=t.base?i[0]+t.base:i[0],l={css:i[1],media:i[2],sourceMap:i[3]};n[a]?n[a].parts.push(l):o.push(n[a]={id:a,parts:[l]})}return o}function c(e,t){for(var o=0;o<e.length;o++){var n=e[o],i=r[n.id],a=0;if(i){for(i.refs++;a<i.parts.length;a++)i.parts[a](n.parts[a]);for(;a<n.parts.length;a++)i.parts.push(b(n.parts[a],t))}else{for(var l=[];a<n.parts.length;a++)l.push(b(n.parts[a],t));r[n.id]={id:n.id,refs:1,parts:l}}}}function s(e){var t=document.createElement("style");if(void 0===e.attributes.nonce){var n=o.nc;n&&(e.attributes.nonce=n)}if(Object.keys(e.attributes).forEach(function(o){t.setAttribute(o,e.attributes[o])}),"function"==typeof e.insert)e.insert(t);else{var r=a(e.insert||"head");if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");r.appendChild(t)}return t}var d,u=(d=[],function(e,t){return d[e]=t,d.filter(Boolean).join("\n")});function v(e,t,o,n){var r=o?"":n.css;if(e.styleSheet)e.styleSheet.cssText=u(t,r);else{var i=document.createTextNode(r),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}var f=null,p=0;function b(e,t){var o,n,r;if(t.singleton){var i=p++;o=f||(f=s(t)),n=v.bind(null,o,i,!1),r=v.bind(null,o,i,!0)}else o=s(t),n=function(e,t,o){var n=o.css,r=o.media,i=o.sourceMap;if(r&&e.setAttribute("media",r),i&&btoa&&(n+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}.bind(null,o,t),r=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(o)};return n(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;n(e=t)}else r()}}e.exports=function(e,t){(t=t||{}).attributes="object"==typeof t.attributes?t.attributes:{},t.singleton||"boolean"==typeof t.singleton||(t.singleton=i());var o=l(e,t);return c(o,t),function(e){for(var n=[],i=0;i<o.length;i++){var a=o[i],s=r[a.id];s&&(s.refs--,n.push(s))}e&&c(l(e,t),t);for(var d=0;d<n.length;d++){var u=n[d];if(0===u.refs){for(var v=0;v<u.parts.length;v++)u.parts[v]();delete r[u.id]}}}}},function(e,t,o){var n,r,i;r=[t,o(7),o(8)],void 0===(i="function"==typeof(n=function(o,n,r){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.default=void 0;var i,a=(i=r,r=i&&i.__esModule?i:{default:i}).default;o.default=a,e.exports=t.default})?n.apply(t,r):n)||(e.exports=i)},function(e,t,o){var n,r,i;r=[],void 0===(i="function"==typeof(n=function(){"use strict";if("undefined"==typeof Symbol){window.Symbol=function(){};var e="__symbol_iterator_key";window.Symbol.iterator=e,Array.prototype[e]=function(){var e=this,t=0;return{next:function(){return{done:e.length===t,value:e.length===t?void 0:e[t++]}}}}}})?n.apply(t,r):n)||(e.exports=i)},function(e,t,o){var n,r,i;r=[t,o(9),o(0),o(1),o(11),o(13),o(14),o(15),o(16),o(17),o(2),o(3),o(21),o(24),o(26),o(30),o(37)],void 0===(i="function"==typeof(n=function(o,n,r,i,a,l,c,s,d,u,v,f,p,b,g,h,m){"use strict";function y(e){return e&&e.__esModule?e:{default:e}}function _(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}Object.defineProperty(o,"__esModule",{value:!0}),o.default=void 0,n=y(n),r=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o)){var n=Object.defineProperty&&Object.getOwnPropertyDescriptor?Object.getOwnPropertyDescriptor(e,o):{};n.get||n.set?Object.defineProperty(t,o,n):t[o]=e[o]}return t.default=e,t}(r),i=y(i),l=y(l),c=y(c),s=y(s),d=y(d),u=y(u),v=y(v),f=y(f),p=y(p),b=y(b),g=y(g),h=y(h),m=y(m);var w="#__vconsole",x=function(){function e(t){if(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),i.default.one(w))console.debug("vConsole is already exists.");else{var o=this;if(this.version=n.default.version,this.$dom=null,this.isInited=!1,this.option={defaultPlugins:["system","network","element","storage"]},this.activedTab="",this.tabList=[],this.pluginList={},this.switchPos={x:10,y:10,startX:0,startY:0,endX:0,endY:0},this.tool=r,this.$=i.default,r.isObject(t))for(var a in t)this.option[a]=t[a];this._addBuiltInPlugins();var l,c=function(){o.isInited||(o._render(),o._mockTap(),o._bindEvent(),o._autoRun())};if(void 0!==document)"loading"===document.readyState?i.default.bind(window,"DOMContentLoaded",c):c();else l=setTimeout(function e(){document&&"complete"==document.readyState?(l&&clearTimeout(l),c()):l=setTimeout(e,1)},1)}}var t,o,a;return t=e,(o=[{key:"_addBuiltInPlugins",value:function(){this.addPlugin(new p.default("default","Log"));var e=this.option.defaultPlugins,t={system:{proto:b.default,name:"System"},network:{proto:g.default,name:"Network"},element:{proto:h.default,name:"Element"},storage:{proto:m.default,name:"Storage"}};if(e&&r.isArray(e))for(var o=0;o<e.length;o++){var n=t[e[o]];n?this.addPlugin(new n.proto(e[o],n.name)):console.debug("Unrecognized default plugin ID:",e[o])}}},{key:"_render",value:function(){if(!i.default.one(w)){var e=document.createElement("div");e.innerHTML=l.default,document.documentElement.insertAdjacentElement("beforeend",e.children[0])}this.$dom=i.default.one(w);var t=i.default.one(".vc-switch",this.$dom),o=1*r.getStorage("switch_x"),n=1*r.getStorage("switch_y");(o||n)&&(o+t.offsetWidth>document.documentElement.offsetWidth&&(o=document.documentElement.offsetWidth-t.offsetWidth),n+t.offsetHeight>document.documentElement.offsetHeight&&(n=document.documentElement.offsetHeight-t.offsetHeight),o<0&&(o=0),n<0&&(n=0),this.switchPos.x=o,this.switchPos.y=n,i.default.one(".vc-switch").style.right=o+"px",i.default.one(".vc-switch").style.bottom=n+"px");var a=window.devicePixelRatio||1,c=document.querySelector('[name="viewport"]');if(c&&c.content){var s=c.content.match(/initial\-scale\=\d+(\.\d+)?/);(s?parseFloat(s[0].split("=")[1]):1)<1&&(this.$dom.style.fontSize=13*a+"px")}i.default.one(".vc-mask",this.$dom).style.display="none"}},{key:"_mockTap",value:function(){var e,t,o,n=!1,r=null;this.$dom.addEventListener("touchstart",function(n){if(void 0===e){var i=n.targetTouches[0];t=i.pageX,o=i.pageY,e=n.timeStamp,r=n.target.nodeType===Node.TEXT_NODE?n.target.parentNode:n.target}},!1),this.$dom.addEventListener("touchmove",function(e){var r=e.changedTouches[0];(Math.abs(r.pageX-t)>10||Math.abs(r.pageY-o)>10)&&(n=!0)}),this.$dom.addEventListener("touchend",function(t){if(!1===n&&t.timeStamp-e<700&&null!=r){var o=!1;switch(r.tagName.toLowerCase()){case"textarea":o=!0;break;case"input":switch(r.type){case"button":case"checkbox":case"file":case"image":case"radio":case"submit":o=!1;break;default:o=!r.disabled&&!r.readOnly}}o?r.focus():t.preventDefault();var i=t.changedTouches[0],a=document.createEvent("MouseEvents");a.initMouseEvent("click",!0,!0,window,1,i.screenX,i.screenY,i.clientX,i.clientY,!1,!1,!1,!1,0,null),a.forwardedTouchEvent=!0,a.initEvent("click",!0,!0),r.dispatchEvent(a)}e=void 0,n=!1,r=null},!1)}},{key:"_bindEvent",value:function(){var e=this,t=i.default.one(".vc-switch",e.$dom);i.default.bind(t,"touchstart",function(t){e.switchPos.startX=t.touches[0].pageX,e.switchPos.startY=t.touches[0].pageY}),i.default.bind(t,"touchend",function(t){e.switchPos.x=e.switchPos.endX,e.switchPos.y=e.switchPos.endY,e.switchPos.startX=0,e.switchPos.startY=0,r.setStorage("switch_x",e.switchPos.x),r.setStorage("switch_y",e.switchPos.y)}),i.default.bind(t,"touchmove",function(o){if(o.touches.length>0){var n=o.touches[0].pageX-e.switchPos.startX,r=o.touches[0].pageY-e.switchPos.startY,i=e.switchPos.x-n,a=e.switchPos.y-r;i+t.offsetWidth>document.documentElement.offsetWidth&&(i=document.documentElement.offsetWidth-t.offsetWidth),a+t.offsetHeight>document.documentElement.offsetHeight&&(a=document.documentElement.offsetHeight-t.offsetHeight),i<0&&(i=0),a<0&&(a=0),t.style.right=i+"px",t.style.bottom=a+"px",e.switchPos.endX=i,e.switchPos.endY=a,o.preventDefault()}}),i.default.bind(i.default.one(".vc-switch",e.$dom),"click",function(){e.show()}),i.default.bind(i.default.one(".vc-hide",e.$dom),"click",function(){e.hide()}),i.default.bind(i.default.one(".vc-mask",e.$dom),"click",function(t){if(t.target!=i.default.one(".vc-mask"))return!1;e.hide()}),i.default.delegate(i.default.one(".vc-tabbar",e.$dom),"click",".vc-tab",function(t){var o=this.dataset.tab;o!=e.activedTab&&e.showTab(o)}),i.default.bind(i.default.one(".vc-panel",e.$dom),"transitionend webkitTransitionEnd oTransitionEnd otransitionend",function(t){if(t.target!=i.default.one(".vc-panel"))return!1;i.default.hasClass(e.$dom,"vc-toggle")||(t.target.style.display="none")});var o=i.default.one(".vc-content",e.$dom),n=!1;i.default.bind(o,"touchstart",function(e){var t=o.scrollTop,r=o.scrollHeight,a=t+o.offsetHeight;0===t?(o.scrollTop=1,0===o.scrollTop&&(i.default.hasClass(e.target,"vc-cmd-input")||(n=!0))):a===r&&(o.scrollTop=t-1,o.scrollTop===t&&(i.default.hasClass(e.target,"vc-cmd-input")||(n=!0)))}),i.default.bind(o,"touchmove",function(e){n&&e.preventDefault()}),i.default.bind(o,"touchend",function(e){n=!1})}},{key:"_autoRun",value:function(){for(var e in this.isInited=!0,this.pluginList)this._initPlugin(this.pluginList[e]);this.tabList.length>0&&this.showTab(this.tabList[0]),this.triggerEvent("ready")}},{key:"triggerEvent",value:function(e,t){e="on"+e.charAt(0).toUpperCase()+e.slice(1),r.isFunction(this.option[e])&&this.option[e].apply(this,t)}},{key:"_initPlugin",value:function(e){var t=this;e.vConsole=this,e.trigger("init"),e.trigger("renderTab",function(o){t.tabList.push(e.id);var n=i.default.render(c.default,{id:e.id,name:e.name});i.default.one(".vc-tabbar",t.$dom).insertAdjacentElement("beforeend",n);var a=i.default.render(s.default,{id:e.id});o&&(r.isString(o)?a.innerHTML+=o:r.isFunction(o.appendTo)?o.appendTo(a):r.isElement(o)&&a.insertAdjacentElement("beforeend",o)),i.default.one(".vc-content",t.$dom).insertAdjacentElement("beforeend",a)}),e.trigger("addTopBar",function(o){if(o)for(var n=i.default.one(".vc-topbar",t.$dom),a=function(t){var a=o[t],l=i.default.render(d.default,{name:a.name||"Undefined",className:a.className||"",pluginID:e.id});if(a.data)for(var c in a.data)l.dataset[c]=a.data[c];r.isFunction(a.onClick)&&i.default.bind(l,"click",function(t){!1===a.onClick.call(l)||(i.default.removeClass(i.default.all(".vc-topbar-"+e.id),"vc-actived"),i.default.addClass(l,"vc-actived"))}),n.insertAdjacentElement("beforeend",l)},l=0;l<o.length;l++)a(l)}),e.trigger("addTool",function(o){if(o)for(var n=i.default.one(".vc-tool-last",t.$dom),a=function(t){var a=o[t],l=i.default.render(u.default,{name:a.name||"Undefined",pluginID:e.id});1==a.global&&i.default.addClass(l,"vc-global-tool"),r.isFunction(a.onClick)&&i.default.bind(l,"click",function(e){a.onClick.call(l)}),n.parentNode.insertBefore(l,n)},l=0;l<o.length;l++)a(l)}),e.isReady=!0,e.trigger("ready")}},{key:"_triggerPluginsEvent",value:function(e){for(var t in this.pluginList)this.pluginList[t].isReady&&this.pluginList[t].trigger(e)}},{key:"_triggerPluginEvent",value:function(e,t){var o=this.pluginList[e];o&&o.isReady&&o.trigger(t)}},{key:"addPlugin",value:function(e){return void 0!==this.pluginList[e.id]?(console.debug("Plugin "+e.id+" has already been added."),!1):(this.pluginList[e.id]=e,this.isInited&&(this._initPlugin(e),1==this.tabList.length&&this.showTab(this.tabList[0])),!0)}},{key:"removePlugin",value:function(e){e=(e+"").toLowerCase();var t=this.pluginList[e];if(void 0===t)return console.debug("Plugin "+e+" does not exist."),!1;if(t.trigger("remove"),this.isInited){var o=i.default.one("#__vc_tab_"+e);o&&o.parentNode.removeChild(o);for(var n=i.default.all(".vc-topbar-"+e,this.$dom),r=0;r<n.length;r++)n[r].parentNode.removeChild(n[r]);var a=i.default.one("#__vc_log_"+e);a&&a.parentNode.removeChild(a);for(var l=i.default.all(".vc-tool-"+e,this.$dom),c=0;c<l.length;c++)l[c].parentNode.removeChild(l[c])}var s=this.tabList.indexOf(e);s>-1&&this.tabList.splice(s,1);try{delete this.pluginList[e]}catch(t){this.pluginList[e]=void 0}return this.activedTab==e&&this.tabList.length>0&&this.showTab(this.tabList[0]),!0}},{key:"show",value:function(){if(this.isInited){var e=this;i.default.one(".vc-panel",this.$dom).style.display="block",setTimeout(function(){i.default.addClass(e.$dom,"vc-toggle"),e._triggerPluginsEvent("showConsole"),i.default.one(".vc-mask",e.$dom).style.display="block"},10)}}},{key:"hide",value:function(){if(this.isInited){i.default.removeClass(this.$dom,"vc-toggle"),this._triggerPluginsEvent("hideConsole");var e=i.default.one(".vc-mask",this.$dom),t=i.default.one(".vc-panel",this.$dom);i.default.bind(e,"transitionend",function(o){e.style.display="none",t.style.display="none"})}}},{key:"showSwitch",value:function(){this.isInited&&(i.default.one(".vc-switch",this.$dom).style.display="block")}},{key:"hideSwitch",value:function(){this.isInited&&(i.default.one(".vc-switch",this.$dom).style.display="none")}},{key:"showTab",value:function(e){if(this.isInited){var t=i.default.one("#__vc_log_"+e);i.default.removeClass(i.default.all(".vc-tab",this.$dom),"vc-actived"),i.default.addClass(i.default.one("#__vc_tab_"+e),"vc-actived"),i.default.removeClass(i.default.all(".vc-logbox",this.$dom),"vc-actived"),i.default.addClass(t,"vc-actived");var o=i.default.all(".vc-topbar-"+e,this.$dom);i.default.removeClass(i.default.all(".vc-toptab",this.$dom),"vc-toggle"),i.default.addClass(o,"vc-toggle"),o.length>0?i.default.addClass(i.default.one(".vc-content",this.$dom),"vc-has-topbar"):i.default.removeClass(i.default.one(".vc-content",this.$dom),"vc-has-topbar"),i.default.removeClass(i.default.all(".vc-tool",this.$dom),"vc-toggle"),i.default.addClass(i.default.all(".vc-tool-"+e,this.$dom),"vc-toggle"),this.activedTab&&this._triggerPluginEvent(this.activedTab,"hide"),this.activedTab=e,this._triggerPluginEvent(this.activedTab,"show")}}},{key:"setOption",value:function(e,t){if(r.isString(e))this.option[e]=t,this._triggerPluginsEvent("updateOption");else if(r.isObject(e)){for(var o in e)this.option[o]=e[o];this._triggerPluginsEvent("updateOption")}else console.debug("The first parameter of vConsole.setOption() must be a string or an object.")}},{key:"destroy",value:function(){if(this.isInited){for(var e=Object.keys(this.pluginList),t=e.length-1;t>=0;t--)this.removePlugin(e[t]);this.$dom.parentNode.removeChild(this.$dom),this.isInited=!1}}}])&&_(t.prototype,o),a&&_(t,a),e}();x.VConsolePlugin=v.default,x.VConsoleLogPlugin=f.default,x.VConsoleDefaultPlugin=p.default,x.VConsoleSystemPlugin=b.default,x.VConsoleNetworkPlugin=g.default,x.VConsoleElementPlugin=h.default,x.VConsoleStoragePlugin=m.default;var k=x;o.default=k,e.exports=t.default})?n.apply(t,r):n)||(e.exports=i)},function(e){e.exports=JSON.parse('{"name":"vconsole","version":"3.3.4","description":"A lightweight, extendable front-end developer tool for mobile web page.","homepage":"https://github.com/Tencent/vConsole","main":"dist/vconsole.min.js","typings":"dist/vconsole.min.d.ts","scripts":{"test":"mocha","build":"webpack"},"keywords":["console","debug","mobile"],"repository":{"type":"git","url":"git+https://github.com/Tencent/vConsole.git"},"dependencies":{},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-export-namespace-from":"^7.5.2","@babel/plugin-proposal-object-rest-spread":"^7.5.5","@babel/preset-env":"^7.5.5","babel-loader":"^8.0.6","babel-plugin-add-module-exports":"^1.0.2","chai":"^4.2.0","copy-webpack-plugin":"^5.0.4","css-loader":"^3.2.0","html-loader":"^0.5.5","jsdom":"^15.1.1","json-loader":"^0.5.7","less":"^3.10.0","less-loader":"^5.0.0","mocha":"^5.2.0","style-loader":"^1.0.0","webpack":"^4.39.2","webpack-cli":"^3.3.6"},"author":"Tencent","license":"MIT"}')},function(e,t,o){var n,r,i;r=[t],void 0===(i="function"==typeof(n=function(o){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.default=function(e,t,o){var n=/\{\{([^\}]+)\}\}/g,r="",i="",a=0,l=[],c=function(e,t){""!==e&&(t?e.match(/^ ?else/g)?r+="} "+e+" {\n":e.match(/\/(if|for|switch)/g)?r+="}\n":e.match(/^ ?if|for|switch/g)?r+=e+" {\n":e.match(/^ ?(break|continue) ?$/g)?r+=e+";\n":e.match(/^ ?(case|default)/g)?r+=e+":\n":r+="arr.push("+e+");\n":r+='arr.push("'+e.replace(/"/g,'\\"')+'");\n')};for(window.__mito_data=t,window.__mito_code="",window.__mito_result="",e=(e=e.replace(/(\{\{ ?switch(.+?)\}\})[\r\n\t ]+\{\{/g,"$1{{")).replace(/^[\r\n]/,"").replace(/\n/g,"\\\n").replace(/\r/g,"\\\r"),i="(function(){\n",r="var arr = [];\n";l=n.exec(e);)c(e.slice(a,l.index),!1),c(l[1],!0),a=l.index+l[0].length;c(e.substr(a,e.length-a),!1),i+=r="with (__mito_data) {\n"+(r+='__mito_result = arr.join("");')+"\n}",i+="})();";var s=document.getElementsByTagName("script"),d="";s.length>0&&(d=s[0].nonce||"");var u=document.createElement("SCRIPT");u.innerHTML=i,u.setAttribute("nonce",d),document.documentElement.appendChild(u);var v=__mito_result;if(document.documentElement.removeChild(u),!o){var f=document.createElement("DIV");f.innerHTML=v,v=f.children[0]}return v},e.exports=t.default})?n.apply(t,r):n)||(e.exports=i)},function(e,t,o){var n=o(12);"string"==typeof n&&(n=[[e.i,n,""]]);var r={insert:"head",singleton:!1};o(5)(n,r);n.locals&&(e.exports=n.locals)},function(e,t,o){(e.exports=o(4)(!1)).push([e.i,'#__vconsole {\n  color: #000;\n  font-size: 13px;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n  /* global */\n  /* compoment */\n}\n#__vconsole .vc-max-height {\n  max-height: 19.23076923em;\n}\n#__vconsole .vc-max-height-line {\n  max-height: 3.38461538em;\n}\n#__vconsole .vc-min-height {\n  min-height: 3.07692308em;\n}\n#__vconsole dd,\n#__vconsole dl,\n#__vconsole pre {\n  margin: 0;\n}\n#__vconsole .vc-switch {\n  display: block;\n  position: fixed;\n  right: 0.76923077em;\n  bottom: 0.76923077em;\n  color: #FFF;\n  background-color: #04BE02;\n  line-height: 1;\n  font-size: 1.07692308em;\n  padding: 0.61538462em 1.23076923em;\n  z-index: 10000;\n  border-radius: 0.30769231em;\n  box-shadow: 0 0 0.61538462em rgba(0, 0, 0, 0.4);\n}\n#__vconsole .vc-mask {\n  display: none;\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0);\n  z-index: 10001;\n  transition: background 0.3s;\n  -webkit-tap-highlight-color: transparent;\n  overflow-y: scroll;\n}\n#__vconsole .vc-panel {\n  display: none;\n  position: fixed;\n  min-height: 85%;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 10002;\n  background-color: #EFEFF4;\n  -webkit-transition: -webkit-transform 0.3s;\n  transition: -webkit-transform 0.3s;\n  transition: transform 0.3s;\n  transition: transform 0.3s, -webkit-transform 0.3s;\n  -webkit-transform: translate(0, 100%);\n  transform: translate(0, 100%);\n}\n#__vconsole .vc-tabbar {\n  border-bottom: 1px solid #D9D9D9;\n  overflow-x: auto;\n  height: 3em;\n  width: auto;\n  white-space: nowrap;\n}\n#__vconsole .vc-tabbar .vc-tab {\n  display: inline-block;\n  line-height: 3em;\n  padding: 0 1.15384615em;\n  border-right: 1px solid #D9D9D9;\n  text-decoration: none;\n  color: #000;\n  -webkit-tap-highlight-color: transparent;\n  -webkit-touch-callout: none;\n}\n#__vconsole .vc-tabbar .vc-tab:active {\n  background-color: rgba(0, 0, 0, 0.15);\n}\n#__vconsole .vc-tabbar .vc-tab.vc-actived {\n  background-color: #FFF;\n}\n#__vconsole .vc-content {\n  background-color: #FFF;\n  overflow-x: hidden;\n  overflow-y: auto;\n  position: absolute;\n  top: 3.07692308em;\n  left: 0;\n  right: 0;\n  bottom: 3.07692308em;\n  -webkit-overflow-scrolling: touch;\n  margin-bottom: constant(safe-area-inset-bottom);\n  margin-bottom: env(safe-area-inset-bottom);\n}\n#__vconsole .vc-content.vc-has-topbar {\n  top: 5.46153846em;\n}\n#__vconsole .vc-topbar {\n  background-color: #FBF9FE;\n  display: flex;\n  display: -webkit-box;\n  flex-direction: row;\n  flex-wrap: wrap;\n  -webkit-box-direction: row;\n  -webkit-flex-wrap: wrap;\n  width: 100%;\n}\n#__vconsole .vc-topbar .vc-toptab {\n  display: none;\n  flex: 1;\n  -webkit-box-flex: 1;\n  line-height: 2.30769231em;\n  padding: 0 1.15384615em;\n  border-bottom: 1px solid #D9D9D9;\n  text-decoration: none;\n  text-align: center;\n  color: #000;\n  -webkit-tap-highlight-color: transparent;\n  -webkit-touch-callout: none;\n}\n#__vconsole .vc-topbar .vc-toptab.vc-toggle {\n  display: block;\n}\n#__vconsole .vc-topbar .vc-toptab:active {\n  background-color: rgba(0, 0, 0, 0.15);\n}\n#__vconsole .vc-topbar .vc-toptab.vc-actived {\n  border-bottom: 1px solid #3e82f7;\n}\n#__vconsole .vc-logbox {\n  display: none;\n  position: relative;\n  min-height: 100%;\n}\n#__vconsole .vc-logbox i {\n  font-style: normal;\n}\n#__vconsole .vc-logbox .vc-log {\n  padding-bottom: 3em;\n  -webkit-tap-highlight-color: transparent;\n}\n#__vconsole .vc-logbox .vc-log:empty:before {\n  content: "Empty";\n  color: #999;\n  position: absolute;\n  top: 45%;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  font-size: 1.15384615em;\n  text-align: center;\n}\n#__vconsole .vc-logbox .vc-item {\n  margin: 0;\n  padding: 0.46153846em 0.61538462em;\n  overflow: hidden;\n  line-height: 1.3;\n  border-bottom: 1px solid #EEE;\n  word-break: break-word;\n}\n#__vconsole .vc-logbox .vc-item-info {\n  color: #6A5ACD;\n}\n#__vconsole .vc-logbox .vc-item-debug {\n  color: #DAA520;\n}\n#__vconsole .vc-logbox .vc-item-warn {\n  color: #FFA500;\n  border-color: #FFB930;\n  background-color: #FFFACD;\n}\n#__vconsole .vc-logbox .vc-item-error {\n  color: #DC143C;\n  border-color: #F4A0AB;\n  background-color: #FFE4E1;\n}\n#__vconsole .vc-logbox .vc-log.vc-log-partly .vc-item {\n  display: none;\n}\n#__vconsole .vc-logbox .vc-log.vc-log-partly-log .vc-item-log,\n#__vconsole .vc-logbox .vc-log.vc-log-partly-info .vc-item-info,\n#__vconsole .vc-logbox .vc-log.vc-log-partly-warn .vc-item-warn,\n#__vconsole .vc-logbox .vc-log.vc-log-partly-error .vc-item-error {\n  display: block;\n}\n#__vconsole .vc-logbox .vc-item .vc-item-content {\n  margin-right: 4.61538462em;\n  display: inline-block;\n}\n#__vconsole .vc-logbox .vc-item .vc-item-repeat {\n  display: inline-block;\n  margin-right: 0.30769231em;\n  padding: 0 6.5px;\n  color: #D7E0EF;\n  background-color: #42597F;\n  border-radius: 8.66666667px;\n}\n#__vconsole .vc-logbox .vc-item.vc-item-error .vc-item-repeat {\n  color: #901818;\n  background-color: #DC2727;\n}\n#__vconsole .vc-logbox .vc-item.vc-item-warn .vc-item-repeat {\n  color: #987D20;\n  background-color: #F4BD02;\n}\n#__vconsole .vc-logbox .vc-item .vc-item-code {\n  display: block;\n  white-space: pre-wrap;\n  overflow: auto;\n  position: relative;\n}\n#__vconsole .vc-logbox .vc-item .vc-item-code.vc-item-code-input,\n#__vconsole .vc-logbox .vc-item .vc-item-code.vc-item-code-output {\n  padding-left: 0.92307692em;\n}\n#__vconsole .vc-logbox .vc-item .vc-item-code.vc-item-code-input:before,\n#__vconsole .vc-logbox .vc-item .vc-item-code.vc-item-code-output:before {\n  content: "›";\n  position: absolute;\n  top: -0.23076923em;\n  left: 0;\n  font-size: 1.23076923em;\n  color: #6A5ACD;\n}\n#__vconsole .vc-logbox .vc-item .vc-item-code.vc-item-code-output:before {\n  content: "‹";\n}\n#__vconsole .vc-logbox .vc-item .vc-fold {\n  display: block;\n  overflow: auto;\n  -webkit-overflow-scrolling: touch;\n}\n#__vconsole .vc-logbox .vc-item .vc-fold .vc-fold-outer {\n  display: block;\n  font-style: italic;\n  padding-left: 0.76923077em;\n  position: relative;\n}\n#__vconsole .vc-logbox .vc-item .vc-fold .vc-fold-outer:active {\n  background-color: #E6E6E6;\n}\n#__vconsole .vc-logbox .vc-item .vc-fold .vc-fold-outer:before {\n  content: "";\n  position: absolute;\n  top: 0.30769231em;\n  left: 0.15384615em;\n  width: 0;\n  height: 0;\n  border: transparent solid 0.30769231em;\n  border-left-color: #000;\n}\n#__vconsole .vc-logbox .vc-item .vc-fold .vc-fold-outer.vc-toggle:before {\n  top: 0.46153846em;\n  left: 0;\n  border-top-color: #000;\n  border-left-color: transparent;\n}\n#__vconsole .vc-logbox .vc-item .vc-fold .vc-fold-inner {\n  display: none;\n  margin-left: 0.76923077em;\n}\n#__vconsole .vc-logbox .vc-item .vc-fold .vc-fold-inner.vc-toggle {\n  display: block;\n}\n#__vconsole .vc-logbox .vc-item .vc-fold .vc-fold-inner .vc-code-key {\n  margin-left: 0.76923077em;\n}\n#__vconsole .vc-logbox .vc-item .vc-fold .vc-fold-outer .vc-code-key {\n  margin-left: 0;\n}\n#__vconsole .vc-logbox .vc-code-key {\n  color: #905;\n}\n#__vconsole .vc-logbox .vc-code-private-key {\n  color: #D391B5;\n}\n#__vconsole .vc-logbox .vc-code-function {\n  color: #905;\n  font-style: italic;\n}\n#__vconsole .vc-logbox .vc-code-number,\n#__vconsole .vc-logbox .vc-code-boolean {\n  color: #0086B3;\n}\n#__vconsole .vc-logbox .vc-code-string {\n  color: #183691;\n}\n#__vconsole .vc-logbox .vc-code-null,\n#__vconsole .vc-logbox .vc-code-undefined {\n  color: #666;\n}\n#__vconsole .vc-logbox .vc-cmd {\n  position: absolute;\n  height: 3.07692308em;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border-top: 1px solid #D9D9D9;\n  display: block!important;\n}\n#__vconsole .vc-logbox .vc-cmd .vc-cmd-input-wrap {\n  display: block;\n  height: 2.15384615em;\n  margin-right: 3.07692308em;\n  padding: 0.46153846em 0.61538462em;\n}\n#__vconsole .vc-logbox .vc-cmd .vc-cmd-input {\n  width: 100%;\n  border: none;\n  resize: none;\n  outline: none;\n  padding: 0;\n  font-size: 0.92307692em;\n}\n#__vconsole .vc-logbox .vc-cmd .vc-cmd-input::-webkit-input-placeholder {\n  line-height: 2.15384615em;\n}\n#__vconsole .vc-logbox .vc-cmd .vc-cmd-btn {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 3.07692308em;\n  border: none;\n  background-color: #EFEFF4;\n  outline: none;\n  -webkit-touch-callout: none;\n  font-size: 1em;\n}\n#__vconsole .vc-logbox .vc-cmd .vc-cmd-btn:active {\n  background-color: rgba(0, 0, 0, 0.15);\n}\n#__vconsole .vc-logbox .vc-cmd .vc-cmd-prompted {\n  position: fixed;\n  width: 100%;\n  background-color: #FBF9FE;\n  border: 1px solid #D9D9D9;\n  overflow-x: scroll;\n  display: none;\n}\n#__vconsole .vc-logbox .vc-cmd .vc-cmd-prompted li {\n  list-style: none;\n  line-height: 30px;\n  padding: 0 0.46153846em;\n  border-bottom: 1px solid #D9D9D9;\n}\n#__vconsole .vc-logbox .vc-group .vc-group-preview {\n  -webkit-touch-callout: none;\n}\n#__vconsole .vc-logbox .vc-group .vc-group-preview:active {\n  background-color: #E6E6E6;\n}\n#__vconsole .vc-logbox .vc-group .vc-group-detail {\n  display: none;\n  padding: 0 0 0.76923077em 1.53846154em;\n  border-bottom: 1px solid #EEE;\n}\n#__vconsole .vc-logbox .vc-group.vc-actived .vc-group-detail {\n  display: block;\n  background-color: #FBF9FE;\n}\n#__vconsole .vc-logbox .vc-group.vc-actived .vc-table-row {\n  background-color: #FFF;\n}\n#__vconsole .vc-logbox .vc-group.vc-actived .vc-group-preview {\n  background-color: #FBF9FE;\n}\n#__vconsole .vc-logbox .vc-table .vc-table-row {\n  display: flex;\n  display: -webkit-flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  -webkit-box-direction: row;\n  -webkit-flex-wrap: wrap;\n  overflow: hidden;\n  border-bottom: 1px solid #EEE;\n}\n#__vconsole .vc-logbox .vc-table .vc-table-row.vc-left-border {\n  border-left: 1px solid #EEE;\n}\n#__vconsole .vc-logbox .vc-table .vc-table-col {\n  flex: 1;\n  -webkit-box-flex: 1;\n  padding: 0.23076923em 0.30769231em;\n  border-left: 1px solid #EEE;\n  overflow: auto;\n  white-space: pre-wrap;\n  word-break: break-word;\n  /*white-space: nowrap;\n        text-overflow: ellipsis;*/\n  -webkit-overflow-scrolling: touch;\n}\n#__vconsole .vc-logbox .vc-table .vc-table-col:first-child {\n  border: none;\n}\n#__vconsole .vc-logbox .vc-table .vc-small .vc-table-col {\n  padding: 0 0.30769231em;\n  font-size: 0.92307692em;\n}\n#__vconsole .vc-logbox .vc-table .vc-table-col-2 {\n  flex: 2;\n  -webkit-box-flex: 2;\n}\n#__vconsole .vc-logbox .vc-table .vc-table-col-3 {\n  flex: 3;\n  -webkit-box-flex: 3;\n}\n#__vconsole .vc-logbox .vc-table .vc-table-col-4 {\n  flex: 4;\n  -webkit-box-flex: 4;\n}\n#__vconsole .vc-logbox .vc-table .vc-table-col-5 {\n  flex: 5;\n  -webkit-box-flex: 5;\n}\n#__vconsole .vc-logbox .vc-table .vc-table-col-6 {\n  flex: 6;\n  -webkit-box-flex: 6;\n}\n#__vconsole .vc-logbox .vc-table .vc-table-row-error {\n  border-color: #F4A0AB;\n  background-color: #FFE4E1;\n}\n#__vconsole .vc-logbox .vc-table .vc-table-row-error .vc-table-col {\n  color: #DC143C;\n  border-color: #F4A0AB;\n}\n#__vconsole .vc-logbox .vc-table .vc-table-col-title {\n  font-weight: bold;\n}\n#__vconsole .vc-logbox.vc-actived {\n  display: block;\n}\n#__vconsole .vc-toolbar {\n  border-top: 1px solid #D9D9D9;\n  line-height: 3em;\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  display: -webkit-box;\n  flex-direction: row;\n  -webkit-box-direction: row;\n}\n#__vconsole .vc-toolbar .vc-tool {\n  display: none;\n  text-decoration: none;\n  color: #000;\n  width: 50%;\n  flex: 1;\n  -webkit-box-flex: 1;\n  text-align: center;\n  position: relative;\n  -webkit-touch-callout: none;\n}\n#__vconsole .vc-toolbar .vc-tool.vc-toggle,\n#__vconsole .vc-toolbar .vc-tool.vc-global-tool {\n  display: block;\n}\n#__vconsole .vc-toolbar .vc-tool:active {\n  background-color: rgba(0, 0, 0, 0.15);\n}\n#__vconsole .vc-toolbar .vc-tool:after {\n  content: " ";\n  position: absolute;\n  top: 0.53846154em;\n  bottom: 0.53846154em;\n  right: 0;\n  border-left: 1px solid #D9D9D9;\n}\n#__vconsole .vc-toolbar .vc-tool-last:after {\n  border: none;\n}\n@supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {\n  #__vconsole .vc-toolbar,\n  #__vconsole .vc-switch {\n    bottom: constant(safe-area-inset-bottom);\n    bottom: env(safe-area-inset-bottom);\n  }\n}\n#__vconsole.vc-toggle .vc-switch {\n  display: none;\n}\n#__vconsole.vc-toggle .vc-mask {\n  background: rgba(0, 0, 0, 0.6);\n  display: block;\n}\n#__vconsole.vc-toggle .vc-panel {\n  -webkit-transform: translate(0, 0);\n  transform: translate(0, 0);\n}\n',""])},function(e,t){e.exports='<div id="__vconsole" class="">\n  <div class="vc-switch">vConsole</div>\n  <div class="vc-mask">\n  </div>\n  <div class="vc-panel">\n    <div class="vc-tabbar">\n    </div>\n    <div class="vc-topbar">\n    </div>\n    <div class="vc-content">\n    </div>\n    <div class="vc-toolbar">\n      <a class="vc-tool vc-global-tool vc-tool-last vc-hide">Hide</a>\n    </div>\n  </div>\n</div>'},function(e,t){e.exports='<a class="vc-tab" data-tab="{{id}}" id="__vc_tab_{{id}}">{{name}}</a>'},function(e,t){e.exports='<div class="vc-logbox" id="__vc_log_{{id}}">\n  \n</div>'},function(e,t){e.exports='<a class="vc-toptab vc-topbar-{{pluginID}}{{if (className)}} {{className}}{{/if}}">{{name}}</a>'},function(e,t){e.exports='<a class="vc-tool vc-tool-{{pluginID}}">{{name}}</a>'},function(e,t){e.exports='<div id="{{_id}}" class="vc-item vc-item-{{logType}} {{style}}">\n\t<div class="vc-item-content"></div>\n</div>'},function(e,t){e.exports='<div class="vc-fold">\n  {{if (lineType == \'obj\')}}\n    <i class="vc-fold-outer">{{outer}}</i>\n    <div class="vc-fold-inner"></div>\n  {{else if (lineType == \'value\')}}\n    <i class="vc-code-{{valueType}}">{{value}}</i>\n  {{else if (lineType == \'kv\')}}\n    <i class="vc-code-key{{if (keyType)}} vc-code-{{keyType}}-key{{/if}}">{{key}}</i>: <i class="vc-code-{{valueType}}">{{value}}</i>\n  {{/if}}\n</div>'},function(e,t){e.exports='<span>\n  <i class="vc-code-key{{if (keyType)}} vc-code-{{keyType}}-key{{/if}}">{{key}}</i>: <i class="vc-code-{{valueType}}">{{value}}</i>\n</span>'},function(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_FACTORY__,__WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__,factory;factory=function(_exports,_query,tool,_log,_tabbox_default,_item_code){"use strict";function _interopRequireWildcard(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o)){var n=Object.defineProperty&&Object.getOwnPropertyDescriptor?Object.getOwnPropertyDescriptor(e,o):{};n.get||n.set?Object.defineProperty(t,o,n):t[o]=e[o]}return t.default=e,t}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,o){return t&&_defineProperties(e.prototype,t),o&&_defineProperties(e,o),e}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _get(e,t,o){return(_get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,o){var n=_superPropBase(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(o):r.value}})(e,t,o||e)}function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}function _getPrototypeOf(e){return(_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}function _setPrototypeOf(e,t){return(_setPrototypeOf=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=void 0,_query=_interopRequireDefault(_query),tool=_interopRequireWildcard(tool),_log=_interopRequireDefault(_log),_tabbox_default=_interopRequireDefault(_tabbox_default),_item_code=_interopRequireDefault(_item_code);var VConsoleDefaultTab=function(_VConsoleLogTab){function VConsoleDefaultTab(){var e,t;_classCallCheck(this,VConsoleDefaultTab);for(var o=arguments.length,n=new Array(o),r=0;r<o;r++)n[r]=arguments[r];return(t=_possibleConstructorReturn(this,(e=_getPrototypeOf(VConsoleDefaultTab)).call.apply(e,[this].concat(n)))).tplTabbox=_tabbox_default.default,t}return _inherits(VConsoleDefaultTab,_VConsoleLogTab),_createClass(VConsoleDefaultTab,[{key:"onReady",value:function onReady(){var that=this;_get(_getPrototypeOf(VConsoleDefaultTab.prototype),"onReady",this).call(this),window.winKeys=Object.getOwnPropertyNames(window).sort(),window.keyTypes={};for(var i=0;i<winKeys.length;i++)keyTypes[winKeys[i]]=_typeof(window[winKeys[i]]);var cacheObj={},ID_REGEX=/[a-zA-Z_0-9\$\-\u00A2-\uFFFF]/,retrievePrecedingIdentifier=function(e,t,o){o=o||ID_REGEX;for(var n=[],r=t-1;r>=0&&o.test(e[r]);r--)n.push(e[r]);if(0==n.length){o=/\./;for(var i=t-1;i>=0&&o.test(e[i]);i--)n.push(e[i])}if(0===n.length){var a=e.match(/[\(\)\[\]\{\}]/gi)||[];return a[a.length-1]}return n.reverse().join("")};_query.default.bind(_query.default.one(".vc-cmd-input"),"keyup",function(e){var isDeleteKeyCode=8===e.keyCode||46===e.keyCode,$prompted=_query.default.one(".vc-cmd-prompted");$prompted.style.display="none",$prompted.innerHTML="";var tempValue=this.value,value=retrievePrecedingIdentifier(this.value,this.value.length);if(value&&value.length>0){if(/\(/.test(value)&&!isDeleteKeyCode)return void(_query.default.one(".vc-cmd-input").value+=")");if(/\[/.test(value)&&!isDeleteKeyCode)return void(_query.default.one(".vc-cmd-input").value+="]");if(/\{/.test(value)&&!isDeleteKeyCode)return void(_query.default.one(".vc-cmd-input").value+="}");if("."===value){var key=retrievePrecedingIdentifier(tempValue,tempValue.length-1);if(!cacheObj[key])try{cacheObj[key]=Object.getOwnPropertyNames(eval("("+key+")")).sort()}catch(e){}try{for(var _i3=0;_i3<cacheObj[key].length;_i3++){var $li=document.createElement("li"),_key=cacheObj[key][_i3];$li.innerHTML=_key,$li.onclick=function(){_query.default.one(".vc-cmd-input").value="",_query.default.one(".vc-cmd-input").value=tempValue+this.innerHTML,$prompted.style.display="none"},$prompted.appendChild($li)}}catch(e){}}else if("."!==value.substring(value.length-1)&&value.indexOf(".")<0){for(var _i4=0;_i4<winKeys.length;_i4++)if(winKeys[_i4].toLowerCase().indexOf(value.toLowerCase())>=0){var _$li=document.createElement("li");_$li.innerHTML=winKeys[_i4],_$li.onclick=function(){_query.default.one(".vc-cmd-input").value="",_query.default.one(".vc-cmd-input").value=this.innerHTML,"function"==keyTypes[this.innerHTML]&&(_query.default.one(".vc-cmd-input").value+="()"),$prompted.style.display="none"},$prompted.appendChild(_$li)}}else{var arr=value.split(".");if(cacheObj[arr[0]]){cacheObj[arr[0]].sort();for(var _i5=0;_i5<cacheObj[arr[0]].length;_i5++){var _$li2=document.createElement("li"),_key3=cacheObj[arr[0]][_i5];_key3.indexOf(arr[1])>=0&&(_$li2.innerHTML=_key3,_$li2.onclick=function(){_query.default.one(".vc-cmd-input").value="",_query.default.one(".vc-cmd-input").value=tempValue+this.innerHTML,$prompted.style.display="none"},$prompted.appendChild(_$li2))}}}if($prompted.children.length>0){var m=Math.min(200,31*$prompted.children.length);$prompted.style.display="block",$prompted.style.height=m+"px",$prompted.style.marginTop=-m+"px"}}else $prompted.style.display="none"}),_query.default.bind(_query.default.one(".vc-cmd",this.$tabbox),"submit",function(e){e.preventDefault();var t=_query.default.one(".vc-cmd-input",e.target),o=t.value;t.value="",""!==o&&that.evalCommand(o);var n=_query.default.one(".vc-cmd-prompted");n&&(n.style.display="none")});var code="";code+="if (!!window) {",code+="window.__vConsole_cmd_result = undefined;",code+="window.__vConsole_cmd_error = false;",code+="}";var scriptList=document.getElementsByTagName("script"),nonce="";scriptList.length>0&&(nonce=scriptList[0].nonce||"");var script=document.createElement("SCRIPT");script.innerHTML=code,script.setAttribute("nonce",nonce),document.documentElement.appendChild(script),document.documentElement.removeChild(script)}},{key:"mockConsole",value:function(){_get(_getPrototypeOf(VConsoleDefaultTab.prototype),"mockConsole",this).call(this);var e=this;tool.isFunction(window.onerror)&&(this.windowOnError=window.onerror),window.onerror=function(t,o,n,r,i){var a=t;o&&(a+="\n"+o.replace(location.origin,"")),(n||r)&&(a+=":"+n+":"+r);var l=!!i&&!!i.stack&&i.stack.toString()||"";e.printLog({logType:"error",logs:[a,l],noOrigin:!0}),tool.isFunction(e.windowOnError)&&e.windowOnError.call(window,t,o,n,r,i)}}},{key:"evalCommand",value:function(e){this.printLog({logType:"log",content:_query.default.render(_item_code.default,{content:e,type:"input"}),style:""});var t,o=void 0;try{o=eval.call(window,"("+e+")")}catch(t){try{o=eval.call(window,e)}catch(e){}}tool.isArray(o)||tool.isObject(o)?t=this.getFoldedLine(o):(tool.isNull(o)?o="null":tool.isUndefined(o)?o="undefined":tool.isFunction(o)?o="function()":tool.isString(o)&&(o='"'+o+'"'),t=_query.default.render(_item_code.default,{content:o,type:"output"})),this.printLog({logType:"log",content:t,style:""}),window.winKeys=Object.getOwnPropertyNames(window).sort()}}]),VConsoleDefaultTab}(_log.default),_default=VConsoleDefaultTab;_exports.default=_default,module.exports=exports.default},__WEBPACK_AMD_DEFINE_ARRAY__=[exports,__webpack_require__(1),__webpack_require__(0),__webpack_require__(3),__webpack_require__(22),__webpack_require__(23)],void 0===(__WEBPACK_AMD_DEFINE_RESULT__="function"==typeof(__WEBPACK_AMD_DEFINE_FACTORY__=factory)?__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__):__WEBPACK_AMD_DEFINE_FACTORY__)||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)},function(e,t){e.exports='<div>\n  <div class="vc-log"></div>\n  <form class="vc-cmd">\n    <button class="vc-cmd-btn" type="submit">OK</button>\n    <ul class=\'vc-cmd-prompted\'></ul>\n    <div class="vc-cmd-input-wrap">\n      <textarea class="vc-cmd-input" placeholder="command..."></textarea>\n    </div>\n  </form>\n</div>'},function(e,t){e.exports='<pre class="vc-item-code vc-item-code-{{type}}">{{content}}</pre>'},function(e,t,o){var n,r,i;r=[t,o(3),o(25)],void 0===(i="function"==typeof(n=function(o,n,r){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e){return(a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function l(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function c(e,t){return!t||"object"!==a(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function s(e,t,o){return(s="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=d(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(o):r.value}})(e,t,o||e)}function d(e){return(d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function u(e,t){return(u=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}Object.defineProperty(o,"__esModule",{value:!0}),o.default=void 0,n=i(n),r=i(r);var v=function(e){function t(){var e,o;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);for(var n=arguments.length,i=new Array(n),a=0;a<n;a++)i[a]=arguments[a];return(o=c(this,(e=d(t)).call.apply(e,[this].concat(i)))).tplTabbox=r.default,o.allowUnformattedLog=!1,o}var o,i,a;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&u(e,t)}(t,n.default),o=t,(i=[{key:"onInit",value:function(){s(d(t.prototype),"onInit",this).call(this),this.printSystemInfo()}},{key:"printSystemInfo",value:function(){var e=navigator.userAgent,t="",o=e.match(/(ipod).*\s([\d_]+)/i),n=e.match(/(ipad).*\s([\d_]+)/i),r=e.match(/(iphone)\sos\s([\d_]+)/i),i=e.match(/(android)\s([\d\.]+)/i);t="Unknown",i?t="Android "+i[2]:r?t="iPhone, iOS "+r[2].replace(/_/g,"."):n?t="iPad, iOS "+n[2].replace(/_/g,"."):o&&(t="iPod, iOS "+o[2].replace(/_/g,"."));var a=t,l=e.match(/MicroMessenger\/([\d\.]+)/i);t="Unknown",l&&l[1]?(a+=", WeChat "+(t=l[1]),console.info("[system]","System:",a)):console.info("[system]","System:",a),t="Unknown",a=t="https:"==location.protocol?"HTTPS":"http:"==location.protocol?"HTTP":location.protocol.replace(":","");var c=e.toLowerCase().match(/ nettype\/([^ ]+)/g);t="Unknown",c&&c[0]?(a+=", "+(t=(c=c[0].split("/"))[1]),console.info("[system]","Network:",a)):console.info("[system]","Protocol:",a),console.info("[system]","UA:",e),setTimeout(function(){var e=window.performance||window.msPerformance||window.webkitPerformance;if(e&&e.timing){var t=e.timing;t.navigationStart&&console.info("[system]","navigationStart:",t.navigationStart),t.navigationStart&&t.domainLookupStart&&console.info("[system]","navigation:",t.domainLookupStart-t.navigationStart+"ms"),t.domainLookupEnd&&t.domainLookupStart&&console.info("[system]","dns:",t.domainLookupEnd-t.domainLookupStart+"ms"),t.connectEnd&&t.connectStart&&(t.connectEnd&&t.secureConnectionStart?console.info("[system]","tcp (ssl):",t.connectEnd-t.connectStart+"ms ("+(t.connectEnd-t.secureConnectionStart)+"ms)"):console.info("[system]","tcp:",t.connectEnd-t.connectStart+"ms")),t.responseStart&&t.requestStart&&console.info("[system]","request:",t.responseStart-t.requestStart+"ms"),t.responseEnd&&t.responseStart&&console.info("[system]","response:",t.responseEnd-t.responseStart+"ms"),t.domComplete&&t.domLoading&&(t.domContentLoadedEventStart&&t.domLoading?console.info("[system]","domComplete (domLoaded):",t.domComplete-t.domLoading+"ms ("+(t.domContentLoadedEventStart-t.domLoading)+"ms)"):console.info("[system]","domComplete:",t.domComplete-t.domLoading+"ms")),t.loadEventEnd&&t.loadEventStart&&console.info("[system]","loadEvent:",t.loadEventEnd-t.loadEventStart+"ms"),t.navigationStart&&t.loadEventEnd&&console.info("[system]","total (DOM):",t.loadEventEnd-t.navigationStart+"ms ("+(t.domComplete-t.navigationStart)+"ms)")}},0)}}])&&l(o.prototype,i),a&&l(o,a),t}();o.default=v,e.exports=t.default})?n.apply(t,r):n)||(e.exports=i)},function(e,t){e.exports='<div>\n  <div class="vc-log"></div>\n</div>'},function(e,t,o){var n,r,i;r=[t,o(1),o(0),o(2),o(27),o(28),o(29)],void 0===(i="function"==typeof(n=function(o,n,r,i,a,l,c){"use strict";function s(e){return e&&e.__esModule?e:{default:e}}function d(e){return(d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function u(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function v(e,t){return!t||"object"!==d(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function f(e){return(f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function p(e,t){return(p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}Object.defineProperty(o,"__esModule",{value:!0}),o.default=void 0,n=s(n),r=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o)){var n=Object.defineProperty&&Object.getOwnPropertyDescriptor?Object.getOwnPropertyDescriptor(e,o):{};n.get||n.set?Object.defineProperty(t,o,n):t[o]=e[o]}return t.default=e,t}(r),i=s(i),a=s(a),l=s(l),c=s(c);var b=function(e){function t(){var e,o;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);for(var r=arguments.length,i=new Array(r),l=0;l<r;l++)i[l]=arguments[l];return(o=v(this,(e=f(t)).call.apply(e,[this].concat(i)))).$tabbox=n.default.render(a.default,{}),o.$header=null,o.reqList={},o.domList={},o.isReady=!1,o.isShow=!1,o.isInBottom=!0,o._open=void 0,o._send=void 0,o.mockAjax(),o}var o,s,d;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&p(e,t)}(t,i.default),o=t,(s=[{key:"onRenderTab",value:function(e){e(this.$tabbox)}},{key:"onAddTool",value:function(e){var t=this;e([{name:"Clear",global:!1,onClick:function(e){t.clearLog()}}])}},{key:"onReady",value:function(){var e=this;e.isReady=!0,this.renderHeader(),n.default.delegate(n.default.one(".vc-log",this.$tabbox),"click",".vc-group-preview",function(t){var o=this.dataset.reqid,r=this.parentNode;n.default.hasClass(r,"vc-actived")?(n.default.removeClass(r,"vc-actived"),e.updateRequest(o,{actived:!1})):(n.default.addClass(r,"vc-actived"),e.updateRequest(o,{actived:!0})),t.preventDefault()});var t=n.default.one(".vc-content");for(var o in n.default.bind(t,"scroll",function(o){e.isShow&&(t.scrollTop+t.offsetHeight>=t.scrollHeight?e.isInBottom=!0:e.isInBottom=!1)}),e.reqList)e.updateRequest(o,{})}},{key:"onRemove",value:function(){window.XMLHttpRequest&&(window.XMLHttpRequest.prototype.open=this._open,window.XMLHttpRequest.prototype.send=this._send,this._open=void 0,this._send=void 0)}},{key:"onShow",value:function(){this.isShow=!0,1==this.isInBottom&&this.scrollToBottom()}},{key:"onHide",value:function(){this.isShow=!1}},{key:"onShowConsole",value:function(){1==this.isInBottom&&this.scrollToBottom()}},{key:"scrollToBottom",value:function(){var e=n.default.one(".vc-content");e.scrollTop=e.scrollHeight-e.offsetHeight}},{key:"clearLog",value:function(){for(var e in this.reqList={},this.domList)this.domList[e].parentNode.removeChild(this.domList[e]),this.domList[e]=void 0;this.domList={},this.renderHeader()}},{key:"renderHeader",value:function(){var e=Object.keys(this.reqList).length,t=n.default.render(l.default,{count:e}),o=n.default.one(".vc-log",this.$tabbox);this.$header?this.$header.parentNode.replaceChild(t,this.$header):o.parentNode.insertBefore(t,o),this.$header=t}},{key:"updateRequest",value:function(e,t){var o=Object.keys(this.reqList).length,i=this.reqList[e]||{};for(var a in t)i[a]=t[a];if(this.reqList[e]=i,this.isReady){var l={id:e,url:i.url,status:i.status,method:i.method||"-",costTime:i.costTime>0?i.costTime+"ms":"-",header:i.header||null,getData:i.getData||null,postData:i.postData||null,response:null,actived:!!i.actived};switch(i.responseType){case"":case"text":if(r.isString(i.response))try{l.response=JSON.parse(i.response),l.response=JSON.stringify(l.response,null,1),l.response=r.htmlEncode(l.response)}catch(e){l.response=r.htmlEncode(i.response)}else void 0!==i.response&&(l.response=Object.prototype.toString.call(i.response));break;case"json":void 0!==i.response&&(l.response=JSON.stringify(i.response,null,1),l.response=r.htmlEncode(l.response));break;case"blob":case"document":case"arraybuffer":default:void 0!==i.response&&(l.response=Object.prototype.toString.call(i.response))}0==i.readyState||1==i.readyState?l.status="Pending":2==i.readyState||3==i.readyState?l.status="Loading":4==i.readyState||(l.status="Unknown");var s=n.default.render(c.default,l),d=this.domList[e];i.status>=400&&n.default.addClass(n.default.one(".vc-group-preview",s),"vc-table-row-error"),d?d.parentNode.replaceChild(s,d):n.default.one(".vc-log",this.$tabbox).insertAdjacentElement("beforeend",s),this.domList[e]=s,Object.keys(this.reqList).length!=o&&this.renderHeader(),this.isInBottom&&this.scrollToBottom()}}},{key:"mockAjax",value:function(){if(window.XMLHttpRequest){var e=this,t=window.XMLHttpRequest.prototype.open,o=window.XMLHttpRequest.prototype.send;e._open=t,e._send=o,window.XMLHttpRequest.prototype.open=function(){var o=this,n=[].slice.call(arguments),r=n[0],i=n[1],a=e.getUniqueID(),l=null;o._requestID=a,o._method=r,o._url=i;var c=o.onreadystatechange||function(){},s=function(){var t=e.reqList[a]||{};if(t.readyState=o.readyState,t.status=0,o.readyState>1&&(t.status=o.status),t.responseType=o.responseType,0==o.readyState)t.startTime||(t.startTime=+new Date);else if(1==o.readyState)t.startTime||(t.startTime=+new Date);else if(2==o.readyState){t.header={};for(var n=o.getAllResponseHeaders()||"",r=n.split("\n"),i=0;i<r.length;i++){var s=r[i];if(s){var d=s.split(": "),u=d[0],v=d.slice(1).join(": ");t.header[u]=v}}}else 3==o.readyState||(4==o.readyState?(clearInterval(l),t.endTime=+new Date,t.costTime=t.endTime-(t.startTime||t.endTime),t.response=o.response):clearInterval(l));return o._noVConsole||e.updateRequest(a,t),c.apply(o,arguments)};o.onreadystatechange=s;var d=-1;return l=setInterval(function(){d!=o.readyState&&(d=o.readyState,s.call(o))},10),t.apply(o,n)},window.XMLHttpRequest.prototype.send=function(){var t=this,n=[].slice.call(arguments),i=n[0],a=e.reqList[t._requestID]||{};a.method=t._method.toUpperCase();var l=t._url.split("?");if(a.url=l.shift(),l.length>0){a.getData={},l=(l=l.join("?")).split("&");var c=!0,s=!1,d=void 0;try{for(var u,v=l[Symbol.iterator]();!(c=(u=v.next()).done);c=!0){var f=u.value;f=f.split("="),a.getData[f[0]]=decodeURIComponent(f[1])}}catch(e){s=!0,d=e}finally{try{c||null==v.return||v.return()}finally{if(s)throw d}}}if("POST"==a.method)if(r.isString(i)){var p=i.split("&");a.postData={};var b=!0,g=!1,h=void 0;try{for(var m,y=p[Symbol.iterator]();!(b=(m=y.next()).done);b=!0){var _=m.value;_=_.split("="),a.postData[_[0]]=_[1]}}catch(e){g=!0,h=e}finally{try{b||null==y.return||y.return()}finally{if(g)throw h}}}else r.isPlainObject(i)&&(a.postData=i);return t._noVConsole||e.updateRequest(t._requestID,a),o.apply(t,n)}}}},{key:"getUniqueID",value:function(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){var t=16*Math.random()|0;return("x"==e?t:3&t|8).toString(16)})}}])&&u(o.prototype,s),d&&u(o,d),t}();o.default=b,e.exports=t.default})?n.apply(t,r):n)||(e.exports=i)},function(e,t){e.exports='<div class="vc-table">\n  <div class="vc-log"></div>\n</div>'},function(e,t){e.exports='<dl class="vc-table-row">\n  <dd class="vc-table-col vc-table-col-4">Name {{if (count > 0)}}({{count}}){{/if}}</dd>\n  <dd class="vc-table-col">Method</dd>\n  <dd class="vc-table-col">Status</dd>\n  <dd class="vc-table-col">Time</dd>\n</dl>'},function(e,t){e.exports='<div class="vc-group {{actived ? \'vc-actived\' : \'\'}}">\n  <dl class="vc-table-row vc-group-preview" data-reqid="{{id}}">\n    <dd class="vc-table-col vc-table-col-4">{{url}}</dd>\n    <dd class="vc-table-col">{{method}}</dd>\n    <dd class="vc-table-col">{{status}}</dd>\n    <dd class="vc-table-col">{{costTime}}</dd>\n  </dl>\n  <div class="vc-group-detail">\n    {{if (header !== null)}}\n    <div>\n      <dl class="vc-table-row vc-left-border">\n        <dt class="vc-table-col vc-table-col-title">Headers</dt>\n      </dl>\n      {{for (var key in header)}}\n      <div class="vc-table-row vc-left-border vc-small">\n        <div class="vc-table-col vc-table-col-2">{{key}}</div>\n        <div class="vc-table-col vc-table-col-4 vc-max-height-line">{{header[key]}}</div>\n      </div>\n      {{/for}}\n    </div>\n    {{/if}}\n    {{if (getData !== null)}}\n    <div>\n      <dl class="vc-table-row vc-left-border">\n        <dt class="vc-table-col vc-table-col-title">Query String Parameters</dt>\n      </dl>\n      {{for (var key in getData)}}\n      <div class="vc-table-row vc-left-border vc-small">\n        <div class="vc-table-col vc-table-col-2">{{key}}</div>\n        <div class="vc-table-col vc-table-col-4 vc-max-height-line">{{getData[key]}}</div>\n      </div>\n      {{/for}}\n    </div>\n    {{/if}}\n    {{if (postData !== null)}}\n    <div>\n      <dl class="vc-table-row vc-left-border">\n        <dt class="vc-table-col vc-table-col-title">Form Data</dt>\n      </dl>\n      {{for (var key in postData)}}\n      <div class="vc-table-row vc-left-border vc-small">\n        <div class="vc-table-col vc-table-col-2">{{key}}</div>\n        <div class="vc-table-col vc-table-col-4 vc-max-height-line">{{postData[key]}}</div>\n      </div>\n      {{/for}}\n    </div>\n    {{/if}}\n    <div>\n      <dl class="vc-table-row vc-left-border">\n        <dt class="vc-table-col vc-table-col-title">Response</dt>\n      </dl>\n      <div class="vc-table-row vc-left-border vc-small">\n        <pre class="vc-table-col vc-max-height vc-min-height">{{response || \'\'}}</pre>\n      </div>\n    </div>\n  </div>\n</div>'},function(e,t,o){var n,r,i;r=[t,o(31),o(2),o(33),o(34),o(0),o(1)],void 0===(i="function"==typeof(n=function(o,n,r,i,a,l,c){"use strict";function s(e){return e&&e.__esModule?e:{default:e}}function d(e){return(d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function u(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function v(e){return(v=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function f(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e,t){return(p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}Object.defineProperty(o,"__esModule",{value:!0}),o.default=void 0,r=s(r),i=s(i),a=s(a),l=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o)){var n=Object.defineProperty&&Object.getOwnPropertyDescriptor?Object.getOwnPropertyDescriptor(e,o):{};n.get||n.set?Object.defineProperty(t,o,n):t[o]=e[o]}return t.default=e,t}(l),c=s(c);var b=function(e){function t(){var e,o,n,r;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);for(var a=arguments.length,l=new Array(a),s=0;s<a;s++)l[s]=arguments[s];n=this,o=!(r=(e=v(t)).call.apply(e,[this].concat(l)))||"object"!==d(r)&&"function"!=typeof r?f(n):r;var u=f(o);u.isInited=!1,u.node={},u.$tabbox=c.default.render(i.default,{}),u.nodes=[],u.activedElem={};var p=window.MutationObserver||window.WebKitMutationObserver||window.MozMutationObserver;return u.observer=new p(function(e){for(var t=0;t<e.length;t++){var o=e[t];u._isInVConsole(o.target)||u.onMutation(o)}}),o}var o,n,l;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&p(e,t)}(t,r.default),o=t,(n=[{key:"onRenderTab",value:function(e){e(this.$tabbox)}},{key:"onAddTool",value:function(e){var t=this;e([{name:"Expand",global:!1,onClick:function(e){if(t.activedElem)if(c.default.hasClass(t.activedElem,"vc-toggle"))for(var o=0;o<t.activedElem.childNodes.length;o++){var n=t.activedElem.childNodes[o];if(c.default.hasClass(n,"vcelm-l")&&!c.default.hasClass(n,"vcelm-noc")&&!c.default.hasClass(n,"vc-toggle")){c.default.one(".vcelm-node",n).click();break}}else c.default.one(".vcelm-node",t.activedElem).click()}},{name:"Collapse",global:!1,onClick:function(e){t.activedElem&&(c.default.hasClass(t.activedElem,"vc-toggle")?c.default.one(".vcelm-node",t.activedElem).click():t.activedElem.parentNode&&c.default.hasClass(t.activedElem.parentNode,"vcelm-l")&&c.default.one(".vcelm-node",t.activedElem.parentNode).click())}}])}},{key:"onShow",value:function(){if(!this.isInited){this.isInited=!0,this.node=this.getNode(document.documentElement);var e=this.renderView(this.node,c.default.one(".vc-log",this.$tabbox)),t=c.default.one(".vcelm-node",e);t&&t.click(),this.observer.observe(document.documentElement,{attributes:!0,childList:!0,characterData:!0,subtree:!0})}}},{key:"onRemove",value:function(){this.observer.disconnect()}},{key:"onMutation",value:function(e){switch(e.type){case"childList":e.removedNodes.length>0&&this.onChildRemove(e),e.addedNodes.length>0&&this.onChildAdd(e);break;case"attributes":this.onAttributesChange(e);break;case"characterData":this.onCharacterDataChange(e)}}},{key:"onChildRemove",value:function(e){var t=e.target;if(t.__vconsole_node){for(var o=0;o<e.removedNodes.length;o++){var n=e.removedNodes[o].__vconsole_node;n&&n.view&&n.view.parentNode.removeChild(n.view)}this.getNode(t)}}},{key:"onChildAdd",value:function(e){var t=e.target,o=t.__vconsole_node;if(o){this.getNode(t),o.view&&c.default.removeClass(o.view,"vcelm-noc");for(var n=0;n<e.addedNodes.length;n++){var r=e.addedNodes[n].__vconsole_node;if(r)if(null!==e.nextSibling){var i=e.nextSibling.__vconsole_node;i.view&&this.renderView(r,i.view,"insertBefore")}else o.view&&(o.view.lastChild?this.renderView(r,o.view.lastChild,"insertBefore"):this.renderView(r,o.view))}}}},{key:"onAttributesChange",value:function(e){var t=e.target.__vconsole_node;t&&(t=this.getNode(e.target)).view&&this.renderView(t,t.view,!0)}},{key:"onCharacterDataChange",value:function(e){var t=e.target.__vconsole_node;t&&(t=this.getNode(e.target)).view&&this.renderView(t,t.view,!0)}},{key:"renderView",value:function(e,t,o){var n=this,r=new a.default(e).get();switch(e.view=r,c.default.delegate(r,"click",".vcelm-node",function(t){t.stopPropagation();var o=this.parentNode;if(!c.default.hasClass(o,"vcelm-noc")){n.activedElem=o,c.default.hasClass(o,"vc-toggle")?c.default.removeClass(o,"vc-toggle"):c.default.addClass(o,"vc-toggle");for(var r=-1,i=0;i<o.children.length;i++){var a=o.children[i];c.default.hasClass(a,"vcelm-l")&&(r++,a.children.length>0||(e.childNodes[r]?n.renderView(e.childNodes[r],a,"replace"):a.style.display="none"))}}}),o){case"replace":t.parentNode.replaceChild(r,t);break;case"insertBefore":t.parentNode.insertBefore(r,t);break;default:t.appendChild(r)}return r}},{key:"getNode",value:function(e){if(!this._isIgnoredElement(e)){var t=e.__vconsole_node||{};if(t.nodeType=e.nodeType,t.nodeName=e.nodeName,t.tagName=e.tagName||"",t.textContent="",t.nodeType!=e.TEXT_NODE&&t.nodeType!=e.DOCUMENT_TYPE_NODE||(t.textContent=e.textContent),t.id=e.id||"",t.className=e.className||"",t.attributes=[],e.hasAttributes&&e.hasAttributes())for(var o=0;o<e.attributes.length;o++)t.attributes.push({name:e.attributes[o].name,value:e.attributes[o].value||""});if(t.childNodes=[],e.childNodes.length>0)for(var n=0;n<e.childNodes.length;n++){var r=this.getNode(e.childNodes[n]);r&&t.childNodes.push(r)}return e.__vconsole_node=t,t}}},{key:"_isIgnoredElement",value:function(e){return e.nodeType==e.TEXT_NODE&&""==e.textContent.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$|\n+/g,"")}},{key:"_isInVConsole",value:function(e){for(var t=e;null!=t;){if("__vconsole"==t.id)return!0;t=t.parentNode||void 0}return!1}}])&&u(o.prototype,n),l&&u(o,l),t}();o.default=b,e.exports=t.default})?n.apply(t,r):n)||(e.exports=i)},function(e,t,o){var n=o(32);"string"==typeof n&&(n=[[e.i,n,""]]);var r={insert:"head",singleton:!1};o(5)(n,r);n.locals&&(e.exports=n.locals)},function(e,t,o){(e.exports=o(4)(!1)).push([e.i,'/* color */\n.vcelm-node {\n  color: #183691;\n}\n.vcelm-k {\n  color: #0086B3;\n}\n.vcelm-v {\n  color: #905;\n}\n/* layout */\n.vcelm-l {\n  padding-left: 8px;\n  position: relative;\n  word-wrap: break-word;\n  line-height: 1;\n}\n/*.vcelm-l.vcelm-noc {\n  padding-left: 0;\n}*/\n.vcelm-l.vc-toggle > .vcelm-node {\n  display: block;\n}\n.vcelm-l .vcelm-node:active {\n  background-color: rgba(0, 0, 0, 0.15);\n}\n.vcelm-l.vcelm-noc .vcelm-node:active {\n  background-color: transparent;\n}\n.vcelm-t {\n  white-space: pre-wrap;\n  word-wrap: break-word;\n}\n/* level */\n.vcelm-l .vcelm-l {\n  display: none;\n}\n.vcelm-l.vc-toggle > .vcelm-l {\n  margin-left: 4px;\n  display: block;\n}\n/* arrow */\n.vcelm-l:before {\n  content: "";\n  display: block;\n  position: absolute;\n  top: 6px;\n  left: 3px;\n  width: 0;\n  height: 0;\n  border: transparent solid 3px;\n  border-left-color: #000;\n}\n.vcelm-l.vc-toggle:before {\n  display: block;\n  top: 6px;\n  left: 0;\n  border-top-color: #000;\n  border-left-color: transparent;\n}\n.vcelm-l.vcelm-noc:before {\n  display: none;\n}\n',""])},function(e,t){e.exports='<div>\n  <div class="vc-log"></div>\n</div>'},function(e,t,o){var n,r,i;r=[t,o(35),o(36),o(0),o(1)],void 0===(i="function"==typeof(n=function(o,n,r,i,a){"use strict";function l(e){return e&&e.__esModule?e:{default:e}}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}Object.defineProperty(o,"__esModule",{value:!0}),o.default=void 0,n=l(n),r=l(r),i=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o)){var n=Object.defineProperty&&Object.getOwnPropertyDescriptor?Object.getOwnPropertyDescriptor(e,o):{};n.get||n.set?Object.defineProperty(t,o,n):t[o]=e[o]}return t.default=e,t}(i),a=l(a);var s=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.node=t,this.view=this._create(this.node)}var t,o,i;return t=e,(o=[{key:"get",value:function(){return this.view}},{key:"_create",value:function(e,t){var o=document.createElement("DIV");switch(a.default.addClass(o,"vcelm-l"),e.nodeType){case o.ELEMENT_NODE:this._createElementNode(e,o);break;case o.TEXT_NODE:this._createTextNode(e,o);break;case o.COMMENT_NODE:case o.DOCUMENT_NODE:case o.DOCUMENT_TYPE_NODE:case o.DOCUMENT_FRAGMENT_NODE:}return o}},{key:"_createTextNode",value:function(e,t){a.default.addClass(t,"vcelm-t vcelm-noc"),e.textContent&&t.appendChild(function(e){return document.createTextNode(e)}(e.textContent.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,"")))}},{key:"_createElementNode",value:function(e,t){var o,i=(o=(o=e.tagName)?o.toLowerCase():"",["br","hr","img","input","link","meta"].indexOf(o)>-1),l=i;0==e.childNodes.length&&(l=!0);var c=a.default.render(n.default,{node:e}),s=a.default.render(r.default,{node:e});if(l)a.default.addClass(t,"vcelm-noc"),t.appendChild(c),i||t.appendChild(s);else{t.appendChild(c);for(var d=0;d<e.childNodes.length;d++){var u=document.createElement("DIV");a.default.addClass(u,"vcelm-l"),t.appendChild(u)}i||t.appendChild(s)}}}])&&c(t.prototype,o),i&&c(t,i),e}();o.default=s,e.exports=t.default})?n.apply(t,r):n)||(e.exports=i)},function(e,t){e.exports='<span class="vcelm-node">&lt;{{node.tagName.toLowerCase()}}{{if (node.className || node.attributes.length)}}\n  <i class="vcelm-k">\n    {{for (var i = 0; i < node.attributes.length; i++)}}\n      {{if (node.attributes[i].value !== \'\')}}\n        {{node.attributes[i].name}}="<i class="vcelm-v">{{node.attributes[i].value}}</i>"{{else}}\n        {{node.attributes[i].name}}{{/if}}{{/for}}</i>{{/if}}&gt;</span>'},function(e,t){e.exports='<span class="vcelm-node">&lt;/{{node.tagName.toLowerCase()}}&gt;</span>'},function(e,t,o){var n,r,i;r=[t,o(2),o(38),o(39),o(0),o(1)],void 0===(i="function"==typeof(n=function(o,n,r,i,a,l){"use strict";function c(e){return e&&e.__esModule?e:{default:e}}function s(e){return(s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function d(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function u(e,t){return!t||"object"!==s(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function v(e){return(v=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function f(e,t){return(f=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}Object.defineProperty(o,"__esModule",{value:!0}),o.default=void 0,n=c(n),r=c(r),i=c(i),a=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o)){var n=Object.defineProperty&&Object.getOwnPropertyDescriptor?Object.getOwnPropertyDescriptor(e,o):{};n.get||n.set?Object.defineProperty(t,o,n):t[o]=e[o]}return t.default=e,t}(a),l=c(l);var p=function(e){function t(){var e,o;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);for(var n=arguments.length,i=new Array(n),a=0;a<n;a++)i[a]=arguments[a];return(o=u(this,(e=v(t)).call.apply(e,[this].concat(i)))).$tabbox=l.default.render(r.default,{}),o.currentType="",o.typeNameMap={cookies:"Cookies",localstorage:"LocalStorage",sessionstorage:"SessionStorage"},o}var o,c,s;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&f(e,t)}(t,n.default),o=t,(c=[{key:"onRenderTab",value:function(e){e(this.$tabbox)}},{key:"onAddTopBar",value:function(e){for(var t=this,o=["Cookies","LocalStorage","SessionStorage"],n=[],r=0;r<o.length;r++)n.push({name:o[r],data:{type:o[r].toLowerCase()},className:"",onClick:function(){if(l.default.hasClass(this,"vc-actived"))return!1;t.currentType=this.dataset.type,t.renderStorage()}});n[0].className="vc-actived",e(n)}},{key:"onAddTool",value:function(e){var t=this;e([{name:"Refresh",global:!1,onClick:function(e){t.renderStorage()}},{name:"Clear",global:!1,onClick:function(e){t.clearLog()}}])}},{key:"onReady",value:function(){}},{key:"onShow",value:function(){""==this.currentType&&(this.currentType="cookies",this.renderStorage())}},{key:"clearLog",value:function(){if(this.currentType&&window.confirm&&!window.confirm("Remove all "+this.typeNameMap[this.currentType]+"?"))return!1;switch(this.currentType){case"cookies":this.clearCookieList();break;case"localstorage":this.clearLocalStorageList();break;case"sessionstorage":this.clearSessionStorageList();break;default:return!1}this.renderStorage()}},{key:"renderStorage",value:function(){var e=[];switch(this.currentType){case"cookies":e=this.getCookieList();break;case"localstorage":e=this.getLocalStorageList();break;case"sessionstorage":e=this.getSessionStorageList();break;default:return!1}var t=l.default.one(".vc-log",this.$tabbox);if(0==e.length)t.innerHTML="";else{for(var o=0;o<e.length;o++)e[o].name=a.htmlEncode(e[o].name),e[o].value=a.htmlEncode(e[o].value);t.innerHTML=l.default.render(i.default,{list:e},!0)}}},{key:"getCookieList",value:function(){if(!document.cookie||!navigator.cookieEnabled)return[];for(var e=[],t=document.cookie.split(";"),o=0;o<t.length;o++){var n=t[o].split("="),r=n.shift().replace(/^ /,""),i=n.join("=");try{r=decodeURIComponent(r),i=decodeURIComponent(i)}catch(e){console.log(e,r,i)}e.push({name:r,value:i})}return e}},{key:"getLocalStorageList",value:function(){if(!window.localStorage)return[];try{for(var e=[],t=0;t<localStorage.length;t++){var o=localStorage.key(t),n=localStorage.getItem(o);e.push({name:o,value:n})}return e}catch(e){return[]}}},{key:"getSessionStorageList",value:function(){if(!window.sessionStorage)return[];try{for(var e=[],t=0;t<sessionStorage.length;t++){var o=sessionStorage.key(t),n=sessionStorage.getItem(o);e.push({name:o,value:n})}return e}catch(e){return[]}}},{key:"clearCookieList",value:function(){if(document.cookie&&navigator.cookieEnabled){for(var e=window.location.hostname,t=this.getCookieList(),o=0;o<t.length;o++){var n=t[o].name;document.cookie="".concat(n,"=;expires=Thu, 01 Jan 1970 00:00:00 GMT"),document.cookie="".concat(n,"=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/"),document.cookie="".concat(n,"=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/;domain=.").concat(e.split(".").slice(-2).join("."))}this.renderStorage()}}},{key:"clearLocalStorageList",value:function(){if(window.localStorage)try{localStorage.clear(),this.renderStorage()}catch(e){alert("localStorage.clear() fail.")}}},{key:"clearSessionStorageList",value:function(){if(window.sessionStorage)try{sessionStorage.clear(),this.renderStorage()}catch(e){alert("sessionStorage.clear() fail.")}}}])&&d(o.prototype,c),s&&d(o,s),t}();o.default=p,e.exports=t.default})?n.apply(t,r):n)||(e.exports=i)},function(e,t){e.exports='<div class="vc-table">\n  <div class="vc-log"></div>\n</div>'},function(e,t){e.exports='<div>\n  <dl class="vc-table-row">\n    <dd class="vc-table-col">Name</dd>\n    <dd class="vc-table-col vc-table-col-2">Value</dd>\n  </dl>\n  {{for (var i = 0; i < list.length; i++)}}\n  <dl class="vc-table-row">\n    <dd class="vc-table-col">{{list[i].name}}</dd>\n    <dd class="vc-table-col vc-table-col-2">{{list[i].value}}</dd>\n  </dl>\n  {{/for}}\n</div>'}])});


--------------------------------------------------------------------------------