├── src ├── typings │ ├── utils.d.ts │ ├── shims-vue.d.ts │ └── shims.tsx.d.ts ├── main.ts ├── svg │ ├── index.ts │ ├── loading-spin.svg │ ├── loading-bars-cylon.svg │ ├── loading-beat.svg │ ├── loading-bubbles.svg │ ├── loading-cylon.svg │ ├── loading-bars.svg │ ├── loading-balls.svg │ └── loading-spining-dubbles.svg ├── index.ts ├── components │ └── Loading.vue └── App.vue ├── babel.config.js ├── .postcssrc.js ├── docs ├── favicon.ico ├── index.html └── js │ ├── app.97df056d.js │ ├── app.97df056d.js.map │ └── chunk-vendors.11ca6e70.js ├── public ├── favicon.ico └── index.html ├── dist ├── demo.html └── vueLoading.umd.min.js ├── .gitignore ├── vue.config.js ├── typings └── index.d.ts ├── package.json ├── tsconfig.json ├── README.md └── tslint.json /src/typings/utils.d.ts: -------------------------------------------------------------------------------- 1 | 2 | declare module '*.svg' -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } -------------------------------------------------------------------------------- /.postcssrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } -------------------------------------------------------------------------------- /docs/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jkchao/vue-loading/HEAD/docs/favicon.ico -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jkchao/vue-loading/HEAD/public/favicon.ico -------------------------------------------------------------------------------- /src/typings/shims-vue.d.ts: -------------------------------------------------------------------------------- 1 | declare module '*.vue' { 2 | import Vue from 'vue'; 3 | export default Vue; 4 | } 5 | -------------------------------------------------------------------------------- /src/main.ts: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | 4 | import vueLoading from './index' 5 | 6 | Vue.use(vueLoading) 7 | 8 | new Vue({ 9 | render: h => h(App) 10 | }).$mount('#app') 11 | -------------------------------------------------------------------------------- /dist/demo.html: -------------------------------------------------------------------------------- 1 | 2 | vueLoading demo 3 | 4 | 5 | 6 | 9 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | 4 | # local env files 5 | .env.local 6 | .env.*.local 7 | 8 | # Log files 9 | npm-debug.log* 10 | yarn-debug.log* 11 | yarn-error.log* 12 | 13 | # Editor directories and files 14 | .idea 15 | .vscode 16 | *.suo 17 | *.ntvs* 18 | *.njsproj 19 | *.sln 20 | *.sw* 21 | -------------------------------------------------------------------------------- /src/typings/shims.tsx.d.ts: -------------------------------------------------------------------------------- 1 | import Vue, { VNode } from 'vue' 2 | 3 | declare global { 4 | namespace JSX { 5 | // tslint:disable no-empty-interface 6 | interface Element extends VNode {} 7 | // tslint:disable no-empty-interface 8 | interface ElementClass extends Vue {} 9 | interface IntrinsicElements { 10 | [elem: string]: any 11 | } 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /vue.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | baseUrl: process.env.NODE_ENV === 'production' 3 | ? '/vue-loading/' 4 | : '/', 5 | chainWebpack: config => { 6 | const svgRule = config.module.rule('svg') 7 | 8 | svgRule.uses.clear() 9 | 10 | svgRule 11 | .use('raw-loader') 12 | .loader('raw-loader') 13 | }, 14 | 15 | css: { 16 | extract: false 17 | } 18 | } -------------------------------------------------------------------------------- /src/svg/index.ts: -------------------------------------------------------------------------------- 1 | export { default as balls } from './loading-balls.svg' 2 | 3 | export { default as bars } from './loading-bars.svg' 4 | 5 | export { default as beat } from './loading-beat.svg' 6 | 7 | export { default as bubbles } from './loading-bubbles.svg' 8 | 9 | export { default as cylon } from './loading-cylon.svg' 10 | 11 | export { default as spin } from './loading-spin.svg' 12 | 13 | export { default as spiningDubbles } from './loading-spining-dubbles.svg' 14 | 15 | export { default as barsCylon } from './loading-bars-cylon.svg' 16 | -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | loading 9 | 10 | 11 | 14 |
15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /src/svg/loading-spin.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 10 | 11 | -------------------------------------------------------------------------------- /docs/index.html: -------------------------------------------------------------------------------- 1 | loading
-------------------------------------------------------------------------------- /typings/index.d.ts: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | 3 | type LoadingType = 'balls' | 'bars' | 'beat' | 'bubbles' | 'cylon' | 'spin' | 'spiningDubbles' | 'barsCylon' 4 | 5 | interface VueLoadingOptions { 6 | // loading type 7 | type?: LoadingType 8 | 9 | // loading color 10 | color?: string 11 | 12 | // loading size 13 | size?: { width: string, height: string } 14 | } 15 | 16 | declare function install(vue: typeof Vue, options?: VueLoadingOptions): void 17 | 18 | declare class VueLoading extends Vue {} 19 | 20 | declare const _default: { 21 | install: typeof install 22 | } 23 | 24 | export { VueLoading, LoadingType, VueLoadingOptions } 25 | 26 | export default _default 27 | -------------------------------------------------------------------------------- /src/svg/loading-bars-cylon.svg: -------------------------------------------------------------------------------- 1 | 3 | 4 | 7 | 8 | 9 | 12 | 13 | 14 | 17 | 18 | -------------------------------------------------------------------------------- /src/index.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * Vue-loading-template 3 | * @author jkchao 4 | */ 5 | 6 | import Vue from 'vue' 7 | 8 | import VueLoading from '@/components/Loading.vue' 9 | import { VueLoadingOptions } from '../typings' 10 | 11 | interface Props { 12 | type: { default: string }, 13 | color: { default: string }, 14 | size: { default: () => any }, 15 | [ key: string ]: any 16 | } 17 | 18 | const install = ( 19 | vue: typeof Vue, 20 | options?: VueLoadingOptions 21 | ) => { 22 | 23 | if (options) { 24 | const componentProps = new VueLoading().$options.props as Props 25 | 26 | componentProps.type.default = options.type || 'balls' 27 | componentProps.color.default = options.color || '#5ac1dd' 28 | componentProps.size.default = () => options.size || { width: '30px', height: '30px' } 29 | } 30 | 31 | 32 | vue.component('vue-loading', VueLoading) 33 | 34 | } 35 | 36 | 37 | // 导出模块 38 | export { VueLoading } 39 | 40 | export default { install } 41 | -------------------------------------------------------------------------------- /src/svg/loading-beat.svg: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 9 | 10 | 11 | 15 | 16 | 17 | 21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /src/svg/loading-bubbles.svg: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 7 | 8 | 9 | 11 | 12 | 13 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /src/svg/loading-cylon.svg: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /src/components/Loading.vue: -------------------------------------------------------------------------------- 1 | 45 | 46 | 51 | 52 | -------------------------------------------------------------------------------- /src/svg/loading-bars.svg: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 8 | 11 | 12 | 13 | 16 | 19 | 20 | 21 | 24 | 27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "vue-loading-template", 3 | "description": "vue-loading", 4 | "version": "1.3.2", 5 | "author": "jkchao ", 6 | "scripts": { 7 | "serve": "vue-cli-service serve", 8 | "build": "vue-cli-service build --dest docs", 9 | "build-bundle": "vue-cli-service build --target lib --name vueLoading ./src/index.ts", 10 | "lint": "vue-cli-service lint" 11 | }, 12 | "dependencies": { 13 | "vue": "^2.5.16", 14 | "vue-class-component": "^6.0.0", 15 | "vue-property-decorator": "^6.0.0" 16 | }, 17 | "devDependencies": { 18 | "@vue/cli-plugin-babel": "^3.2.0", 19 | "@vue/cli-plugin-typescript": "^3.2.0", 20 | "@vue/cli-service": "^3.2.0", 21 | "node-sass": "^4.9.0", 22 | "raw-loader": "^0.5.1", 23 | "sass-loader": "^7.0.1", 24 | "typescript": "^3.2.2", 25 | "vue-template-compiler": "^2.5.16" 26 | }, 27 | "main": "dist/vueLoading.common.js", 28 | "types": "typings/index.d.ts", 29 | "browserslist": [ 30 | "> 1%", 31 | "last 2 versions", 32 | "not ie <= 8" 33 | ], 34 | "repository": { 35 | "type": "git", 36 | "url": "git+https://github.com/jkchao/vue-loading.git" 37 | }, 38 | "keywords": [ 39 | "vue", 40 | "loading", 41 | "template" 42 | ], 43 | "license": "ISC", 44 | "bugs": { 45 | "url": "https://github.com/jkchao/vue-loading/issues" 46 | }, 47 | "homepage": "https://github.com/jkchao/vue-loading#readme" 48 | } 49 | -------------------------------------------------------------------------------- /src/svg/loading-balls.svg: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "include": [ 3 | "src/**/*.ts", 4 | "src/**/*.tsx", 5 | "src/**/*.vue", 6 | ], 7 | "exclude": [ 8 | "node_modules" 9 | ], 10 | "compilerOptions": { 11 | "baseUrl": ".", 12 | "paths": { 13 | "@/*": [ 14 | "src/*" 15 | ] 16 | }, 17 | // types option has been previously configured 18 | "types": [ 19 | // add node as an option 20 | "node" 21 | ], 22 | // typeRoots option has been previously configured 23 | "typeRoots": [ 24 | // add path to @types 25 | "node_modules/@types" 26 | ], 27 | "strictPropertyInitialization": false, 28 | // 以严格模式解析 29 | "strict": true, 30 | // 在.tsx文件里支持JSX 31 | "jsx": "preserve", 32 | // 使用的JSX工厂函数 33 | "jsxFactory": "h", 34 | // 允许从没有设置默认导出的模块中默认导入 35 | "allowSyntheticDefaultImports": true, 36 | // 启用装饰器 37 | "experimentalDecorators": true, 38 | // 39 | "emitDecoratorMetadata": true, 40 | // 允许编译javascript文件 41 | "allowJs": true, 42 | // 采用的模块系统 43 | "module": "esnext", 44 | // 编译输出目标 ES 版本 45 | "target": "esnext", 46 | // 如何处理模块 47 | "moduleResolution": "node", 48 | // 在表达式和声明上有隐含的any类型时报错 49 | "noImplicitAny": true, 50 | // 导入辅助函数 51 | "importHelpers": true, 52 | "lib": [ 53 | "dom", 54 | "dom.iterable", 55 | "es5", 56 | "es6", 57 | "es7", 58 | "es2015.promise", 59 | "scripthost" 60 | ], 61 | "sourceMap": true, 62 | "pretty": true 63 | } 64 | } 65 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # vue-loading-template 2 | 3 | --- 4 | 5 | Use SVG for loading. 6 | 7 | Demo: https://jkchao.github.io/vue-loading/ 8 | 9 | ## Start 10 | 11 | ```bash 12 | npm install vue-loading-template --save 13 | ``` 14 | 15 | ## Options 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 |
PropTypeRequiredDefaultAvailable values
typeStringfalseballsballs, bars, beat, bubbles, cylon, spin, spiningDubbles, barsCylon
colorStringfalse#5ac1dd
sizeObjectfalse{ width: '30px', height: '30px' }
51 | 52 | ## Example in SPA 53 | 54 | ```vue 55 | 61 | 70 | ``` 71 | 72 | Or you can install it in your `main.js` 73 | 74 | ```javascript 75 | // main.js 76 | import Vue from 'vue' 77 | import VueLoading from 'vue-loading-template' 78 | Vue.use(VueLoading, /** options **/) 79 | ``` 80 | 81 | If you use it in TypeScript, you can: 82 | 83 | ```typescript 84 | // main.ts 85 | import Vue from 'vue' 86 | import vueLoading, { VueLoadingOptions } from 'vue-loading-template' 87 | 88 | Vue.use(VueLoading, /** options **/) 89 | ``` 90 | 91 | so, you will receive the tip about optional options. 92 | 93 | ![](http://ovshyp9zv.bkt.clouddn.com/WechatIMG98.jpeg) 94 | 95 | ## License 96 | 97 | MIT 98 | -------------------------------------------------------------------------------- /src/App.vue: -------------------------------------------------------------------------------- 1 | 38 | 39 | 50 | 51 | 87 | -------------------------------------------------------------------------------- /src/svg/loading-spining-dubbles.svg: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | -------------------------------------------------------------------------------- /tslint.json: -------------------------------------------------------------------------------- 1 | { 2 | "defaultSeverity": "error", 3 | "extends": [ 4 | "tslint:recommended" 5 | ], 6 | "linterOptions": { 7 | "exclude": [ 8 | "node_modules/**" 9 | ] 10 | }, 11 | "jsRules": {}, 12 | "rules": { 13 | // 允许使用 console 14 | "no-console": false, 15 | 16 | // 代码块的内容不能为空，禁止空代码块 17 | "no-empty": true, 18 | 19 | // 单引号 20 | "quotemark": false, 21 | 22 | // 不加分号 23 | "semicolon": [ 24 | true, 25 | "never" 26 | ], 27 | 28 | // 如果一个变量声明后不再被修改，那么应使用 const 来声明该变量 29 | "prefer-const": true, 30 | 31 | // 设置成员对象的访问权限（public,private,protect) 32 | "member-access": true, 33 | 34 | // 设置修饰符顺序 35 | "member-ordering": [ 36 | true, 37 | { 38 | "order": [ 39 | "private-static-field", 40 | "private-static-method", 41 | "protected-static-field", 42 | "protected-static-method", 43 | "public-static-field", 44 | "public-static-method", 45 | "private-instance-field", 46 | "protected-instance-field", 47 | "public-instance-field", 48 | "private-constructor", 49 | "protected-constructor", 50 | "public-constructor", 51 | "private-instance-method", 52 | "protected-instance-method", 53 | "public-instance-method" 54 | ] 55 | } 56 | ], 57 | 58 | // 不允许空接口 59 | "no-empty-interface": false, 60 | 61 | // 不允许修改方法输入参数 62 | "no-parameter-reassignment": true, 63 | 64 | // 如果for循环中没有使用索引，建议是使用for-of 65 | "prefer-for-of": false, 66 | 67 | // 不允许没有Promise的情况下使用await 68 | "await-promise": true, 69 | 70 | // if/for/do/while强制使用大括号 同行除外 71 | "curly": [ 72 | true, 73 | "ignore-same-line" 74 | ], 75 | 76 | // f使用for in语句时，强制进行hasOwnProperty检查 77 | "forin": true, 78 | 79 | // 不允许使用arguments.callee, 80 | "no-arg": true, 81 | 82 | // 不允许使用特殊运算符 &, &=, |, |=, ^, ^=, <<, <<=, >>, >>=, >>>, >>>=, ~ 83 | "no-bitwise": true, 84 | 85 | // do while/for/if/while 语句中将会对例如if(a=b)进行检查 86 | "no-conditional-assignment": true, 87 | 88 | // no-eval 89 | "no-eval": true, 90 | 91 | // 不允许使用 var 92 | "no-var-keyword": true, 93 | 94 | // 不允许 debugger 95 | "no-debugger": true, 96 | 97 | // 不允许super() 两次使用在构造函数中 98 | "no-duplicate-super": true, 99 | 100 | // 只允许在模板字符串中使用${ 101 | "no-invalid-template-strings": true, 102 | 103 | 104 | // 不允许使用null,使用undefined代替null，指代空指针对象 105 | // "no-null-keyword": true, 106 | 107 | // 不允许 array 中有空元素 108 | "no-sparse-arrays": true, 109 | 110 | // 不允许throw一个字符串 111 | "no-string-throw": true, 112 | 113 | // 不允许在finally语句中使用return/continue/break/throw 114 | "no-unsafe-finally": true, 115 | 116 | // 不允许使用未使用的表达式 117 | "no-unused-expression": false, 118 | 119 | // 在使用前必须声明 120 | "no-use-before-declare": true, 121 | 122 | // parseInt时，必须输入radix精度参数 123 | "radix": true, 124 | 125 | // 不允许自动类型转换，如果已设置不允许使用关键字var该设置无效 126 | "restrict-plus-operands": true, 127 | 128 | // 必须使用恒等号，进行等于比较 129 | "triple-equals": true, 130 | 131 | // 只允许使用isNaN方法检查数字是否有效 132 | "use-isnan": true, 133 | 134 | // 每行开始以4个空格符开始 135 | "indent": [true, "spaces", 2], 136 | 137 | // 禁止在一个文件内，多次引用同一module 138 | "no-duplicate-imports": true, 139 | 140 | // 建议使用T[]方式声明一个数组对象 141 | "array-type": [true, "array"], 142 | 143 | // 类名以大驼峰格式命名 144 | "class-name": true, 145 | 146 | // 定义注释格式 147 | "comment-format": [true, "check-space"], 148 | 149 | // import关键字后加空格 150 | "import-spacing": true, 151 | 152 | // interface必须以I开头 153 | "interface-name": false, 154 | 155 | // 注释基于jsdoc风格 156 | "jsdoc-format": true, 157 | 158 | // 调用构造函数时需要用括号 159 | "new-parens": true, 160 | 161 | // 不允许有空行 162 | "no-consecutive-blank-lines": [true,2], 163 | 164 | "whitespace": [ 165 | true, 166 | "check-branch", 167 | // "check-decl", 168 | "check-module", 169 | "check-separator", 170 | "check-rest-spread", 171 | "check-type", 172 | "check-type-operator" 173 | // "check-preblock" 174 | ], 175 | 176 | // 不允许空格结尾 177 | "no-trailing-whitespace": true, 178 | 179 | // 不允许没有必要的初始化 180 | "no-unnecessary-initializer": true, 181 | 182 | // 定义变量命名规则 183 | "variable-name": [ 184 | true, 185 | "check-format", 186 | "allow-leading-underscore", 187 | "allow-trailing-underscore", 188 | "allow-pascal-case", 189 | "ban-keywords" 190 | ], 191 | 192 | // 句尾逗号 193 | "trailing-comma": [ 194 | true, 195 | { 196 | "multiline": "never", 197 | "singleline": "never" 198 | } 199 | ], 200 | 201 | "max-classes-per-file": false, 202 | 203 | 204 | // 不允许case段落中在没有使用breack的情况下，在新启一段case逻辑 205 | "no-switch-case-fall-through": true, 206 | 207 | "no-angle-bracket-type-assertion": false, 208 | 209 | "one-line": [ 210 | true, 211 | "check-open-brace" 212 | ], 213 | 214 | // 可以对象字面量断言 215 | "no-object-literal-type-assertion": false, 216 | 217 | // function paren 前需要有空格 218 | "space-before-function-paren": true, 219 | 220 | // 可以导入子包 221 | "no-submodule-imports": false, 222 | 223 | // 可以覆盖变量命名 224 | "no-shadowed-variable": false, 225 | 226 | // 导入包时，不需要按字母排序 227 | "ordered-imports": false, 228 | 229 | "object-literal-key-quotes": false, 230 | 231 | "object-literal-sort-keys": false, 232 | 233 | // 允许带一个参数的箭头函数省去括号 234 | "arrow-parens": [ 235 | true, 236 | "ban-single-arg-parens" 237 | ], 238 | 239 | // 对齐方式 240 | "align": false, 241 | 242 | // 允许使用 namespace 243 | "no-namespace": false 244 | }, 245 | "rulesDirectory": [] 246 | } -------------------------------------------------------------------------------- /docs/js/app.97df056d.js: -------------------------------------------------------------------------------- 1 | (function(e){function t(t){for(var a,s,l=t[0],o=t[1],c=t[2],p=0,d=[];p\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n'},"30ed":function(e,t){e.exports=' \n \n \n \n '},"3f8c":function(e,t,n){t=e.exports=n("2350")(!1),t.push([e.i,"#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;width:800px;margin:100px auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-wrap:wrap;flex-wrap:wrap}.item{width:200px}h1,h2{font-weight:400}ul{list-style-type:none;padding:0}li{display:inline-block;margin:0 10px}a{color:#42b983}",""])},"5abc":function(e,t){e.exports='\n\n \n \n \n \n \n \n \n \n \n\n\n'},"8d4d":function(e,t){e.exports=' \n \n \n \n \n \n \n \n \n \n '},"8d87":function(e,t){e.exports='\n\n \n \n \n \n \n \n \n \n \n \n \n \n\n\n '},"9de4":function(e,t){e.exports='\n \n \n \n \n \n \n \n \n \n \n \n \n'},aa05:function(e,t){e.exports='\n \n \n \n \n \n \n \n \n \n \n \n\n'},b82c:function(e,t){e.exports='\n \n \n \n \n \n \n \n \n \n'},bc35:function(e,t,n){t=e.exports=n("2350")(!1),t.push([e.i,".vue-loading[data-v-6ae436b8]{margin:auto}",""])},cd49:function(e,t,n){"use strict";n.r(t);var a={};n.r(a),n.d(a,"balls",function(){return w.a}),n.d(a,"bars",function(){return M.a}),n.d(a,"beat",function(){return N.a}),n.d(a,"bubbles",function(){return j.a}),n.d(a,"cylon",function(){return T.a}),n.d(a,"spin",function(){return z.a}),n.d(a,"spiningDubbles",function(){return L.a}),n.d(a,"barsCylon",function(){return X.a});n("cadf"),n("551c"),n("097d");var i=n("2b0e"),r=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{attrs:{id:"app"}},[n("div",{staticClass:"balls item"},[n("h2",[e._v("balls")]),n("vue-loading",{attrs:{type:"balls",color:"#FF4949",size:{width:"40px",height:"40px"}}})],1),n("div",{staticClass:"bars item"},[n("h2",[e._v("bars")]),n("vue-loading",{attrs:{type:"bars",color:"#20A0FF",size:{width:"30px",height:"30px"}}})],1),n("div",{staticClass:"beat item"},[n("h2",[e._v("beat")]),n("vue-loading",{attrs:{type:"beat",color:"#F7BA2A",size:{width:"30px",height:"30px"}}})],1),n("div",{staticClass:"bubbles item"},[n("h2",[e._v("bubbles")]),n("vue-loading",{attrs:{type:"bubbles",color:"#efad4c",size:{width:"40px",height:"40px"}}})],1),n("div",{staticClass:"cylon item"},[n("h2",[e._v("cylon")]),n("vue-loading",{attrs:{type:"cylon",color:"#5ab95c",size:{width:"40px",height:"40px"}}})],1),n("div",{staticClass:"spin item"},[n("h2",[e._v("spin")]),n("vue-loading",{attrs:{type:"spin",color:"black",size:{width:"50px",height:"50px"}}})],1),n("div",{staticClass:"spiningDubbles item"},[n("h2",[e._v("spiningDubbles")]),n("vue-loading",{attrs:{type:"spiningDubbles",color:"#5ac1dd",size:{width:"60px",height:"60px"}}})],1),n("div",{staticClass:"barsCylon item"},[n("h2",[e._v("barsCylon")]),n("vue-loading",{attrs:{type:"barsCylon",color:"#457e86",size:{width:"40px",height:"40px"}}})],1)])},s=[],l=n("d4ec"),o=n("99de"),c=n("7e84"),u=n("262e"),p=n("9ab4"),d=n("60a3"),b=function(e){function t(){return Object(l["a"])(this,t),Object(o["a"])(this,Object(c["a"])(t).apply(this,arguments))}return Object(u["a"])(t,e),t}(d["c"]);b=p["a"]([Object(d["a"])({})],b);var f=b,m=f,y=(n("034f"),n("2877")),g=Object(y["a"])(m,r,s,!1,null,null,null);g.options.__file="App.vue";var h=g.exports,x=n("bee2"),v=n("9de4"),w=n.n(v),k=n("8d87"),M=n.n(k),C=n("aa05"),N=n.n(C),S=n("5abc"),j=n.n(S),O=n("b82c"),T=n.n(O),_=n("30ed"),z=n.n(_),A=n("2557"),L=n.n(A),B=n("8d4d"),X=n.n(B),P=function(e){function t(){return Object(l["a"])(this,t),Object(o["a"])(this,Object(c["a"])(t).apply(this,arguments))}return Object(u["a"])(t,e),Object(x["a"])(t,[{key:"render",value:function(){var e=arguments[0];return e("div",{class:"vue-loading",domProps:{innerHTML:this.svg},style:this.loadingStyle})}},{key:"svg",get:function(){return a[this.type]}},{key:"loadingStyle",get:function(){return{fill:this.color,width:this.size.width,height:this.size.height}}}]),t}(d["c"]);p["a"]([Object(d["b"])({default:"bead",type:String,required:!1}),p["b"]("design:type",String)],P.prototype,"type",void 0),p["a"]([Object(d["b"])({default:"#5ac1dd",type:String,required:!1}),p["b"]("design:type",String)],P.prototype,"color",void 0),p["a"]([Object(d["b"])({default:function(){return{width:"30px",height:"30px"}},type:Object,required:!1}),p["b"]("design:type",Object)],P.prototype,"size",void 0),P=p["a"]([Object(d["a"])({name:"vueLoading"})],P);var H,V,F=P,D=F,q=(n("cfcc"),Object(y["a"])(D,H,V,!1,null,"6ae436b8",null));q.options.__file="Loading.vue";var $=q.exports,J=function(e,t){if(t){var n=(new $).$options.props;n.type.default=t.type||"balls",n.color.default=t.color||"#5ac1dd",n.size.default=function(){return t.size||{width:"30px",height:"30px"}}}e.component("vue-loading",$)},E={install:J};i["default"].use(E),new i["default"]({render:function(e){return e(h)}}).$mount("#app")},cfcc:function(e,t,n){"use strict";var a=n("0026"),i=n.n(a);i.a},e2a1:function(e,t,n){var a=n("3f8c");"string"===typeof a&&(a=[[e.i,a,""]]),a.locals&&(e.exports=a.locals);var i=n("499e").default;i("1f50beb8",a,!0,{sourceMap:!1,shadowMode:!1})}}); 2 | //# sourceMappingURL=app.97df056d.js.map -------------------------------------------------------------------------------- /dist/vueLoading.umd.min.js: -------------------------------------------------------------------------------- 1 | (function(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t(require("vue")):"function"===typeof define&&define.amd?define([],t):"object"===typeof exports?exports["vueLoading"]=t(require("vue")):e["vueLoading"]=t(e["Vue"])})("undefined"!==typeof self?self:this,function(e){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s="fb15")}({"0026":function(e,t,n){var r=n("bc35");"string"===typeof r&&(r=[[e.i,r,""]]),r.locals&&(e.exports=r.locals);var i=n("499e").default;i("496ca1c6",r,!0,{sourceMap:!1,shadowMode:!1})},2350:function(e,t){function n(e,t){var n=e[1]||"",i=e[3];if(!i)return n;if(t&&"function"===typeof btoa){var o=r(i),a=i.sources.map(function(e){return"/*# sourceURL="+i.sourceRoot+e+" */"});return[n].concat(a).concat([o]).join("\n")}return[n].join("\n")}function r(e){var t=btoa(unescape(encodeURIComponent(JSON.stringify(e)))),n="sourceMappingURL=data:application/json;charset=utf-8;base64,"+t;return"/*# "+n+" */"}e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var r=n(t,e);return t[2]?"@media "+t[2]+"{"+r+"}":r}).join("")},t.i=function(e,n){"string"===typeof e&&(e=[[null,e,""]]);for(var r={},i=0;in.parts.length&&(r.parts.length=n.parts.length)}else{var a=[];for(i=0;i\n \n \n \n \n \n \n \n \n \n\n\n'},"65d9":function(e,t,n){"use strict"; 2 | /** 3 | * vue-class-component v6.2.0 4 | * (c) 2015-present Evan You 5 | * @license MIT 6 | */function r(e){return e&&"object"===typeof e&&"default"in e?e["default"]:e}Object.defineProperty(t,"__esModule",{value:!0});var i=r(n("8bbf")),o={__proto__:[]}instanceof Array;function a(e){return function(t,n,r){var i="function"===typeof t?t:t.constructor;i.__decorators__||(i.__decorators__=[]),"number"!==typeof r&&(r=void 0),i.__decorators__.push(function(t){return e(t,n,r)})}}function u(){for(var e=[],t=0;t-1)t[e]=n[e];else{var r=Object.getOwnPropertyDescriptor(n,e);"function"===typeof r.value?(t.methods||(t.methods={}))[e]=r.value:(r.get||r.set)&&((t.computed||(t.computed={}))[e]={get:r.get,set:r.set})}}),(t.mixins||(t.mixins=[])).push({data:function(){return c(this,e)}});var r=e.__decorators__;r&&(r.forEach(function(e){return e(t)}),delete e.__decorators__);var o=Object.getPrototypeOf(e.prototype),a=o instanceof i?o.constructor:i,u=a.extend(t);return l(u,e,a),u}function l(e,t,n){Object.getOwnPropertyNames(t).forEach(function(r){if("prototype"!==r){var i=Object.getOwnPropertyDescriptor(e,r);if(!i||i.configurable){var a=Object.getOwnPropertyDescriptor(t,r);if(!o){if("cid"===r)return;var u=Object.getOwnPropertyDescriptor(n,r);if(!s(a.value)&&u&&u.value===a.value)return}0,Object.defineProperty(e,r,a)}}})}function d(e){return"function"===typeof e?p(e):function(t){return p(t,e)}}(function(e){function t(e){f.push.apply(f,e)}e.registerHooks=t})(d||(d={}));var h=d;t.default=h,t.createDecorator=a,t.mixins=u},"8bbf":function(t,n){t.exports=e},"8d4d":function(e,t){e.exports=' \n \n \n \n \n \n \n \n \n \n '},"8d87":function(e,t){e.exports='\n\n \n \n \n \n \n \n \n \n \n \n \n \n\n\n '},"98db":function(e,t,n){(function(e,t){ 7 | /*! ***************************************************************************** 8 | Copyright (C) Microsoft. All rights reserved. 9 | Licensed under the Apache License, Version 2.0 (the "License"); you may not use 10 | this file except in compliance with the License. You may obtain a copy of the 11 | License at http://www.apache.org/licenses/LICENSE-2.0 12 | 13 | THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY 14 | KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED 15 | WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE, 16 | MERCHANTABLITY OR NON-INFRINGEMENT. 17 | 18 | See the Apache Version 2.0 License for specific language governing permissions 19 | and limitations under the License. 20 | ***************************************************************************** */ 21 | var n;(function(n){(function(e){var r="object"===typeof t?t:"object"===typeof self?self:"object"===typeof this?this:Function("return this;")(),i=o(n);function o(e,t){return function(n,r){"function"!==typeof e[n]&&Object.defineProperty(e,n,{configurable:!0,writable:!0,value:r}),t&&t(n,r)}}"undefined"===typeof r.Reflect?r.Reflect=n:i=o(r.Reflect,i),e(i)})(function(t){var n=Object.prototype.hasOwnProperty,r="function"===typeof Symbol,i=r&&"undefined"!==typeof Symbol.toPrimitive?Symbol.toPrimitive:"@@toPrimitive",o=r&&"undefined"!==typeof Symbol.iterator?Symbol.iterator:"@@iterator",a="function"===typeof Object.create,u={__proto__:[]}instanceof Array,s=!a&&!u,c={create:a?function(){return oe(Object.create(null))}:u?function(){return oe({__proto__:null})}:function(){return oe({})},has:s?function(e,t){return n.call(e,t)}:function(e,t){return t in e},get:s?function(e,t){return n.call(e,t)?e[t]:void 0}:function(e,t){return e[t]}},f=Object.getPrototypeOf(Function),p="object"===typeof e&&Object({NODE_ENV:"production",BASE_URL:"/vue-loading/"})&&"true"===Object({NODE_ENV:"production",BASE_URL:"/vue-loading/"})["REFLECT_METADATA_USE_MAP_POLYFILL"],l=p||"function"!==typeof Map||"function"!==typeof Map.prototype.entries?ne():Map,d=p||"function"!==typeof Set||"function"!==typeof Set.prototype.entries?re():Set,h=p||"function"!==typeof WeakMap?ie():WeakMap,y=new h;function v(e,t,n,r){if(z(n)){if(!H(e))throw new TypeError;if(!G(t))throw new TypeError;return C(e,t)}if(!H(e))throw new TypeError;if(!V(t))throw new TypeError;if(!V(r)&&!z(r)&&!B(r))throw new TypeError;return B(r)&&(r=void 0),n=F(n),O(e,t,n,r)}function b(e,t){function n(n,r){if(!V(n))throw new TypeError;if(!z(r)&&!J(r))throw new TypeError;E(e,t,n,r)}return n}function m(e,t,n,r){if(!V(n))throw new TypeError;return z(r)||(r=F(r)),E(e,t,n,r)}function g(e,t,n){if(!V(t))throw new TypeError;return z(n)||(n=F(n)),S(e,t,n)}function w(e,t,n){if(!V(t))throw new TypeError;return z(n)||(n=F(n)),A(e,t,n)}function _(e,t,n){if(!V(t))throw new TypeError;return z(n)||(n=F(n)),P(e,t,n)}function x(e,t,n){if(!V(t))throw new TypeError;return z(n)||(n=F(n)),j(e,t,n)}function k(e,t){if(!V(e))throw new TypeError;return z(t)||(t=F(t)),L(e,t)}function M(e,t){if(!V(e))throw new TypeError;return z(t)||(t=F(t)),R(e,t)}function T(e,t,n){if(!V(t))throw new TypeError;z(n)||(n=F(n));var r=N(t,n,!1);if(z(r))return!1;if(!r.delete(e))return!1;if(r.size>0)return!0;var i=y.get(t);return i.delete(n),i.size>0||(y.delete(t),!0)}function C(e,t){for(var n=e.length-1;n>=0;--n){var r=e[n],i=r(t);if(!z(i)&&!B(i)){if(!G(i))throw new TypeError;t=i}}return t}function O(e,t,n,r){for(var i=e.length-1;i>=0;--i){var o=e[i],a=o(t,n,r);if(!z(a)&&!B(a)){if(!V(a))throw new TypeError;r=a}}return r}function N(e,t,n){var r=y.get(e);if(z(r)){if(!n)return;r=new l,y.set(e,r)}var i=r.get(t);if(z(i)){if(!n)return;i=new l,r.set(t,i)}return i}function S(e,t,n){var r=A(e,t,n);if(r)return!0;var i=te(t);return!B(i)&&S(e,i,n)}function A(e,t,n){var r=N(t,n,!1);return!z(r)&&K(r.has(e))}function P(e,t,n){var r=A(e,t,n);if(r)return j(e,t,n);var i=te(t);return B(i)?void 0:P(e,i,n)}function j(e,t,n){var r=N(t,n,!1);if(!z(r))return r.get(e)}function E(e,t,n,r){var i=N(n,r,!0);i.set(e,t)}function L(e,t){var n=R(e,t),r=te(e);if(null===r)return n;var i=L(r,t);if(i.length<=0)return n;if(n.length<=0)return i;for(var o=new d,a=[],u=0,s=n;u=0&&e=this._keys.length?(this._index=-1,this._keys=t,this._values=t):this._index++,{value:n,done:!1}}return{value:void 0,done:!0}},e.prototype.throw=function(e){throw this._index>=0&&(this._index=-1,this._keys=t,this._values=t),e},e.prototype.return=function(e){return this._index>=0&&(this._index=-1,this._keys=t,this._values=t),{value:e,done:!0}},e}();return function(){function t(){this._keys=[],this._values=[],this._cacheKey=e,this._cacheIndex=-2}return Object.defineProperty(t.prototype,"size",{get:function(){return this._keys.length},enumerable:!0,configurable:!0}),t.prototype.has=function(e){return this._find(e,!1)>=0},t.prototype.get=function(e){var t=this._find(e,!1);return t>=0?this._values[t]:void 0},t.prototype.set=function(e,t){var n=this._find(e,!0);return this._values[n]=t,this},t.prototype.delete=function(t){var n=this._find(t,!1);if(n>=0){for(var r=this._keys.length,i=n+1;i\n \n \n \n \n \n \n \n \n \n \n \n \n'},aa05:function(e,t){e.exports='\n \n \n \n \n \n \n \n \n \n \n \n\n'},b82c:function(e,t){e.exports='\n \n \n \n \n \n \n \n \n \n'},bc35:function(e,t,n){t=e.exports=n("2350")(!1),t.push([e.i,".vue-loading[data-v-6ae436b8]{margin:auto}",""])},c8ba:function(e,t){var n;n=function(){return this}();try{n=n||new Function("return this")()}catch(r){"object"===typeof window&&(n=window)}e.exports=n},cfcc:function(e,t,n){"use strict";var r=n("0026"),i=n.n(r);i.a},df7c:function(e,t,n){(function(e){function n(e,t){for(var n=0,r=e.length-1;r>=0;r--){var i=e[r];"."===i?e.splice(r,1):".."===i?(e.splice(r,1),n++):n&&(e.splice(r,1),n--)}if(t)for(;n--;n)e.unshift("..");return e}var r=/^(\/?|)([\s\S]*?)((?:\.{1,2}|[^\/]+?|)(\.[^.\/]*|))(?:[\/]*)$/,i=function(e){return r.exec(e).slice(1)};function o(e,t){if(e.filter)return e.filter(t);for(var n=[],r=0;r=-1&&!r;i--){var a=i>=0?arguments[i]:e.cwd();if("string"!==typeof a)throw new TypeError("Arguments to path.resolve must be strings");a&&(t=a+"/"+t,r="/"===a.charAt(0))}return t=n(o(t.split("/"),function(e){return!!e}),!r).join("/"),(r?"/":"")+t||"."},t.normalize=function(e){var r=t.isAbsolute(e),i="/"===a(e,-1);return e=n(o(e.split("/"),function(e){return!!e}),!r).join("/"),e||r||(e="."),e&&i&&(e+="/"),(r?"/":"")+e},t.isAbsolute=function(e){return"/"===e.charAt(0)},t.join=function(){var e=Array.prototype.slice.call(arguments,0);return t.normalize(o(e,function(e,t){if("string"!==typeof e)throw new TypeError("Arguments to path.join must be strings");return e}).join("/"))},t.relative=function(e,n){function r(e){for(var t=0;t=0;n--)if(""!==e[n])break;return t>n?[]:e.slice(t,n-t+1)}e=t.resolve(e).substr(1),n=t.resolve(n).substr(1);for(var i=r(e.split("/")),o=r(n.split("/")),a=Math.min(i.length,o.length),u=a,s=0;s=0;u--)(i=e[u])&&(a=(o<3?i(a):o>3?i(t,n,a):i(t,n))||a);return o>3&&a&&Object.defineProperty(t,n,a),a}function v(e,t){if("object"===typeof Reflect&&"function"===typeof Reflect.metadata)return Reflect.metadata(e,t)}var b=n("9de4"),m=n.n(b),g=n("8d87"),w=n.n(g),_=n("aa05"),x=n.n(_),k=n("5abc"),M=n.n(k),T=n("b82c"),C=n.n(T),O=n("30ed"),N=n.n(O),S=n("2557"),A=n.n(S),P=n("8d4d"),j=n.n(P),E=n("8bbf"),L=n.n(E),R=n("65d9"),U=n.n(R);n("98db");function z(e){return void 0===e&&(e={}),function(t,n){Array.isArray(e)||"undefined"!==typeof e.type||(e.type=Reflect.getMetadata("design:type",t,n)),Object(R["createDecorator"])(function(t,n){(t.props||(t.props={}))[n]=e})(t,n)}}var B=function(e){function t(){return o(this,t),p(this,l(t).apply(this,arguments))}return h(t,e),u(t,[{key:"render",value:function(){var e=arguments[0];return e("div",{class:"vue-loading",domProps:{innerHTML:this.svg},style:this.loadingStyle})}},{key:"svg",get:function(){return i[this.type]}},{key:"loadingStyle",get:function(){return{fill:this.color,width:this.size.width,height:this.size.height}}}]),t}(L.a);y([z({default:"bead",type:String,required:!1}),v("design:type",String)],B.prototype,"type",void 0),y([z({default:"#5ac1dd",type:String,required:!1}),v("design:type",String)],B.prototype,"color",void 0),y([z({default:function(){return{width:"30px",height:"30px"}},type:Object,required:!1}),v("design:type",Object)],B.prototype,"size",void 0),B=y([U()({name:"vueLoading"})],B);var D,V,X=B,$=X;n("cfcc");function K(e,t,n,r,i,o,a,u){var s,c="function"===typeof e?e.options:e;if(t&&(c.render=t,c.staticRenderFns=n,c._compiled=!0),r&&(c.functional=!0),o&&(c._scopeId="data-v-"+o),a?(s=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"===typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),i&&i.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(a)},c._ssrRegister=s):i&&(s=u?function(){i.call(this,this.$root.$options.shadowRoot)}:i),s)if(c.functional){c._injectStyles=s;var f=c.render;c.render=function(e,t){return s.call(t),f(e,t)}}else{var p=c.beforeCreate;c.beforeCreate=p?[].concat(p,s):[s]}return{exports:e,options:c}}var q=K($,D,V,!1,null,"6ae436b8",null);q.options.__file="Loading.vue";var F=q.exports,H=function(e,t){if(t){var n=(new F).$options.props;n.type.default=t.type||"balls",n.color.default=t.color||"#5ac1dd",n.size.default=function(){return t.size||{width:"30px",height:"30px"}}}e.component("vue-loading",F)},W={install:H};n.d(t,"VueLoading",function(){return F});t["default"]=W}})}); 36 | //# sourceMappingURL=vueLoading.umd.min.js.map -------------------------------------------------------------------------------- /docs/js/app.97df056d.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/components/Loading.vue?5c7b","webpack:///./src/App.vue?c0a3","webpack:///./src/svg/loading-spining-dubbles.svg","webpack:///./src/svg/loading-spin.svg","webpack:///./src/App.vue?3d2a","webpack:///./src/svg/loading-bubbles.svg","webpack:///./src/svg/loading-bars-cylon.svg","webpack:///./src/svg/loading-bars.svg","webpack:///./src/svg/loading-balls.svg","webpack:///./src/svg/loading-beat.svg","webpack:///./src/svg/loading-cylon.svg","webpack:///./src/components/Loading.vue?45d7","webpack:///./src/App.vue?ae75","webpack:///./src/App.vue?ec60","webpack:///./src/App.vue?640d","webpack:///./src/App.vue","webpack:///./src/components/Loading.vue?b63e","webpack:///./src/components/Loading.vue","webpack:///./src/components/Loading.vue?4dc8","webpack:///./src/index.ts","webpack:///./src/main.ts","webpack:///./src/components/Loading.vue?4972","webpack:///./src/App.vue?f403"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","app","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","content","locals","add","default","sourceMap","shadowMode","_node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_App_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__","_node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_App_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default","Appvue_type_template_id_0d39822a_render","_vm","this","_h","$createElement","_c","_self","attrs","id","staticClass","_v","type","color","size","width","height","staticRenderFns","Appvue_type_script_lang_ts_App","_Vue","App","classCallCheck","possibleConstructorReturn","getPrototypeOf","arguments","inherits","vue_property_decorator","tslib_es6","Appvue_type_script_lang_ts_","src_Appvue_type_script_lang_ts_","component","componentNormalizer","options","__file","src_App","Loadingvue_type_script_lang_tsx_VueLoading","VueLoading","createClass","h","class","domProps","innerHTML","svg","style","loadingStyle","svg_namespaceObject","fill","String","required","Loading_render","Loading_staticRenderFns","Loadingvue_type_script_lang_tsx_","components_Loadingvue_type_script_lang_tsx_","Loading_component","Loading","src_install","vue","componentProps","$options","props","src","install","vue_runtime_esm","use","render","$mount","_node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Loading_vue_vue_type_style_index_0_id_6ae436b8_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__","_node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Loading_vue_vue_type_style_index_0_id_6ae436b8_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default"],"mappings":"aACA,SAAAA,EAAAC,GAQA,IAPA,IAMAC,EAAAC,EANAC,EAAAH,EAAA,GACAI,EAAAJ,EAAA,GACAK,EAAAL,EAAA,GAIAM,EAAA,EAAAC,EAAA,GACQD,EAAAH,EAAAK,OAAoBF,IAC5BJ,EAAAC,EAAAG,GACAG,EAAAP,IACAK,EAAAG,KAAAD,EAAAP,GAAA,IAEAO,EAAAP,GAAA,EAEA,IAAAD,KAAAG,EACAO,OAAAC,UAAAC,eAAAC,KAAAV,EAAAH,KACAc,EAAAd,GAAAG,EAAAH,IAGAe,KAAAhB,GAEA,MAAAO,EAAAC,OACAD,EAAAU,OAAAV,GAOA,OAHAW,EAAAR,KAAAS,MAAAD,EAAAb,GAAA,IAGAe,IAEA,SAAAA,IAEA,IADA,IAAAC,EACAf,EAAA,EAAiBA,EAAAY,EAAAV,OAA4BF,IAAA,CAG7C,IAFA,IAAAgB,EAAAJ,EAAAZ,GACAiB,GAAA,EACAC,EAAA,EAAkBA,EAAAF,EAAAd,OAA2BgB,IAAA,CAC7C,IAAAC,EAAAH,EAAAE,GACA,IAAAf,EAAAgB,KAAAF,GAAA,GAEAA,IACAL,EAAAQ,OAAApB,IAAA,GACAe,EAAAM,IAAAC,EAAAN,EAAA,KAGA,OAAAD,EAIA,IAAAQ,EAAA,GAKApB,EAAA,CACAqB,IAAA,GAGAZ,EAAA,GAGA,SAAAS,EAAA1B,GAGA,GAAA4B,EAAA5B,GACA,OAAA4B,EAAA5B,GAAA8B,QAGA,IAAAC,EAAAH,EAAA5B,GAAA,CACAK,EAAAL,EACAgC,GAAA,EACAF,QAAA,IAUA,OANAhB,EAAAd,GAAAa,KAAAkB,EAAAD,QAAAC,IAAAD,QAAAJ,GAGAK,EAAAC,GAAA,EAGAD,EAAAD,QAKAJ,EAAAO,EAAAnB,EAGAY,EAAAQ,EAAAN,EAGAF,EAAAS,EAAA,SAAAL,EAAAM,EAAAC,GACAX,EAAAY,EAAAR,EAAAM,IACA1B,OAAA6B,eAAAT,EAAAM,EAAA,CAA0CI,YAAA,EAAAC,IAAAJ,KAK1CX,EAAAgB,EAAA,SAAAZ,GACA,qBAAAa,eAAAC,aACAlC,OAAA6B,eAAAT,EAAAa,OAAAC,YAAA,CAAwDC,MAAA,WAExDnC,OAAA6B,eAAAT,EAAA,cAAiDe,OAAA,KAQjDnB,EAAAoB,EAAA,SAAAD,EAAAE,GAEA,GADA,EAAAA,IAAAF,EAAAnB,EAAAmB,IACA,EAAAE,EAAA,OAAAF,EACA,KAAAE,GAAA,kBAAAF,QAAAG,WAAA,OAAAH,EACA,IAAAI,EAAAvC,OAAAwC,OAAA,MAGA,GAFAxB,EAAAgB,EAAAO,GACAvC,OAAA6B,eAAAU,EAAA,WAAyCT,YAAA,EAAAK,UACzC,EAAAE,GAAA,iBAAAF,EAAA,QAAAM,KAAAN,EAAAnB,EAAAS,EAAAc,EAAAE,EAAA,SAAAA,GAAgH,OAAAN,EAAAM,IAAqBC,KAAA,KAAAD,IACrI,OAAAF,GAIAvB,EAAA2B,EAAA,SAAAtB,GACA,IAAAM,EAAAN,KAAAiB,WACA,WAA2B,OAAAjB,EAAA,YAC3B,WAAiC,OAAAA,GAEjC,OADAL,EAAAS,EAAAE,EAAA,IAAAA,GACAA,GAIAX,EAAAY,EAAA,SAAAgB,EAAAC,GAAsD,OAAA7C,OAAAC,UAAAC,eAAAC,KAAAyC,EAAAC,IAGtD7B,EAAA8B,EAAA,gBAEA,IAAAC,EAAAC,OAAA,gBAAAA,OAAA,oBACAC,EAAAF,EAAAhD,KAAA2C,KAAAK,GACAA,EAAAhD,KAAAX,EACA2D,IAAAG,QACA,QAAAvD,EAAA,EAAgBA,EAAAoD,EAAAlD,OAAuBF,IAAAP,EAAA2D,EAAApD,IACvC,IAAAU,EAAA4C,EAIA1C,EAAAR,KAAA,qBAEAU,qECnJA,IAAA0C,EAAcnC,EAAQ,QACtB,kBAAAmC,MAAA,EAA4C9B,EAAA1B,EAASwD,EAAA,MACrDA,EAAAC,SAAA/B,EAAAD,QAAA+B,EAAAC,QAEA,IAAAC,EAAUrC,EAAQ,QAA6DsC,QAC/ED,EAAA,WAAAF,GAAA,GAA6CI,WAAA,EAAAC,YAAA,yCCR7C,IAAAC,EAAAzC,EAAA,QAAA0C,EAAA1C,EAAA2B,EAAAc,GAAseC,EAAG,sBCAzerC,EAAAD,QAAA,85ECAAC,EAAAD,QAAA,omBCAAA,EAAAC,EAAAD,QAA2BJ,EAAQ,OAARA,EAAoD,GAK/EI,EAAArB,KAAA,CAAcsB,EAAA1B,EAAS,scAAsc,2BCL7d0B,EAAAD,QAAA,ujCCAAC,EAAAD,QAAA,+1BCAAC,EAAAD,QAAA,qsCCAAC,EAAAD,QAAA,q8CCAAC,EAAAD,QAAA,+8BCAAC,EAAAD,QAAA,8qCCAAA,EAAAC,EAAAD,QAA2BJ,EAAQ,OAARA,EAAuD,GAKlFI,EAAArB,KAAA,CAAcsB,EAAA1B,EAAS,6CAA6C,yaCLhEgE,EAAM,WAAgB,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,MAAA,CAAOC,GAAA,QAAY,CAAAH,EAAA,OAAYI,YAAA,cAAyB,CAAAJ,EAAA,MAAAJ,EAAAS,GAAA,WAAAL,EAAA,eAA+CE,MAAA,CAAOI,KAAA,QAAAC,MAAA,UAAAC,KAAA,CAAyCC,MAAA,OAAAC,OAAA,YAAkC,GAAAV,EAAA,OAAgBI,YAAA,aAAwB,CAAAJ,EAAA,MAAAJ,EAAAS,GAAA,UAAAL,EAAA,eAA8CE,MAAA,CAAOI,KAAA,OAAAC,MAAA,UAAAC,KAAA,CAAwCC,MAAA,OAAAC,OAAA,YAAkC,GAAAV,EAAA,OAAgBI,YAAA,aAAwB,CAAAJ,EAAA,MAAAJ,EAAAS,GAAA,UAAAL,EAAA,eAA8CE,MAAA,CAAOI,KAAA,OAAAC,MAAA,UAAAC,KAAA,CAAwCC,MAAA,OAAAC,OAAA,YAAkC,GAAAV,EAAA,OAAgBI,YAAA,gBAA2B,CAAAJ,EAAA,MAAAJ,EAAAS,GAAA,aAAAL,EAAA,eAAiDE,MAAA,CAAOI,KAAA,UAAAC,MAAA,UAAAC,KAAA,CAA2CC,MAAA,OAAAC,OAAA,YAAkC,GAAAV,EAAA,OAAgBI,YAAA,cAAyB,CAAAJ,EAAA,MAAAJ,EAAAS,GAAA,WAAAL,EAAA,eAA+CE,MAAA,CAAOI,KAAA,QAAAC,MAAA,UAAAC,KAAA,CAAyCC,MAAA,OAAAC,OAAA,YAAkC,GAAAV,EAAA,OAAgBI,YAAA,aAAwB,CAAAJ,EAAA,MAAAJ,EAAAS,GAAA,UAAAL,EAAA,eAA8CE,MAAA,CAAOI,KAAA,OAAAC,MAAA,QAAAC,KAAA,CAAsCC,MAAA,OAAAC,OAAA,YAAkC,GAAAV,EAAA,OAAgBI,YAAA,uBAAkC,CAAAJ,EAAA,MAAAJ,EAAAS,GAAA,oBAAAL,EAAA,eAAwDE,MAAA,CAAOI,KAAA,iBAAAC,MAAA,UAAAC,KAAA,CAAkDC,MAAA,OAAAC,OAAA,YAAkC,GAAAV,EAAA,OAAgBI,YAAA,kBAA6B,CAAAJ,EAAA,MAAAJ,EAAAS,GAAA,eAAAL,EAAA,eAAmDE,MAAA,CAAOI,KAAA,YAAAC,MAAA,UAAAC,KAAA,CAA6CC,MAAA,OAAAC,OAAA,YAAkC,MAC3+CC,EAAA,2EC8CqBC,EAArB,SAAAC,GAAA,SAAAC,IAAA,OAAA9E,OAAA+E,EAAA,KAAA/E,CAAA6D,KAAAiB,GAAA9E,OAAAgF,EAAA,KAAAhF,CAAA6D,KAAA7D,OAAAiF,EAAA,KAAAjF,CAAA8E,GAAAtE,MAAAqD,KAAAqB,YAAA,OAAAlF,OAAAmF,EAAA,KAAAnF,CAAA8E,EAAAD,GAAAC,EAAA,CAAiCM,EAAA,MAAZR,EAAGS,EAAA,MALvBrF,OAAAoF,EAAA,KAAApF,CAAU,KAKU4E,GAAA,IAAAU,EAAA,EC/CuVC,EAAA,0BCQ5WC,EAAgBxF,OAAAyF,EAAA,KAAAzF,CACduF,EACA5B,EACAgB,GACF,EACA,KACA,KACA,MAIAa,EAAAE,QAAAC,OAAA,UACe,IAAAC,EAAAJ,8LCTMK,EAArB,SAAAhB,GAAA,SAAAiB,IAAA,OAAA9F,OAAA+E,EAAA,KAAA/E,CAAA6D,KAAAiC,GAAA9F,OAAAgF,EAAA,KAAAhF,CAAA6D,KAAA7D,OAAAiF,EAAA,KAAAjF,CAAA8F,GAAAtF,MAAAqD,KAAAqB,YAAA,OAAAlF,OAAAmF,EAAA,KAAAnF,CAAA8F,EAAAjB,GAAA7E,OAAA+F,EAAA,KAAA/F,CAAA8F,EAAA,EAAArD,IAAA,SAAAN,MAAA,WAsBgB,IAAA6D,EAAAd,UAAA,GACZ,OACEc,EAAA,OACEC,MAAM,cADRC,SAAA,CAAAC,UAEqBtC,KAAKuC,KACxBC,MAAQxC,KAAKyC,iBA3BrB,CAAA7D,IAAA,MAAAV,IAAA,WAWI,OAASwE,EAA4B1C,KAAKS,QAX9C,CAAA7B,IAAA,eAAAV,IAAA,WAeI,MAAO,CACLyE,KAAM3C,KAAKU,MACXE,MAAOZ,KAAKW,KAAKC,MACjBC,OAAQb,KAAKW,KAAKE,YAlBxBoB,EAAA,CAAwCV,EAAA,MAEtCC,EAAA,MADCrF,OAAAoF,EAAA,KAAApF,CAAK,CAAEsD,QAAS,OAAQgB,KAAMmC,OAAQC,UAAU,6DAIjDrB,EAAA,MADCrF,OAAAoF,EAAA,KAAApF,CAAK,CAAEsD,QAAS,UAAWgB,KAAMmC,OAAQC,UAAU,8DAIpDrB,EAAA,MADCrF,OAAAoF,EAAA,KAAApF,CAAK,CAAEsD,QAAS,iBAAO,CAAEmB,MAAO,OAAQC,OAAQ,SAAWJ,KAAMtE,OAAQ0G,UAAU,6DAPjEb,EAAUR,EAAA,MAH9BrF,OAAAoF,EAAA,KAAApF,CAAU,CACT0B,KAAM,gBAEamE,GAAA,ICXjBc,EAAQC,EDWSC,EAAA,EEX8WC,EAAA,EDQ/XC,aAAY/G,OAAAyF,EAAA,KAAAzF,CACd8G,EACAH,EACAC,GACF,EACA,KACA,WACA,OAIAG,EAASrB,QAAAC,OAAA,cACM,IAAAqB,EAAAD,UEHTE,EAAU,SACdC,EACAxB,GAGA,GAAIA,EAAS,CACX,IAAMyB,GAAiB,IAAIH,GAAaI,SAASC,MAEjDF,EAAe7C,KAAKhB,QAAUoC,EAAQpB,MAAQ,QAC9C6C,EAAe5C,MAAMjB,QAAUoC,EAAQnB,OAAS,UAChD4C,EAAe3C,KAAKlB,QAAU,kBAAMoC,EAAQlB,MAAQ,CAAEC,MAAO,OAAQC,OAAQ,SAI/EwC,EAAI1B,UAAU,cAAewB,IAQhBM,EAAA,CAAEC,QAAAN,GClCjBO,EAAA,WAAIC,IAAIH,GAER,IAAIE,EAAA,WAAI,CACNE,OAAQ,SAAA1B,GAAC,OAAIA,EAAEJ,MACd+B,OAAO,2CCTV,IAAAC,EAAA5G,EAAA,QAAA6G,EAAA7G,EAAA2B,EAAAiF,GAAuhBC,EAAG,wBCG1hB,IAAA1E,EAAcnC,EAAQ,QACtB,kBAAAmC,MAAA,EAA4C9B,EAAA1B,EAASwD,EAAA,MACrDA,EAAAC,SAAA/B,EAAAD,QAAA+B,EAAAC,QAEA,IAAAC,EAAUrC,EAAQ,QAA0DsC,QAC5ED,EAAA,WAAAF,GAAA,GAA6CI,WAAA,EAAAC,YAAA","file":"js/app.97df056d.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"app\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/vue-loading/\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([0,\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","// style-loader: Adds some css to the DOM by adding a