diff --git a/src/css/app.css b/src/css/app.css
index f22fd40..8837de6 100644
--- a/src/css/app.css
+++ b/src/css/app.css
@@ -1 +1 @@
-html{width:100%;height:100vh}body{overflow:hidden;display:flex;width:100%;height:100%;line-height:1.25;font-size:14px;color:var(--color-dark-1);background:rgba(255,255,255,0.3)}.app{position:relative;display:flex;height:100%}.app .category{width:200px;height:100%;background:#fff}.app .category .item{display:flex;justify-content:space-between;align-items:center;height:54px;padding:8px;border-bottom:1px solid var(--color-plain-1);background:#fff;transition:background 0.2s ease-in-out, color 0.2s ease-in-out;cursor:pointer}.app .category .item strong{max-width:150px}.app .category .item .num{display:flex;justify-content:center;align-items:center;min-width:16px;height:16px;padding:2px;line-height:1;border-radius:50%;font-size:12px;background:var(--color-grey-1);color:#fff}.app .category .item:last-child{border-bottom:0}.app .category .item:hover{color:var(--color-blue-1);background:var(--color-plain-1)}.app .category .item.active{color:var(--color-plain-1);background:var(--color-blue-1)}.app .category .item.active .num{background:#fff;color:var(--color-blue-1)}.app .books-scroll{flex:1;height:100%;border-left:1px solid var(--color-plain-2)}.app .books{display:flex;flex-wrap:wrap}.app .books .book{display:flex;flex-direction:column;width:128px;margin:24px;background:#fff;box-shadow:0 0 12px rgba(0,0,0,0.15);transition:box-shadow 0.1s ease-in;cursor:pointer}.app .books .book img{width:100%;height:160px;-o-object-fit:fill;object-fit:fill}.app .books .book:hover{box-shadow:0 0 12px rgba(0,0,0,0.35)}.app .drag-mask{display:flex;align-items:center;position:fixed;left:0;top:0;z-index:9999;width:100%;height:100%;background:linear-gradient(to right, transparent, transparent 200px, rgba(252,232,207,0.6) 200px)}.app .drag-mask::after{font-size:46px;text-indent:360px;content:'Drop epub file here...';color:var(--color-grey-1)}.app .book-loading{display:flex;align-items:center;justify-content:center;position:fixed;left:0;top:0;z-index:9999;width:100%;height:100%;font-size:20px;background:rgba(255,255,255,0.01);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.app .book-loading .loading{display:flex;flex-direction:column;align-items:center;justify-content:center}.app .book-loading .loading::before{content:'🌑';font-size:36px;-webkit-animation:loading 1s infinite;animation:loading 1s infinite}@-webkit-keyframes loading{1%,100%{content:'🌑'}12.5%{content:'🌒'}25%{content:'🌓'}37.5%{content:'🌔'}50%{content:'🌕'}62.5%{content:'🌖'}75%{content:'🌗'}87.5%{content:'🌘'}}@keyframes loading{1%,100%{content:'🌑'}12.5%{content:'🌒'}25%{content:'🌓'}37.5%{content:'🌔'}50%{content:'🌕'}62.5%{content:'🌖'}75%{content:'🌗'}87.5%{content:'🌘'}}
+html{width:100%;height:100vh}body{overflow:hidden;display:flex;width:100%;height:100%;line-height:1.25;font-size:14px;color:var(--color-dark-1);background:rgba(255,255,255,0.3)}.app{position:relative;display:flex;width:100%;height:100%}.app .category{width:200px;height:100%;background:#fff}.app .category .item{display:flex;justify-content:space-between;align-items:center;height:54px;padding:8px;border-bottom:1px solid var(--color-plain-1);background:#fff;transition:background 0.2s ease-in-out, color 0.2s ease-in-out;cursor:pointer}.app .category .item strong{max-width:150px}.app .category .item .num{display:flex;justify-content:center;align-items:center;min-width:16px;height:16px;padding:2px;line-height:1;border-radius:50%;font-size:12px;background:var(--color-grey-1);color:#fff}.app .category .item:last-child{border-bottom:0}.app .category .item:hover{color:var(--color-blue-1);background:var(--color-plain-1)}.app .category .item.active{color:var(--color-plain-1);background:var(--color-blue-1)}.app .category .item.active .num{background:#fff;color:var(--color-blue-1)}.app .books-scroll{flex:1;height:100%;border-left:1px solid var(--color-plain-2)}.app .books{display:flex;flex-wrap:wrap}.app .books .book{display:flex;flex-direction:column;width:128px;margin:24px;background:#fff;box-shadow:0 0 12px rgba(0,0,0,0.15);transition:box-shadow 0.1s ease-in;cursor:pointer}.app .books .book img{width:100%;height:160px;-o-object-fit:fill;object-fit:fill}.app .books .book:hover{box-shadow:0 0 12px rgba(0,0,0,0.35)}.app .drag-mask{display:flex;align-items:center;position:fixed;left:0;top:0;z-index:9999;width:100%;height:100%;background:linear-gradient(to right, transparent, transparent 200px, rgba(252,232,207,0.6) 200px)}.app .drag-mask::after{font-size:46px;text-indent:360px;content:'Drop epub file here...';color:var(--color-grey-1)}.app .book-loading{display:flex;align-items:center;justify-content:center;position:fixed;left:0;top:0;z-index:9999;width:100%;height:100%;font-size:20px;background:rgba(255,255,255,0.01);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.app .book-loading .loading{display:flex;flex-direction:column;align-items:center;justify-content:center}.app .book-loading .loading::before{content:'🌑';font-size:36px;-webkit-animation:loading 1s infinite;animation:loading 1s infinite}.app .context-menu{display:flex;flex-direction:column;width:100px;padding:5px 0;background:#fff}.app .context-menu .item{height:30px;line-height:30px;padding:0 15px;cursor:pointer}.app .context-menu .item:hover{background:#f2f5fc}.app .context-menu .item.diabled{color:var(--color-plain-2);background:#fff;cursor:default}@-webkit-keyframes loading{1%,100%{content:'🌑'}12.5%{content:'🌒'}25%{content:'🌓'}37.5%{content:'🌔'}50%{content:'🌕'}62.5%{content:'🌖'}75%{content:'🌗'}87.5%{content:'🌘'}}@keyframes loading{1%,100%{content:'🌑'}12.5%{content:'🌒'}25%{content:'🌓'}37.5%{content:'🌔'}50%{content:'🌕'}62.5%{content:'🌖'}75%{content:'🌗'}87.5%{content:'🌘'}}
diff --git a/src/css/app.scss b/src/css/app.scss
index efd3c97..dff5881 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -24,6 +24,7 @@ body {
 .app {
   position: relative;
   display: flex;
+  width: 100%;
   height: 100%;
 
   .category {
@@ -163,6 +164,31 @@ body {
       }
     }
   }
+
+  .context-menu {
+    display: flex;
+    flex-direction: column;
+    width: 100px;
+    padding: 5px 0;
+    background: #fff;
+
+    .item {
+      height: 30px;
+      line-height: 30px;
+      padding: 0 15px;
+      cursor: pointer;
+
+      &:hover {
+        background: #f2f5fc;
+      }
+
+      &.diabled {
+        color: var(--color-plain-2);
+        background: #fff;
+        cursor: default;
+      }
+    }
+  }
 }
 
 @keyframes loading {
diff --git a/src/css/view.scss b/src/css/view.scss
index 31b0d40..6834bd7 100644
--- a/src/css/view.scss
+++ b/src/css/view.scss
@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * 浮窗样式
+ * 阅读样式
  * @authors yutent<yutent@doui.cc>
  * @date 2018/12/16 17:15:07
  */
diff --git a/src/index.html b/src/index.html
index c3eb069..b6d5607 100644
--- a/src/index.html
+++ b/src/index.html
@@ -16,6 +16,8 @@
     <wc-scroll class="category">
       <item 
         class="item" 
+        @contextmenu="pickCtx1(it, $event)"
+        @click="view(it)"
         :class="{active: curr === it.name}" 
         :for="it in cates">
         <strong :text="it.name"></strong>
@@ -28,7 +30,12 @@
   
     <wc-scroll class="books-scroll">
       <list class="books">
-        <book class="book" :for="it in books">
+        <book 
+          class="book" 
+          :for="it in books" 
+          @dblclick="read(it)" 
+          @contextmenu="pickCtx2(it, $event)"
+        >
           <img :src="'book://cache/' + it.title + '/' + it.cover">
         </book>
       </list>
@@ -38,13 +45,28 @@
 
     <div class="drag-mask" ref="mask" :visible="isDragIn"></div>
 
-    <div class="book-loading" ref="books" :visible="loading">
+    <div class="book-loading" :visible="loading">
       <div class="loading">
         <span>共 {{load.num}} 本书</span>
         <span>当前正在解析第 {{load.curr}} 本</span>
       </div>
     </div>
 
+    <wc-layer ref="ctx1" left="100px" top="0" radius="0">
+      <ul class="context-menu noselect">
+        <li class="item" @click="deleteCate">删除</li>
+        <li class="item" @click="renameCate">重命名</li>
+        <li class="item" @click="createCate">新建分类</li>
+      </ul>
+    </wc-layer>
+
+    <wc-layer ref="ctx2" left="100px" top="0" radius="0">
+      <ul class="context-menu noselect">
+        <li class="item" @click="deleteBook">删除</li>
+        <li class="item diabled">移动到</li>
+      </ul>
+    </wc-layer>
+
   </div>
   
   
diff --git a/src/js/app.js b/src/js/app.js
index f43c2d6..41f93cf 100644
--- a/src/js/app.js
+++ b/src/js/app.js
@@ -9,7 +9,9 @@
 import '/lib/anot.js'
 import '/lib/scroll/index.js'
 
-import layer from '/lib/layer/index.js'
+import '/lib/layer/index.js'
+import Utils from '/lib/utils.js'
+import { md5 } from '/lib/md5.js'
 
 import app from '/lib/socket.js'
 
@@ -25,7 +27,7 @@ Anot({
   state: {
     input: '',
     curr: '默认分类',
-    cates: [{ name: '默认分类', num: 12 }],
+    cates: [],
     books: [],
     loading: false,
     isDragIn: false,
@@ -33,12 +35,21 @@ Anot({
       num: 0,
       curr: 0
     },
-    $db: {}
+    $db: {},
+    $ctx1: null,
+    $ctx2: null
   },
 
-  watch: {},
-
   mounted() {
+    Utils.outside(this.$refs.ctx1, ev => {
+      this.$refs.ctx1.close()
+    })
+
+    Utils.outside(this.$refs.ctx2, ev => {
+      this.$refs.ctx2.close()
+    })
+
+    /* --------------------- */
     $doc.bind('dragover', ev => {
       ev.preventDefault()
 
@@ -50,7 +61,7 @@ Anot({
       this.isDragIn = false
     })
 
-    $doc.bind('drop', ev => {
+    $doc.bind('drop', async ev => {
       ev.preventDefault()
 
       this.isDragIn = false
@@ -72,17 +83,32 @@ Anot({
         let book = files.pop()
         let res = app.dispatch('parse-book', { book, cate: this.curr })
 
+        await sleep(500)
+
         if (res) {
           this.books.push(res)
         }
       }
 
+      for (let it of this.cates) {
+        if (it.name === this.curr) {
+          it.num = this.books.length
+          break
+        }
+      }
       this.loading = false
     })
 
+    /* --------------------- */
+
     let db = app.dispatch('get-books')
     let cates = [],
       books
+
+    if (Object.keys(db).length < 1) {
+      db = { 默认分类: [] }
+    }
+
     for (let k in db) {
       cates.push({ name: k, num: db[k].length })
       // 默认选中第一个
@@ -91,10 +117,161 @@ Anot({
         books = db[k]
       }
     }
-    // books = books.concat(books, books, books, books, books, books)
+
     this.$db = db
     this.cates = cates
-    this.books = books
+    this.books = books || []
   },
-  methods: {}
+  methods: {
+    view(item) {
+      this.books = this.$db[item.name]
+    },
+    read(item) {
+      var params = { title: item.title }
+      var readCache = Anot.ls(md5(item.title))
+
+      if (readCache) {
+        params.chapter = readCache
+      }
+
+      app.dispatch(
+        'read',
+        Buffer.from(JSON.stringify(params)).toString('base64')
+      )
+    },
+
+    pickCtx1(item, ev) {
+      this.$ctx1 = item
+      ev.stopPropagation()
+
+      let { pageX, pageY } = ev
+      if (pageY + 70 > 600) {
+        pageY -= 70
+      }
+
+      this.$refs.ctx1.close()
+
+      Anot.nextTick(_ => {
+        this.$refs.ctx1.moveTo({ left: pageX + 'px', top: pageY + 'px' })
+        this.$refs.ctx1.show()
+      })
+    },
+
+    pickCtx2(item, ev) {
+      this.$ctx2 = item
+
+      ev.stopPropagation()
+
+      let { pageX, pageY } = ev
+      if (pageY + 70 > 600) {
+        pageY -= 70
+      }
+
+      this.$refs.ctx2.close()
+
+      Anot.nextTick(_ => {
+        this.$refs.ctx2.moveTo({ left: pageX + 'px', top: pageY + 'px' })
+        this.$refs.ctx2.show()
+      })
+    },
+    saveDB() {
+      app.dispatch('save-books', Anot.deepCopy(this.$db))
+    },
+
+    deleteCate() {
+      //
+      this.$refs.ctx1.close()
+      if (this.$ctx1) {
+        let { name, num } = this.$ctx1
+
+        if (num > 0) {
+          return layer.toast(`${name} 下有书籍, 不可删除!`, 'error')
+        }
+        delete this.$db[name]
+        this.cates.remove(this.$ctx1)
+        this.saveDB()
+      }
+    },
+
+    createCate() {
+      this.$ctx1 = null
+      this.$refs.ctx1.close()
+
+      layer
+        .prompt('请输入分类名', (val, done) => {
+          if (val.trim()) {
+            if (this.$db[val.trim()]) {
+              return layer.toast('分类已存在, 请换个名字', 'error')
+            }
+            done()
+          }
+        })
+        .then(v => {
+          v = v.trim()
+          this.$db[v] = []
+          this.cates.push({ name: v, num: 0 })
+          this.saveDB()
+        })
+        .catch(Anot.noop)
+    },
+
+    renameCate() {
+      //
+      this.$refs.ctx1.close()
+      if (this.$ctx1) {
+        let { name } = this.$ctx1
+
+        layer
+          .prompt(`请输入新的分类名(${name})`, (val, done) => {
+            val = val.trim()
+            if (val) {
+              if (this.$db[val] || val === name) {
+                return layer.toast('分类已存在, 请换个名字', 'error')
+              }
+              done()
+            }
+          })
+          .then(v => {
+            v = v.trim()
+            this.$db[v] = this.$db[name]
+            delete this.$db[name]
+            this.$ctx1.name = v
+            this.$ctx1 = null
+            this.saveDB()
+          })
+          .catch(Anot.noop)
+      }
+    },
+
+    deleteBook() {
+      this.$refs.ctx2.close()
+      if (this.$ctx2) {
+        let { title } = this.$ctx2
+        layer
+          .confirm(`是否要删除[${title}]? 该操作不可逆!`)
+          .then(r => {
+            this.books.remove(this.$ctx2)
+            this.$db[this.curr] = this.books
+
+            for (let it of this.cates) {
+              if (it.name === this.curr) {
+                it.num = this.books.length
+                break
+              }
+            }
+
+            this.saveDB()
+            app.dispatch('delete-book', title)
+          })
+          .catch(Anot.noop)
+      }
+    }
+
+    // moveBook() {
+    // this.$refs.ctx2.close()
+    // if (this.$ctx2) {
+    //   let { title } = this.$ctx2
+    // }
+    // }
+  }
 })
diff --git a/src/js/view.js b/src/js/view.js
index 70367ab..18bb245 100644
--- a/src/js/view.js
+++ b/src/js/view.js
@@ -8,7 +8,7 @@ import '/lib/anot.js'
 
 import '/lib/scroll/index.js'
 import '/lib/code/index.js'
-import layer from '/lib/layer/index.js'
+import { md5 } from '/lib/md5.js'
 import fetch from '/lib/fetch/index.js'
 import app from '/lib/socket.js'
 
@@ -16,29 +16,52 @@ Anot({
   $id: 'app',
   state: {
     toc: [],
-    title: 'HTML5 canvas开发详解(第2版) (无)',
-    curr: '',
-    file: '',
-    chapter: ''
+    book: '', // 当前阅读的书名
+    curr: '', // 当前选中的章节名
+    file: '', // 章节所属的文件名
+    chapter: '' // 章节渲染html文本
   },
   mounted() {
-    // app.on('float-visible', data => {})
+    var search = location.search
 
-    document.title = this.title
-    this.getToc()
+    if (search) {
+      search = JSON.parse(Buffer.from(search.slice(1), 'base64'))
+
+      document.title = this.book = search.title
+      this.curr = search.chapter || ''
+
+      this.getToc()
+    }
   },
   methods: {
     getToc() {
-      fetch('book://cache/HTML5 canvas开发详解(第2版) (无)/toc.json')
+      fetch(`book://cache/${this.book}/toc.json`)
         .then(r => r.json())
         .then(list => {
-          for (let it of list) {
+          let chapter, idx
+          for (let i = -1, it; (it = list[++i]); ) {
             delete it.id
             delete it.order
-          }
-          this.toc = list
 
-          this.viewChapter(list[23])
+            it.href = it.href.replace('.xhtml', '.html')
+
+            if (it.title === this.curr) {
+              chapter = it
+              idx = i
+            }
+          }
+
+          if (!chapter) {
+            chapter = list[0]
+            idx = 0
+          }
+
+          this.toc = list
+          this.viewChapter(chapter)
+
+          setTimeout(() => {
+            this.$refs.toc.scrollTop = 36 * (idx - 10)
+          }, 100)
         })
     },
 
@@ -49,6 +72,8 @@ Anot({
 
       this.curr = item.title
 
+      Anot.ls(md5(this.book), item.title)
+
       if (this.file === file) {
         if (hash) {
           location.hash = hash
@@ -58,14 +83,14 @@ Anot({
         }
       } else {
         this.file = file
-        fetch('book://cache/HTML5 canvas开发详解(第2版) (无)/' + file)
+        fetch(`book://cache/${this.book}/${file}`)
           .then(r => r.text())
           .then(txt => {
             this.chapter = txt.replace(
               /<img[^>]*?src="(.*?)"[^>]*?\/?>/g,
               (m, s1) => {
                 s1 = s1.replace('../', '')
-                return `<img src="book://cache/${this.title}/${s1}">`
+                return `<img src="book://cache/${this.book}/${s1}">`
               }
             )
 
diff --git a/src/lib/anot.js b/src/lib/anot.js
index 2f010fd..5be5269 100644
--- a/src/lib/anot.js
+++ b/src/lib/anot.js
@@ -1,8 +1,8 @@
 /*==================================================
  * Anot normal version for future browsers
- * @authors yutent (yutent@doui.cc)
- * @date    2017-03-21 21:05:57
- * V2.0.0
+ * @authors yutent<yutent.io@gmail.com>
+ * @date    2021-01-08 10:31:08
+ * @version v2.2.4
  * 
  ==================================================*/
- const _Anot=function(){var e=1024,t=A(),n=window.document,r=n.head;r.insertAdjacentHTML("afterbegin",'<anot skip class="anot-hide"><style id="anot-style">.anot-hide{ display: none!important }</style></anot>');var i=r.firstChild;function a(){console.log.apply(console,arguments)}function o(){return Object.create(null)}var s=encodeURIComponent,c=decodeURIComponent,l="$"+t,u={},f=/[^, ]+/g,p=/\w+/g,d=/^\[object SVG\w*Element\]$/,h=Object.prototype,v=h.hasOwnProperty,m=h.toString,y=Array.prototype,g=y.slice,b=n.documentElement,$=n.createDocumentFragment(),x=(n.createElement("div"),{"[object Boolean]":"boolean","[object Number]":"number","[object String]":"string","[object Function]":"function","[object Array]":"array","[object Date]":"date","[object RegExp]":"regexp","[object Object]":"object","[object Error]":"error","[object AsyncFunction]":"asyncfunction","[object Promise]":"promise","[object Generator]":"generator","[object GeneratorFunction]":"generatorfunction"});function w(){}function k(e){return Function.apply(w,e)}function C(e,t){"string"==typeof e&&(e=e.match(f)||[]);for(var n={},r=void 0!==t?t:1,i=0,a=e.length;i<a;i++)n[e[i]]=r;return n}function A(t){return(t=t&&t+"-"||"anot-")+(++e).toString(16)}Promise.defer||(Promise.defer=function(){let e={};return e.promise=new Promise((t,n)=>{e.resolve=t,e.reject=n}),e}),String.prototype.splice||Object.defineProperty(String.prototype,"splice",{value:function(e,t,n){let r=this.length,i=arguments.length;if(n=void 0===n?"":n,i<1)return this;if(e<0&&(e=Math.abs(e)>=r?0:r+e),1===i)return this.slice(0,e);return t-=0,this.slice(0,e)+n+this.slice(e+t)},enumerable:!1}),Date.prototype.getFullWeek||(Object.defineProperty(Date.prototype,"getFullWeek",{value:function(){let e=this.getFullYear(),t=new Date(e,0,1),n=t.getDay()||1,r=(this-t)/864e5;return Math.ceil((r+n)/7)},enumerable:!1}),Object.defineProperty(Date.prototype,"getWeek",{value:function(){let e=this.getDate(),t=this.getMonth(),n=this.getFullYear(),r=new Date(n,t,1).getDay();return Math.ceil((e+r)/7)},enumerable:!1})),Date.isDate||Object.defineProperty(Date,"isDate",{value:function(e){return!("object"!=typeof e||!e.getTime)},enumerable:!1}),Date.prototype.format||Object.defineProperty(Date.prototype,"format",{value:function(e){e=e||"Y-m-d H:i:s";let t,n={fullyear:this.getFullYear(),year:this.getYear(),fullweek:this.getFullWeek(),week:this.getWeek(),month:this.getMonth()+1,date:this.getDate(),day:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"][this.getDay()],hours:this.getHours(),minutes:this.getMinutes(),seconds:this.getSeconds()};n.g=n.hours>12?n.hours-12:n.hours,t={Y:n.fullyear,y:n.year,m:n.month<10?"0"+n.month:n.month,n:n.month,d:n.date<10?"0"+n.date:n.date,j:n.date,H:n.hours<10?"0"+n.hours:n.hours,h:n.g<10?"0"+n.g:n.g,G:n.hours,g:n.g,i:n.minutes<10?"0"+n.minutes:n.minutes,s:n.seconds<10?"0"+n.seconds:n.seconds,W:n.fullweek,w:n.week,D:n.day};for(let n in t)e=e.replace(new RegExp(n,"g"),t[n]);return e},enumerable:!1});let N=function(e){return new N.init(e)};N.nextTick=new function(){let e=window.setImmediate,t=window.MutationObserver;if(e)return e.bind(window);let n=[];if(t){let e=document.createTextNode("anot");new t(function(){let e=n.length;for(let t=0;t<e;t++)n[t]();n=n.slice(e)}).observe(e,{characterData:!0});let r=!1;return function(t){n.push(t),r=!r,e.data=r}}return function(e){setTimeout(e,4)}},N.type=function(e){return null==e?String(e):"object"==typeof e||"function"==typeof e?x[m.call(e)]||"object":typeof e},N.PropsTypes=function(e){this.type="PropsTypes",this.checkType=e},N.PropsTypes.prototype={toString:function(){return""},check:function(e){return this.result=N.type(e),this.result===this.checkType},call:function(){return this.toString()}},N.PropsTypes.isString=function(){return new this("string")},N.PropsTypes.isNumber=function(){return new this("number")},N.PropsTypes.isFunction=function(){return new this("function")},N.PropsTypes.isArray=function(){return new this("array")},N.PropsTypes.isObject=function(){return new this("object")},N.PropsTypes.isBoolean=function(){return new this("boolean")},N.isPlainObject=function(e){return"[object Object]"===m.call(e)&&Object.getPrototypeOf(e)===h};let j=N.vmodels={};function T(e,t,n){if("object"!==this.type(t))switch(arguments.length){case 2:return window[e].getItem(t);case 3:if("string"==this.type(n)&&""===n.trim()||null===n)return void window[e].removeItem(t);"object"!==this.type(n)&&"array"!==this.type(n)?window[e].setItem(t,n.toString()):window[e].setItem(t,JSON.stringify(n))}else for(let n in t)window[e].setItem(n,t[n])}N.init=function(e){if(N.isPlainObject(e)){let t=e.$id,r=null;return t||a("warning: vm必须指定id"),(r=z(Object.assign({props:{}},e))).$id=t,j[t]=r,N.nextTick(function(){let e=document.querySelector("[anot="+r.$id+"]");if(e)if(e===n.body)it(e,[]);else{let t=e;for(;(t=t.parentNode)&&!t.__VM__;);it(e.parentNode,t?[t.__VM__]:[])}}),r}this[0]=this.element=e},N.fn=N.prototype=N.init.prototype,N.mix=N.fn.mix=function(){let e,t,n,r,i,a,o=arguments[0]||{},s=1,c=arguments.length,l=!1;for("boolean"==typeof o&&(l=o,o=arguments[1]||{},s++),"object"!=typeof o&&"function"!==N.type(o)&&(o={}),s===c&&(o=this,s--);s<c;s++)if(null!=(e=arguments[s]))for(t in e)n=o[t],o!==(r=e[t])&&(l&&r&&(N.isPlainObject(r)||(i=Array.isArray(r)))?(i?(i=!1,a=n&&Array.isArray(n)?n:[]):a=n&&N.isPlainObject(n)?n:{},o[t]=N.mix(l,a,r)):void 0!==r&&(o[t]=r));return o},N.mix({rword:f,subscribers:l,version:"1.0.0",log:a,ui:{},slice:function(e,t,n){return g.call(e,t,n)},noop:w,error:function(e,t){throw new(t||Error)(e)},range:function(e,t,n){n||(n=1),null==t&&(t=e||0,e=0);let r=-1,i=Math.max(0,Math.ceil((t-e)/n)),a=new Array(i);for(;++r<i;)a[r]=e,e+=n;return a},deepCopy:K,eventHooks:{},bind:function(e,t,n,r){let i=N.eventHooks;return t=t.split(","),N.each(t,function(a,o){o=o.trim();let s=i[o];"object"==typeof s&&(o=s.type||t,r=s.phase||!!r,n=s.fix?s.fix(e,n):n),e.addEventListener(o,n,r)}),n},unbind:function(e,t,n,r){let i=N.eventHooks;t=t.split(","),n=n||w,N.each(t,function(a,o){o=o.trim();let s=i[o];"object"==typeof s&&(o=s.type||t,r=s.phase||!!r),e.removeEventListener(o,n,r)})},css:function(e,t,n){e instanceof N&&(e=e[0]);var r,i=/[_-]/.test(t)?be(t):t;if(t=N.cssName(i)||i,void 0===n||"boolean"==typeof n){r=we[i+":get"]||we["@:get"],"background"===t&&(t="backgroundColor");var a=r(e,t);return!0===n?+a||0:a}if(""===n)e.style[t]="";else{if(null==n||n!=n)return;isFinite(n)&&!N.cssNumber[i]&&(n+="px"),(r=we[i+":set"]||we["@:set"])(e,t,n)}},each:function(e,t){if(e)if(function(e){if(e&&"object"==typeof e){let t=e.length,n=m.call(e);if(/(Array|List|Collection|Map|Arguments)\]$/.test(n))return!0;if("[object Object]"===n&&t===t>>>0)return!0}return!1}(e))for(let n=0,r=e.length;n<r&&!1!==t(n,e[n]);n++);else for(let n in e)if(e.hasOwnProperty(n)&&!1===t(n,e[n]))break},Array:{ensure:function(e,t){if(-1===e.indexOf(t))return e.push(t)},removeAt:function(e,t){return!!e.splice(t,1).length},remove:function(e,t){let n=e.indexOf(t);return!!~n&&N.Array.removeAt(e,n)}},ls:function(){let e=g.call(arguments,0);return e.unshift("localStorage"),T.apply(this,e)},ss:function(){let e=g.call(arguments,0);return e.unshift("sessionStorage"),T.apply(this,e)},cookie:function(e,t,n){if(arguments.length>1){if(!e)return;if(n=n||{},n=Object.assign({expires:"",path:"/",domain:document.domain,secure:""},n),"string"==this.type(t)&&""===t.trim()||null===t)return document.cookie=s(e)+"=; expires=Thu, 01 Jan 1970 00:00:00 GMT; domain="+n.domain+"; path="+n.path,!0;if(n.expires)switch(n.expires.constructor){case Number:n.expires=n.expires===1/0?"; expires=Fri, 31 Dec 9999 23:59:59 GMT":"; max-age="+n.expires;break;case String:n.expires="; expires="+n.expires;break;case Date:n.expires="; expires="+n.expires.toUTCString()}return document.cookie=s(e)+"="+s(t)+n.expires+"; domain="+n.domain+"; path="+n.path+"; "+n.secure,!0}return e?c(document.cookie.replace(new RegExp("(?:(?:^|.*;)\\s*"+s(e).replace(/[\-\.\+\*]/g,"\\$&")+"\\s*\\=\\s*([^;]*).*$)|^.*$"),"$1"))||null:document.cookie},search:function(e){e+="";let t=location.search;if(!e||!t)return null;t=(t=(t=c(t)).slice(1)).split("&");let n={};for(let e,r=0;e=t[r++];){let t=e.split("=");t[1]=t.length<2?null:t[1],t[1]=t[1],n.hasOwnProperty(t[0])?"object"==typeof n[t[0]]?n[t[0]].push(t[1]):(n[t[0]]=[n[t[0]]],n[t[0]].push(t[1])):n[t[0]]=t[1]}return n.hasOwnProperty(e)?n[e]:null},copy:function(e){try{navigator.clipboard.writeText(e)}catch(e){a("复制到粘贴板失败",e)}}});let O=N.bindingHandlers={},E=N.bindingExecutors={},S=N.directives={};N.directive=function(e,t){return O[e]=t.init=t.init||w,E[e]=t.update=t.update||w,S[e]=t};let D=new function(){function e(e){this.size=0,this.limit=e,this.head=this.tail=void 0,this._keymap={}}let t=e.prototype;return t.put=function(e,t){let n={key:e,value:t};return this._keymap[e]=n,this.tail?(this.tail.newer=n,n.older=this.tail):this.head=n,this.tail=n,this.size===this.limit?this.shift():this.size++,t},t.shift=function(){let e=this.head;e&&(this.head=this.head.newer,this.head.older=e.newer=e.older=this._keymap[e.key]=void 0,delete this._keymap[e.key])},t.get=function(e){let t=this._keymap[e];if(void 0!==t)return t===this.tail?t.value:(t.newer&&(t===this.head&&(this.head=t.newer),t.newer.older=t.older),t.older&&(t.older.newer=t.newer),t.newer=void 0,t.older=this.tail,this.tail&&(this.tail.newer=t),this.tail=t,t.value)},e};n.contains||(Node.prototype.contains=function(e){return!!(16&this.compareDocumentPosition(e))}),N.contains=function(e,t){try{for(;t=t.parentNode;)if(t===e)return!0;return!1}catch(e){return!1}};let _=N.eventHooks;function P(e){for(var t in e)if(v.call(e,t)){var n=e[t];"function"==typeof P.plugins[t]?P.plugins[t](n):"object"==typeof P[t]?N.mix(P[t],n):P[t]=n}return this}void 0===n.onmousewheel&&(_.mousewheel={type:"wheel",fix:function(e,t){return function(n){n.wheelDeltaY=n.wheelDelta=n.deltaY>0?-120:120,n.wheelDeltaX=0,Object.defineProperty(n,"type",{value:"mousewheel"}),t.call(e,n)}}}),N.config=P;var L,M,H,F,B=/[-.*+?^${}()|[\]\/\\]/g;function I(e){return(e+"").replace(B,"\\$&")}var R={interpolate:function(e){if(L=e[0],M=e[1],L===M)throw new SyntaxError("openTag!==closeTag");P.openTag=L,P.closeTag=M;var t=I(L),n=I(M);H=new RegExp(t+"([\\s\\S]*)"+n),F=new RegExp(t+"([\\s\\S]*)"+n,"g"),new RegExp(t+"[\\s\\S]*"+n+"|\\s:")}};function q(t,r){var i=this.$events||(this.$events={}),a=i[t]||(i[t]=[]);if("function"==typeof r){var o=r;o.uuid="_"+ ++e,(r={element:b,type:"user-watcher",handler:w,vmodels:[this],expr:t,uuid:o.uuid}).wildcard=/\*/.test(t)}if(r.update)r.oneTime||N.Array.ensure(a,r);else{if(/\w\.*\B/.test(t)||"*"===t){r.getter=w;var s=this;r.update=function(){var e=this.fireArgs||[];e[2]&&r.handler.apply(s,e),delete this.fireArgs},a.sync=!0,N.Array.ensure(a,r)}else N.injectBinding(r);o&&(r.handler=o)}return function(){r.update=r.getter=r.handler=w,r.element=n.createElement("a")}}function V(t,n){var r=this.$events,i=null;if(r&&r[t]){n&&(n[2]=t);var a=r[t];if(function(t,n){if(!t)return;new Date-se>444&&"object"==typeof t[0]&&le();for(var r,i=[],a=[],o=0;r=t[o++];)"user-watcher"===r.type?i.push(r):a.push(r);if(P.async){for(dt.render(),o=0;r=a[o++];)if(r.update){r.uuid=r.uuid||"_"+ ++e;var s=r.uuid;dt.queue[s]||(dt.queue[s]="__",dt.queue.push(r))}}else for(o=0;r=a[o++];)r.update&&r.update();for(o=0;r=i[o++];)(n&&n[2]===r.expr||r.wildcard)&&(r.fireArgs=n),r.update()}(a,n),n&&r["*"]&&!/\./.test(t))for(var o,s=0;o=r["*"][s++];)try{o.handler.apply(this,n)}catch(e){}(i=this.$up)&&(this.$pathname&&V.call(i,this.$pathname+"."+t,n),V.call(i,"*."+t,n))}else{if(i=this.$up,this.$ups){for(var c in this.$ups)V.call(this.$ups[c],c+"."+t,n);return}if(i){var l=this.$pathname;""===l&&(l="*");var u=l+"."+t;a=u.split("."),n=n&&n.concat([u,t])||[u,t],-1===a.indexOf("*")?(V.call(i,u,n),a[1]="*",V.call(i,a.join("."),n)):V.call(i,u,n)}}}P.plugins=R,P.plugins.interpolate(["{{","}}"]),P.async=!0,P.paths={},P.shim={},P.maxRepeatSize=100;var W=C("$id,$watch,$fire,$events,$model,$active,$pathname,$up,$ups,$track,$accessors");function z(e,t){return(t=t||{}).watch=!0,U(e,t)}function U(e,t){if(!e||e.$id&&e.$accessors||e.nodeName&&e.nodeType>0)return e;var n,r=(t=t||u).force||u,i=t.old,o=i&&i.$accessors||u,s=new function(){},c={},l={},f=[],p=[],d={},h=e.state,v=e.computed,m=e.methods,y=e.props,g=e.watch,b=e.mounted;if(delete e.state,delete e.computed,delete e.methods,delete e.props,delete e.watch,e.skip&&(d=C(e.skip),delete e.skip),h)for(x in e.$id&&delete h.props,h){var $=h[x];W[x]||(l[x]=!0),"function"==typeof $||$&&$.nodeName&&$.nodeType>0||!r[x]&&("$"===(n=x).charAt(0)||"__"===n.slice(0,2)||W[n]||d[x])?f.push(x):Y($)?(a("warning:计算属性建议放在[computed]对象中统一定义"),v[x]=$):(p.push(x),o[x]?c[x]=o[x]:c[x]=G(x,$))}if(v)for(var x in delete v.props,v)l[x]=!0,function(e,t){var n;"function"==typeof t&&(t={get:t,set:w}),"function"!=typeof t.set&&(t.set=w),c[e]={get:function(){return n=t.get.call(this)},set:function(r){var i,a=n;t.set.call(this,r),i=this[e],this.$fire&&i!==a&&this.$fire(e,i,a)},enumerable:!0,configurable:!0}}(x,v[x]);if(m)for(var x in delete m.props,m)l[x]=!0,f.push(x);if(y)for(var x in X(s,"props",{}),l.props=!!e.$id,y)s.props[x]=y[x];if(Object.assign(e,h,m),c.$model=Z,s=Object.defineProperties(s,c,e),f.forEach(function(t){s[t]=e[t]}),X(s,"$id","anonymous"),X(s,"$up",i?i.$up:null),X(s,"$track",Object.keys(l)),X(s,"$active",!1),X(s,"$pathname",i?i.$pathname:""),X(s,"$accessors",c),X(s,"$events",{}),X(s,"$refs",{}),X(s,"$children",[]),X(s,"hasOwnProperty",function(e){return!0===l[e]}),X(s,"$mounted",b),t.watch&&(X(s,"$watch",function(){return q.apply(s,arguments)}),X(s,"$fire",function(e,t){if(0===e.indexOf("all!")){var n=e.slice(4);for(var r in N.vmodels){(i=N.vmodels[r]).$fire&&i.$fire.apply(i,[n,t])}}else if(0===e.indexOf("child!")){n="props."+e.slice(6);for(var r in s.$children){var i;(i=s.$children[r]).$fire&&i.$fire.apply(i,[n,t])}}else V.call(s,e,[t])})),p.forEach(function(e){var t=i&&i[e],n=s[e]=h[e];n&&"object"==typeof n&&!Date.isDate(n)&&(n.$up=s,n.$pathname=e),V.call(s,e,[n,t])}),g)for(var k in delete g.props,g)if(Array.isArray(g[k]))for(var A;A=g[k].pop();)q.call(s,k,A);else q.call(s,k,g[k]);return s.$active=!0,"anonymous"!==s.$id&&i&&i.$up&&i.$up.$children&&i.$up.$children.push(s),s}function Y(e){if(e&&"object"==typeof e){for(var t in e)if("get"!==t&&"set"!==t)return!1;return"function"==typeof e.get}}function G(e,t){var n;t=NaN;return{get:function(){return this.$active&&function(e,t){for(;;){if(e.$watch){var n=e.$events||(e.$events={}),r=n[t]||(n[t]=[]);return void ae.collectDependency(r)}if(!(e=e.$up))break;t=e.$pathname+"."+t}}(this,e),t},set:function(r){if(t!==r){var i=t;(n=J(r,t))?t=n:(n=void 0,t=r),Object(n)===n&&(n.$pathname=e,n.$up=this),this.$active&&V.call(this,e,[t,i])}},enumerable:!0,configurable:!0}}function J(e,t,n,r){if(Array.isArray(e))return function(e,t,n){if(t&&t.splice){var r=[0,t.length].concat(e);return t.splice.apply(t,r),t}for(var i in ee)e[i]=ee[i];X(e,"$up",null),X(e,"$pathname",""),X(e,"$track",ne(e.length)),e._=U({state:{length:NaN}},{watch:!0}),e._.length=e.length,e._.$watch("length",function(t,n){V.call(e.$up,e.$pathname+".length",[t,n])}),n&&X(e,"$watch",function(){return q.apply(e,arguments)}),Object.defineProperty(e,"$model",Z);for(var a=0,o=e.length;a<o;a++){var s=e[a]=J(e[a],0,1,1);Object(s)===s&&(s.$up=e)}return e}(e,t,r);if(N.isPlainObject(e)){if(t&&"object"==typeof t){var i=Object.keys(e),a=Object.keys(t);if(i.join(";")===a.join(";")){for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);return t}t.$active=!1}return U({state:e},{old:t,watch:r})}return n?e:void 0}function X(e,t,n){Object.defineProperty(e,t,{value:n,writable:!0,enumerable:!1,configurable:!0})}function K(e){var t=N.type(e);if("array"===t){for(var n=[],r=0;r<e.length;r++)n[r]=K(e[r]);return n}if("object"===t){var i={};for(r in e)if(e.hasOwnProperty(r)){var a=e[r];i[r]=a&&a.nodeType?a:K(a)}return i}return e}N.hideProperty=X;var Z={get:function(){return K(this)},set:w,enumerable:!1,configurable:!0},Q=Array.prototype,ee={notify:function(){V.call(this.$up,this.$pathname)},set:function(e,t){if((e>>>=0)>this.length)throw Error(e+"set方法的第一个参数不能大于原数组长度");if(this[e]!==t){var n=this[e];this.splice(e,1,t),V.call(this.$up,this.$pathname+".*",[t,n,null,e])}},contains:function(e){return this.indexOf(e)>-1},ensure:function(e){return this.contains(e)||this.push(e),this},pushArray:function(e){return this.push.apply(this,K(e))},remove:function(e){return this.removeAt(this.indexOf(e))},removeAt:function(e){return e>>>=0,this.splice(e,1)},size:function(){return this._.length},removeAll:function(e){if(Array.isArray(e))for(var t=this.length-1;t>=0;t--)-1!==e.indexOf(this[t])&&(te.call(this.$track,t,1),te.call(this,t,1));else if("function"==typeof e)for(t=this.length-1;t>=0;t--){e(this[t],t)&&(te.call(this.$track,t,1),te.call(this,t,1))}else te.call(this.$track,0,this.length),te.call(this,0,this.length);this.notify(),this._.length=this.length},clear:function(){this.removeAll()}},te=Q.splice;function ne(e){for(var t=[],n=0;n<e;n++)t[n]=A("proxy-each");return t}["push","pop","shift","unshift","splice"].forEach(function(e){var t=Q[e];ee[e]=function(){for(var n=[],r=0,i=arguments.length;r<i;r++)n[r]=J(arguments[r],0,1,1);var a=t.apply(this,n);return function(e,t,n){switch(t){case"push":case"unshift":n=ne(n.length);break;case"splice":if(n.length>2){n[1],n.length;n=[n[0],n[1]].concat(ne(n.length-2))}}Array.prototype[t].apply(e,n)}(this.$track,e,n),this.notify(),this._.length=this.length,a}}),"sort,reverse".replace(f,function(e){ee[e]=function(){var t=this.concat(),n=Math.random(),r=[],i=!1;Q[e].apply(this,arguments);for(var a=0,o=t.length;a<o;a++){var s=this[a];if(s===t[a])r.push(a);else{var c=t.indexOf(s);r.push(c),t[c]=n,i=!0}}return i&&(!function(e,t){for(var n={},r=0,i=t.length;r<i;r++){n[r]=e[r];var a=t[r];a in n?(e[r]=n[a],delete n[a]):e[r]=e[a]}}(this.$track,r),this.notify()),this}});var re,ie,ae=(ie=[],{begin:function(e){ie.push(re),re=e},end:function(){re=ie.pop()},collectDependency:function(e){re&&re.callback(e)}});N.injectBinding=function(t){t.handler=t.handler||S[t.type].update||w,t.update=function(){var n=!1;t.getter||(n=!0,ae.begin({callback:function(n){!function(t,n){if(n.oneTime)return;t&&N.Array.ensure(t,n)&&n.element&&(!function(t,n){t.list=n,t.i=~~t.i,t.uuid||(t.uuid="_"+ ++e);oe[t.uuid]||(oe[t.uuid]="__",oe.push(t))}(n,t),new Date-se>444&&le())}(n,t)}}),t.getter=He(t.expr,t.vmodels,t),t.observers.forEach(function(e){e.v.$watch(e.p,t)}),delete t.observers);try{var r,i,o=t.fireArgs;if(delete t.fireArgs,o)r=o[0],i=o[1];else if("on"===t.type)r=t.getter+"";else try{r=t.getter.apply(0,t.args)}catch(e){r=null}if(i=void 0===i?t.oldValue:i,t._filters&&(r=cn.$filter.apply(0,[r].concat(t._filters))),t.signature){var s=N.type(r);if("array"!==s&&"object"!==s)throw Error("warning:"+t.expr+"只能是对象或数组");t.xtype=s;var c=function(e,t){for(var n,r=[],i=0;n=e[i++];)r.push(t?n.$id:n.$key);return r.join(";")}(t.proxies||[],s),l=r.$track||("array"===s?ne(r.length):Object.keys(r));t.track=l,c!==l.join(";")&&(t.handler(r,i),t.oldValue=1)}else Array.isArray(r)&&r.length!==(i&&i.length)?(t.handler(r,i),t.oldValue=r.concat()):"oldValue"in t&&r===i||(t.handler(r,i),t.oldValue=Array.isArray(r)?r.concat():r)}catch(e){delete t.getter,a("warning:exception throwed in [Anot.injectBinding] ",e);var u=t.element;u&&3===u.nodeType&&(u.nodeValue=L+(t.oneTime?"::":"")+t.expr+M)}finally{n&&ae.end()}},t.update()};var oe=N.$$subscribers=[],se=new Date;var ce=0;function le(e){for(var t=ce||oe.length,n=0;e=oe[--t];)if(e.i<7){if(null===e.element){oe.splice(t,1),e.list&&(N.Array.remove(e.list,e),delete oe[e.uuid]);continue}if(fe(e.element)){if(oe.splice(t,1),N.Array.remove(e.list,e),ue(e),n++>500){ce=t;break}continue}e.i++,7===e.i&&(e.i=14)}else e.i--;se=new Date}function ue(e){for(var t in delete oe[e.uuid],e.element=null,e.rollback&&e.rollback(),e)e[t]=null}function fe(e){try{e.parentNode.nodeType}catch(e){return!0}return e.ifRemove&&!b.contains(e.ifRemove)&&i===e.parentNode?(e.parentNode&&e.parentNode.removeChild(e),!0):e.msRetain?0:1===e.nodeType?!b.contains(e):!N.contains(b,e)}var pe=new function(){N.mix(this,{option:n.createElement("select"),thead:n.createElement("table"),td:n.createElement("tr"),area:n.createElement("map"),tr:n.createElement("tbody"),col:n.createElement("colgroup"),legend:n.createElement("fieldset"),_default:n.createElement("div"),g:n.createElementNS("http://www.w3.org/2000/svg","svg")}),this.optgroup=this.option,this.tbody=this.tfoot=this.colgroup=this.caption=this.thead,this.th=this.td};String("circle,defs,ellipse,image,line,path,polygon,polyline,rect,symbol,text,use").replace(f,function(e){pe[e]=pe.g});var de=/<([\w:]+)/,he=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,ve=C(["","text/javascript","text/ecmascript","application/ecmascript","application/javascript"]),me=n.createElement("script"),ye=/<|&#?\w+;/;function ge(e){return e.replace(/([a-z\d])([A-Z]+)/g,"$1-$2").toLowerCase()}function be(e){return e.indexOf("-")<0&&e.indexOf("_")<0?e:e.replace(/[-_][^-_]/g,function(e){return e.charAt(1).toUpperCase()})}N.parseHTML=function(e){var t=$.cloneNode(!1);if("string"!=typeof e)return t;if(!ye.test(e))return t.appendChild(n.createTextNode(e)),t;e=e.replace(he,"<$1></$2>").trim();var r,i=(de.exec(e)||["",""])[1].toLowerCase(),a=pe[i]||pe._default;a.innerHTML=e;var o=a.getElementsByTagName("script");if(o.length)for(var s,c=0;s=o[c++];)if(ve[s.type]){var l=me.cloneNode(!1);y.forEach.call(s.attributes,function(e){l.setAttribute(e.name,e.value)}),l.text=s.text,s.parentNode.replaceChild(l,s)}for(;r=a.firstChild;)t.appendChild(r);return t},N.innerHTML=function(e,t){var n=this.parseHTML(t);this.clearHTML(e).appendChild(n)},N.clearHTML=function(e){for(e.textContent="";e.firstChild;)e.removeChild(e.firstChild);return e},"add,remove".replace(f,function(e){N.fn[e+"Class"]=function(t){var n=this[0];return t&&"string"==typeof t&&n&&1===n.nodeType&&t.replace(/\S+/g,function(t){n.classList[e](t)}),this}}),N.fn.mix({attr:function(e,t){return 2===arguments.length?(this[0].setAttribute(e,t),this):this[0].getAttribute(e)},data:function(e,t){var n=arguments.length,r=this[0].dataset;switch((e=ge(e||""))||(n=0),n){case 2:return r[e]=t,this;case 1:return xe(r[e]);case 0:var i=o();for(var a in r)i[a]=xe(r[a]);return i}},removeData:function(e){return e="data-"+ge(e),this[0].removeAttribute(e),this},css:function(e,t){if(N.isPlainObject(e))for(var n in e)N.css(this,n,e[n]);else var r=N.css(this,e,t);return void 0!==r?r:this},position:function(){var e,t,n=this[0],r={top:0,left:0};if(n)return"fixed"===this.css("position")?t=n.getBoundingClientRect():(e=this.offsetParent(),t=this.offset(),"HTML"!==e[0].tagName&&(r=e.offset()),r.top+=N.css(e[0],"borderTopWidth",!0),r.left+=N.css(e[0],"borderLeftWidth",!0),r.top-=e.scrollTop(),r.left-=e.scrollLeft()),{top:t.top-r.top-N.css(n,"marginTop",!0),left:t.left-r.left-N.css(n,"marginLeft",!0)}},offsetParent:function(){for(var e=this[0].offsetParent;e&&"static"===N.css(e,"position");)e=e.offsetParent;return N(e||b)},bind:function(e,t,n){if(this[0])return N.bind(this[0],e,t,n)},unbind:function(e,t,n){return this[0]&&N.unbind(this[0],e,t,n),this},val:function(e){var t,n,r=this[0];if(r&&1===r.nodeType){var i=0===arguments.length,a=i?":get":":set",o=je[(t=r,n=t.tagName.toLowerCase(),("input"===n&&/checkbox|radio/.test(t.type)?"checked":n)+a)];if(o)var s=o(r,e);else{if(i)return(r.value||"").replace(/\r/g,"");r.value=e}}return i?s:this}}),N.parseJSON=JSON.parse;var $e=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/;function xe(e){try{if("object"==typeof e)return e;e="true"===e||"false"!==e&&("null"===e?null:+e+""===e?+e:$e.test(e)?JSON.parse(e):e)}catch(e){}return e}N.fireDom=function(e,t,r){var i=n.createEvent("Events");i.initEvent(t,!0,!0),N.mix(i,r),e.dispatchEvent(i)},N.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(e,t){N.fn[e]=function(n){var r=this[0]||{},i=function(e){return e.window&&e.document?e:9===e.nodeType&&e.defaultView}(r),a="scrollTop"===e;if(!arguments.length)return i?i[t]:r[e];i?i.scrollTo(a?i[t]:n,a?n:i[t]):r[e]=n}});var we=N.cssHooks=o(),ke=["","-webkit-","-moz-","-ms-"],Ce={float:"cssFloat"};N.cssNumber=C("animationIterationCount,animationIterationCount,columnCount,order,flex,flexGrow,flexShrink,fillOpacity,fontWeight,lineHeight,opacity,orphans,widows,zIndex,zoom"),N.cssName=function(e,t,n){if(Ce[e])return Ce[e];t=t||b.style;for(var r=0,i=ke.length;r<i;r++)if((n=be(ke[r]+e))in t)return Ce[e]=n;return null},we["@:set"]=function(e,t,n){e.style[t]=n},we["@:get"]=function(e,t){if(!e||!e.style)throw new Error("getComputedStyle要求传入一个节点 "+e);var n,r=getComputedStyle(e);return r&&""===(n="filter"===t?r.getPropertyValue(t):r[t])&&(n=e.style[t]),n},we["opacity:get"]=function(e){var t=we["@:get"](e,"opacity");return""===t?"1":t},"top,left".replace(f,function(e){we[e+":get"]=function(t){var n=we["@:get"](t,e);return/px$/.test(n)?n:N(t).position()[e]+"px"}});var Ae={position:"absolute",visibility:"hidden",display:"block"},Ne=/^(none|table(?!-c[ea]).+)/;"Width,Height".replace(f,function(e){var t=e.toLowerCase(),n="client"+e,r="scroll"+e,i="offset"+e;we[t+":get"]=function(t,n,r){var a=-4;"number"==typeof r&&(a=r),n="Width"===e?["Left","Right"]:["Top","Bottom"];var o=t[i];return 2===a?o+N.css(t,"margin"+n[0],!0)+N.css(t,"margin"+n[1],!0):(a<0&&(o=o-N.css(t,"border"+n[0]+"Width",!0)-N.css(t,"border"+n[1]+"Width",!0)),-4===a&&(o=o-N.css(t,"padding"+n[0],!0)-N.css(t,"padding"+n[1],!0)),o)},we[t+"&get"]=function(e){var n=[];!function e(t,n){if(t.offsetWidth<=0){var r=getComputedStyle(t,null);if(Ne.test(r.display)){var i={node:t};for(var a in Ae)i[a]=r[a],t.style[a]=Ae[a];n.push(i)}var o=t.parentNode;o&&1===o.nodeType&&e(o,n)}}(e,n);for(var r,i=we[t+":get"](e),a=0;r=n[a++];)for(var o in e=r.node,r)"string"==typeof r[o]&&(e.style[o]=r[o]);return i},N.fn[t]=function(a){var o=this[0];if(0===arguments.length){if(o.setTimeout)return o["inner"+e];if(9===o.nodeType){var s=o.documentElement;return Math.max(o.body[r],s[r],o.body[i],s[i],s[n])}return we[t+"&get"](o)}return this.css(t,a)},N.fn["inner"+e]=function(){return we[t+":get"](this[0],void 0,-2)},N.fn["outer"+e]=function(e){return we[t+":get"](this[0],void 0,!0===e?2:0)}}),N.fn.offset=function(){var e=this[0];try{var t=e.getBoundingClientRect();if(t.width||t.height||e.getClientRects().length){var n=e.ownerDocument,r=n.documentElement,i=n.defaultView;return{top:t.top+i.pageYOffset-r.clientTop,left:t.left+i.pageXOffset-r.clientLeft}}}catch(e){return{left:0,top:0}}};var je={"select:get":function(e,t){for(var n,r=e.options,i=e.selectedIndex,a="select-one"===e.type||i<0,o=a?null:[],s=a?i+1:r.length,c=i<0?s:a?i:0;c<s;c++)if(((n=r[c]).selected||c===i)&&!n.disabled){if(t=n.value,a)return t;o.push(t)}return o},"select:set":function(e,t,n){t=[].concat(t);for(var r,i=0;r=e.options[i++];)(r.selected=t.indexOf(r.value)>-1)&&(n=!0);n||(e.selectedIndex=-1)}},Te={};["break,case,catch,continue,debugger,default,delete,do,else,false","finally,for,function,if,in,instanceof,new,null,return,switch,this","throw,true,try,typeof,var,void,while,with","abstract,boolean,byte,char,class,const,double,enum,export,extends","final,float,goto,implements,import,int,interface,long,native","package,private,protected,public,short,static,super,synchronized","throws,transient,volatile","arguments,let,yield,async,await,undefined"].join(",").replace(/\w+/g,function(e){Te[e]=!0});var Oe=/[a-z_$]/i,Ee=/[\s\uFEFF\xA0]/;function Se(e,t){if(t&&!Te[t])return e.push(t),!0}function De(e,t,n,r){for(var i,a=[],o=" = "+n+".",s=e.length;i=e[--s];){var c=i.split(".")[0];t.hasOwnProperty(c)&&(a.push(c+o+c),r.observers.push({v:t,p:i,type:N.type(t[c])}),e.splice(s,1))}return a}var _e=/(proxy\-[a-z]+)\-[\-0-9a-f]+$/,Pe=new D(218),Le=new D(128);function Me(e){e=e.trim();var t=Pe.get(e);if(t)return t.concat();for(var n,r=function e(t,n){var r=[],i=!!n;n=n||0;for(var a="unknown",o="",s=0;s<t.length;s++){var c=t.charAt(s);if("'"===c||'"'===c)"unknown"===a?a=c:a===c&&(a="unknown");else if("\\"===c)"'"!==a&&'"'!==a||s++;else if(Oe.test(c))"unknown"===a?(a="variable",o=c):"maybePath"===a?(o=r.pop(),o+="."+c,a="variable"):"variable"===a&&(o+=c);else if(/\w/.test(c))"variable"===a&&(o+=c);else if("."===c)"variable"===a&&o&&(r.push(o),o="",a="maybePath");else if("["===c){if("variable"===a||"maybePath"===a){o&&(r.push(o),o="");var l=r.length,u=r[l-1],f=e(t.slice(s),s);if(f.length)r[l-1]=u+".*",r=f.concat(r);else{var p=t.slice(s+1,f.i);try{var d=k(["return "+p])();r[l-1]=u+"."+d}catch(e){}}a="maybePath",s=f.i}}else if("]"===c){if(i)return r.i=s+n,Se(r,o),r}else Ee.test(c)&&"\r"!==c&&"\n"!==c?"variable"===a&&(Se(r,o)&&(a="maybePath"),o=""):(Se(r,o),a="unknown",o="")}return Se(r,o),r}(e),i={},a=[],o=0;n=r[o++];)i[n]||(i[n]=1,a.push(n));return Pe.put(e,a).concat()}function He(e,t,n){var r=n.filters;"string"==typeof r&&r.trim()&&!n._filters&&(n._filters=function(e){return k(["return ["+(e=e.replace(Be,"").replace(Ie,function(){return"],|"}).replace(Re,function(e,t){return"["+We(t)}).replace(qe,function(){return'"],["'}).replace(Ve,function(){return'",'})+"]")+"]"])()}(r.trim()));var i=Me(e),a=new Date-0,o=[],s=[],c=[];n.observers=[];for(var l=0,u=t.length;l<u;l++)if(i.length){var f="vm"+a+"_"+l;s.push(f),c.push(t[l]),o.push.apply(o,De(i,t[l],f,n))}n.args=c;var p=n.type,d=t.map(function(e){return String(e.$id).replace(_e,"$1")})+e+p,h=Le.get(d);if(h){if("duplex"===p){var v=Le.get(d+"setter");n.setter=v.apply(v,n.args)}return n.getter=h}if(o.length||o.push("fix"+a),"duplex"===p){var m={};o.forEach(function(e){var t=e.split("=");m[t[0].trim()]=t[1].trim()}),e=e.replace(/[\$\w]+/,function(e){return m[e]?m[e]:e});var y=k(s.concat('"use strict";\n  return function(vvv){'+e+" = vvv\n}\n"));Le.put(d+"setter",y),n.setter=y.apply(y,n.args)}if("on"===p){-1===e.indexOf("(")?e+=".call("+s[s.length-1]+", $event)":e=e.replace("(",".call("+s[s.length-1]+", "),s.push("$event");var g=(e="\nreturn "+e+";").lastIndexOf("\nreturn"),b=e.slice(0,g),$=e.slice(g);e=b+"\n"+$}else n.observers.forEach(function(t){if("function"===t.type){var n=new RegExp(t.p+"\\(([^)]*)\\)","g");e=e.replace(n,function(e,n){return n=n.trim(),t.p+".call("+s[s.length-1]+(n?", "+n:"")+")"})}}),e="\nreturn "+e+";";return h=k(s.concat("'use strict';\ntry{\n  var "+o.join(",\n  ")+e+"\n}catch(e){console.log(e)}")),Le.put(d,h)}function Fe(e){if(H.test(e)){var t=ut(e);return 1===t.length?t[0].expr:t.map(function(e){return e.type?"("+e.expr+")":We(e.expr)}).join(" + ")}return e}N.normalizeExpr=Fe,N.parseExprProxy=He;var Be=/\)\s*$/,Ie=/\)\s*\|/g,Re=/\|\s*([$\w]+)/g,qe=/"\s*\["/g,Ve=/"\s*\(/g;var We=JSON.stringify,ze=C("area,base,basefont,br,col,command,embed,hr,img,input,link,meta,param,source,track,wbr,noscript,script,style,textarea".toUpperCase());function Ue(e,t,n){var r=e.getAttribute(t);if(r)for(var i,a=0;i=n[a++];)if(i.hasOwnProperty(r)&&"function"==typeof i[r])return i[r]}function Ye(e,t){for(var n,r=0;n=e[r++];)n.vmodels=t,S[n.type].init(n),N.injectBinding(n),n.getter&&1===n.element.nodeType&&n.element.removeAttribute(n.name);e.length=0}var Ge=/^\s*::/,Je=/^:(\w+)-?(.*)|@(.*)/,Xe=C("animationend,blur,change,input,click,dblclick,focus,keydown,keypress,keyup,mousedown,mouseenter,mouseleave,mousemove,mouseout,mouseover,mouseup,scan,scroll,submit"),Ke=C("value,title,alt,checked,selected,disabled,readonly,loading,enabled,href,src");function Ze(e,t){return e.priority-t.priority}var Qe=["html","text","attr","data"];function et(t,n,r){var i=!0;if(n.length){for(var o,s=t.attributes,c=[],l={},u=0;o=s[u++];){var f=o.name;if(!l[f]&&(l[f]=1,o.specified&&(r=f.match(Je)))){var p=r[1],d=r[2]||"",h=r[3]||"",v=o.value;if(Ke[p]&&(d=p,p="attr"),h&&(d=h,p="on"),S[p]){var m=v.replace(Ge,""),y={type:p,param:d,element:t,name:f,expr:m,oneTime:v!==m,uuid:"_"+ ++e,priority:(S[p].priority||10*p.charCodeAt(0))+(Number(d.replace(/\D/g,""))||0)};if(Qe.includes(p)){var g=lt(v).filters;y.expr=y.expr.replace(g,""),y.filters=g.replace(at,function(){return y.type="html",y.group=1,""}).trim()}else if("duplex"===p)var b=f;else if(":if-loop"===f)y.priority+=100;else if(":attr-value"===f)var $=f;c.push(y)}}}if(c.length){for(c.sort(Ze),b&&$&&"text"===t.type&&a("warning!一个控件不能同时定义:attr-value与"+b),u=0;y=c[u];u++){if(p=y.type,tt.test(p))return Ye(c.slice(0,u+1),n);i&&(i=!nt.test(p))}Ye(c,n)}}i&&!ze[t.tagName]&&function(e,t){rt(N.slice(e.childNodes),t)}(t,n)}var tt=/^if|for$/,nt=/^html|include$/;function rt(e,t){for(var n,r=0;n=e[r++];)switch(n.nodeType){case 1:var i=n;if(i.parentNode&&1===i.parentNode.nodeType){var a=(o=i).hasAttribute("ref")?o.getAttribute("ref"):null;a&&t.length&&(t[0].$refs[a]=i)}it(n,t),n.msHasEvent&&N.fireDom(n,"datasetchanged",{bubble:n.msHasEvent});break;case 3:H.test(n.nodeValue)&&ft(n,t,r)}var o}function it(e,t){var n=e.getAttribute("skip"),r=e.getAttributeNode("anot"),i=t.concat();if("string"!=typeof n){if(r){var o=N.vmodels[r.value],s=g.call(e.attributes,0);if(!o)return;if(i=[o],e.removeAttribute(r.name),e.__VM__=o,X(o,"$elem",e),t.length){o.$up=t[0],t[0].$children.push(o);var c={};for(var l in s.forEach(function(n){if(/^:/.test(n.name)){var r=n.name.match(Je)[1],i=null;if(!r||N.directives[r]||Xe[r])return;try{i=K(i=He(n.value,t,{}).apply(0,t)),e.removeAttribute(n.name),c[r]=i}catch(t){a("Props parse faild on (%s[class=%s]),",e.nodeName,e.className,n,t+"")}}}),o.props)o.props[l]&&"PropsTypes"===o.props[l].type&&(o.props[l].check(c[l])?(o.props[l]=c[l],delete c[l]):console.error(new TypeError("props."+l+" needs ["+o.props[l].checkType+"], but ["+o.props[l].result+"] given.")));Object.assign(o.props,c),c=void 0}}et(e,i),o&&setTimeout(function(){"function"==typeof o.$mounted&&o.$mounted(),delete o.$mounted})}}var at=/\|\s*html(?:\b|$)/,ot=/\|\|/g,st=/(['"])(\\\1|.)+?\1/g,ct=/\r?\n/g;function lt(e){if(e.indexOf("|")>0){var t=e.replace(st,function(e){return Array(e.length+1).join("1")}).replace(ot,"ᄢ㍄").indexOf("|");if(t>-1)return{type:"text",filters:e.slice(t).trim(),expr:e.slice(0,t)}}return{type:"text",expr:e,filters:""}}function ut(e){for(var t,n,r=[],i=0;;){if(-1===(n=e.indexOf(L,i)))break;if((t=e.slice(i,n))&&r.push({expr:t}),i=n+L.length,-1===(n=e.indexOf(M,i)))break;(t=e.slice(i,n))&&r.push(lt(t.replace(ct,""))),i=n+M.length}return(t=e.slice(i))&&r.push({expr:t}),r}function ft(e,t,r){var i=[],a=ut(e.data);if(a.length){for(var o,s=0;o=a[s++];){var c=n.createTextNode(o.expr);o.type&&(o.expr=o.expr.replace(Ge,function(){return o.oneTime=!0,""}),o.element=c,o.filters=o.filters.replace(at,function(){return o.type="html",""}),o.pos=1e3*r+s,i.push(o)),$.appendChild(c)}e.parentNode.replaceChild($,e),i.length&&Ye(i,t)}}var pt=function(){this.queue=[]};pt.prototype={render:function(e){if(!this.locked){this.locked=e?b.offsetHeight+10:1;var t=this;N.nextTick(function(){t.flush()})}},flush:function(){for(var e,t=0;e=this.queue[t++];)e.update&&e.update();this.locked=0,this.queue=[]}};var dt=new pt,ht={};["autofocus,autoplay,async,allowTransparency,checked,controls","declare,disabled,defer,defaultChecked,defaultSelected","contentEditable,isMap,loop,multiple,noHref,noResize,noShade","open,readOnly,selected"].join(",").replace(f,function(e){ht[e.toLowerCase()]=e});N.directive("attr",{init:function(e){if(e.expr=Fe(e.expr.trim()),"include"===e.type){var t=e.element;St(t,e),e.includeRendered=Ue(t,"data-rendered",e.vmodels),e.includeLoaded=Ue(t,"data-loaded",e.vmodels);var r=e.includeReplace=t.hasAttribute("replace");t.hasAttribute("cache")&&(e.templateCache={}),e.start=n.createComment(":include"),e.end=n.createComment(":include-end"),r?(e.element=e.end,e._element=t,t.parentNode.insertBefore(e.start,t),t.parentNode.insertBefore(e.end,t.nextSibling)):(t.insertBefore(e.start,t.firstChild),t.appendChild(e.end))}},update:function(e){var t=this.element,n=Object.create(null),r=d.test(t);if(e=K(e),this.param)e&&"object"==typeof e?Array.isArray(e)?n[this.param]=e:Date.isDate(e)?n[this.param]=e.toISOString():n[this.param]=e:n[this.param]=e;else{if(!e||"object"!=typeof e||Array.isArray(e)||Date.isDate(e))return;n=e}for(var i in n)if("style"!==i){if("xlink:"===i.slice(0,6)){var a=i;n[i=i.slice(6)]=n[a],delete n[a]}if(!1!==n[i]&&null!==n[i]&&void 0!==n[i]||(n[i]=""),"boolean"==typeof t[i]||"boolean"==typeof t[ht[i]]){a=i;if(ht[i]&&a!==ht[i]&&(a=ht[i]),n[i]=!!n[i],t[a]=n[i],!n[i]){t.removeAttribute(a);continue}}!r&&i in t.cloneNode(!1)?t[i]=n[i]:("object"==typeof n[i]&&(n[i]=Date.isDate(n[i])?n[i].toISOString():JSON.stringify(n[i])),t.setAttribute(i,n[i]))}else t.style.cssText=n[i]}});N.directive("class",{init:function(e){if(e.expr=e.expr.replace(/\n/g," ").replace(/\s+/g," "),"hover"===e.type||"active"===e.type){var t=new Function("return "+e.expr)();if(!e.hasBindEvent){var n=e.element,r=N(n),i="mouseenter",a="mouseleave";if("active"===e.type){n.tabIndex=n.tabIndex||-1,i="mousedown",a="mouseup";var o=r.bind("mouseleave",function(){r.removeClass(t)})}}var s=r.bind(i,function(){r.addClass(t)}),c=r.bind(a,function(){r.removeClass(t)});e.rollback=function(){r.unbind("mouseleave",o),r.unbind(i,s),r.unbind(a,c)},e.hasBindEvent=!0}},update:function(e){if("class"===this.type){var t=e;if(!t||this.param)return a('class指令语法错误 %c %s="%s"',"color:#f00",this.name,this.expr);for(var n in"string"==typeof t&&((t={})[e]=!0),N.isPlainObject(t)||(t=t.$model),t)this.element.classList.toggle(n,!!t[n])}}}),"hover,active".replace(f,function(e){S[e]=S.class}),N.directive("css",{init:S.attr.init,update:function(e){var t=N(this.element);if(this.param)t.css(this.param,e);else{if("object"!=typeof e)return a(':css指令格式错误 %c %s="%s"',"color:#f00",this.name,this.expr);var n=e;N.isPlainObject(n)||(n=e.$model),t.css(n)}}}),N.directive("data",{priority:100,init:S.attr.init,update:function(e){var t=N(this.element);if(this.param)t.data(this.param,e);else{if("object"!=typeof e)return a(':data指令格式错误 %c %s="%s"',"color:#f00",this.name,this.expr);var n=e;for(var r in N.isPlainObject(n)||(n=e.$model),n)t.data(r,n[r])}}});var vt=/^(?:checkbox|radio)$/,mt=/^(?:radio|checked)$/,yt=/^(file|button|reset|submit|checkbox|radio|range)$/;N.directive("duplex",{priority:2e3,init:function(e,t){var n=e.element,r=e.vmodels;e.changed=Ue(n,"data-changed",r)||w;var i=[],o=C("string,number,boolean,checked");"radio"===n.type&&""===e.param&&(e.param="checked"),e.param.replace(p,function(r){vt.test(n.type)&&mt.test(r)&&(r="checked",e.isChecked=!0,e.xtype="radio"),o[r]&&(t=!0),N.Array.ensure(i,r)}),t||i.push("string"),e.param=i.join("-"),e.xtype||(e.xtype="SELECT"===n.tagName?"select":"checkbox"===n.type?"checkbox":"radio"===n.type?"radio":/^change/.test(n.getAttribute("data-event"))?"change":"input"),n.expr=e.expr;var s=e.bound=function(t,r){n.addEventListener(t,r,!1);var i=e.rollback;e.rollback=function(){n.anotSetter=null,N.unbind(n,t,r),i&&i()}};function c(t){e.changed.call(this,t)}var l=!1;var u=function(t){var r=n.value;if(!l&&r!==e.oldValue&&null!==e.pipe){var i=e.pipe(r,e,"get");e.oldValue=r,e.setter(i),c.call(n,i),N.fireDom(n,"change")}};switch(e.xtype){case"radio":s("click",function(){var t=e.pipe(n.value,e,"get");e.setter(t),c.call(n,t)});break;case"checkbox":s("change",function(){var t=n.checked?"ensure":"remove",r=e.getter.apply(0,e.vmodels);Array.isArray(r)||(a(":duplex应用于checkbox上要对应一个数组"),r=[r]);var i=e.pipe(n.value,e,"get");N.Array[t](r,i),c.call(n,r)});break;case"change":s("change",u);break;case"input":s("input",u),s("keyup",u),s("compositionstart",function(){l=!0}),s("compositionend",function(){l=!1,setTimeout(u)}),s("DOMAutoComplete",u);break;case"select":s("change",function(){var t=N(n).val();if((t=Array.isArray(t)?t.map(function(t){return e.pipe(t,e,"get")}):e.pipe(t,e,"get"))+""!==e.oldValue)try{e.setter(t)}catch(e){a(e)}}),s("datasetchanged",function(t){if("selectDuplex"===t.bubble){var r=e._value,i=Array.isArray(r)?r.map(String):r+"";N(n).val(i),n.oldValue=i+"",c.call(n,i)}})}"input"!==e.xtype||yt.test(n.type)||("hidden"!==n.type&&(s("focus",function(){n.msFocus=!0}),s("blur",function(){n.msFocus=!1})),n.anotSetter=u,kt(function(){if(b.contains(n))n.msFocus||u();else if(!n.msRetain)return!1}))},update:function(e){var t,n=this.element;this.init||((this.pipe||(this.pipe=bt))(null,this,"init"),this.init=1);switch(this.xtype){case"input":n.value=e;break;case"change":if((t=this.pipe(e,this,"set"))!==this.oldValue){var r=!1;if(n.msFocus)try{var i=n.selectionStart;if(i===n.selectionEnd){var a=i;r=!0}}catch(e){}n.value=this.oldValue=t,r&&!n.readOnly&&(n.selectionStart=n.selectionEnd=a)}break;case"radio":t=this.isChecked?!!e:e+""===n.value,n.checked=t;break;case"checkbox":var o=[].concat(e);t=this.pipe(n.value,this,"get"),n.checked=o.indexOf(t)>-1;break;case"select":this._value=e,n.msHasEvent?N.fireDom(n,"datasetchanged",{bubble:n.msHasEvent}):n.msHasEvent="selectDuplex"}}});function gt(e){return null==e?"":e}function bt(e,t,n,r){return t.param.replace(p,function(r){var i=N.duplexHooks[r];i&&"function"==typeof i[n]&&(e=i[n](e,t))}),e}N.duplexHooks={checked:{get:function(e,t){return!t.oldValue}},string:{get:function(e){return e},set:gt},boolean:{get:function(e){return"true"===e},set:gt},number:{get:function(e,t){var n=+e;return+e===n?n:0},set:gt}};var $t,xt=[];function wt(){for(var e=xt.length-1;e>=0;e--){!1===(0,xt[e])()&&xt.splice(e,1)}xt.length||clearInterval($t)}N.tick=function(e){1===xt.push(e)&&($t=setInterval(wt,60))};var kt=w;new function(){try{var e={},t=HTMLInputElement.prototype,n=HTMLTextAreaElement.prototype;function r(t){e[this.tagName].call(this,t),!this.msFocus&&this.anotSetter&&this.anotSetter()}var i=HTMLInputElement.prototype;Object.getOwnPropertyNames(i),e.INPUT=Object.getOwnPropertyDescriptor(t,"value").set,Object.defineProperty(t,"value",{set:r}),e.TEXTAREA=Object.getOwnPropertyDescriptor(n,"value").set,Object.defineProperty(n,"value",{set:r})}catch(e){kt=N.tick}},N.directive("effect",{priority:5,init:function(e){var t,n,r=e.expr,i=r.replace(F,function(e){return e.replace(/./g,"0")}).indexOf(":");-1===i?(t=r,n=!0):(t=r.slice(0,i),n=r.slice(i+1)),t=H.test(r)?Fe(t):We(t),e.expr="["+t+","+n+"]"},update:function(e){var t=e[0],n=this.element;if(n.getAttribute("data-effect-name")!==t){n.removeAttribute("data-effect-driver");var r=n.style,i=window.getComputedStyle?window.getComputedStyle(n):null,a=!1;if(i&&(Nt||jt)){var o=r[Tt]||i[Tt];o&&"0s"!==o&&(n.setAttribute("data-effect-driver","t"),a=!0),a||(o=r[Ot]||i[Ot])&&"0s"!==o&&(n.setAttribute("data-effect-driver","a"),a=!0)}a||N.effects[t]&&(n.setAttribute("data-effect-driver","j"),a=!0),a&&n.setAttribute("data-effect-name",t)}}}),N.effects={},N.effect=function(e,t){N.effects[e]=t};var Ct,At,Nt=!1,jt=!1,Tt=N.cssName("transition-duration"),Ot=N.cssName("animation-duration");new function(){var e,t,n={TransitionEvent:"transitionend",WebKitTransitionEvent:"webkitTransitionEnd",OTransitionEvent:"oTransitionEnd",otransitionEvent:"otransitionEnd"};for(var r in n){if(window[r]){e=n[r];break}try{document.createEvent(r);e=n[r];break}catch(e){}}for(r in"string"==typeof e&&(Nt=!0,Ct=e),n={AnimationEvent:"animationend",WebKitAnimationEvent:"webkitAnimationEnd"})if(window[r]){t=n[r];break}"string"==typeof t&&(Nt=!0,At=t)};var Et=[];function St(e,t){var n=e.getAttribute("data-effect-name");if(n){t.effectName=n,t.effectDriver=e.getAttribute("data-effect-driver");var r=+e.getAttribute("data-effect-stagger");t.effectLeaveStagger=+e.getAttribute("data-effect-leave-stagger")||r,t.effectEnterStagger=+e.getAttribute("data-effect-enter-stagger")||r,t.effectClass=e.className||NaN}}function Dt(e){return e.replace(/^[\S]/g,function(e){return e.toUpperCase()})}var _t=new pt;function Pt(){}function Lt(e,t){var n=e.callbacks[t+"Class"];return"string"==typeof n?n:"function"==typeof n?n():e.name+"-"+t}function Mt(e,t,n){var r=e.callbacks[t];r&&r.call(e,e.el,n)}Pt.prototype={contrustor:Pt,enterClass:function(){return Lt(this,"enter")},leaveClass:function(){return Lt(this,"leave")},actionFun:function(e,t,n){if(!document.hidden){var r=this,i=r.el,a="leave"===e;e=a?"leave":"enter",Mt(r,"abort"+Dt(a?"enter":"leave")),Mt(r,"before"+Dt(e)),a||t(i);var o=function(o){i.removeEventListener(r.cssEvent,r.cssCallback),a?(t(i),N(i).removeClass(r.cssClass)):"a"===r.driver&&N(i).removeClass(r.cssClass),!0!==o&&(Mt(r,"after"+Dt(e)),n&&n(i)),r.dispose()};r.useCss?(r.cssCallback&&r.cssCallback(!0),r.cssClass=Lt(r,e),r.cssCallback=o,r.update=function(){i.addEventListener(r.cssEvent,r.cssCallback),a||"t"!==r.driver||N(i).removeClass(r.cssClass)},N(i).addClass(r.cssClass),_t.render(!0),_t.queue.push(r)):Mt(r,e,o)}},enter:function(e,t){this.actionFun.apply(this,["enter"].concat(N.slice(arguments)))},leave:function(e,t){this.actionFun.apply(this,["leave"].concat(N.slice(arguments)))},dispose:function(){this.update=this.cssCallback=null,Et.unshift(this)>100&&Et.pop()}};var Ht=function(e,t){var n=g.call(arguments,0);"function"!=typeof n[2]&&n.splice(2,0,w),"function"!=typeof n[3]&&n.splice(3,0,w);var r=n[2],i=n[3],a=function(e,t){if(!e||1!==e.nodeType)return null;if(t)var n=t.effectName,r=t.effectDriver;else n=e.getAttribute("data-effect-name"),r=e.getAttribute("data-effect-driver");if(!n||!r)return null;var i=Et.pop()||new Pt;return i.el=e,i.driver=r,i.useCss="j"!==r,i.useCss&&(t&&N(e).addClass(t.effectClass),i.cssEvent="t"===r?Ct:At),i.name=n,i.callbacks=N.effects[n]||{},i}(e,n[4]);if(!a)return r(),i(),!1;a[t?"enter":"leave"](r,i)};N.mix(N.effect,{apply:Ht,append:function(e,t,n,r){return Ht(e,1,function(){t.appendChild(e)},n,r)},before:function(e,t,n,r){return Ht(e,1,function(){t.parentNode.insertBefore(e,t)},n,r)},remove:function(e,t,n,r){return Ht(e,0,function(){e.parentNode===t&&t.removeChild(e)},n,r)}}),N.directive("html",{update:function(e){var t=this.element,r=1!==t.nodeType,i=r?t.parentNode:t;if(i){if(e=null==e?"":e,3===t.nodeType){var a=A("html");i.insertBefore(n.createComment(a),t),this.element=n.createComment(a+":end"),i.replaceChild(this.element,t),t=this.element}if("object"!=typeof e)var o=N.parseHTML(String(e));else if(11===e.nodeType)o=e;else if(1===e.nodeType||e.item){var s=1===e.nodeType?e.childNodes:e.item;for(o=$.cloneNode(!0);s[0];)o.appendChild(s[0])}if(s=N.slice(o.childNodes),r){for(var c=t.nodeValue.slice(0,-4);;){var l=t.previousSibling;if(!l||8===l.nodeType&&l.nodeValue===c)break;i.removeChild(l)}i.insertBefore(o,t)}else N.clearHTML(t).appendChild(o);rt(s,this.vmodels)}}}),N.directive("text",{update:function(e){var t=this.element;if(e=null==e?"":e,3===t.nodeType)try{t.data=e}catch(e){}else t.textContent=e}}),N.directive("if",{priority:10,update:function(e){var t,r=this,a=this.element,o=r.stamp=Date.now(),s=function(){o===r.stamp&&(r.recoverNode=null)};r.recoverNode&&r.recoverNode();try{if(!a.parentNode)return;t=a.parentNode}catch(e){return}if(e){function c(){a.getAttribute(r.name)&&(a.removeAttribute(r.name),et(a,r.vmodels)),r.rollback=null}if(8===a.nodeType){var l=r.keep,u=N.effect.apply(l,1,function(){o===r.stamp&&(a.parentNode.replaceChild(l,a),a=r.element=l,l.getAttribute("_required")&&(a.required=!0,a.removeAttribute("_required")),a.querySelectorAll&&N.each(a.querySelectorAll("[_required=true]"),function(e){e.required=!0,e.removeAttribute("_required")}),c())},s);u=!1===u}u||c()}else if(1===a.nodeType){!0===a.required&&(a.required=!1,a.setAttribute("_required","true"));try{N.each(a.querySelectorAll(":required"),function(e){a.required=!1,e.setAttribute("_required","true")})}catch(e){}var f=r.element=n.createComment(":if"),p=a.nextSibling;r.recoverNode=function(){r.recoverNode=null,f.parentNode!==t&&(t.insertBefore(f,p),r.keep=a)},N.effect.apply(a,0,function(){r.recoverNode=null,o===r.stamp&&(a.parentNode.replaceChild(f,a),r.keep=a,i.appendChild(a),r.rollback=function(){a.parentNode===i&&i.removeChild(a)})},s)}}});var Ft=N.templateCache={};function Bt(e){for(var t=n.createDocumentFragment(),r=0,i=e.length;r<i;r++)t.appendChild(e[r]);return t}N.directive("include",{init:S.attr.init,update:function(e){if(e){var t=this,r=this.element,o=t.vmodels,s=t.includeLoaded,c=t.includeRendered,l=t.effectName&&t.effectClass,u=t.templateCache,f=t.includeReplace,p=f?r.parentNode:r,d=t._element;t.recoverNodes=t.recoverNodes||N.noop;var h,v,m,y=function(a){var h=t._stamp=Date.now();if(s){var v=s.apply(p,[a].concat(o));"string"==typeof v&&(a=v)}c&&function e(t,n,r){var i=setTimeout(function(){var a=t.innerHTML;clearTimeout(i),a===r?n():e(t,n,a)})}(p,function(){c.call(p)},NaN);var m=t.includeLastID||"_default";t.includeLastID=e;var y=u&&u[m]||n.createElement(r.tagName||t._element.tagName);l&&(y.className=l,p.insertBefore(y,t.start)),(u||{})[m]=y;var g=t.recoverNodes();for(g&&p.insertBefore(g,t.end);;){var b=t.start.nextSibling;if(!b||b===y||b===t.end)break;y.appendChild(b)}N.effect.remove(y,p,function(){u&&h===t._stamp&&i.appendChild(y)},t);var $=p,x=N.noop,w=N.noop,k=function(e,t,r){var i=e.templateCache&&e.templateCache[t];if(i){for(var a,o=n.createDocumentFragment();a=i.firstChild;)o.appendChild(a);return o}return N.parseHTML(r)}(t,e,a),C=N.slice(k.childNodes);f&&l?(($=d).innerHTML="",$.setAttribute("skip",""),p.insertBefore($,t.end.nextSibling),x=function(){$.insertBefore(k,null)},w=function(){t.recoverNodes=N.noop,h===t._stamp&&(k=Bt(C),p.insertBefore(k,t.end),rt(C,o)),$.parentNode===p&&p.removeChild($)},t.recoverNodes=function(){return t.recoverNodes=N.noop,Bt(C)}):x=function(){p.insertBefore(k,t.end),rt(C,o)},N.effect.apply($,"enter",x,w)};Ft[e]?N.nextTick(function(){y(Ft[e])}):(h=e,v=new XMLHttpRequest,m=Promise.defer(),v.open("GET",h,!0),v.setRequestHeader("X-Requested-With","XMLHttpRequest"),v.responseType="text",v.onreadystatechange=function(){4===this.readyState&&(this.status>=200&&this.status<400?m.resolve(this.response):m.reject(this))},v.send(null),m.promise).then(t=>{Ft[e]=t,y(t)}).catch(t=>{a(":include load ["+e+"] error\n%c%s","color:#f30",`获取网络资源出错, ${t.status} (${t.statusText})`)})}}});var It=/\(([^)]*)\)/,Rt=N.directive("on",{priority:3e3,init:function(e){var t=e.expr;e.type="on";var n=e.param.replace(/-\d+$/,"");if("function"==typeof Rt[n+"Hook"]&&Rt[n+"Hook"](e),t.indexOf("(")>0&&t.indexOf(")")>-1){var r=(t.match(It)||["",""])[1].trim();""!==r&&"$event"!==r||(t=t.replace(It,""))}e.expr=t},update:function(e){var t=this,n=this.element;e=function(e){return(t.getter||w).apply(t.args[0],t.args.concat(e))};var r=t.param.replace(/-\d+$/,"");if("scan"===r)e.call(n,{type:r});else if("function"==typeof t.specialBind)t.specialBind(n,e);else var i=N.bind(n,r,e);t.rollback=function(){"function"==typeof t.specialUnbind?t.specialUnbind():N.unbind(n,r,i)}}});function qt(e,t,n){for(var r,i=0;r=e[i++];)r.className===n.effectClass&&N.effect.apply(r,t,w,w,n)}function Vt(e,t,n){return e?setTimeout(t,++n*e):t(),n}function Wt(e,t,n){for(var r=$.cloneNode(!1),i=e,a=i.nodeValue,o=t&&Math.max(+t.staggerIndex,0),s=N.slice(i.parentNode.childNodes),c=s.indexOf(i);;){var l=s[--c];if(!l||0===String(l.nodeValue).indexOf(a))break;!n&&t&&l.className===t.effectClass?(e=l,function(e){t.staggerIndex=Vt(t.effectLeaveStagger,function(){N.effect.apply(e,0,w,function(){r.appendChild(e)},t)},o)}(l)):r.insertBefore(l,r.firstChild)}return r.appendChild(i),r}function zt(e,t,n,r,i){var a=e.template.cloneNode(!0),o=N.slice(a.childNodes);a.appendChild(n.$anchor),i&&t.appendChild(a);n[e.param||"el"];var s={nodes:o,vmodels:[n].concat(e.vmodels),content:a};r.push(s)}function Ut(e){var t=("object"===e.xtype?Kt:Jt)(e);return(t.$anchor||(t.$anchor=e.element.cloneNode(!1))).nodeValue=e.signature,t.$outer=e.$outer,t}function Yt(e,t,n){if("array"===n){e.$remove=function(){t.$repeat.removeAt(e.$index)};var r=t.param;e.$watch(r,function(n){var r=e.$index;t.$repeat[r]=n})}else{var i=t.vars[0],a=t.vars[1];e.$up.$watch(t.expr+"."+e[i],function(n){e[t.param][a]=n,e[a]=n})}}N.directive("for",{priority:90,init:function(e){var t=e.type;e.cache={},e.enterCount=0;var r=e.element;if(1===r.nodeType){var i=e.expr.split(" in ");e.expr=i.pop(),i.length&&(i=i.pop().split(/\s+/)),e.vars=i,r.removeAttribute(e.name),St(r,e);var a=Ue(r,"data-rendered",e.vmodels),o=A(t),s=n.createComment(o+":start"),c=e.element=n.createComment(o+":end");e.signature=o,e.start=s,e.template=$.cloneNode(!1);var l=r.parentNode;if(l.replaceChild(c,r),l.insertBefore(s,c),e.template.appendChild(r),e.element=c,a)var u=N.bind(l,"datasetchanged",function(){a.apply(l,l.args),N.unbind(l,"datasetchanged",u),l.msRendered=a})}},update:function(e,t){var n=this,r=this.xtype;"array"===r?(this.vars.length?1===this.vars.length&&this.vars.unshift("$index"):this.vars.push("$index","el"),this.param=this.vars[1]):(this.param="__el__",this.vars.length?1===this.vars.length&&this.vars.push("$val"):this.vars.push("$key","$val")),this.enterCount+=1;var i=!t;if(i){n.$outer={};var a=this.vars[0],o=this.vars[1];"array"===r&&(a="$first",o="$last");for(var s,c=0;s=n.vmodels[c++];)if(s.hasOwnProperty(a)&&s.hasOwnProperty(o)){n.$outer=s;break}}var l=this.track,u="move";n.$repeat=e;var f=[],p=i&&$.cloneNode(!1),d=[],h=this.param,v=N.mix({},this.cache),m=this.element,y=l.length,g=m.parentNode,b=0;for(c=0;c<y;c++){var x=l[c];v[x]||b++}var w=0;for(c in v)w++;var k,C=(!y||b===y)&&w>10,A=m.previousSibling,j=n.start;if(C)for(;A!==j;)g.removeChild(A),A=m.previousSibling;for(c=0;c<y;c++){var T=v[x=l[c]];if(T)f.push({}),v[x]=!0;else{if((T=Ut(this)).$up=this.vmodels[0],"array"===r){u="add",T.$id=x;var O=e[c];T[h]=O,Object(O)===O&&(X(O,"$ups",O.$ups||{}),O.$ups[h]=T)}else{u="append",T[a]=x,T[o]=e[x];var E={};E[a]=T[a],E[o]=T[o],T[h]=E}this.cache[x]=T,(T.$anchor||(T.$anchor=m.cloneNode(!1))).nodeValue=this.signature,zt(n,p,T,f,i&&!n.effectDriver),Yt(T,n,r)}1===this.enterCount&&(T.$active=!1,T.$oldIndex=T.$index,T.$active=!0,T.$index=c),"array"===r?(T.$first=0===c,T.$last=c===y-1,T[this.vars[0]]=T.$index):T[o]=K(e[x]),d.push(T)}if(this.proxies=d,i&&!n.effectDriver)g.insertBefore(p,m),f.forEach(function(e){rt(e.nodes||[],e.vmodels),e.nodes=e.vmodels=null});else{var S=n.staggerIndex=0;for(x in v)!0!==v[x]&&(u="del",!C&&Wt(v[x].$anchor,n,!0),Zt(this.cache,x,h),v[x]=null);for(c=0;c<y;c++){T=d[c],x="array"===r?T.$id:T.$key;var D=d[c-1],_=D?D.$anchor:n.start;v[x]?T.$index!==T.$oldIndex&&function(e,t){S=Vt(n.effectEnterStagger,function(){var r=Wt(e.$anchor),i=N.slice(r.childNodes);g.insertBefore(r,t.nextSibling),qt(i,1,n)},S)}(T,_):function(e,t){var r=e.nodes,a=e.vmodels;r&&(S=Vt(n.effectEnterStagger,function(){g.insertBefore(e.content,t.nextSibling),rt(r,a),!i&&qt(r,1,n)},S)),e.nodes=e.vmodels=null}(f[c],_)}}if(!e.$track)for(x in this.cache)Zt(this.cache,x,h);k=P.newWatch?arguments:[u],g.args=k,g.msRendered&&g.msRendered.apply(g,k);var L=setTimeout(function(){clearTimeout(L),N.fireDom(g,"datasetchanged",{bubble:g.msHasEvent})});this.enterCount-=1}});var Gt=[];function Jt(e,t){for(var n=e.param||"el",r=0,i=Gt.length;r<i;r++){var a=Gt[r];if(a&&a.hasOwnProperty(n)){Gt.splice(r,1),t=a;break}}return t||(t=function(e){var t=e.param||"el",n=e.vars[0],r={$outer:{},$index:0,$oldIndex:0,$anchor:null,$first:!1,$last:!1,$remove:N.noop};r[n]=0,r[t]=NaN;var i={$last:1,$first:1,$index:1};i[n]=1,i[t]=1;var a=z({state:r},{force:i});return a.$id=A("proxy-each"),a}(e)),t}var Xt=[];function Kt(e){return Xt.pop()||function(e){var t=e.param||"__el__",n=e.vars[0],r=e.vars[1],i={$index:0,$oldIndex:0,$outer:{},$anchor:null};i[n]="",i[r]=NaN,i[t]=NaN;var a={__el__:1,$index:1};a[n]=1,a[r]=1;var o=z({state:i},{force:a});return o.$id=A("proxy-with"),o}(e)}function Zt(e,t,n){var r=e[t];if(r){var i=0===r.$id.indexOf("proxy-each")?Gt:Xt;for(var a in r.$outer={},r.$events){var o=r.$events[a];Array.isArray(o)&&(o.length=0,a===n?r[n]=NaN:"$val"===a&&(r.$val=NaN))}i.unshift(r)>P.maxRepeatSize&&i.pop(),delete e[t]}}function Qt(e,t){var r="_"+e;if(!Qt[r]){var i=n.createElement(e);b.appendChild(i),t=getComputedStyle(i,null).display,b.removeChild(i),Qt[r]=t}return Qt[r]}N.parseDisplay=Qt,N.directive("visible",{init:function(e){St(e.element,e)},update:function(e){var t,n=this,r=this.element,i=!this.effectName;if(!this.stamp)return t=this.stamp=Date.now(),void(e?(r.style.display=n.display||"","none"===N(r).css("display")&&(r.style.display=n.display=Qt(r.nodeName))):r.style.display="none");t=this.stamp=+new Date,e?N.effect.apply(r,1,function(){if(t===n.stamp){var e=r.getAttribute("data-effect-driver")||"a";i&&(r.style.display=n.display||""),"a"!==e&&"t"!==e||"none"===N(r).css("display")&&(r.style.display=n.display||Qt(r.nodeName))}}):N.effect.apply(r,0,function(){t===n.stamp&&(r.style.display="none")})}});var en=/<script[^>]*>([\S\s]*?)<\/script\s*>/gim,tn=/\s+(on[^=\s]+)(?:=("[^"]*"|'[^']*'|[^\s>]+))?/g,nn=/<\w+\b(?:(["'])[^"]*?(\1)|[^>])*>/gi,rn={a:/\b(href)\=("javascript[^"]*"|'javascript[^']*')/gi,img:/\b(src)\=("javascript[^"]*"|'javascript[^']*')/gi,form:/\b(action)\=("javascript[^"]*"|'javascript[^']*')/gi},an=/[\uD800-\uDBFF][\uDC00-\uDFFF]/g,on=/([^\#-~| |!])/g;function sn(e,t,n,r){e=(e+"").replace(/[^0-9+\-Ee.]/g,"");var i=isFinite(+e)?+e:0,a=isFinite(+t)?Math.abs(t):3,o=r||",",s=n||".",c="";return(c=(a?function(e,t){var n=Math.pow(10,t);return""+(Math.round(e*n)/n).toFixed(t)}(i,a):""+Math.round(i)).split("."))[0].length>3&&(c[0]=c[0].replace(/\B(?=(?:\d{3})+(?!\d))/g,o)),(c[1]||"").length<a&&(c[1]=c[1]||"",c[1]+=new Array(a-c[1].length+1).join("0")),c.join(s)}var cn=N.filters={uppercase:function(e){return e.toUpperCase()},lowercase:function(e){return e.toLowerCase()},truncate:function(e,t,n){return t=t||30,n="string"==typeof n?n:"...",e.slice(0,t)+(e.length<=t?"":n)},time:function(e){var t=(e>>=0)%60,n=Math.floor(e/60),r=Math.floor(n/60);return n=(n%=60)<10?"0"+n:n,t=t<10?"0"+t:t,r>0?(r=r<10?"0"+r:r)+":"+n+":"+t:n+":"+t},$filter:function(e){for(var t=1,n=arguments.length;t<n;t++){var r=arguments[t],i=N.filters[r[0]];if("function"==typeof i){var a=[e].concat(r.slice(1));e=i.apply(null,a)}}return e},camelize:be,xss:function(e){return e.replace(en,"").replace(nn,function(e,t){var n=e.toLowerCase().match(/<(\w+)\s/);if(n){var r=rn[n[1]];r&&(e=e.replace(r,function(e,t,n){var r=n.charAt(0);return t+"="+r+"javascript:void(0)"+r}))}return e.replace(tn," ").replace(/\s+/g," ")})},escape:function(e){return String(e).replace(/&/g,"&amp;").replace(an,function(e){return"&#"+(1024*(e.charCodeAt(0)-55296)+(e.charCodeAt(1)-56320)+65536)+";"}).replace(on,function(e){return"&#"+e.charCodeAt(0)+";"}).replace(/</g,"&lt;").replace(/>/g,"&gt;")},currency:function(e,t,n){return(t||"¥")+sn(e,isFinite(n)?n:2)},number:sn,date:function(e,t){var n=e;if(!Date.isDate(n)){var r=+n;if(r==r&&(n=r),"Invalid Date"===(n=new Date(n)).toString())return"Invalid Date"}return n.format(t)}};let ln,un=[],fn=function(e){for(ln=!0;e=un.shift();)e(N)};return"complete"===n.readyState?setTimeout(fn):n.addEventListener("DOMContentLoaded",fn),window.addEventListener("load",fn),N.ready=function(e){ln?e(N):un.push(e)},window.Anot=N,N}();export default _Anot;
\ No newline at end of file
+ const _Anot=function(){var e=1024,t=A(),n=window.document,r=n.head;r.insertAdjacentHTML("afterbegin",'<anot skip class="anot-hide"><style id="anot-style">.anot-hide{ display: none!important }</style></anot>');var i=r.firstChild;function a(){console.log.apply(console,arguments)}function o(){return Object.create(null)}var s=encodeURIComponent,c=decodeURIComponent,l="$"+t,u={},f=/[^, ]+/g,p=/\w+/g,d=/^\[object SVG\w*Element\]$/,h=Object.prototype,v=h.hasOwnProperty,m=h.toString,y=Array.prototype,g=y.slice,b=n.documentElement,x=n.createDocumentFragment(),$=(n.createElement("div"),{"[object Boolean]":"boolean","[object Number]":"number","[object String]":"string","[object Function]":"function","[object Array]":"array","[object Date]":"date","[object RegExp]":"regexp","[object Object]":"object","[object Error]":"error","[object AsyncFunction]":"asyncfunction","[object Promise]":"promise","[object Generator]":"generator","[object GeneratorFunction]":"generatorfunction"});function w(){}function k(e){return Function.apply(w,e)}function C(e,t){"string"==typeof e&&(e=e.match(f)||[]);for(var n={},r=void 0!==t?t:1,i=0,a=e.length;i<a;i++)n[e[i]]=r;return n}function A(t){return(t=t&&t+"-"||"anot-")+(++e).toString(16)}Promise.defer||(Promise.defer=function(){let e={};return e.promise=new Promise((t,n)=>{e.resolve=t,e.reject=n}),e}),String.prototype.splice||Object.defineProperty(String.prototype,"splice",{value:function(e,t,n){let r=this.length,i=arguments.length;if(n=void 0===n?"":n,i<1)return this;if(e<0&&(e=Math.abs(e)>=r?0:r+e),1===i)return this.slice(0,e);return t-=0,this.slice(0,e)+n+this.slice(e+t)},enumerable:!1}),Date.prototype.getFullWeek||(Object.defineProperty(Date.prototype,"getFullWeek",{value:function(){let e=this.getFullYear(),t=new Date(e,0,1),n=t.getDay()||1,r=(this-t)/864e5;return Math.ceil((r+n)/7)},enumerable:!1}),Object.defineProperty(Date.prototype,"getWeek",{value:function(){let e=this.getDate(),t=this.getMonth(),n=this.getFullYear(),r=new Date(n,t,1).getDay();return Math.ceil((e+r)/7)},enumerable:!1})),Date.isDate||Object.defineProperty(Date,"isDate",{value:function(e){return!("object"!=typeof e||!e.getTime)},enumerable:!1}),Date.prototype.format||Object.defineProperty(Date.prototype,"format",{value:function(e){e=e||"Y-m-d H:i:s";let t,n={fullyear:this.getFullYear(),year:this.getYear(),fullweek:this.getFullWeek(),week:this.getWeek(),month:this.getMonth()+1,date:this.getDate(),day:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"][this.getDay()],hours:this.getHours(),minutes:this.getMinutes(),seconds:this.getSeconds()};n.g=n.hours>12?n.hours-12:n.hours,t={Y:n.fullyear,y:n.year,m:n.month<10?"0"+n.month:n.month,n:n.month,d:n.date<10?"0"+n.date:n.date,j:n.date,H:n.hours<10?"0"+n.hours:n.hours,h:n.g<10?"0"+n.g:n.g,G:n.hours,g:n.g,i:n.minutes<10?"0"+n.minutes:n.minutes,s:n.seconds<10?"0"+n.seconds:n.seconds,W:n.fullweek,w:n.week,D:n.day};for(let n in t)e=e.replace(new RegExp(n,"g"),t[n]);return e},enumerable:!1});let N=function(e){return new N.init(e)};N.nextTick=function(){let e=[];let t=document.createTextNode("\x3c!-- --\x3e");new MutationObserver((function(){let t=e.length;for(let n=0;n<t;n++)e[n]();e=e.slice(t)})).observe(t,{characterData:!0});let n=!1;return function(r){e.push(r),n=!n,t.data=n}}(),N.type=function(e){return null==e?String(e):"object"==typeof e||"function"==typeof e?$[m.call(e)]||"object":typeof e},N.PropsTypes=function(e){this.type="PropsTypes",this.checkType=e},N.PropsTypes.prototype={toString:function(){return""},check:function(e){return this.result=N.type(e),this.result===this.checkType},call:function(){return this.toString()}},N.PropsTypes.isString=function(){return new this("string")},N.PropsTypes.isNumber=function(){return new this("number")},N.PropsTypes.isFunction=function(){return new this("function")},N.PropsTypes.isArray=function(){return new this("array")},N.PropsTypes.isObject=function(){return new this("object")},N.PropsTypes.isBoolean=function(){return new this("boolean")},N.isPlainObject=function(e){return"[object Object]"===m.call(e)&&Object.getPrototypeOf(e)===h};let j=N.vmodels={};function T(e,t,n){if("object"!==this.type(t))switch(arguments.length){case 2:return window[e].getItem(t);case 3:if("string"==this.type(n)&&""===n.trim()||null===n)return void window[e].removeItem(t);"object"!==this.type(n)&&"array"!==this.type(n)?window[e].setItem(t,n.toString()):window[e].setItem(t,JSON.stringify(n))}else for(let n in t)window[e].setItem(n,t[n])}N.init=function(e){if(N.isPlainObject(e)){let t=e.$id,r=null;return t||a("warning: vm必须指定id"),r=z(Object.assign({props:{}},e)),r.$id=t,j[t]=r,N.nextTick((function(){let e=document.querySelector("[anot="+r.$id+"]");if(e)if(e===n.body)lt(e,[]);else{let t=e;for(;(t=t.parentNode)&&!t.__VM__;);lt(e.parentNode,t?[t.__VM__]:[])}})),r}this[0]=this.element=e},N.fn=N.prototype=N.init.prototype,N.mix=N.fn.mix=function(){let e,t,n,r,i,a,o=arguments[0]||{},s=1,c=arguments.length,l=!1;for("boolean"==typeof o&&(l=o,o=arguments[1]||{},s++),"object"!=typeof o&&"function"!==N.type(o)&&(o={}),s===c&&(o=this,s--);s<c;s++)if(null!=(e=arguments[s]))for(t in e)n=o[t],r=e[t],o!==r&&(l&&r&&(N.isPlainObject(r)||(i=Array.isArray(r)))?(i?(i=!1,a=n&&Array.isArray(n)?n:[]):a=n&&N.isPlainObject(n)?n:{},o[t]=N.mix(l,a,r)):void 0!==r&&(o[t]=r));return o},N.mix({rword:f,subscribers:l,version:"1.0.0",log:a,ui:{},slice:function(e,t,n){return g.call(e,t,n)},noop:w,error:function(e,t){throw new(t||Error)(e)},range:function(e,t,n){n||(n=1),null==t&&(t=e||0,e=0);let r=-1,i=Math.max(0,Math.ceil((t-e)/n)),a=new Array(i);for(;++r<i;)a[r]=e,e+=n;return a},deepCopy:Z,eventHooks:{},bind:function(e,t,n,r){let i=N.eventHooks;return t=t.split(","),N.each(t,(function(a,o){o=o.trim();let s=i[o];"object"==typeof s&&(o=s.type||t,r=s.phase||!!r,n=s.fix?s.fix(e,n):n),e.addEventListener(o,n,r)})),n},unbind:function(e,t,n,r){let i=N.eventHooks;t=t.split(","),n=n||w,N.each(t,(function(a,o){o=o.trim();let s=i[o];"object"==typeof s&&(o=s.type||t,r=s.phase||!!r),e.removeEventListener(o,n,r)}))},css:function(e,t,n){e instanceof N&&(e=e[0]);var r=/[_-]/.test(t)?we(t):t;if(t=N.cssName(r)||r,void 0===n||"boolean"==typeof n){"background"===t&&(t="backgroundColor");var i=(Ne[r+":get"]||Ne["@:get"])(e,t);return!0===n?+i||0:i}if(""===n)e.style[t]="";else{if(null==n||n!=n)return;isFinite(n)&&!N.cssNumber[r]&&(n+="px"),(Ne[r+":set"]||Ne["@:set"])(e,t,n)}},each:function(e,t){if(e)if(function(e){if(e&&"object"==typeof e){let t=e.length,n=m.call(e);if(/(Array|List|Collection|Map|Arguments)\]$/.test(n))return!0;if("[object Object]"===n&&t===t>>>0)return!0}return!1}(e))for(let n=0,r=e.length;n<r&&!1!==t(n,e[n]);n++);else for(let n in e)if(e.hasOwnProperty(n)&&!1===t(n,e[n]))break},Array:{ensure:function(e,t){if(-1===e.indexOf(t))return e.push(t)},removeAt:function(e,t){return!!e.splice(t,1).length},remove:function(e,t){let n=e.indexOf(t);return!!~n&&N.Array.removeAt(e,n)}},ls:function(){let e=g.call(arguments,0);return e.unshift("localStorage"),T.apply(this,e)},ss:function(){let e=g.call(arguments,0);return e.unshift("sessionStorage"),T.apply(this,e)},cookie:function(e,t,n){if(arguments.length>1){if(!e)return;if(n=n||{},n=Object.assign({expires:"",path:"/",domain:document.domain,secure:""},n),"string"==this.type(t)&&""===t.trim()||null===t)return document.cookie=s(e)+"=; expires=Thu, 01 Jan 1970 00:00:00 GMT; domain="+n.domain+"; path="+n.path,!0;if(n.expires)switch(n.expires.constructor){case Number:n.expires=n.expires===1/0?"; expires=Fri, 31 Dec 9999 23:59:59 GMT":"; max-age="+n.expires;break;case String:n.expires="; expires="+n.expires;break;case Date:n.expires="; expires="+n.expires.toUTCString()}return document.cookie=s(e)+"="+s(t)+n.expires+"; domain="+n.domain+"; path="+n.path+"; "+n.secure,!0}return e?c(document.cookie.replace(new RegExp("(?:(?:^|.*;)\\s*"+s(e).replace(/[\-\.\+\*]/g,"\\$&")+"\\s*\\=\\s*([^;]*).*$)|^.*$"),"$1"))||null:document.cookie},search:function(e){let t=location.search;if(!t)return null;t=c(t),t=t.slice(1),t=t.split("&");let n={};for(let e,r=0;e=t[r++];){let t=e.split("=");t[1]=t.length<2?null:t[1],t[1]=t[1],n.hasOwnProperty(t[0])?("object"==typeof n[t[0]]||(n[t[0]]=[n[t[0]]]),n[t[0]].push(t[1])):n[t[0]]=t[1]}return e?n.hasOwnProperty(e)?n[e]:null:n},copy:function(e){try{navigator.clipboard.writeText(e)}catch(e){a("复制到粘贴板失败",e)}}});let O=N.bindingHandlers={},E=N.bindingExecutors={},S=N.directives={};N.directive=function(e,t){return O[e]=t.init=t.init||w,E[e]=t.update=t.update||w,S[e]=t};let D=new function(){function e(e){this.size=0,this.limit=e,this.head=this.tail=void 0,this._keymap={}}let t=e.prototype;return t.put=function(e,t){let n={key:e,value:t};return this._keymap[e]=n,this.tail?(this.tail.newer=n,n.older=this.tail):this.head=n,this.tail=n,this.size===this.limit?this.shift():this.size++,t},t.shift=function(){let e=this.head;e&&(this.head=this.head.newer,this.head.older=e.newer=e.older=this._keymap[e.key]=void 0,delete this._keymap[e.key])},t.get=function(e){let t=this._keymap[e];if(void 0!==t)return t===this.tail||(t.newer&&(t===this.head&&(this.head=t.newer),t.newer.older=t.older),t.older&&(t.older.newer=t.newer),t.newer=void 0,t.older=this.tail,this.tail&&(this.tail.newer=t),this.tail=t),t.value},e};n.contains||(Node.prototype.contains=function(e){return!!(16&this.compareDocumentPosition(e))}),N.contains=function(e,t){try{for(;t=t.parentNode;)if(t===e)return!0;return!1}catch(e){return!1}};let _=N.eventHooks;function P(e){for(var t in e)if(v.call(e,t)){var n=e[t];"function"==typeof P.plugins[t]?P.plugins[t](n):"object"==typeof P[t]?N.mix(P[t],n):P[t]=n}return this}void 0===n.onmousewheel&&(_.mousewheel={type:"wheel",fix:function(e,t){return function(n){n.wheelDeltaY=n.wheelDelta=n.deltaY>0?-120:120,n.wheelDeltaX=0,Object.defineProperty(n,"type",{value:"mousewheel"}),t.call(e,n)}}}),N.config=P;var L,M,H,F,B=/[-.*+?^${}()|[\]\/\\]/g;function I(e){return(e+"").replace(B,"\\$&")}var R={interpolate:function(e){if(L=e[0],M=e[1],L===M)throw new SyntaxError("openTag!==closeTag");P.openTag=L,P.closeTag=M;var t=I(L),n=I(M);H=new RegExp(t+"([\\s\\S]*)"+n),F=new RegExp(t+"([\\s\\S]*)"+n,"g"),new RegExp(t+"[\\s\\S]*"+n+"|\\s:")}};function q(t,r){var i=this.$events||(this.$events={}),a=i[t]||(i[t]=[]);if("function"==typeof r){var o=r;o.uuid="_"+ ++e,(r={element:b,type:"user-watcher",handler:w,vmodels:[this],expr:t,uuid:o.uuid}).wildcard=/\*/.test(t)}if(r.update)r.oneTime||N.Array.ensure(a,r);else{if(/\w\.*\B/.test(t)||"*"===t){r.getter=w;var s=this;r.update=function(){var e=this.fireArgs||[];e[2]&&r.handler.apply(s,e),delete this.fireArgs},a.sync=!0,N.Array.ensure(a,r)}else N.injectBinding(r);o&&(r.handler=o)}return function(){r.update=r.getter=r.handler=w,r.element=n.createElement("a")}}function V(t,n){var r=this.$events,i=null;if(r&&r[t]){n&&(n[2]=t);var a=r[t];if(function(t,n){if(!t)return;new Date-ue>444&&"object"==typeof t[0]&&pe();for(var r,i=[],a=[],o=0;r=t[o++];)"user-watcher"===r.type?i.push(r):a.push(r);if(P.async){for(gt.render(),o=0;r=a[o++];)if(r.update){r.uuid=r.uuid||"_"+ ++e;var s=r.uuid;gt.queue[s]||(gt.queue[s]="__",gt.queue.push(r))}}else for(o=0;r=a[o++];)r.update&&r.update();for(o=0;r=i[o++];)(n&&n[2]===r.expr||r.wildcard)&&(r.fireArgs=n),r.update()}(a,n),n&&r["*"]&&!/\./.test(t))for(var o,s=0;o=r["*"][s++];)try{o.handler.apply(this,n)}catch(e){}(i=this.$up)&&(this.$pathname&&V.call(i,this.$pathname+"."+t,n),V.call(i,"*."+t,n))}else{if(i=this.$up,this.$ups){for(var c in this.$ups)V.call(this.$ups[c],c+"."+t,n);return}if(i){var l=this.$pathname;""===l&&(l="*");var u=l+"."+t;a=u.split("."),n=n&&n.concat([u,t])||[u,t],-1===a.indexOf("*")?(V.call(i,u,n),a[1]="*",V.call(i,a.join("."),n)):V.call(i,u,n)}}}P.plugins=R,P.plugins.interpolate(["{{","}}"]),P.async=!0,P.paths={},P.shim={},P.maxRepeatSize=100;var W=C("$id,$watch,$fire,$events,$model,$active,$pathname,$up,$ups,$track,$accessors");function z(e,t){return(t=t||{}).watch=!0,Y(e,t)}function U(){}function Y(e,t){if(!e||e.$id&&e.$accessors||e.nodeName&&e.nodeType>0)return e;var n,r=(t=t||u).force||u,i=t.old,o=i&&i.$accessors||u,s=new U,c={},l={},f=[],p=[],d={},h=e.state,v=e.computed,m=e.methods,y=e.props,g=e.watch,b=e.mounted;if(delete e.state,delete e.computed,delete e.methods,delete e.props,delete e.watch,e.skip&&(d=C(e.skip),delete e.skip),h)for($ in e.$id&&delete h.props,h){var x=h[$];W[$]||(l[$]=!0),"function"==typeof x||x&&x.nodeName&&x.nodeType>0||!r[$]&&("$"===(n=$).charAt(0)||"__"===n.slice(0,2)||W[n]||d[$])?f.push($):G(x)?(a("warning:计算属性建议放在[computed]对象中统一定义"),v[$]=x):(p.push($),o[$]?c[$]=o[$]:c[$]=J($,x))}if(v)for(var $ in delete v.props,v)l[$]=!0,function(e,t){var n;"function"==typeof t&&(t={get:t,set:w}),"function"!=typeof t.set&&(t.set=w),c[e]={get:function(){return n=t.get.call(this)},set:function(r){var i,a=n;t.set.call(this,r),i=this[e],this.$fire&&i!==a&&this.$fire(e,i,a)},enumerable:!0,configurable:!0}}($,v[$]);if(m)for(var $ in delete m.props,m)l[$]=!0,f.push($);if(y)for(var $ in K(s,"props",{}),l.props=!!e.$id,y)s.props[$]=y[$];if(Object.assign(e,h,m),c.$model=Q,s=Object.defineProperties(s,c,e),f.forEach((function(t){s[t]=e[t]})),K(s,"$id","anonymous"),K(s,"$up",i?i.$up:null),K(s,"$track",Object.keys(l)),K(s,"$active",!1),K(s,"$pathname",i?i.$pathname:""),K(s,"$accessors",c),K(s,"$events",{}),K(s,"$refs",{}),K(s,"$children",[]),K(s,"hasOwnProperty",(function(e){return!0===l[e]})),K(s,"$mounted",b),t.watch&&(K(s,"$watch",(function(){return q.apply(s,arguments)})),K(s,"$fire",(function(e,t){if(0===e.indexOf("all!")){var n=e.slice(4);for(var r in N.vmodels){(i=N.vmodels[r]).$fire&&i.$fire.apply(i,[n,t])}}else if(0===e.indexOf("child!")){n="props."+e.slice(6);for(var r in s.$children){var i;(i=s.$children[r]).$fire&&i.$fire.apply(i,[n,t])}}else V.call(s,e,[t])}))),p.forEach((function(e){var t=i&&i[e],n=s[e]=h[e];n&&"object"==typeof n&&!Date.isDate(n)&&(n.$up=s,n.$pathname=e),V.call(s,e,[n,t])})),g)for(var k in delete g.props,g)if(Array.isArray(g[k]))for(var A;A=g[k].pop();)q.call(s,k,A);else q.call(s,k,g[k]);return s.$active=!0,"anonymous"!==s.$id&&i&&i.$up&&i.$up.$children&&i.$up.$children.push(s),s}function G(e){if(e&&"object"==typeof e){for(var t in e)if("get"!==t&&"set"!==t)return!1;return"function"==typeof e.get}}function J(e,t){var n;t=NaN;return{get:function(){return this.$active&&function(e,t){for(;;){if(e.$watch){var n=e.$events||(e.$events={}),r=n[t]||(n[t]=[]);return void ce.collectDependency(r)}if(!(e=e.$up))break;t=e.$pathname+"."+t}}(this,e),t},set:function(r){if(t!==r){var i=t;(n=X(r,t))?t=n:(n=void 0,t=r),Object(n)===n&&(n.$pathname=e,n.$up=this),this.$active&&V.call(this,e,[t,i])}},enumerable:!0,configurable:!0}}function X(e,t,n,r){if(Array.isArray(e))return function(e,t,n){if(t&&t.splice){var r=[0,t.length].concat(e);return t.splice.apply(t,r),t}for(var i in te)e[i]=te[i];K(e,"$up",null),K(e,"$pathname",""),K(e,"$track",ie(e.length)),e._=Y({state:{length:NaN}},{watch:!0}),e._.length=e.length,e._.$watch("length",(function(t,n){V.call(e.$up,e.$pathname+".length",[t,n])})),n&&K(e,"$watch",(function(){return q.apply(e,arguments)})),Object.defineProperty(e,"$model",Q);for(var a=0,o=e.length;a<o;a++){var s=e[a]=X(e[a],0,1,1);Object(s)===s&&(s.$up=e)}return e}(e,t,r);if(N.isPlainObject(e)){if(t&&"object"==typeof t){var i=Object.keys(e),a=Object.keys(t);if(i.join(";")===a.join(";")){for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);return t}t.$active=!1}return Y({state:e},{old:t,watch:r})}return n?e:void 0}function K(e,t,n){Object.defineProperty(e,t,{value:n,writable:!0,enumerable:!1,configurable:!0})}function Z(e){var t=N.type(e);if("array"===t){for(var n=[],r=0;r<e.length;r++)n[r]=Z(e[r]);return n}if("object"===t){var i={};for(r in e)if(e.hasOwnProperty(r)){var a=e[r];i[r]=a&&a.nodeType?a:Z(a)}return i}return e}N.hideProperty=K;var Q={get:function(){return Z(this)},set:w,enumerable:!1,configurable:!0},ee=Array.prototype,te={notify:function(){V.call(this.$up,this.$pathname)},set:function(e,t){if((e>>>=0)>this.length)throw Error(e+"set方法的第一个参数不能大于原数组长度");if(this[e]!==t){var n=this[e];this.splice(e,1,t),V.call(this.$up,this.$pathname+".*",[t,n,null,e])}},contains:function(e){return this.indexOf(e)>-1},ensure:function(e){return this.contains(e)||this.push(e),this},pushArray:function(e){return this.push.apply(this,Z(e))},remove:function(e){return this.removeAt(this.indexOf(e))},removeAt:function(e){return e>>>=0,this.splice(e,1)},size:function(){return this._.length},removeAll:function(e){if(Array.isArray(e))for(var t=this.length-1;t>=0;t--)-1!==e.indexOf(this[t])&&(ne.call(this.$track,t,1),ne.call(this,t,1));else if("function"==typeof e)for(t=this.length-1;t>=0;t--){e(this[t],t)&&(ne.call(this.$track,t,1),ne.call(this,t,1))}else ne.call(this.$track,0,this.length),ne.call(this,0,this.length);this.notify(),this._.length=this.length},clear:function(){this.removeAll()}},ne=ee.splice;function re(e,t){for(var n={},r=0,i=t.length;r<i;r++){n[r]=e[r];var a=t[r];a in n?(e[r]=n[a],delete n[a]):e[r]=e[a]}}function ie(e){for(var t=[],n=0;n<e;n++)t[n]=A("proxy-each");return t}function ae(e,t,n){switch(t){case"push":case"unshift":n=ie(n.length);break;case"splice":if(n.length>2){n[1],n.length;n=[n[0],n[1]].concat(ie(n.length-2))}}Array.prototype[t].apply(e,n)}["push","pop","shift","unshift","splice"].forEach((function(e){var t=ee[e];te[e]=function(){for(var n=[],r=0,i=arguments.length;r<i;r++)n[r]=X(arguments[r],0,1,1);var a=t.apply(this,n);return ae(this.$track,e,n),this.notify(),this._.length=this.length,a}})),"sort,reverse".replace(f,(function(e){te[e]=function(){var t=this.concat(),n=this,r=Math.random(),i=[],a=!1;ee[e].apply(n,arguments);for(var o=0,s=t.length;o<s;o++){var c=n[o],l=t[o];if(c===l)i.push(o);else{var u=t.indexOf(c);i.push(u),t[u]=r,a=!0}}return a&&(re(this.$track,i),this.notify()),this}}));var oe,se,ce=(se=[],{begin:function(e){se.push(oe),oe=e},end:function(){oe=se.pop()},collectDependency:function(e){oe&&oe.callback(e)}});N.injectBinding=function(t){t.handler=t.handler||S[t.type].update||w,t.update=function(){var n=!1;t.getter||(n=!0,ce.begin({callback:function(n){!function(t,n){if(n.oneTime)return;t&&N.Array.ensure(t,n)&&n.element&&(!function(t,n){t.list=n,t.i=~~t.i,t.uuid||(t.uuid="_"+ ++e);le[t.uuid]||(le[t.uuid]="__",le.push(t))}(n,t),new Date-ue>444&&pe())}(n,t)}}),t.getter=qe(t.expr,t.vmodels,t),t.observers.forEach((function(e){e.v.$watch(e.p,t)})),delete t.observers);try{var r,i,o=t.fireArgs;if(delete t.fireArgs,o)r=o[0],i=o[1];else if("on"===t.type)r=t.getter+"";else try{r=t.getter.apply(0,t.args)}catch(e){r=null}if(i=void 0===i?t.oldValue:i,t._filters&&(r=vn.$filter.apply(0,[r].concat(t._filters))),t.signature){var s=N.type(r);if("array"!==s&&"object"!==s)throw Error("warning:"+t.expr+"只能是对象或数组");t.xtype=s;var c=function(e,t){for(var n,r=[],i=0;n=e[i++];)r.push(t?n.$id:n.$key);return r.join(";")}(t.proxies||[],s),l=r.$track||("array"===s?ie(r.length):Object.keys(r));t.track=l,c!==l.join(";")&&(t.handler(r,i),t.oldValue=1)}else Array.isArray(r)&&r.length!==(i&&i.length)?(t.handler(r,i),t.oldValue=r.concat()):"oldValue"in t&&r===i||(t.handler(r,i),t.oldValue=Array.isArray(r)?r.concat():r)}catch(e){delete t.getter,a("warning:exception throwed in [Anot.injectBinding] ",e);var u=t.element;u&&3===u.nodeType&&(u.nodeValue=L+(t.oneTime?"::":"")+t.expr+M)}finally{n&&ce.end()}},t.update()};var le=N.$$subscribers=[],ue=new Date;var fe=0;function pe(e){for(var t=fe||le.length,n=0;e=le[--t];)if(e.i<7){if(null===e.element){le.splice(t,1),e.list&&(N.Array.remove(e.list,e),delete le[e.uuid]);continue}if(he(e.element)){if(le.splice(t,1),N.Array.remove(e.list,e),de(e),n++>500){fe=t;break}continue}e.i++,7===e.i&&(e.i=14)}else e.i--;ue=new Date}function de(e){for(var t in delete le[e.uuid],e.element=null,e.rollback&&e.rollback(),e)e[t]=null}function he(e){try{e.parentNode.nodeType}catch(e){return!0}return e.ifRemove&&!b.contains(e.ifRemove)&&i===e.parentNode?(e.parentNode&&e.parentNode.removeChild(e),!0):e.msRetain?0:1===e.nodeType?!b.contains(e):!N.contains(b,e)}var ve=new function(){N.mix(this,{option:n.createElement("select"),thead:n.createElement("table"),td:n.createElement("tr"),area:n.createElement("map"),tr:n.createElement("tbody"),col:n.createElement("colgroup"),legend:n.createElement("fieldset"),_default:n.createElement("div"),g:n.createElementNS("http://www.w3.org/2000/svg","svg")}),this.optgroup=this.option,this.tbody=this.tfoot=this.colgroup=this.caption=this.thead,this.th=this.td};String("circle,defs,ellipse,image,line,path,polygon,polyline,rect,symbol,text,use").replace(f,(function(e){ve[e]=ve.g}));var me=/<([\w:]+)/,ye=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,ge=C(["","text/javascript","text/ecmascript","application/ecmascript","application/javascript"]),be=n.createElement("script"),xe=/<|&#?\w+;/;function $e(e){return e.replace(/([a-z\d])([A-Z]+)/g,"$1-$2").toLowerCase()}function we(e){return e.indexOf("-")<0&&e.indexOf("_")<0?e:e.replace(/[-_][^-_]/g,(function(e){return e.charAt(1).toUpperCase()}))}N.parseHTML=function(e){var t=x.cloneNode(!1);if("string"!=typeof e)return t;if(!xe.test(e))return t.appendChild(n.createTextNode(e)),t;e=e.replace(ye,"<$1></$2>").trim();var r,i=(me.exec(e)||["",""])[1].toLowerCase(),a=ve[i]||ve._default;a.innerHTML=e;var o=a.getElementsByTagName("script");if(o.length)for(var s,c=0;s=o[c++];)if(ge[s.type]){var l=be.cloneNode(!1);y.forEach.call(s.attributes,(function(e){l.setAttribute(e.name,e.value)})),l.text=s.text,s.parentNode.replaceChild(l,s)}for(;r=a.firstChild;)t.appendChild(r);return t},N.innerHTML=function(e,t){var n=this.parseHTML(t);this.clearHTML(e).appendChild(n)},N.clearHTML=function(e){for(e.textContent="";e.firstChild;)e.removeChild(e.firstChild);return e},"add,remove".replace(f,(function(e){N.fn[e+"Class"]=function(t){var n=this[0];return t&&"string"==typeof t&&n&&1===n.nodeType&&t.replace(/\S+/g,(function(t){n.classList[e](t)})),this}})),N.fn.mix({attr:function(e,t){return 2===arguments.length?(this[0].setAttribute(e,t),this):this[0].getAttribute(e)},data:function(e,t){var n=arguments.length,r=this[0].dataset;switch((e=$e(e||""))||(n=0),n){case 2:return r[e]=t,this;case 1:var i=r[e];return Ce(i);case 0:var a=o();for(var s in r)a[s]=Ce(r[s]);return a}},removeData:function(e){return e="data-"+$e(e),this[0].removeAttribute(e),this},css:function(e,t){if(N.isPlainObject(e))for(var n in e)N.css(this,n,e[n]);else var r=N.css(this,e,t);return void 0!==r?r:this},position:function(){var e,t,n=this[0],r={top:0,left:0};if(n)return"fixed"===this.css("position")?t=n.getBoundingClientRect():(e=this.offsetParent(),t=this.offset(),"HTML"!==e[0].tagName&&(r=e.offset()),r.top+=N.css(e[0],"borderTopWidth",!0),r.left+=N.css(e[0],"borderLeftWidth",!0),r.top-=e.scrollTop(),r.left-=e.scrollLeft()),{top:t.top-r.top-N.css(n,"marginTop",!0),left:t.left-r.left-N.css(n,"marginLeft",!0)}},offsetParent:function(){for(var e=this[0].offsetParent;e&&"static"===N.css(e,"position");)e=e.offsetParent;return N(e||b)},bind:function(e,t,n){if(this[0])return N.bind(this[0],e,t,n)},unbind:function(e,t,n){return this[0]&&N.unbind(this[0],e,t,n),this},val:function(e){var t=this[0];if(t&&1===t.nodeType){var n=0===arguments.length,r=n?":get":":set",i=De[Se(t)+r];if(i)var a=i(t,e);else{if(n)return(t.value||"").replace(/\r/g,"");t.value=e}}return n?a:this}}),N.parseJSON=JSON.parse;var ke=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/;function Ce(e){try{if("object"==typeof e)return e;e="true"===e||"false"!==e&&("null"===e?null:+e+""===e?+e:ke.test(e)?JSON.parse(e):e)}catch(e){}return e}function Ae(e){return e.window&&e.document?e:9===e.nodeType&&e.defaultView}N.fireDom=function(e,t,r){var i=n.createEvent("Events");i.initEvent(t,!0,!0),N.mix(i,r),e.dispatchEvent(i)},N.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},(function(e,t){N.fn[e]=function(n){var r=this[0]||{},i=Ae(r),a="scrollTop"===e;if(!arguments.length)return i?i[t]:r[e];i?i.scrollTo(a?i[t]:n,a?n:i[t]):r[e]=n}}));var Ne=N.cssHooks=o(),je=["","-webkit-","-moz-","-ms-"],Te={float:"cssFloat"};N.cssNumber=C("animationIterationCount,animationIterationCount,columnCount,order,flex,flexGrow,flexShrink,fillOpacity,fontWeight,lineHeight,opacity,orphans,widows,zIndex,zoom"),N.cssName=function(e,t,n){if(Te[e])return Te[e];t=t||b.style;for(var r=0,i=je.length;r<i;r++)if((n=we(je[r]+e))in t)return Te[e]=n;return null},Ne["@:set"]=function(e,t,n){e.style[t]=n},Ne["@:get"]=function(e,t){if(!e||!e.style)throw new Error("getComputedStyle要求传入一个节点 "+e);var n,r=getComputedStyle(e);return r&&""===(n="filter"===t?r.getPropertyValue(t):r[t])&&(n=e.style[t]),n},Ne["opacity:get"]=function(e){var t=Ne["@:get"](e,"opacity");return""===t?"1":t},"top,left".replace(f,(function(e){Ne[e+":get"]=function(t){var n=Ne["@:get"](t,e);return/px$/.test(n)?n:N(t).position()[e]+"px"}}));var Oe={position:"absolute",visibility:"hidden",display:"block"},Ee=/^(none|table(?!-c[ea]).+)/;function Se(e){var t=e.tagName.toLowerCase();return"input"===t&&/checkbox|radio/.test(e.type)?"checked":t}"Width,Height".replace(f,(function(e){var t=e.toLowerCase(),n="client"+e,r="scroll"+e,i="offset"+e;Ne[t+":get"]=function(t,n,r){var a=-4;"number"==typeof r&&(a=r),n="Width"===e?["Left","Right"]:["Top","Bottom"];var o=t[i];return 2===a?o+N.css(t,"margin"+n[0],!0)+N.css(t,"margin"+n[1],!0):(a<0&&(o=o-N.css(t,"border"+n[0]+"Width",!0)-N.css(t,"border"+n[1]+"Width",!0)),-4===a&&(o=o-N.css(t,"padding"+n[0],!0)-N.css(t,"padding"+n[1],!0)),o)},Ne[t+"&get"]=function(e){var n=[];!function e(t,n){if(t.offsetWidth<=0){var r=getComputedStyle(t,null);if(Ee.test(r.display)){var i={node:t};for(var a in Oe)i[a]=r[a],t.style[a]=Oe[a];n.push(i)}var o=t.parentNode;o&&1===o.nodeType&&e(o,n)}}(e,n);for(var r,i=Ne[t+":get"](e),a=0;r=n[a++];)for(var o in e=r.node,r)"string"==typeof r[o]&&(e.style[o]=r[o]);return i},N.fn[t]=function(a){var o=this[0];if(0===arguments.length){if(o.setTimeout)return o["inner"+e];if(9===o.nodeType){var s=o.documentElement;return Math.max(o.body[r],s[r],o.body[i],s[i],s[n])}return Ne[t+"&get"](o)}return this.css(t,a)},N.fn["inner"+e]=function(){return Ne[t+":get"](this[0],void 0,-2)},N.fn["outer"+e]=function(e){return Ne[t+":get"](this[0],void 0,!0===e?2:0)}})),N.fn.offset=function(){var e=this[0];try{var t=e.getBoundingClientRect();if(t.width||t.height||e.getClientRects().length){var n=e.ownerDocument,r=n.documentElement,i=n.defaultView;return{top:t.top+i.pageYOffset-r.clientTop,left:t.left+i.pageXOffset-r.clientLeft}}}catch(e){return{left:0,top:0}}};var De={"select:get":function(e,t){for(var n,r=e.options,i=e.selectedIndex,a="select-one"===e.type||i<0,o=a?null:[],s=a?i+1:r.length,c=i<0?s:a?i:0;c<s;c++)if(((n=r[c]).selected||c===i)&&!n.disabled){if(t=n.value,a)return t;o.push(t)}return o},"select:set":function(e,t,n){t=[].concat(t);for(var r,i=0;r=e.options[i++];)(r.selected=t.indexOf(r.value)>-1)&&(n=!0);n||(e.selectedIndex=-1)}},_e={};["break,case,catch,continue,debugger,default,delete,do,else,false","finally,for,function,if,in,instanceof,new,null,return,switch,this","throw,true,try,typeof,var,void,while,with","abstract,boolean,byte,char,class,const,double,enum,export,extends","final,float,goto,implements,import,int,interface,long,native","package,private,protected,public,short,static,super,synchronized","throws,transient,volatile","arguments,let,yield,async,await,undefined"].join(",").replace(/\w+/g,(function(e){_e[e]=!0}));var Pe=/[a-z_$]/i,Le=/[\s\uFEFF\xA0]/;function Me(e,t){if(t&&!_e[t])return e.push(t),!0}function He(e,t,n,r){for(var i,a=[],o=" = "+n+".",s=e.length;i=e[--s];){var c=i.split(".")[0];t.hasOwnProperty(c)&&(a.push(c+o+c),r.observers.push({v:t,p:i,type:N.type(t[c])}),e.splice(s,1))}return a}var Fe=/(proxy\-[a-z]+)\-[\-0-9a-f]+$/,Be=new D(218),Ie=new D(128);function Re(e){e=e.trim();var t=Be.get(e);if(t)return t.concat();for(var n,r=function e(t,n){var r=[],i=!!n;n=n||0;for(var a="unknown",o="",s=0;s<t.length;s++){var c=t.charAt(s);if("'"===c||'"'===c)"unknown"===a?a=c:a===c&&(a="unknown");else if("\\"===c)"'"!==a&&'"'!==a||s++;else if(Pe.test(c))"unknown"===a?(a="variable",o=c):"maybePath"===a?(o=r.pop(),o+="."+c,a="variable"):"variable"===a&&(o+=c);else if(/\w/.test(c))"variable"===a&&(o+=c);else if("."===c)"variable"===a&&o&&(r.push(o),o="",a="maybePath");else if("["===c){if("variable"===a||"maybePath"===a){o&&(r.push(o),o="");var l=r.length,u=r[l-1],f=e(t.slice(s),s);if(f.length)r[l-1]=u+".*",r=f.concat(r);else{var p=t.slice(s+1,f.i);try{var d=k(["return "+p])();r[l-1]=u+"."+d}catch(e){}}a="maybePath",s=f.i}}else if("]"===c){if(i)return r.i=s+n,Me(r,o),r}else Le.test(c)&&"\r"!==c&&"\n"!==c?"variable"===a&&(Me(r,o)&&(a="maybePath"),o=""):(Me(r,o),a="unknown",o="")}return Me(r,o),r}(e),i={},a=[],o=0;n=r[o++];)i[n]||(i[n]=1,a.push(n));return Be.put(e,a).concat()}function qe(e,t,n){var r=n.filters;"string"==typeof r&&r.trim()&&!n._filters&&(n._filters=function(e){return k(["return ["+(e=e.replace(We,"").replace(ze,(function(){return"],|"})).replace(Ue,(function(e,t){return"["+Je(t)})).replace(Ye,(function(){return'"],["'})).replace(Ge,(function(){return'",'}))+"]")+"]"])()}(r.trim()));var i=Re(e),a=new Date-0,o=[],s=[],c=[];n.observers=[];for(var l=0,u=t.length;l<u;l++)if(i.length){var f="vm"+a+"_"+l;s.push(f),c.push(t[l]),o.push.apply(o,He(i,t[l],f,n))}n.args=c;var p=n.type,d=t.map((function(e){return String(e.$id).replace(Fe,"$1")}))+e+p,h=Ie.get(d);if(h){if("duplex"===p){var v=Ie.get(d+"setter");n.setter=v.apply(v,n.args)}return n.getter=h}if(o.length||o.push("fix"+a),"duplex"===p){var m={};o.forEach((function(e){var t=e.split("=");m[t[0].trim()]=t[1].trim()})),e=e.replace(/[\$\w]+/,(function(e){return m[e]?m[e]:e}));var y=k(s.concat('"use strict";\n  return function(vvv){'+e+" = vvv\n}\n"));Ie.put(d+"setter",y),n.setter=y.apply(y,n.args)}if("on"===p){-1===e.indexOf("(")?e+=".call("+s[s.length-1]+", $event)":e=e.replace("(",".call("+s[s.length-1]+", "),s.push("$event");var g=(e="\nreturn "+e+";").lastIndexOf("\nreturn"),b=e.slice(0,g),x=e.slice(g);e=b+"\n"+x}else n.observers.forEach((function(t){if("function"===t.type){var n=new RegExp(t.p+"\\(([^)]*)\\)","g");e=e.replace(n,(function(e,n){return n=n.trim(),t.p+".call("+s[s.length-1]+(n?", "+n:"")+")"}))}})),e="\nreturn "+e+";";return h=k(s.concat("'use strict';\ntry{\n  var "+o.join(",\n  ")+e+"\n}catch(e){console.log(e)}")),Ie.put(d,h)}function Ve(e){if(H.test(e)){var t=vt(e);return 1===t.length?t[0].expr:t.map((function(e){return e.type?"("+e.expr+")":Je(e.expr)})).join(" + ")}return e}N.normalizeExpr=Ve,N.parseExprProxy=qe;var We=/\)\s*$/,ze=/\)\s*\|/g,Ue=/\|\s*([$\w]+)/g,Ye=/"\s*\["/g,Ge=/"\s*\(/g;var Je=JSON.stringify,Xe=C("area,base,basefont,br,col,command,embed,hr,img,input,link,meta,param,source,track,wbr,noscript,script,style,textarea".toUpperCase());function Ke(e,t,n){var r=e.getAttribute(t);if(r)for(var i,a=0;i=n[a++];)if(i.hasOwnProperty(r)&&"function"==typeof i[r])return i[r]}function Ze(e,t){for(var n,r=0;n=e[r++];)n.vmodels=t,S[n.type].init(n),N.injectBinding(n),n.getter&&1===n.element.nodeType&&n.element.removeAttribute(n.name);e.length=0}var Qe=/^\s*::/,et=/^:(\w+)-?(.*)|@(.*)/,tt=C("animationend,blur,change,input,click,dblclick,focus,keydown,keypress,keyup,mousedown,mouseenter,mouseleave,mousemove,mouseout,mouseover,mouseup,scan,scroll,submit"),nt=C("value,title,alt,checked,selected,disabled,readonly,loading,enabled,href,src");function rt(e,t){return e.priority-t.priority}var it=["html","text","attr","data"];function at(t,n,r){var i=!0;if(n.length){for(var o,s=t.attributes,c=[],l={},u=0;o=s[u++];){var f=o.name;if(!l[f]&&(l[f]=1,o.specified&&(r=f.match(et)))){var p=r[1],d=r[2]||"",h=r[3]||"",v=o.value;if(nt[p]&&(d=p,p="attr"),h&&(d=h,p="on"),S[p]){var m=v.replace(Qe,""),y={type:p,param:d,element:t,name:f,expr:m,oneTime:v!==m,uuid:"_"+ ++e,priority:(S[p].priority||10*p.charCodeAt(0))+(Number(d.replace(/\D/g,""))||0)};if(it.includes(p)){var g=ht(v).filters;y.expr=y.expr.replace(g,""),y.filters=g.replace(ut,(function(){return y.type="html",y.group=1,""})).trim()}else if("duplex"===p)var b=f;else if(":if-loop"===f)y.priority+=100;else if(":attr-value"===f)var x=f;c.push(y)}}}if(c.length){for(c.sort(rt),b&&x&&"text"===t.type&&a("warning!一个控件不能同时定义:attr-value与"+b),u=0;y=c[u];u++){if(p=y.type,ot.test(p))return Ze(c.slice(0,u+1),n);i&&(i=!st.test(p))}Ze(c,n)}}i&&!Xe[t.tagName]&&function(e,t){ct(N.slice(e.childNodes),t)}(t,n)}var ot=/^if|for$/,st=/^html|include$/;function ct(e,t){for(var n,r=0;n=e[r++];)switch(n.nodeType){case 1:var i=n;if(i.parentNode&&1===i.parentNode.nodeType){var a=(o=i).hasAttribute("ref")?o.getAttribute("ref"):null;a&&t.length&&(t[0].$refs[a]=i)}lt(n,t),n.msHasEvent&&N.fireDom(n,"datasetchanged",{bubble:n.msHasEvent});break;case 3:H.test(n.nodeValue)&&mt(n,t,r)}var o}function lt(e,t){var n=e.getAttribute("skip"),r=e.getAttributeNode("anot"),i=t.concat();if("string"!=typeof n){if(r){var o=N.vmodels[r.value],s=g.call(e.attributes,0);if(!o)return;if(i=[o],e.removeAttribute(r.name),e.__VM__=o,K(o,"$elem",e),t.length){o.$up=t[0],t[0].$children.push(o);var c={};for(var l in s.forEach((function(n){if(/^:/.test(n.name)){var r=n.name.match(et)[1],i=null;if(!r||N.directives[r]||tt[r])return;try{i=Z(i=qe(n.value,t,{}).apply(0,t)),e.removeAttribute(n.name),c[r]=i}catch(t){a("Props parse faild on (%s[class=%s]),",e.nodeName,e.className,n,t+"")}}})),o.props)o.props[l]&&"PropsTypes"===o.props[l].type&&(o.props[l].check(c[l])?(o.props[l]=c[l],delete c[l]):console.error(new TypeError("props."+l+" needs ["+o.props[l].checkType+"], but ["+o.props[l].result+"] given.")));Object.assign(o.props,c),c=void 0}}at(e,i),o&&setTimeout((function(){"function"==typeof o.$mounted&&o.$mounted(),delete o.$mounted}))}}var ut=/\|\s*html(?:\b|$)/,ft=/\|\|/g,pt=/(['"])(\\\1|.)+?\1/g,dt=/\r?\n/g;function ht(e){if(e.indexOf("|")>0){var t=e.replace(pt,(function(e){return Array(e.length+1).join("1")})).replace(ft,"ᄢ㍄").indexOf("|");if(t>-1)return{type:"text",filters:e.slice(t).trim(),expr:e.slice(0,t)}}return{type:"text",expr:e,filters:""}}function vt(e){for(var t,n,r=[],i=0;;){if(-1===(n=e.indexOf(L,i)))break;if((t=e.slice(i,n))&&r.push({expr:t}),i=n+L.length,-1===(n=e.indexOf(M,i)))break;(t=e.slice(i,n))&&r.push(ht(t.replace(dt,""))),i=n+M.length}return(t=e.slice(i))&&r.push({expr:t}),r}function mt(e,t,r){var i=[],a=vt(e.data);if(a.length){for(var o,s=0;o=a[s++];){var c=n.createTextNode(o.expr);o.type&&(o.expr=o.expr.replace(Qe,(function(){return o.oneTime=!0,""})),o.element=c,o.filters=o.filters.replace(ut,(function(){return o.type="html",""})),o.pos=1e3*r+s,i.push(o)),x.appendChild(c)}e.parentNode.replaceChild(x,e),i.length&&Ze(i,t)}}var yt=function(){this.queue=[]};yt.prototype={render:function(e){if(!this.locked){this.locked=e?b.offsetHeight+10:1;var t=this;N.nextTick((function(){t.flush()}))}},flush:function(){for(var e,t=0;e=this.queue[t++];)e.update&&e.update();this.locked=0,this.queue=[]}};var gt=new yt,bt=["autofocus,autoplay,async,allowTransparency,checked,controls","declare,disabled,defer,defaultChecked,defaultSelected","contentEditable,isMap,loop,multiple,noHref,noResize,noShade","open,readOnly,selected"].join(","),xt={};bt.replace(f,(function(e){xt[e.toLowerCase()]=e}));N.directive("attr",{init:function(e){if(e.expr=Ve(e.expr.trim()),"include"===e.type){var t=e.element;Ft(t,e),e.includeRendered=Ke(t,"data-rendered",e.vmodels),e.includeLoaded=Ke(t,"data-loaded",e.vmodels);var r=e.includeReplace=t.hasAttribute("replace");t.hasAttribute("cache")&&(e.templateCache={}),e.start=n.createComment(":include"),e.end=n.createComment(":include-end"),r?(e.element=e.end,e._element=t,t.parentNode.insertBefore(e.start,t),t.parentNode.insertBefore(e.end,t.nextSibling)):(t.insertBefore(e.start,t.firstChild),t.appendChild(e.end))}},update:function(e){var t=this.element,n=Object.create(null),r=d.test(t);if(e=Z(e),this.param)e&&"object"==typeof e?Array.isArray(e)?n[this.param]=e:Date.isDate(e)?n[this.param]=e.toISOString():n[this.param]=e:n[this.param]=e;else{if(!e||"object"!=typeof e||Array.isArray(e)||Date.isDate(e))return;n=e}for(var i in n)if("style"!==i){if("xlink:"===i.slice(0,6)){var a=i;n[i=i.slice(6)]=n[a],delete n[a]}if(!1!==n[i]&&null!==n[i]&&void 0!==n[i]||(n[i]=""),"boolean"==typeof t[i]||"boolean"==typeof t[xt[i]]){a=i;if(xt[i]&&a!==xt[i]&&(a=xt[i]),n[i]=!!n[i],t[a]=n[i],!n[i]){t.removeAttribute(a);continue}}!r&&i in t.cloneNode(!1)?t[i]=n[i]:("object"==typeof n[i]&&(n[i]=Date.isDate(n[i])?n[i].toISOString():JSON.stringify(n[i])),t.setAttribute(i,n[i]))}else t.style.cssText=n[i]}});N.directive("class",{init:function(e){if(e.expr=e.expr.replace(/\n/g," ").replace(/\s+/g," "),"hover"===e.type||"active"===e.type){var t=new Function("return "+e.expr)();if(!e.hasBindEvent){var n=e.element,r=N(n),i="mouseenter",a="mouseleave";if("active"===e.type){n.tabIndex=n.tabIndex||-1,i="mousedown",a="mouseup";var o=r.bind("mouseleave",(function(){r.removeClass(t)}))}}var s=r.bind(i,(function(){r.addClass(t)})),c=r.bind(a,(function(){r.removeClass(t)}));e.rollback=function(){r.unbind("mouseleave",o),r.unbind(i,s),r.unbind(a,c)},e.hasBindEvent=!0}},update:function(e){if("class"===this.type){var t=e;if(!t||this.param)return a('class指令语法错误 %c %s="%s"',"color:#f00",this.name,this.expr);for(var n in"string"==typeof t&&((t={})[e]=!0),N.isPlainObject(t)||(t=t.$model),t)this.element.classList.toggle(n,!!t[n])}}}),"hover,active".replace(f,(function(e){S[e]=S.class})),N.directive("css",{init:S.attr.init,update:function(e){var t=N(this.element);if(this.param)t.css(this.param,e);else{if("object"!=typeof e)return a(':css指令格式错误 %c %s="%s"',"color:#f00",this.name,this.expr);var n=e;N.isPlainObject(n)||(n=e.$model),t.css(n)}}}),N.directive("data",{priority:100,init:S.attr.init,update:function(e){var t=N(this.element);if(this.param)t.data(this.param,e);else{if("object"!=typeof e)return a(':data指令格式错误 %c %s="%s"',"color:#f00",this.name,this.expr);var n=e;for(var r in N.isPlainObject(n)||(n=e.$model),n)t.data(r,n[r])}}});var $t=/^(?:checkbox|radio)$/,wt=/^(?:radio|checked)$/,kt=/^(file|button|reset|submit|checkbox|radio|range)$/;N.directive("duplex",{priority:2e3,init:function(e,t){var n=e.element,r=e.vmodels;e.changed=Ke(n,"data-changed",r)||w;var i=[],o=C("string,number,boolean,checked");"radio"===n.type&&""===e.param&&(e.param="checked"),e.param.replace(p,(function(r){$t.test(n.type)&&wt.test(r)&&(r="checked",e.isChecked=!0,e.xtype="radio"),o[r]&&(t=!0),N.Array.ensure(i,r)})),t||i.push("string"),e.param=i.join("-"),e.xtype||(e.xtype="SELECT"===n.tagName?"select":"checkbox"===n.type?"checkbox":"radio"===n.type?"radio":/^change/.test(n.getAttribute("data-event"))?"change":"input"),n.expr=e.expr;var s=e.bound=function(t,r){n.addEventListener(t,r,!1);var i=e.rollback;e.rollback=function(){n.anotSetter=null,N.unbind(n,t,r),i&&i()}};function c(t){e.changed.call(this,t)}var l=!1;var u=function(t){var r=n.value;if(!l&&r!==e.oldValue&&null!==e.pipe){var i=e.pipe(r,e,"get");e.oldValue=r,e.setter(i),c.call(n,i),N.fireDom(n,"change")}};switch(e.xtype){case"radio":s("click",(function(){var t=e.pipe(n.value,e,"get");e.setter(t),c.call(n,t)}));break;case"checkbox":s("change",(function(){var t=n.checked?"ensure":"remove",r=e.getter.apply(0,e.vmodels);Array.isArray(r)||(a(":duplex应用于checkbox上要对应一个数组"),r=[r]);var i=e.pipe(n.value,e,"get");N.Array[t](r,i),c.call(n,r)}));break;case"change":s("change",u);break;case"input":s("input",u),s("keyup",u),s("compositionstart",(function(){l=!0})),s("compositionend",(function(){l=!1,setTimeout(u)})),s("DOMAutoComplete",u);break;case"select":s("change",(function(){var t=N(n).val();if((t=Array.isArray(t)?t.map((function(t){return e.pipe(t,e,"get")})):e.pipe(t,e,"get"))+""!==e.oldValue)try{e.setter(t)}catch(e){a(e)}})),s("datasetchanged",(function(t){if("selectDuplex"===t.bubble){var r=e._value,i=Array.isArray(r)?r.map(String):r+"";N(n).val(i),n.oldValue=i+"",c.call(n,i)}}))}"input"!==e.xtype||kt.test(n.type)||("hidden"!==n.type&&(s("focus",(function(){n.msFocus=!0})),s("blur",(function(){n.msFocus=!1}))),n.anotSetter=u,Ot((function(){if(b.contains(n))n.msFocus||u();else if(!n.msRetain)return!1})))},update:function(e){var t,n=this.element;this.init||((this.pipe||(this.pipe=At))(null,this,"init"),this.init=1);switch(this.xtype){case"input":n.value=e;break;case"change":if((t=this.pipe(e,this,"set"))!==this.oldValue){var r=!1;if(n.msFocus)try{var i=n.selectionStart;if(i===n.selectionEnd){var a=i;r=!0}}catch(e){}n.value=this.oldValue=t,r&&!n.readOnly&&(n.selectionStart=n.selectionEnd=a)}break;case"radio":t=this.isChecked?!!e:e+""===n.value,n.checked=t;break;case"checkbox":var o=[].concat(e);t=this.pipe(n.value,this,"get"),n.checked=o.indexOf(t)>-1;break;case"select":this._value=e,n.msHasEvent?N.fireDom(n,"datasetchanged",{bubble:n.msHasEvent}):n.msHasEvent="selectDuplex"}}});function Ct(e){return null==e?"":e}function At(e,t,n,r){return t.param.replace(p,(function(r){var i=N.duplexHooks[r];i&&"function"==typeof i[n]&&(e=i[n](e,t))})),e}N.duplexHooks={checked:{get:function(e,t){return!t.oldValue}},string:{get:function(e){return e},set:Ct},boolean:{get:function(e){return"true"===e},set:Ct},number:{get:function(e,t){var n=+e;return+e===n?n:0},set:Ct}};var Nt,jt=[];function Tt(){for(var e=jt.length-1;e>=0;e--){!1===(0,jt[e])()&&jt.splice(e,1)}jt.length||clearInterval(Nt)}N.tick=function(e){1===jt.push(e)&&(Nt=setInterval(Tt,60))};var Ot=w;new function(){try{var e={},t=HTMLInputElement.prototype,n=HTMLTextAreaElement.prototype;function r(t){e[this.tagName].call(this,t),!this.msFocus&&this.anotSetter&&this.anotSetter()}var i=HTMLInputElement.prototype;Object.getOwnPropertyNames(i),e.INPUT=Object.getOwnPropertyDescriptor(t,"value").set,Object.defineProperty(t,"value",{set:r}),e.TEXTAREA=Object.getOwnPropertyDescriptor(n,"value").set,Object.defineProperty(n,"value",{set:r})}catch(e){Ot=N.tick}},N.directive("effect",{priority:5,init:function(e){var t,n,r=e.expr,i=r.replace(F,(function(e){return e.replace(/./g,"0")})).indexOf(":");-1===i?(t=r,n=!0):(t=r.slice(0,i),n=r.slice(i+1)),t=H.test(r)?Ve(t):Je(t),e.expr="["+t+","+n+"]"},update:function(e){var t=e[0],n=this.element;if(n.getAttribute("data-effect-name")!==t){n.removeAttribute("data-effect-driver");var r=n.style,i=window.getComputedStyle?window.getComputedStyle(n):null,a=!1;if(i&&(Dt||_t)){var o=r[Pt]||i[Pt];o&&"0s"!==o&&(n.setAttribute("data-effect-driver","t"),a=!0),a||(o=r[Lt]||i[Lt])&&"0s"!==o&&(n.setAttribute("data-effect-driver","a"),a=!0)}a||N.effects[t]&&(n.setAttribute("data-effect-driver","j"),a=!0),a&&n.setAttribute("data-effect-name",t)}}}),N.effects={},N.effect=function(e,t){N.effects[e]=t};var Et,St,Dt=!1,_t=!1,Pt=N.cssName("transition-duration"),Lt=N.cssName("animation-duration");new function(){var e,t,n={TransitionEvent:"transitionend",WebKitTransitionEvent:"webkitTransitionEnd",OTransitionEvent:"oTransitionEnd",otransitionEvent:"otransitionEnd"};for(var r in n){if(window[r]){e=n[r];break}try{document.createEvent(r);e=n[r];break}catch(e){}}for(r in"string"==typeof e&&(Dt=!0,Et=e),n={AnimationEvent:"animationend",WebKitAnimationEvent:"webkitAnimationEnd"})if(window[r]){t=n[r];break}"string"==typeof t&&(Dt=!0,St=t)};var Mt=[];function Ht(e,t){if(!e||1!==e.nodeType)return null;if(t)var n=t.effectName,r=t.effectDriver;else n=e.getAttribute("data-effect-name"),r=e.getAttribute("data-effect-driver");if(!n||!r)return null;var i=Mt.pop()||new Rt;return i.el=e,i.driver=r,i.useCss="j"!==r,i.useCss&&(t&&N(e).addClass(t.effectClass),i.cssEvent="t"===r?Et:St),i.name=n,i.callbacks=N.effects[n]||{},i}function Ft(e,t){var n=e.getAttribute("data-effect-name");if(n){t.effectName=n,t.effectDriver=e.getAttribute("data-effect-driver");var r=+e.getAttribute("data-effect-stagger");t.effectLeaveStagger=+e.getAttribute("data-effect-leave-stagger")||r,t.effectEnterStagger=+e.getAttribute("data-effect-enter-stagger")||r,t.effectClass=e.className||NaN}}function Bt(e){return e.replace(/^[\S]/g,(function(e){return e.toUpperCase()}))}var It=new yt;function Rt(){}function qt(e,t){var n=e.callbacks[t+"Class"];return"string"==typeof n?n:"function"==typeof n?n():e.name+"-"+t}function Vt(e,t,n){var r=e.callbacks[t];r&&r.call(e,e.el,n)}Rt.prototype={contrustor:Rt,enterClass:function(){return qt(this,"enter")},leaveClass:function(){return qt(this,"leave")},actionFun:function(e,t,n){if(!document.hidden){var r=this,i=r.el,a="leave"===e;e=a?"leave":"enter",Vt(r,"abort"+Bt(a?"enter":"leave")),Vt(r,"before"+Bt(e)),a||t(i);var o=function(o){i.removeEventListener(r.cssEvent,r.cssCallback),a?(t(i),N(i).removeClass(r.cssClass)):"a"===r.driver&&N(i).removeClass(r.cssClass),!0!==o&&(Vt(r,"after"+Bt(e)),n&&n(i)),r.dispose()};r.useCss?(r.cssCallback&&r.cssCallback(!0),r.cssClass=qt(r,e),r.cssCallback=o,r.update=function(){i.addEventListener(r.cssEvent,r.cssCallback),a||"t"!==r.driver||N(i).removeClass(r.cssClass)},N(i).addClass(r.cssClass),It.render(!0),It.queue.push(r)):Vt(r,e,o)}},enter:function(e,t){this.actionFun.apply(this,["enter"].concat(N.slice(arguments)))},leave:function(e,t){this.actionFun.apply(this,["leave"].concat(N.slice(arguments)))},dispose:function(){this.update=this.cssCallback=null,Mt.unshift(this)>100&&Mt.pop()}};var Wt=function(e,t){var n=g.call(arguments,0);"function"!=typeof n[2]&&n.splice(2,0,w),"function"!=typeof n[3]&&n.splice(3,0,w);var r=n[2],i=n[3],a=n[4],o=Ht(e,a);if(!o)return r(),i(),!1;var s=t?"enter":"leave";o[s](r,i)};N.mix(N.effect,{apply:Wt,append:function(e,t,n,r){return Wt(e,1,(function(){t.appendChild(e)}),n,r)},before:function(e,t,n,r){return Wt(e,1,(function(){t.parentNode.insertBefore(e,t)}),n,r)},remove:function(e,t,n,r){return Wt(e,0,(function(){e.parentNode===t&&t.removeChild(e)}),n,r)}}),N.directive("html",{update:function(e){var t=this.element,r=1!==t.nodeType,i=r?t.parentNode:t;if(i){if(e=null==e?"":e,3===t.nodeType){var a=A("html");i.insertBefore(n.createComment(a),t),this.element=n.createComment(a+":end"),i.replaceChild(this.element,t),t=this.element}if("object"!=typeof e)var o=N.parseHTML(String(e));else if(11===e.nodeType)o=e;else if(1===e.nodeType||e.item){var s=1===e.nodeType?e.childNodes:e.item;for(o=x.cloneNode(!0);s[0];)o.appendChild(s[0])}if(s=N.slice(o.childNodes),r){for(var c=t.nodeValue.slice(0,-4);;){var l=t.previousSibling;if(!l||8===l.nodeType&&l.nodeValue===c)break;i.removeChild(l)}i.insertBefore(o,t)}else N.clearHTML(t).appendChild(o);ct(s,this.vmodels)}}}),N.directive("text",{update:function(e){var t=this.element;if(e=null==e?"":e,3===t.nodeType)try{t.data=e}catch(e){}else t.textContent=e}}),N.directive("if",{priority:10,update:function(e){var t,r=this,a=this.element,o=r.stamp=Date.now(),s=function(){o===r.stamp&&(r.recoverNode=null)};r.recoverNode&&r.recoverNode();try{if(!a.parentNode)return;t=a.parentNode}catch(e){return}if(e){function c(){a.getAttribute(r.name)&&(a.removeAttribute(r.name),at(a,r.vmodels)),r.rollback=null}if(8===a.nodeType){var l=r.keep,u=N.effect.apply(l,1,(function(){o===r.stamp&&(a.parentNode.replaceChild(l,a),a=r.element=l,l.getAttribute("_required")&&(a.required=!0,a.removeAttribute("_required")),a.querySelectorAll&&N.each(a.querySelectorAll("[_required=true]"),(function(e){e.required=!0,e.removeAttribute("_required")})),c())}),s);u=!1===u}u||c()}else if(1===a.nodeType){!0===a.required&&(a.required=!1,a.setAttribute("_required","true"));try{N.each(a.querySelectorAll(":required"),(function(e){a.required=!1,e.setAttribute("_required","true")}))}catch(e){}var f=r.element=n.createComment(":if"),p=a.nextSibling;r.recoverNode=function(){r.recoverNode=null,f.parentNode!==t&&(t.insertBefore(f,p),r.keep=a)},N.effect.apply(a,0,(function(){r.recoverNode=null,o===r.stamp&&(a.parentNode.replaceChild(f,a),r.keep=a,i.appendChild(a),r.rollback=function(){a.parentNode===i&&i.removeChild(a)})}),s)}}});var zt=N.templateCache={};function Ut(e){for(var t=n.createDocumentFragment(),r=0,i=e.length;r<i;r++)t.appendChild(e[r]);return t}N.directive("include",{init:S.attr.init,update:function(e){if(e){var t=this,r=this.element,o=t.vmodels,s=t.includeLoaded,c=t.includeRendered,l=t.effectName&&t.effectClass,u=t.templateCache,f=t.includeReplace,p=f?r.parentNode:r,d=t._element;t.recoverNodes=t.recoverNodes||N.noop;var h,v,m,y=function(a){var h=t._stamp=Date.now();if(s){var v=s.apply(p,[a].concat(o));"string"==typeof v&&(a=v)}c&&function e(t,n,r){var i=setTimeout((function(){var a=t.innerHTML;clearTimeout(i),a===r?n():e(t,n,a)}))}(p,(function(){c.call(p)}),NaN);var m=t.includeLastID||"_default";t.includeLastID=e;var y=u&&u[m]||n.createElement(r.tagName||t._element.tagName);l&&(y.className=l,p.insertBefore(y,t.start)),(u||{})[m]=y;var g=t.recoverNodes();for(g&&p.insertBefore(g,t.end);;){var b=t.start.nextSibling;if(!b||b===y||b===t.end)break;y.appendChild(b)}N.effect.remove(y,p,(function(){u&&h===t._stamp&&i.appendChild(y)}),t);var x=p,$=N.noop,w=N.noop,k=function(e,t,r){var i=e.templateCache&&e.templateCache[t];if(i){for(var a,o=n.createDocumentFragment();a=i.firstChild;)o.appendChild(a);return o}return N.parseHTML(r)}(t,e,a),C=N.slice(k.childNodes);f&&l?((x=d).innerHTML="",x.setAttribute("skip",""),p.insertBefore(x,t.end.nextSibling),$=function(){x.insertBefore(k,null)},w=function(){t.recoverNodes=N.noop,h===t._stamp&&(k=Ut(C),p.insertBefore(k,t.end),ct(C,o)),x.parentNode===p&&p.removeChild(x)},t.recoverNodes=function(){return t.recoverNodes=N.noop,Ut(C)}):$=function(){p.insertBefore(k,t.end),ct(C,o)},N.effect.apply(x,"enter",$,w)};zt[e]?N.nextTick((function(){y(zt[e])})):(h=e,v=new XMLHttpRequest,m=Promise.defer(),v.open("GET",h,!0),v.setRequestHeader("X-Requested-With","XMLHttpRequest"),v.responseType="text",v.onreadystatechange=function(){4===this.readyState&&(this.status>=200&&this.status<400?m.resolve(this.response):m.reject(this))},v.send(null),m.promise).then(t=>{zt[e]=t,y(t)}).catch(t=>{a(":include load ["+e+"] error\n%c%s","color:#f30",`获取网络资源出错, ${t.status} (${t.statusText})`)})}}});var Yt=/\(([^)]*)\)/,Gt=N.directive("on",{priority:3e3,init:function(e){var t=e.expr;e.type="on";var n=e.param.replace(/-\d+$/,"");if("function"==typeof Gt[n+"Hook"]&&Gt[n+"Hook"](e),t.indexOf("(")>0&&t.indexOf(")")>-1){var r=(t.match(Yt)||["",""])[1].trim();""!==r&&"$event"!==r||(t=t.replace(Yt,""))}e.expr=t},update:function(e){var t=this,n=this.element;e=function(e){return(t.getter||w).apply(t.args[0],t.args.concat(e))};var r=t.param.replace(/-\d+$/,"");if("scan"===r)e.call(n,{type:r});else if("function"==typeof t.specialBind)t.specialBind(n,e);else var i=N.bind(n,r,e);t.rollback=function(){"function"==typeof t.specialUnbind?t.specialUnbind():N.unbind(n,r,i)}}});function Jt(e,t,n){for(var r,i=0;r=e[i++];)r.className===n.effectClass&&N.effect.apply(r,t,w,w,n)}function Xt(e,t,n){return e?setTimeout(t,++n*e):t(),n}function Kt(e,t,n){for(var r=x.cloneNode(!1),i=e,a=i.nodeValue,o=t&&Math.max(+t.staggerIndex,0),s=N.slice(i.parentNode.childNodes),c=s.indexOf(i);;){var l=s[--c];if(!l||0===String(l.nodeValue).indexOf(a))break;!n&&t&&l.className===t.effectClass?(e=l,function(e){t.staggerIndex=Xt(t.effectLeaveStagger,(function(){N.effect.apply(e,0,w,(function(){r.appendChild(e)}),t)}),o)}(l)):r.insertBefore(l,r.firstChild)}return r.appendChild(i),r}function Zt(e,t,n,r,i){var a=e.template.cloneNode(!0),o=N.slice(a.childNodes);a.appendChild(n.$anchor),i&&t.appendChild(a);n[e.param||"el"];var s={nodes:o,vmodels:[n].concat(e.vmodels),content:a};r.push(s)}function Qt(e){var t=("object"===e.xtype?an:nn)(e);return(t.$anchor||(t.$anchor=e.element.cloneNode(!1))).nodeValue=e.signature,t.$outer=e.$outer,t}function en(e,t,n){if("array"===n){e.$remove=function(){t.$repeat.removeAt(e.$index)};var r=t.param;e.$watch(r,(function(n){var r=e.$index;t.$repeat[r]=n}))}else{var i=t.vars[0],a=t.vars[1];e.$up.$watch(t.expr+"."+e[i],(function(n){e[t.param][a]=n,e[a]=n}))}}N.directive("for",{priority:90,init:function(e){var t=e.type;e.cache={},e.enterCount=0;var r=e.element;if(1===r.nodeType){var i=e.expr.split(" in ");e.expr=i.pop(),i.length&&(i=i.pop().split(/\s+/)),e.vars=i,r.removeAttribute(e.name),Ft(r,e);var a=Ke(r,"data-rendered",e.vmodels),o=A(t),s=n.createComment(o+":start"),c=e.element=n.createComment(o+":end");e.signature=o,e.start=s,e.template=x.cloneNode(!1);var l=r.parentNode;if(l.replaceChild(c,r),l.insertBefore(s,c),e.template.appendChild(r),e.element=c,a)var u=N.bind(l,"datasetchanged",(function(){a.apply(l,l.args),N.unbind(l,"datasetchanged",u),l.msRendered=a}))}},update:function(e,t){var n=this,r=this.xtype;"array"===r?(this.vars.length?1===this.vars.length&&this.vars.unshift("$index"):this.vars.push("$index","el"),this.param=this.vars[1]):(this.param="__el__",this.vars.length?1===this.vars.length&&this.vars.push("$val"):this.vars.push("$key","$val")),this.enterCount+=1;var i=!t;if(i){n.$outer={};var a=this.vars[0],o=this.vars[1];"array"===r&&(a="$first",o="$last");for(var s,c=0;s=n.vmodels[c++];)if(s.hasOwnProperty(a)&&s.hasOwnProperty(o)){n.$outer=s;break}}var l=this.track,u="move";n.$repeat=e;var f=[],p=i&&x.cloneNode(!1),d=[],h=this.param,v=N.mix({},this.cache),m=this.element,y=l.length,g=m.parentNode,b=0;for(c=0;c<y;c++){var $=l[c];v[$]||b++}var w=0;for(c in v)w++;var k,C=(!y||b===y)&&w>10,A=m.previousSibling,j=n.start;if(C)for(;A!==j;)g.removeChild(A),A=m.previousSibling;for(c=0;c<y;c++){var T=v[$=l[c]];if(T)f.push({}),v[$]=!0;else{if((T=Qt(this)).$up=this.vmodels[0],"array"===r){u="add",T.$id=$;var O=e[c];T[h]=O,Object(O)===O&&(K(O,"$ups",O.$ups||{}),O.$ups[h]=T)}else{u="append",T[a]=$,T[o]=e[$];var E={};E[a]=T[a],E[o]=T[o],T[h]=E}this.cache[$]=T;var S=T.$anchor||(T.$anchor=m.cloneNode(!1));S.nodeValue=this.signature,Zt(n,p,T,f,i&&!n.effectDriver),en(T,n,r)}1===this.enterCount&&(T.$active=!1,T.$oldIndex=T.$index,T.$active=!0,T.$index=c),"array"===r?(T.$first=0===c,T.$last=c===y-1,T[this.vars[0]]=T.$index):T[o]=Z(e[$]),d.push(T)}if(this.proxies=d,i&&!n.effectDriver)g.insertBefore(p,m),f.forEach((function(e){ct(e.nodes||[],e.vmodels),e.nodes=e.vmodels=null}));else{var D=n.staggerIndex=0;for($ in v)!0!==v[$]&&(u="del",!C&&Kt(v[$].$anchor,n,!0),on(this.cache,$,h),v[$]=null);for(c=0;c<y;c++){T=d[c],$="array"===r?T.$id:T.$key;var _=d[c-1],L=_?_.$anchor:n.start;v[$]?T.$index!==T.$oldIndex&&function(e,t){D=Xt(n.effectEnterStagger,(function(){var r=Kt(e.$anchor),i=N.slice(r.childNodes);g.insertBefore(r,t.nextSibling),Jt(i,1,n)}),D)}(T,L):function(e,t){var r=e.nodes,a=e.vmodels;r&&(D=Xt(n.effectEnterStagger,(function(){g.insertBefore(e.content,t.nextSibling),ct(r,a),!i&&Jt(r,1,n)}),D)),e.nodes=e.vmodels=null}(f[c],L)}}if(!e.$track)for($ in this.cache)on(this.cache,$,h);k=P.newWatch?arguments:[u],g.args=k,g.msRendered&&g.msRendered.apply(g,k);var M=setTimeout((function(){clearTimeout(M),N.fireDom(g,"datasetchanged",{bubble:g.msHasEvent})}));this.enterCount-=1}});var tn=[];function nn(e,t){for(var n=e.param||"el",r=0,i=tn.length;r<i;r++){var a=tn[r];if(a&&a.hasOwnProperty(n)){tn.splice(r,1),t=a;break}}return t||(t=function(e){var t=e.param||"el",n=e.vars[0],r={$outer:{},$index:0,$oldIndex:0,$anchor:null,$first:!1,$last:!1,$remove:N.noop};r[n]=0,r[t]=NaN;var i={$last:1,$first:1,$index:1};i[n]=1,i[t]=1;var a=z({state:r},{force:i});return a.$id=A("proxy-each"),a}(e)),t}var rn=[];function an(e){return rn.pop()||function(e){var t=e.param||"__el__",n=e.vars[0],r=e.vars[1],i={$index:0,$oldIndex:0,$outer:{},$anchor:null};i[n]="",i[r]=NaN,i[t]=NaN;var a={__el__:1,$index:1};a[n]=1,a[r]=1;var o=z({state:i},{force:a});return o.$id=A("proxy-with"),o}(e)}function on(e,t,n){var r=e[t];if(r){var i=0===r.$id.indexOf("proxy-each")?tn:rn;for(var a in r.$outer={},r.$events){var o=r.$events[a];Array.isArray(o)&&(o.length=0,a===n?r[n]=NaN:"$val"===a&&(r.$val=NaN))}i.unshift(r)>P.maxRepeatSize&&i.pop(),delete e[t]}}function sn(e,t){var r="_"+e;if(!sn[r]){var i=n.createElement(e);b.appendChild(i),t=getComputedStyle(i,null).display,b.removeChild(i),sn[r]=t}return sn[r]}N.parseDisplay=sn,N.directive("visible",{init:function(e){Ft(e.element,e)},update:function(e){var t,n=this,r=this.element,i=!this.effectName;if(!this.stamp)return t=this.stamp=Date.now(),void(e?(r.style.display=n.display||"","none"===N(r).css("display")&&(r.style.display=n.display=sn(r.nodeName))):r.style.display="none");t=this.stamp=+new Date,e?N.effect.apply(r,1,(function(){if(t===n.stamp){var e=r.getAttribute("data-effect-driver")||"a";i&&(r.style.display=n.display||""),"a"!==e&&"t"!==e||"none"===N(r).css("display")&&(r.style.display=n.display||sn(r.nodeName))}})):N.effect.apply(r,0,(function(){t===n.stamp&&(r.style.display="none")}))}});var cn=/<script[^>]*>([\S\s]*?)<\/script\s*>/gim,ln=/\s+(on[^=\s]+)(?:=("[^"]*"|'[^']*'|[^\s>]+))?/g,un=/<\w+\b(?:(["'])[^"]*?(\1)|[^>])*>/gi,fn={a:/\b(href)\=("javascript[^"]*"|'javascript[^']*')/gi,img:/\b(src)\=("javascript[^"]*"|'javascript[^']*')/gi,form:/\b(action)\=("javascript[^"]*"|'javascript[^']*')/gi},pn=/[\uD800-\uDBFF][\uDC00-\uDFFF]/g,dn=/([^\#-~| |!])/g;function hn(e,t,n,r){e=(e+"").replace(/[^0-9+\-Ee.]/g,"");var i=isFinite(+e)?+e:0,a=isFinite(+t)?Math.abs(t):3,o=r||",",s=n||".",c="";return(c=(a?function(e,t){var n=Math.pow(10,t);return""+(Math.round(e*n)/n).toFixed(t)}(i,a):""+Math.round(i)).split("."))[0].length>3&&(c[0]=c[0].replace(/\B(?=(?:\d{3})+(?!\d))/g,o)),(c[1]||"").length<a&&(c[1]=c[1]||"",c[1]+=new Array(a-c[1].length+1).join("0")),c.join(s)}var vn=N.filters={uppercase:function(e){return e.toUpperCase()},lowercase:function(e){return e.toLowerCase()},truncate:function(e,t,n){return t=t||30,n="string"==typeof n?n:"...",e.slice(0,t)+(e.length<=t?"":n)},time:function(e){var t=(e>>=0)%60,n=Math.floor(e/60),r=Math.floor(n/60);return n=(n%=60)<10?"0"+n:n,t=t<10?"0"+t:t,r>0?(r=r<10?"0"+r:r)+":"+n+":"+t:n+":"+t},$filter:function(e){for(var t=1,n=arguments.length;t<n;t++){var r=arguments[t],i=N.filters[r[0]];if("function"==typeof i){var a=[e].concat(r.slice(1));e=i.apply(null,a)}}return e},camelize:we,xss:function(e){return e.replace(cn,"").replace(un,(function(e,t){var n=e.toLowerCase().match(/<(\w+)\s/);if(n){var r=fn[n[1]];r&&(e=e.replace(r,(function(e,t,n){var r=n.charAt(0);return t+"="+r+"javascript:void(0)"+r})))}return e.replace(ln," ").replace(/\s+/g," ")}))},escape:function(e){return String(e).replace(/&/g,"&amp;").replace(pn,(function(e){return"&#"+(1024*(e.charCodeAt(0)-55296)+(e.charCodeAt(1)-56320)+65536)+";"})).replace(dn,(function(e){return"&#"+e.charCodeAt(0)+";"})).replace(/</g,"&lt;").replace(/>/g,"&gt;")},currency:function(e,t,n){return(t||"¥")+hn(e,isFinite(n)?n:2)},number:hn,date:function(e,t){var n=e;if(!Date.isDate(n)){var r=+n;if(r==r&&(n=r),"Invalid Date"===(n=new Date(n)).toString())return"Invalid Date"}return n.format(t)}};let mn,yn=[],gn=function(e){for(mn=!0;e=yn.shift();)e(N)};return"complete"===n.readyState?setTimeout(gn):n.addEventListener("DOMContentLoaded",gn),window.addEventListener("load",gn),N.ready=function(e){mn?e(N):yn.push(e)},window.Anot=N,N}();export default _Anot;
\ No newline at end of file
diff --git a/src/lib/drag/core.js b/src/lib/drag/core.js
index 2470449..2e2a9f0 100644
--- a/src/lib/drag/core.js
+++ b/src/lib/drag/core.js
@@ -1 +1 @@
-"use strict";import $ from"../utils.js";const DEF_OPT={axis:"",limit:!1,overflow:!0};export default class Drag{constructor(t){this.$elem=t,this._init()}_init(){this.$elem.style.transform="";var{x:t,y:s}=this.$elem.getBoundingClientRect();this.pos={x:t,y:s,_x:0,_y:0}}by(t,s={}){return this.$drag=t,this.opt=Object.assign(Object.create(null),DEF_OPT,s),!1!==this.opt.limit&&(this.opt.overflow=!1),t.style.cursor="move",this._handleResize=$.bind(window,"resize",this._init.bind(this)),this._handleMousedown=$.bind(t,"mousedown",t=>{if(this.disabled)return;var s=this.$elem.getBoundingClientRect();s.x-this.pos._x!==this.pos.x&&(this.pos.x=s.x-this.pos._x),s.y-this.pos._y!==this.pos.y&&(this.pos.y=s.y-this.pos._y);let e=t.pageX,i=t.pageY,o=document.documentElement.clientWidth,n=document.documentElement.clientHeight,h=s.width,p=s.height,d=[0,o-h,n-p,0];if("parent"===this.opt.limit){let t=this.$elem.parentNode.getBoundingClientRect();d=[t.top,t.right-h,t.bottom-p,t.left]}let l=$.bind(document,"mousemove",t=>{t.preventDefault();let o=t.pageX-e+(s.x-this.pos.x),n=t.pageY-i+(s.y-this.pos.y);"x"===this.opt.axis&&(n=0),"y"===this.opt.axis&&(o=0),!1===this.opt.overflow&&(o<d[3]-this.pos.x?o=d[3]-this.pos.x:o>d[1]-this.pos.x&&(o=d[1]-this.pos.x),n<d[0]-this.pos.y?n=d[0]-this.pos.y:n>d[2]-this.pos.y&&(n=d[2]-this.pos.y)),this.pos._x=o,this.pos._y=n,this.$elem.dispatchEvent(new CustomEvent("dragging",{detail:{offset:{x:this.pos.x+o,y:this.pos.y+n},move:{x:o,y:n}}})),this.$elem.style.transform=`translate(${o}px, ${n}px)`}),m=$.bind(document,"mouseup",t=>{this.$elem.dispatchEvent(new CustomEvent("dragged",{detail:{offset:{x:this.pos.x+this.pos._x,y:this.pos.y+this.pos._y},move:{x:this.pos._x,y:this.pos._y}}})),$.unbind(document,"mousemove",l),$.unbind(document,"mouseup",m)})}),this}on(t,s){if(t&&"function"==typeof s)return $.bind(this,t,s)}off(t,s){$.unbind(this,t,s)}destroy(){$.unbind(window,"resize",this._handleResize),$.unbind(this.$drag,"mousedown",this._handleMousedown),delete this.$elem,delete this.$drag}};
\ No newline at end of file
+import $ from"../utils.js";const DEF_OPT={axis:"",limit:!1,overflow:!0};export default class Drag{constructor(t){this.$elem=t,this._init()}_init(){this.$elem.style.transform="";var{x:t,y:s}=this.$elem.getBoundingClientRect();this.pos={x:t,y:s,_x:0,_y:0}}by(t,s={}){return this.$drag=t,this.opt=Object.assign(Object.create(null),DEF_OPT,s),!1!==this.opt.limit&&(this.opt.overflow=!1),t.style.cursor="move",this._handleResize=$.bind(window,"resize",this._init.bind(this)),this._handleMousedown=$.bind(t,"mousedown",t=>{if(this.disabled)return;var s=this.$elem.getBoundingClientRect();s.x-this.pos._x!==this.pos.x&&(this.pos.x=s.x-this.pos._x),s.y-this.pos._y!==this.pos.y&&(this.pos.y=s.y-this.pos._y);let e=t.pageX,i=t.pageY,o=document.documentElement.clientWidth,n=document.documentElement.clientHeight,h=s.width,p=s.height,d=[0,o-h,n-p,0];if("parent"===this.opt.limit){let t=this.$elem.parentNode.getBoundingClientRect();d=[t.top,t.right-h,t.bottom-p,t.left]}let l=$.bind(document,"mousemove",t=>{t.preventDefault();let o=t.pageX-e+(s.x-this.pos.x),n=t.pageY-i+(s.y-this.pos.y);"x"===this.opt.axis&&(n=0),"y"===this.opt.axis&&(o=0),!1===this.opt.overflow&&(o<d[3]-this.pos.x?o=d[3]-this.pos.x:o>d[1]-this.pos.x&&(o=d[1]-this.pos.x),n<d[0]-this.pos.y?n=d[0]-this.pos.y:n>d[2]-this.pos.y&&(n=d[2]-this.pos.y)),this.pos._x=o,this.pos._y=n,this.$elem.dispatchEvent(new CustomEvent("dragging",{detail:{offset:{x:this.pos.x+o,y:this.pos.y+n},move:{x:o,y:n}}})),this.$elem.style.transform=`translate(${o}px, ${n}px)`}),m=$.bind(document,"mouseup",t=>{this.$elem.dispatchEvent(new CustomEvent("dragged",{detail:{offset:{x:this.pos.x+this.pos._x,y:this.pos.y+this.pos._y},move:{x:this.pos._x,y:this.pos._y}}})),$.unbind(document,"mousemove",l),$.unbind(document,"mouseup",m)})}),this}on(t,s){if(t&&"function"==typeof s)return $.bind(this,t,s)}off(t,s){$.unbind(this,t,s)}destroy(){$.unbind(window,"resize",this._handleResize),$.unbind(this.$drag,"mousedown",this._handleMousedown),delete this.$elem,delete this.$drag}}
\ No newline at end of file
diff --git a/src/lib/drag/index.js b/src/lib/drag/index.js
index ed1d3ef..36f957b 100644
--- a/src/lib/drag/index.js
+++ b/src/lib/drag/index.js
@@ -1 +1 @@
-"use strict";import Drag from"./core.js";Anot.directive("drag",{priority:1500,init:function(e){e.expr='"'+e.expr+'"',e.overflow=!0,e.axis="xy",e.element.dataset.axis&&(e.axis=e.element.dataset.axis,delete e.element.dataset.axis),e.limit=!1,e.element.dataset.limit&&(e.limit=e.element.dataset.limit,e.overflow=!1,delete e.element.dataset.limit)},update:function(e){var t=this.element;if(e)for(t=this.element.parentNode;t;){if(t.classList||Anot.error(`${this.name}=${this.expr}, 解析异常[元素不存在]`),"WC-LAYER"===t.tagName&&"layer"===e){t=t.root.children[1];break}if(t.classList.contains(e)||t.id===e)break;t=t.parentNode}new Drag(t).by(this.element,{limit:this.limit,axis:this.axis,overflow:this.overflow})}});
\ No newline at end of file
+import Drag from"./core.js";Anot.directive("drag",{priority:1500,init:function(e){e.expr='"'+e.expr+'"',e.overflow=!0,e.axis="xy",e.element.dataset.axis&&(e.axis=e.element.dataset.axis,delete e.element.dataset.axis),e.limit=!1,e.element.dataset.limit&&(e.limit=e.element.dataset.limit,e.overflow=!1,delete e.element.dataset.limit)},update:function(e){var t=this.element;if(e)for(t=this.element.parentNode;t;){if(t.classList||Anot.error(`${this.name}=${this.expr}, 解析异常[元素不存在]`),"WC-LAYER"===t.tagName&&"layer"===e){t=t.root.children[1];break}if(t.classList.contains(e)||t.id===e)break;t=t.parentNode}new Drag(t).by(this.element,{limit:this.limit,axis:this.axis,overflow:this.overflow})}});
\ No newline at end of file
diff --git a/src/lib/icon/index.js b/src/lib/icon/index.js
index 7f1e547..bc7c49f 100644
--- a/src/lib/icon/index.js
+++ b/src/lib/icon/index.js
@@ -1,14 +1,12 @@
 /**
- *
- * @authors yutent (yutent@doui.cc)
- * @date    2020-07-07 16:27:17
- * @version v2.0.1
- * 
- */
+  *
+  * @authors yutent (yutent.io@gmail.com)
+  * @date    2020-12-23 15:31:02
+  * @version v1.0.0
+  * 
+  */
 
-'use strict'
-
-import SVG_DICT from"./svg.js";let dict=SVG_DICT;window.EXT_SVG_DICT&&Object.assign(dict,EXT_SVG_DICT);export default class Icon extends HTMLElement{static get observedAttributes(){return["is"]}constructor(){super(),Object.defineProperty(this,"root",{value:this.attachShadow({mode:"open"}),writable:!0,enumerable:!1,configurable:!0}),Object.defineProperty(this,"props",{value:{is:""},writable:!0,enumerable:!1,configurable:!0}),this.root.innerHTML="<style>*{box-sizing:border-box;margin:0;padding:0}::before,::after{box-sizing:border-box}:host{display:inline-block;color:inherit}:host(:not([is])){display:none}.icon{display:block;width:var(--size, 32px);height:var(--size, 32px);margin:var(--pad, auto);fill:currentColor}.icon.load{animation:load 1.5s linear infinite}.icon circle{stroke:currentColor;animation:circle 1.5s ease-in-out infinite}:host([size='large']) .icon{width:42px;height:42px}:host([size='medium']) .icon{width:38px;height:38px}:host([size='mini']) .icon{width:20px;height:20px}:host([color='red']){color:#ff5061}:host([color='blue']){color:#64b5f6}:host([color='green']){color:#81c784}:host([color='teal']){color:#4db6ac}:host([color='orange']){color:#ffb618}:host([color='dark']){color:#62778d}:host([color='purple']){color:#9575cd}:host([color='grey']){color:#bdbdbd}@keyframes circle{0%{stroke-dasharray:0, 3812px;stroke-dashoffset:0}50%{stroke-dasharray:1906px, 3812px;stroke-dashoffset:-287px}100%{stroke-dasharray:1906px, 3812px;stroke-dashoffset:-2393px}}@keyframes load{to{transform:rotate(360deg)}}</style> <svg class=\"icon\" viewBox=\"0 0 1024 1024\"></svg> ",this.__ICO__=this.root.lastElementChild,this.drawPath()}get is(){return this.props.is}set is(o){o&&this.setAttribute("is",o)}drawPath(){var{is:o}=this.props,t=dict[o];this.__ICO__&&o&&t&&(this.__ICO__.innerHTML="loading"===o?t:`<path d="${t}" />`,this.__ICO__.classList.toggle("load","loading"===o))}attributeChangedCallback(o,t,e){if(null!==e&&t!==e)switch(o){case"is":this.props.is=e,e?this.drawPath():this.removeAttribute("is")}}};
+import SVG_DICT from"./svg.js";let dict=SVG_DICT;window.EXT_SVG_DICT&&Object.assign(dict,EXT_SVG_DICT);export default class Icon extends HTMLElement{static get observedAttributes(){return["is"]}props={is:""};constructor(){super(),Object.defineProperty(this,"root",{value:this.attachShadow({mode:"open"}),writable:!0,enumerable:!1,configurable:!0}),this.root.innerHTML="<style>*{box-sizing:border-box;margin:0;padding:0}::before,::after{box-sizing:border-box}:host{--color-teal-1: #4db6ac;--color-teal-2: #26a69a;--color-teal-3: #009688;--color-green-1: #81c784;--color-green-2: #66bb6a;--color-green-3: #4caf50;--color-purple-1: #9575cd;--color-purple-2: #9575cd;--color-purple-3: #673ab7;--color-blue-1: #64b5f6;--color-blue-2: #42a5f5;--color-blue-3: #2196f3;--color-red-1: #ff5061;--color-red-2: #eb3b48;--color-red-3: #ce3742;--color-orange-1: #ffb618;--color-orange-2: #f39c12;--color-orange-3: #e67e22;--color-plain-1: #f2f5fc;--color-plain-2: #e8ebf4;--color-plain-3: #dae1e9;--color-grey-1: #bdbdbd;--color-grey-2: #9e9e9e;--color-grey-3: #757575;--color-dark-1: #62778d;--color-dark-2: #526273;--color-dark-3: #425064}:host{display:inline-block;color:inherit}:host(:not([is])){display:none}.icon{display:block;width:var(--size, 32px);height:var(--size, 32px);margin:var(--pad, auto);fill:currentColor}.icon.load{animation:load 1.5s linear infinite}.icon circle{stroke:currentColor;animation:circle 1.5s ease-in-out infinite}:host([size='large']) .icon{width:42px;height:42px}:host([size='medium']) .icon{width:38px;height:38px}:host([size='mini']) .icon{width:20px;height:20px}:host([color='red']){color:var(--color-red-1)}:host([color='blue']){color:var(--color-blue-1)}:host([color='green']){color:var(--color-green-1)}:host([color='teal']){color:var(--color-teal-1)}:host([color='orange']){color:var(--color-orange-1)}:host([color='dark']){color:var(--color-dark-1)}:host([color='purple']){color:var(--color-purple-1)}:host([color='grey']){color:var(--color-grey-1)}@keyframes circle{0%{stroke-dasharray:0, 3812px;stroke-dashoffset:0}50%{stroke-dasharray:1906px, 3812px;stroke-dashoffset:-287px}100%{stroke-dasharray:1906px, 3812px;stroke-dashoffset:-2393px}}@keyframes load{to{transform:rotate(360deg)}}</style> <svg class=\"icon\" viewBox=\"0 0 1024 1024\"></svg> ",this.__ICO__=this.root.lastElementChild,this.drawPath()}get is(){return this.props.is}set is(o){o&&this.setAttribute("is",o)}drawPath(){var{is:o}=this.props,r=dict[o];this.__ICO__&&o&&r&&(this.__ICO__.innerHTML="loading"===o?r:`<path d="${r}" />`,this.__ICO__.classList.toggle("load","loading"===o))}attributeChangedCallback(o,r,e){if(null!==e&&r!==e)switch(o){case"is":this.props.is=e,e?this.drawPath():this.removeAttribute("is")}}}
 
 if(!customElements.get('wc-icon')){
   customElements.define('wc-icon', Icon)
diff --git a/src/lib/layer/index.js b/src/lib/layer/index.js
index fe89d75..c720c9a 100644
--- a/src/lib/layer/index.js
+++ b/src/lib/layer/index.js
@@ -1,14 +1,12 @@
 /**
- *
- * @authors yutent (yutent.io@gmail.com)
- * @date    2020-07-24 13:55:26
- * @version v2.0.1
- * 
- */
+  *
+  * @authors yutent (yutent.io@gmail.com)
+  * @date    2020-12-23 15:31:02
+  * @version v1.0.0
+  * 
+  */
 
-'use strict'
-
-import"../form/input.js";import Drag from"../drag/core.js";import $ from"../utils.js";const LANGUAGES={en:{TITLE:"Dialog",BTNS:["Cancel","OK"]},zh:{TITLE:"提示",BTNS:["取消","确定"]}};LANGUAGES["zh-CN"]=LANGUAGES.zh;const lang=LANGUAGES[window.__ENV_LANG__||navigator.language]||LANGUAGES.en;let uniqueInstance=null,toastInstance=null;const UNIQUE_TYPES=["alert","confirm","prompt"];function renderBtns(t){var e="";return t.forEach((t,s)=>{e+=`<button data-idx="${s}"">${t||lang.BTNS[s]}</button>`}),e}class Layer extends HTMLElement{static get observedAttributes(){return["left","right","top","bottom","from","to","btns","type","title","blur","background","mask","radius","mask-close","mask-color","fixed"]}constructor(){super(),Object.defineProperty(this,"root",{value:this.attachShadow({mode:"open"}),writable:!0,enumerable:!1,configurable:!0}),Object.defineProperty(this,"props",{value:{left:"auto",right:"auto",top:"auto",bottom:"auto",from:Object.create(null),to:Object.create(null),btns:[],type:"",title:"",blur:!1,background:null,mask:!1,radius:null,"mask-close":!1,"mask-color":null,fixed:!0},writable:!0,enumerable:!1,configurable:!0}),this.root.innerHTML='<style>*{box-sizing:border-box;margin:0;padding:0}::before,::after{box-sizing:border-box}:host{display:none;justify-content:center;align-items:center;position:fixed;z-index:65534;left:0;top:0;width:100%}:host([alert]),:host([confirm]),:host([prompt]),:host([frame]),:host([toast]),:host([notify]),:host([common]){display:flex}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.noselect img,.noselect a{-webkit-user-drag:none}.layer{overflow:hidden;flex:0 auto;position:absolute;z-index:65535;border-radius:2px;color:#666;font-size:14px;background:rgba(255,255,255,0.8);box-shadow:0 5px 20px rgba(0,0,0,0.3);transition:opacity 0.2s ease-in-out, left 0.2s ease-in-out, right 0.2s ease-in-out, top 0.2s ease-in-out, bottom 0.2s ease-in-out;opacity:0}.layer.scale{transform:scale(1.01);transition:transform 0.1s linear}.layer.blur{backdrop-filter:blur(5px)}.layer:active{z-index:65536}.layer__title{display:none;justify-content:space-between;align-items:center;width:100%;height:60px;padding:15px;font-size:16px;color:#526273}.layer__title wc-icon{--size: 14px}.layer__title wc-icon:hover{color:#ff5061}.layer__content{display:flex;position:relative;width:100%;height:auto;min-height:50px;word-break:break-all;word-wrap:break-word}::slotted(.layer__content__input){flex:1;height:32px}::slotted(.layer__content__frame){display:flex;width:100%;height:100%;margin:0;padding:0;border:0;resize:none;background:#fff}::slotted(.layer__content__toast){display:flex;align-items:center;width:300px;padding:0 10px !important;border-radius:2px;font-weight:normal;--size: 16px;--pad: 0 8px 0 0}::slotted(.layer__content__toast.style-info){border:1px solid #dae1e9;background:#f2f5fc;color:#757575}::slotted(.layer__content__toast.style-success){border:1px solid #b3e19d;background:#f0f9eb;color:#66bb6a}::slotted(.layer__content__toast.style-warn){border:1px solid #faebb4;background:#fffbed;color:#e67e22}::slotted(.layer__content__toast.style-error){border:1px solid #f5c4c4;background:#fef0f0;color:#ff5061}.layer__ctrl{display:none;justify-content:flex-end;width:100%;height:60px;padding:15px;line-height:30px;font-size:14px;color:#454545;text-align:right}.layer__ctrl button{min-width:64px;height:30px;padding:0 10px;margin:0 5px;border:1px solid #dae1e9;border-radius:2px;white-space:nowrap;background:#fff;font-size:inherit;font-family:inherit;outline:none;color:inherit}.layer__ctrl button:hover{background:#f2f5fc}.layer__ctrl button:active{border-color:#bdbdbd}.layer__ctrl button:focus{box-shadow:0 0 2px #88f7df}.layer__ctrl button:last-child{color:#fff;background:#26a69a;border-color:transparent}.layer__ctrl button:last-child:hover{background:#4db6ac}.layer__ctrl button:last-child:active{background:#009688}.layer__ctrl button::-moz-focus-inner{border:none}:host([mask]){height:100%;background:rgba(255,255,255,0.15);backdrop-filter:blur(5px)}:host([alert]) .layer,:host([confirm]) .layer,:host([prompt]) .layer{max-width:600px;min-width:300px;background:#fff}:host([alert]) .layer__content,:host([confirm]) .layer__content,:host([prompt]) .layer__content{padding:0 15px}:host([notify]) .layer{width:300px;height:120px}:host([notify]) .layer__content{padding:0 15px}:host([toast]) .layer{box-shadow:none}:host([toast]) .layer__content{min-height:40px}</style> <div class="layer"> <div class="layer__title noselect"></div> <div class="layer__content"><slot></slot></div> <div class="layer__ctrl noselect"></div> </div> ',this.__TITLE__=this.root.children[1].firstElementChild,this.__BODY__=this.root.children[1].children[1],this.__CTRL__=this.root.children[1].lastElementChild,this.promise=new Promise((t,e)=>{this.resolve=t,this.reject=e})}set title(t){this.props.title=t,t?(this.__TITLE__.firstElementChild?this.__TITLE__.insertBefore(document.createTextNode(t),this.__TITLE__.firstElementChild):this.__TITLE__.textContent=t,this.__TITLE__.style.display="flex"):this.__TITLE__.style.display=""}set type(t){var{btns:e}=this.props;if(t&&!this._handleBtnClick){switch(t){case"alert":for(;e.length>1;)e.splice(0,1);break;case"confirm":case"prompt":for(;e.length>2;)e.splice(0,1);break;case"toast":case"notify":case"frame":if("notify"===t){var s=document.createElement("wc-icon");s.setAttribute("is","close"),this.__TITLE__.appendChild(s)}e=[];break;default:t="common"}this.props.type=t,e.length?(this.__CTRL__.innerHTML=renderBtns(e),this.__CTRL__.style.display="flex"):this.__CTRL__.style.display="",this.setAttribute(t,"")}}set fixed(t){this.props.fixed=!!t,this._updateFixedStat()}_updateFixedStat(){UNIQUE_TYPES.includes(this.props.type)||(this.props.fixed?this._dragIns&&(this._dragIns.destroy(),this._dragIns=null):(this._dragIns=new Drag(this.root.children[1]).by(this.__TITLE__,{overflow:!!this.props.hasOwnProperty("overflow")&&this.props.overflow}),this.removeAttribute("fixed")))}_intercept(t){this.props.intercept?this.props.intercept(t,e=>{delete this.props.intercept,this.resolve(t),this.close()}):(this.resolve(t),this.close())}close(t){if(!1===this.wrapped)if(this._dragIns&&this._dragIns.destroy(),UNIQUE_TYPES.includes(this.props.type)&&(uniqueInstance=null),delete this.promise,$.unbind(this.__CTRL__,"click",this._handleBtnClick),this.props.from&&!t){let t="opacity:0;";for(let e in this.props.from)t+=`${e}:${this.props.from[e]};`;this.root.children[1].style.cssText+=t,this.timer=setTimeout(()=>{this.parentNode.removeChild(this),this.dispatchEvent(new CustomEvent("close"))},200)}else clearTimeout(this.timer),this.parentNode.removeChild(this),this.dispatchEvent(new CustomEvent("close"));else this.removeAttribute("common"),this.dispatchEvent(new CustomEvent("close"))}show(){!1!==this.wrapped&&this.setAttribute("common","")}moveTo(t={}){var e="";for(var s in t)e+=`${s}:${t[s]};`;this.root.children[1].style.cssText+=e}connectedCallback(){this.type=this.props.type,this.title=this.props.title,this._handleBtnClick=$.bind(this.__CTRL__,"click",t=>{if("BUTTON"===t.target.tagName){var e=+t.target.dataset.idx,{type:s}=this.props;switch(s){case"alert":this.resolve(),this.close();break;case"confirm":case"prompt":if(0===e)this.reject(),this.close();else{let t="prompt"===s?this.__INPUT__.value:null;this._intercept(t)}break;default:this._intercept(e)}}}),"prompt"===this.props.type&&(this.__INPUT__=this.__BODY__.firstElementChild.assignedNodes().pop(),this._handleSubmit=$.bind(this.__INPUT__,"submit",t=>{this._intercept(t.detail)})),this.props.mask&&this.setAttribute("mask",""),this._updateFixedStat(),this.props.mask&&(this._handlMask=$.outside(this.root.children[1],t=>{t.target===this&&(this.props["mask-close"]?(!1===this.wrapped&&this.reject(null),this.close()):UNIQUE_TYPES.includes(this.props.type)&&(this.root.children[1].classList.toggle("scale",!0),setTimeout(t=>{this.root.children[1].classList.remove("scale")},100)))}),this.props["mask-color"]&&(this.style.backgroundColor=this.props["mask-color"])),this.props.blur&&this.root.children[1].classList.toggle("blur",!0);let t=this.props.from?"":"opacity:1;";if(this.props.background&&(t+=`background: ${this.props.background};`),(this.props.radius||0===this.props.radius)&&(t+=`border-radius: ${this.props.radius};`),this.props.size)for(let e in this.props.size)t+=`${e}:${this.props.size[e]};`;if(this.props.from){for(let e in this.props.from)t+=`${e}:${this.props.from[e]};`;setTimeout(t=>{let e="opacity:1;";for(let t in this.props.to)e+=`${t}:${this.props.to[t]};`;this.root.children[1].style.cssText+=e},50)}t&&(this.root.children[1].style.cssText+=t),"toast"===this.props.type&&(this.timer=setTimeout(()=>{toastInstance=null,this.close()},3e3)),"notify"===this.props.type&&(this._handleClose=$.bind(this.__TITLE__,"click",t=>{"WC-ICON"===t.target.tagName&&this.close()}))}disconnectedCallback(){$.clearOutside(this._handlMask),$.unbind(this.__TITLE__,"click",this._handleClose)}attributeChangedCallback(t,e,s){if(null!==s&&e!==s)switch(t){case"title":case"type":this[t]=s,this.removeAttribute(t);break;case"mask-color":case"background":this.props[t]=s;break;case"mask":case"mask-close":case"blur":this.props[t]=!0;break;case"radius":this.props.radius=s;break;case"left":case"right":case"top":case"bottom":this.props.from[t]=s,this.props.to=this.props.from,this.removeAttribute(t);break;case"fixed":this.fixed=!0}}}function _layer(t){var e=document.createElement("wc-layer");if(t.type||(t.type="common"),"toast"===t.type){var{type:s,content:o}=t;t={type:s,content:o,from:{top:0},to:{top:"30px"}},toastInstance&&toastInstance.close(!0),toastInstance=e}else e.props.mask=t.mask,!1===t.btns?e.props.btns=[]:t.btns&&t.btns.length?e.props.btns=t.btns:e.props.btns=lang.BTNS.concat(),t.intercept&&"function"==typeof t.intercept&&(e.props.intercept=t.intercept),e.props.mask=t.mask,e.props["mask-close"]=t["mask-close"],t.hasOwnProperty("overflow")&&(e.props.overflow=t.overflow),e.props["mask-color"]=t["mask-color"],e.props.blur=t.blur,e.props.radius=t.radius,e.props.background=t.background,t.size&&"object"==typeof t.size&&(e.props.size=t.size),UNIQUE_TYPES.includes(t.type)&&(uniqueInstance&&uniqueInstance.close(!0),uniqueInstance=e);return t.to&&"object"==typeof t.to&&(e.props.to=t.to,t.from&&"object"==typeof t.from?e.props.from=t.from:e.props.from=t.to),e.props.type=t.type,e.props.title=t.title,t.hasOwnProperty("fixed")&&(e.props.fixed=t.fixed),e.innerHTML=t.content,e.wrapped=!1,document.body.appendChild(e),e.promise}Object.assign(_layer,{alert(t,e=lang.TITLE){return this({type:"alert",title:e,content:t,mask:!0})},confirm(t,e=lang.TITLE,s){return"function"==typeof e&&(s=e,e=lang.TITLE),this({type:"confirm",title:e,content:t,mask:!0,intercept:s})},prompt(t=lang.TITLE,e){return this({type:"prompt",title:t,content:'<wc-input autofocus class="layer__content__input"></wc-input>',mask:!0,intercept:e})},frame(t,e={}){return this({...e,type:"frame",content:`<iframe class="layer__content__frame" src="${t}"></iframe>`,mask:!0,"mask-close":!0})},notify(t){return this({type:"notify",title:"通知",content:t,blur:!0,from:{right:"-300px",top:0},to:{right:0}})},toast(t,e="info"){var s=e;switch(e){case"info":case"warn":break;case"error":s="deny";break;case"success":s="get";break;default:s="info"}return this({content:`\n      <div class="layer__content__toast style-${e}">\n        <wc-icon is="${s}"></wc-icon>\n        <span>${t}</span>\n      </div>`,type:"toast"})}}),window.layer=_layer;export default _layer;
+import"../form/input.js";import Drag from"../drag/core.js";import $ from"../utils.js";const LANGUAGES={en:{TITLE:"Dialog",BTNS:["Cancel","OK"]},zh:{TITLE:"提示",BTNS:["取消","确定"]}};LANGUAGES["zh-CN"]=LANGUAGES.zh;const lang=LANGUAGES[window.__ENV_LANG__||navigator.language]||LANGUAGES.en;let uniqueInstance=null,toastInstance=null;const UNIQUE_TYPES=["alert","confirm","prompt"];function renderBtns(t){var e="";return t.forEach((t,o)=>{e+=`<button data-idx="${o}"">${t||lang.BTNS[o]}</button>`}),e}export default class Layer extends HTMLElement{static get observedAttributes(){return["left","right","top","bottom","from","to","btns","type","title","blur","background","mask","radius","'mask-close'","'mask-color'","fixed"]}props={left:"auto",right:"auto",top:"auto",bottom:"auto",from:Object.create(null),to:Object.create(null),btns:[],type:"",title:"",blur:!1,background:null,mask:!1,radius:null,"mask-close":!1,"mask-color":null,fixed:!0};constructor(){super(),Object.defineProperty(this,"root",{value:this.attachShadow({mode:"open"}),writable:!0,enumerable:!1,configurable:!0}),this.root.innerHTML='<style>*{box-sizing:border-box;margin:0;padding:0}::before,::after{box-sizing:border-box}:host{--color-teal-1: #4db6ac;--color-teal-2: #26a69a;--color-teal-3: #009688;--color-green-1: #81c784;--color-green-2: #66bb6a;--color-green-3: #4caf50;--color-purple-1: #9575cd;--color-purple-2: #9575cd;--color-purple-3: #673ab7;--color-blue-1: #64b5f6;--color-blue-2: #42a5f5;--color-blue-3: #2196f3;--color-red-1: #ff5061;--color-red-2: #eb3b48;--color-red-3: #ce3742;--color-orange-1: #ffb618;--color-orange-2: #f39c12;--color-orange-3: #e67e22;--color-plain-1: #f2f5fc;--color-plain-2: #e8ebf4;--color-plain-3: #dae1e9;--color-grey-1: #bdbdbd;--color-grey-2: #9e9e9e;--color-grey-3: #757575;--color-dark-1: #62778d;--color-dark-2: #526273;--color-dark-3: #425064}:host{display:none;justify-content:center;align-items:center;position:fixed;z-index:65534;left:0;top:0;width:100%}:host([alert]),:host([confirm]),:host([prompt]),:host([frame]),:host([toast]),:host([notify]),:host([common]){display:flex}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.noselect img,.noselect a{-webkit-user-drag:none}.layer{overflow:hidden;flex:0 auto;position:absolute;z-index:65535;border-radius:2px;color:#666;font-size:14px;background:rgba(255,255,255,0.8);box-shadow:0 5px 20px rgba(0,0,0,0.3);transition:opacity 0.2s ease-in-out, left 0.2s ease-in-out, right 0.2s ease-in-out, top 0.2s ease-in-out, bottom 0.2s ease-in-out;opacity:0}.layer.scale{transform:scale(1.01);transition:transform 0.1s linear}.layer.blur{backdrop-filter:blur(5px)}.layer:active{z-index:65536}.layer__title{display:none;justify-content:space-between;align-items:center;width:100%;height:60px;padding:15px;font-size:16px;color:var(--color-dark-2)}.layer__title wc-icon{--size: 14px}.layer__title wc-icon:hover{color:var(--color-red-1)}.layer__content{display:flex;position:relative;width:100%;height:auto;min-height:50px;word-break:break-all;word-wrap:break-word}::slotted(.layer__content__input){flex:1;height:32px}::slotted(.layer__content__frame){display:flex;width:100%;height:100%;margin:0;padding:0;border:0;resize:none;background:#fff}::slotted(.layer__content__toast){display:flex;align-items:center;width:300px;padding:0 10px !important;border-radius:2px;font-weight:normal;--size: 16px;--pad: 0 8px 0 0}::slotted(.layer__content__toast.style-info){border:1px solid var(--color-plain-3);background:var(--color-plain-1);color:var(--color-grey-3)}::slotted(.layer__content__toast.style-success){border:1px solid #b3e19d;background:#f0f9eb;color:var(--color-green-2)}::slotted(.layer__content__toast.style-warn){border:1px solid #faebb4;background:#fffbed;color:var(--color-orange-3)}::slotted(.layer__content__toast.style-error){border:1px solid #f5c4c4;background:#fef0f0;color:var(--color-red-1)}.layer__ctrl{display:none;justify-content:flex-end;width:100%;height:60px;padding:15px;line-height:30px;font-size:14px;color:#454545;text-align:right}.layer__ctrl button{min-width:64px;height:30px;padding:0 10px;margin:0 5px;border:1px solid var(--color-plain-3);border-radius:2px;white-space:nowrap;background:#fff;font-size:inherit;font-family:inherit;outline:none;color:inherit}.layer__ctrl button:hover{background:var(--color-plain-1)}.layer__ctrl button:active{border-color:var(--color-grey-1)}.layer__ctrl button:focus{box-shadow:0 0 2px #88f7df}.layer__ctrl button:last-child{color:#fff;background:var(--color-teal-2);border-color:transparent}.layer__ctrl button:last-child:hover{background:var(--color-teal-1)}.layer__ctrl button:last-child:active{background:var(--color-teal-3)}.layer__ctrl button::-moz-focus-inner{border:none}:host([mask]){height:100%;background:rgba(255,255,255,0.15);backdrop-filter:blur(5px)}:host([alert]) .layer,:host([confirm]) .layer,:host([prompt]) .layer{max-width:600px;min-width:300px;background:#fff}:host([alert]) .layer__content,:host([confirm]) .layer__content,:host([prompt]) .layer__content{padding:0 15px}:host([notify]) .layer{width:300px;height:120px}:host([notify]) .layer__content{padding:0 15px}:host([toast]) .layer{box-shadow:none}:host([toast]) .layer__content{min-height:40px}</style> <div class="layer"> <div class="layer__title noselect"></div> <div class="layer__content"><slot></slot></div> <div class="layer__ctrl noselect"></div> </div> ',this.__TITLE__=this.root.children[1].firstElementChild,this.__BODY__=this.root.children[1].children[1],this.__CTRL__=this.root.children[1].lastElementChild,this.promise=new Promise((t,e)=>{this.resolve=t,this.reject=e})}set title(t){this.props.title=t,t?(this.__TITLE__.firstElementChild?this.__TITLE__.insertBefore(document.createTextNode(t),this.__TITLE__.firstElementChild):this.__TITLE__.textContent=t,this.__TITLE__.style.display="flex"):this.__TITLE__.style.display=""}set type(t){var{btns:e}=this.props;if(t&&!this._handleBtnClick){switch(t){case"alert":for(;e.length>1;)e.splice(0,1);break;case"confirm":case"prompt":for(;e.length>2;)e.splice(0,1);break;case"toast":case"notify":case"frame":if("notify"===t){var o=document.createElement("wc-icon");o.setAttribute("is","close"),this.__TITLE__.appendChild(o)}e=[];break;default:t="common"}this.props.type=t,e.length?(this.__CTRL__.innerHTML=renderBtns(e),this.__CTRL__.style.display="flex"):this.__CTRL__.style.display="",this.setAttribute(t,"")}}set fixed(t){this.props.fixed=!!t,this._updateFixedStat()}_updateFixedStat(){UNIQUE_TYPES.includes(this.props.type)||(this.props.fixed?this._dragIns&&(this._dragIns.destroy(),this._dragIns=null):(this._dragIns=new Drag(this.root.children[1]).by(this.__TITLE__,{overflow:!!this.props.hasOwnProperty("overflow")&&this.props.overflow}),this.removeAttribute("fixed")))}_intercept(t){this.props.intercept?this.props.intercept(t,e=>{delete this.props.intercept,this.resolve(t),this.close()}):(this.resolve(t),this.close())}close(t){if(!1===this.wrapped)if(this._dragIns&&this._dragIns.destroy(),UNIQUE_TYPES.includes(this.props.type)&&(uniqueInstance=null),delete this.promise,$.unbind(this.__CTRL__,"click",this._handleBtnClick),this.props.from&&!t){let t="opacity:0;";for(let e in this.props.from)t+=`${e}:${this.props.from[e]};`;this.root.children[1].style.cssText+=t,this.timer=setTimeout(()=>{this.parentNode.removeChild(this),this.dispatchEvent(new CustomEvent("close"))},200)}else clearTimeout(this.timer),this.parentNode.removeChild(this),this.dispatchEvent(new CustomEvent("close"));else this.removeAttribute("common"),this.dispatchEvent(new CustomEvent("close"))}show(){!1!==this.wrapped&&this.setAttribute("common","")}moveTo(t={}){var e="";for(var o in t)e+=`${o}:${t[o]};`;this.root.children[1].style.cssText+=e}connectedCallback(){this.type=this.props.type,this.title=this.props.title,this._handleBtnClick=$.bind(this.__CTRL__,"click",t=>{if("BUTTON"===t.target.tagName){var e=+t.target.dataset.idx,{type:o}=this.props;switch(o){case"alert":this.resolve(),this.close();break;case"confirm":case"prompt":if(0===e)this.reject(),this.close();else{let t="prompt"===o?this.__INPUT__.value:null;this._intercept(t)}break;default:this._intercept(e)}}}),"prompt"===this.props.type&&(this.__INPUT__=this.__BODY__.firstElementChild.assignedNodes().pop(),this._handleSubmit=$.bind(this.__INPUT__,"submit",t=>{this._intercept(t.detail)})),this.props.mask&&this.setAttribute("mask",""),this._updateFixedStat(),this.props.mask&&(this._handlMask=$.outside(this.root.children[1],t=>{t.target===this&&(this.props["mask-close"]?(!1===this.wrapped&&this.reject(null),this.close()):UNIQUE_TYPES.includes(this.props.type)&&(this.root.children[1].classList.toggle("scale",!0),setTimeout(t=>{this.root.children[1].classList.remove("scale")},100)))}),this.props["mask-color"]&&(this.style.backgroundColor=this.props["mask-color"])),this.props.blur&&this.root.children[1].classList.toggle("blur",!0);let t=this.props.from?"":"opacity:1;";if(this.props.background&&(t+=`background: ${this.props.background};`),(this.props.radius||0===this.props.radius)&&(t+=`border-radius: ${this.props.radius};`),this.props.size)for(let e in this.props.size)t+=`${e}:${this.props.size[e]};`;if(this.props.from){for(let e in this.props.from)t+=`${e}:${this.props.from[e]};`;setTimeout(t=>{let e="opacity:1;";for(let t in this.props.to)e+=`${t}:${this.props.to[t]};`;this.root.children[1].style.cssText+=e},50)}t&&(this.root.children[1].style.cssText+=t),"toast"===this.props.type&&(this.timer=setTimeout(()=>{toastInstance=null,this.close()},3e3)),"notify"===this.props.type&&(this._handleClose=$.bind(this.__TITLE__,"click",t=>{"WC-ICON"===t.target.tagName&&this.close()}))}disconnectedCallback(){$.clearOutside(this._handlMask),$.unbind(this.__TITLE__,"click",this._handleClose)}attributeChangedCallback(t,e,o){if(null!==o&&e!==o)switch(t){case"title":case"type":this[t]=o,this.removeAttribute(t);break;case"mask-color":case"background":this.props[t]=o;break;case"mask":case"mask-close":case"blur":this.props[t]=!0;break;case"radius":this.props.radius=o;break;case"left":case"right":case"top":case"bottom":this.props.from[t]=o,this.props.to=this.props.from,this.removeAttribute(t);break;case"fixed":this.fixed=!0}}}function _layer(t){var e=document.createElement("wc-layer");if(t.type||(t.type="common"),"toast"===t.type){var{type:o,content:r}=t;t={type:o,content:r,from:{top:0},to:{top:"30px"}},toastInstance&&toastInstance.close(!0),toastInstance=e}else e.props.mask=t.mask,!1===t.btns?e.props.btns=[]:t.btns&&t.btns.length?e.props.btns=t.btns:e.props.btns=lang.BTNS.concat(),t.intercept&&"function"==typeof t.intercept&&(e.props.intercept=t.intercept),e.props.mask=t.mask,e.props["mask-close"]=t["mask-close"],t.hasOwnProperty("overflow")&&(e.props.overflow=t.overflow),e.props["mask-color"]=t["mask-color"],e.props.blur=t.blur,e.props.radius=t.radius,e.props.background=t.background,t.size&&"object"==typeof t.size&&(e.props.size=t.size),UNIQUE_TYPES.includes(t.type)&&(uniqueInstance&&uniqueInstance.close(!0),uniqueInstance=e);return t.to&&"object"==typeof t.to&&(e.props.to=t.to,t.from&&"object"==typeof t.from?e.props.from=t.from:e.props.from=t.to),e.props.type=t.type,e.props.title=t.title,t.hasOwnProperty("fixed")&&(e.props.fixed=t.fixed),e.innerHTML=t.content,e.wrapped=!1,document.body.appendChild(e),e.promise}Object.assign(_layer,{alert(t,e=lang.TITLE){return this({type:"alert",title:e,content:t,mask:!0})},confirm(t,e=lang.TITLE,o){return"function"==typeof e&&(o=e,e=lang.TITLE),this({type:"confirm",title:e,content:t,mask:!0,intercept:o})},prompt(t=lang.TITLE,e){return this({type:"prompt",title:t,content:'<wc-input autofocus class="layer__content__input"></wc-input>',mask:!0,intercept:e})},frame(t,e={}){return this({...e,type:"frame",content:`<iframe class="layer__content__frame" src="${t}"></iframe>`,mask:!0,"mask-close":!0})},notify(t){return this({type:"notify",title:"通知",content:t,blur:!0,from:{right:"-300px",top:0},to:{right:0}})},toast(t,e="info"){var o=e;switch(e){case"info":case"warn":break;case"error":o="deny";break;case"success":o="get";break;default:o="info"}return this({content:`\n      <div class="layer__content__toast style-${e}">\n        <wc-icon is="${o}"></wc-icon>\n        <span>${t}</span>\n      </div>`,type:"toast"})}}),window.layer=_layer;
 
 if(!customElements.get('wc-layer')){
   customElements.define('wc-layer', Layer)
diff --git a/src/lib/md5.js b/src/lib/md5.js
new file mode 100644
index 0000000..04bd4ef
--- /dev/null
+++ b/src/lib/md5.js
@@ -0,0 +1,764 @@
+/*
+ * Fastest md5 implementation around (JKM md5).
+ * Credits: Joseph Myers
+ *
+ * @see http://www.myersdaily.org/joseph/javascript/md5-text.html
+ * @see http://jsperf.com/md5-shootout/7
+ */
+
+/* this function is much faster,
+      so if possible we use it. Some IEs
+      are the only ones I know of that
+      need the idiotic second function,
+      generated by an if clause.  */
+var add32 = function(a, b) {
+    return (a + b) & 0xffffffff
+  },
+  hex_chr = [
+    '0',
+    '1',
+    '2',
+    '3',
+    '4',
+    '5',
+    '6',
+    '7',
+    '8',
+    '9',
+    'a',
+    'b',
+    'c',
+    'd',
+    'e',
+    'f'
+  ]
+
+function cmn(q, a, b, x, s, t) {
+  a = add32(add32(a, q), add32(x, t))
+  return add32((a << s) | (a >>> (32 - s)), b)
+}
+
+function md5cycle(x, k) {
+  var a = x[0],
+    b = x[1],
+    c = x[2],
+    d = x[3]
+
+  a += (((b & c) | (~b & d)) + k[0] - 680876936) | 0
+  a = (((a << 7) | (a >>> 25)) + b) | 0
+  d += (((a & b) | (~a & c)) + k[1] - 389564586) | 0
+  d = (((d << 12) | (d >>> 20)) + a) | 0
+  c += (((d & a) | (~d & b)) + k[2] + 606105819) | 0
+  c = (((c << 17) | (c >>> 15)) + d) | 0
+  b += (((c & d) | (~c & a)) + k[3] - 1044525330) | 0
+  b = (((b << 22) | (b >>> 10)) + c) | 0
+  a += (((b & c) | (~b & d)) + k[4] - 176418897) | 0
+  a = (((a << 7) | (a >>> 25)) + b) | 0
+  d += (((a & b) | (~a & c)) + k[5] + 1200080426) | 0
+  d = (((d << 12) | (d >>> 20)) + a) | 0
+  c += (((d & a) | (~d & b)) + k[6] - 1473231341) | 0
+  c = (((c << 17) | (c >>> 15)) + d) | 0
+  b += (((c & d) | (~c & a)) + k[7] - 45705983) | 0
+  b = (((b << 22) | (b >>> 10)) + c) | 0
+  a += (((b & c) | (~b & d)) + k[8] + 1770035416) | 0
+  a = (((a << 7) | (a >>> 25)) + b) | 0
+  d += (((a & b) | (~a & c)) + k[9] - 1958414417) | 0
+  d = (((d << 12) | (d >>> 20)) + a) | 0
+  c += (((d & a) | (~d & b)) + k[10] - 42063) | 0
+  c = (((c << 17) | (c >>> 15)) + d) | 0
+  b += (((c & d) | (~c & a)) + k[11] - 1990404162) | 0
+  b = (((b << 22) | (b >>> 10)) + c) | 0
+  a += (((b & c) | (~b & d)) + k[12] + 1804603682) | 0
+  a = (((a << 7) | (a >>> 25)) + b) | 0
+  d += (((a & b) | (~a & c)) + k[13] - 40341101) | 0
+  d = (((d << 12) | (d >>> 20)) + a) | 0
+  c += (((d & a) | (~d & b)) + k[14] - 1502002290) | 0
+  c = (((c << 17) | (c >>> 15)) + d) | 0
+  b += (((c & d) | (~c & a)) + k[15] + 1236535329) | 0
+  b = (((b << 22) | (b >>> 10)) + c) | 0
+
+  a += (((b & d) | (c & ~d)) + k[1] - 165796510) | 0
+  a = (((a << 5) | (a >>> 27)) + b) | 0
+  d += (((a & c) | (b & ~c)) + k[6] - 1069501632) | 0
+  d = (((d << 9) | (d >>> 23)) + a) | 0
+  c += (((d & b) | (a & ~b)) + k[11] + 643717713) | 0
+  c = (((c << 14) | (c >>> 18)) + d) | 0
+  b += (((c & a) | (d & ~a)) + k[0] - 373897302) | 0
+  b = (((b << 20) | (b >>> 12)) + c) | 0
+  a += (((b & d) | (c & ~d)) + k[5] - 701558691) | 0
+  a = (((a << 5) | (a >>> 27)) + b) | 0
+  d += (((a & c) | (b & ~c)) + k[10] + 38016083) | 0
+  d = (((d << 9) | (d >>> 23)) + a) | 0
+  c += (((d & b) | (a & ~b)) + k[15] - 660478335) | 0
+  c = (((c << 14) | (c >>> 18)) + d) | 0
+  b += (((c & a) | (d & ~a)) + k[4] - 405537848) | 0
+  b = (((b << 20) | (b >>> 12)) + c) | 0
+  a += (((b & d) | (c & ~d)) + k[9] + 568446438) | 0
+  a = (((a << 5) | (a >>> 27)) + b) | 0
+  d += (((a & c) | (b & ~c)) + k[14] - 1019803690) | 0
+  d = (((d << 9) | (d >>> 23)) + a) | 0
+  c += (((d & b) | (a & ~b)) + k[3] - 187363961) | 0
+  c = (((c << 14) | (c >>> 18)) + d) | 0
+  b += (((c & a) | (d & ~a)) + k[8] + 1163531501) | 0
+  b = (((b << 20) | (b >>> 12)) + c) | 0
+  a += (((b & d) | (c & ~d)) + k[13] - 1444681467) | 0
+  a = (((a << 5) | (a >>> 27)) + b) | 0
+  d += (((a & c) | (b & ~c)) + k[2] - 51403784) | 0
+  d = (((d << 9) | (d >>> 23)) + a) | 0
+  c += (((d & b) | (a & ~b)) + k[7] + 1735328473) | 0
+  c = (((c << 14) | (c >>> 18)) + d) | 0
+  b += (((c & a) | (d & ~a)) + k[12] - 1926607734) | 0
+  b = (((b << 20) | (b >>> 12)) + c) | 0
+
+  a += ((b ^ c ^ d) + k[5] - 378558) | 0
+  a = (((a << 4) | (a >>> 28)) + b) | 0
+  d += ((a ^ b ^ c) + k[8] - 2022574463) | 0
+  d = (((d << 11) | (d >>> 21)) + a) | 0
+  c += ((d ^ a ^ b) + k[11] + 1839030562) | 0
+  c = (((c << 16) | (c >>> 16)) + d) | 0
+  b += ((c ^ d ^ a) + k[14] - 35309556) | 0
+  b = (((b << 23) | (b >>> 9)) + c) | 0
+  a += ((b ^ c ^ d) + k[1] - 1530992060) | 0
+  a = (((a << 4) | (a >>> 28)) + b) | 0
+  d += ((a ^ b ^ c) + k[4] + 1272893353) | 0
+  d = (((d << 11) | (d >>> 21)) + a) | 0
+  c += ((d ^ a ^ b) + k[7] - 155497632) | 0
+  c = (((c << 16) | (c >>> 16)) + d) | 0
+  b += ((c ^ d ^ a) + k[10] - 1094730640) | 0
+  b = (((b << 23) | (b >>> 9)) + c) | 0
+  a += ((b ^ c ^ d) + k[13] + 681279174) | 0
+  a = (((a << 4) | (a >>> 28)) + b) | 0
+  d += ((a ^ b ^ c) + k[0] - 358537222) | 0
+  d = (((d << 11) | (d >>> 21)) + a) | 0
+  c += ((d ^ a ^ b) + k[3] - 722521979) | 0
+  c = (((c << 16) | (c >>> 16)) + d) | 0
+  b += ((c ^ d ^ a) + k[6] + 76029189) | 0
+  b = (((b << 23) | (b >>> 9)) + c) | 0
+  a += ((b ^ c ^ d) + k[9] - 640364487) | 0
+  a = (((a << 4) | (a >>> 28)) + b) | 0
+  d += ((a ^ b ^ c) + k[12] - 421815835) | 0
+  d = (((d << 11) | (d >>> 21)) + a) | 0
+  c += ((d ^ a ^ b) + k[15] + 530742520) | 0
+  c = (((c << 16) | (c >>> 16)) + d) | 0
+  b += ((c ^ d ^ a) + k[2] - 995338651) | 0
+  b = (((b << 23) | (b >>> 9)) + c) | 0
+
+  a += ((c ^ (b | ~d)) + k[0] - 198630844) | 0
+  a = (((a << 6) | (a >>> 26)) + b) | 0
+  d += ((b ^ (a | ~c)) + k[7] + 1126891415) | 0
+  d = (((d << 10) | (d >>> 22)) + a) | 0
+  c += ((a ^ (d | ~b)) + k[14] - 1416354905) | 0
+  c = (((c << 15) | (c >>> 17)) + d) | 0
+  b += ((d ^ (c | ~a)) + k[5] - 57434055) | 0
+  b = (((b << 21) | (b >>> 11)) + c) | 0
+  a += ((c ^ (b | ~d)) + k[12] + 1700485571) | 0
+  a = (((a << 6) | (a >>> 26)) + b) | 0
+  d += ((b ^ (a | ~c)) + k[3] - 1894986606) | 0
+  d = (((d << 10) | (d >>> 22)) + a) | 0
+  c += ((a ^ (d | ~b)) + k[10] - 1051523) | 0
+  c = (((c << 15) | (c >>> 17)) + d) | 0
+  b += ((d ^ (c | ~a)) + k[1] - 2054922799) | 0
+  b = (((b << 21) | (b >>> 11)) + c) | 0
+  a += ((c ^ (b | ~d)) + k[8] + 1873313359) | 0
+  a = (((a << 6) | (a >>> 26)) + b) | 0
+  d += ((b ^ (a | ~c)) + k[15] - 30611744) | 0
+  d = (((d << 10) | (d >>> 22)) + a) | 0
+  c += ((a ^ (d | ~b)) + k[6] - 1560198380) | 0
+  c = (((c << 15) | (c >>> 17)) + d) | 0
+  b += ((d ^ (c | ~a)) + k[13] + 1309151649) | 0
+  b = (((b << 21) | (b >>> 11)) + c) | 0
+  a += ((c ^ (b | ~d)) + k[4] - 145523070) | 0
+  a = (((a << 6) | (a >>> 26)) + b) | 0
+  d += ((b ^ (a | ~c)) + k[11] - 1120210379) | 0
+  d = (((d << 10) | (d >>> 22)) + a) | 0
+  c += ((a ^ (d | ~b)) + k[2] + 718787259) | 0
+  c = (((c << 15) | (c >>> 17)) + d) | 0
+  b += ((d ^ (c | ~a)) + k[9] - 343485551) | 0
+  b = (((b << 21) | (b >>> 11)) + c) | 0
+
+  x[0] = (a + x[0]) | 0
+  x[1] = (b + x[1]) | 0
+  x[2] = (c + x[2]) | 0
+  x[3] = (d + x[3]) | 0
+}
+
+function md5blk(s) {
+  var md5blks = [],
+    i /* Andy King said do it this way. */
+
+  for (i = 0; i < 64; i += 4) {
+    md5blks[i >> 2] =
+      s.charCodeAt(i) +
+      (s.charCodeAt(i + 1) << 8) +
+      (s.charCodeAt(i + 2) << 16) +
+      (s.charCodeAt(i + 3) << 24)
+  }
+  return md5blks
+}
+
+function md5blk_array(a) {
+  var md5blks = [],
+    i /* Andy King said do it this way. */
+
+  for (i = 0; i < 64; i += 4) {
+    md5blks[i >> 2] =
+      a[i] + (a[i + 1] << 8) + (a[i + 2] << 16) + (a[i + 3] << 24)
+  }
+  return md5blks
+}
+
+function md51(s) {
+  var n = s.length,
+    state = [1732584193, -271733879, -1732584194, 271733878],
+    i,
+    length,
+    tail,
+    tmp,
+    lo,
+    hi
+
+  for (i = 64; i <= n; i += 64) {
+    md5cycle(state, md5blk(s.substring(i - 64, i)))
+  }
+  s = s.substring(i - 64)
+  length = s.length
+  tail = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
+  for (i = 0; i < length; i += 1) {
+    tail[i >> 2] |= s.charCodeAt(i) << (i % 4 << 3)
+  }
+  tail[i >> 2] |= 0x80 << (i % 4 << 3)
+  if (i > 55) {
+    md5cycle(state, tail)
+    for (i = 0; i < 16; i += 1) {
+      tail[i] = 0
+    }
+  }
+
+  // Beware that the final length might not fit in 32 bits so we take care of that
+  tmp = n * 8
+  tmp = tmp.toString(16).match(/(.*?)(.{0,8})$/)
+  lo = parseInt(tmp[2], 16)
+  hi = parseInt(tmp[1], 16) || 0
+
+  tail[14] = lo
+  tail[15] = hi
+
+  md5cycle(state, tail)
+  return state
+}
+
+function md51_array(a) {
+  var n = a.length,
+    state = [1732584193, -271733879, -1732584194, 271733878],
+    i,
+    length,
+    tail,
+    tmp,
+    lo,
+    hi
+
+  for (i = 64; i <= n; i += 64) {
+    md5cycle(state, md5blk_array(a.subarray(i - 64, i)))
+  }
+
+  // Not sure if it is a bug, however IE10 will always produce a sub array of length 1
+  // containing the last element of the parent array if the sub array specified starts
+  // beyond the length of the parent array - weird.
+  // https://connect.microsoft.com/IE/feedback/details/771452/typed-array-subarray-issue
+  a = i - 64 < n ? a.subarray(i - 64) : new Uint8Array(0)
+
+  length = a.length
+  tail = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
+  for (i = 0; i < length; i += 1) {
+    tail[i >> 2] |= a[i] << (i % 4 << 3)
+  }
+
+  tail[i >> 2] |= 0x80 << (i % 4 << 3)
+  if (i > 55) {
+    md5cycle(state, tail)
+    for (i = 0; i < 16; i += 1) {
+      tail[i] = 0
+    }
+  }
+
+  // Beware that the final length might not fit in 32 bits so we take care of that
+  tmp = n * 8
+  tmp = tmp.toString(16).match(/(.*?)(.{0,8})$/)
+  lo = parseInt(tmp[2], 16)
+  hi = parseInt(tmp[1], 16) || 0
+
+  tail[14] = lo
+  tail[15] = hi
+
+  md5cycle(state, tail)
+
+  return state
+}
+
+function rhex(n) {
+  var s = '',
+    j
+  for (j = 0; j < 4; j += 1) {
+    s += hex_chr[(n >> (j * 8 + 4)) & 0x0f] + hex_chr[(n >> (j * 8)) & 0x0f]
+  }
+  return s
+}
+
+function hex(x) {
+  var i
+  for (i = 0; i < x.length; i += 1) {
+    x[i] = rhex(x[i])
+  }
+  return x.join('')
+}
+
+// In some cases the fast add32 function cannot be used..
+if (hex(md51('hello')) !== '5d41402abc4b2a76b9719d911017c592') {
+  add32 = function(x, y) {
+    var lsw = (x & 0xffff) + (y & 0xffff),
+      msw = (x >> 16) + (y >> 16) + (lsw >> 16)
+    return (msw << 16) | (lsw & 0xffff)
+  }
+}
+
+// ---------------------------------------------------
+
+/**
+ * ArrayBuffer slice polyfill.
+ *
+ * @see https://github.com/ttaubert/node-arraybuffer-slice
+ */
+
+if (typeof ArrayBuffer !== 'undefined' && !ArrayBuffer.prototype.slice) {
+  ;(function() {
+    function clamp(val, length) {
+      val = val | 0 || 0
+
+      if (val < 0) {
+        return Math.max(val + length, 0)
+      }
+
+      return Math.min(val, length)
+    }
+
+    ArrayBuffer.prototype.slice = function(from, to) {
+      var length = this.byteLength,
+        begin = clamp(from, length),
+        end = length,
+        num,
+        target,
+        targetArray,
+        sourceArray
+
+      if (to !== undefined) {
+        end = clamp(to, length)
+      }
+
+      if (begin > end) {
+        return new ArrayBuffer(0)
+      }
+
+      num = end - begin
+      target = new ArrayBuffer(num)
+      targetArray = new Uint8Array(target)
+
+      sourceArray = new Uint8Array(this, begin, num)
+      targetArray.set(sourceArray)
+
+      return target
+    }
+  })()
+}
+
+// ---------------------------------------------------
+
+/**
+ * Helpers.
+ */
+
+function toUtf8(str) {
+  str += ''
+  if (/[\u0080-\uFFFF]/.test(str)) {
+    str = unescape(encodeURIComponent(str))
+  }
+
+  return str
+}
+
+function utf8Str2ArrayBuffer(str, returnUInt8Array) {
+  var length = str.length,
+    buff = new ArrayBuffer(length),
+    arr = new Uint8Array(buff),
+    i
+
+  for (i = 0; i < length; i += 1) {
+    arr[i] = str.charCodeAt(i)
+  }
+
+  return returnUInt8Array ? arr : buff
+}
+
+function arrayBuffer2Utf8Str(buff) {
+  return String.fromCharCode.apply(null, new Uint8Array(buff))
+}
+
+function concatenateArrayBuffers(first, second, returnUInt8Array) {
+  var result = new Uint8Array(first.byteLength + second.byteLength)
+
+  result.set(new Uint8Array(first))
+  result.set(new Uint8Array(second), first.byteLength)
+
+  return returnUInt8Array ? result : result.buffer
+}
+
+function hexToBinaryString(hex) {
+  var bytes = [],
+    length = hex.length,
+    x
+
+  for (x = 0; x < length - 1; x += 2) {
+    bytes.push(parseInt(hex.substr(x, 2), 16))
+  }
+
+  return String.fromCharCode.apply(String, bytes)
+}
+
+// ---------------------------------------------------
+
+/**
+ * SparkMD5 OOP implementation.
+ *
+ * Use this class to perform an incremental md5, otherwise use the
+ * static methods instead.
+ */
+
+function SparkMD5() {
+  // call reset to init the instance
+  this.reset()
+}
+
+/**
+ * Appends a string.
+ * A conversion will be applied if an utf8 string is detected.
+ *
+ * @param {String} str The string to be appended
+ *
+ * @return {SparkMD5} The instance itself
+ */
+SparkMD5.prototype.append = function(str) {
+  // Converts the string to utf8 bytes if necessary
+  // Then append as binary
+  this.appendBinary(toUtf8(str))
+
+  return this
+}
+
+/**
+ * Appends a binary string.
+ *
+ * @param {String} contents The binary string to be appended
+ *
+ * @return {SparkMD5} The instance itself
+ */
+SparkMD5.prototype.appendBinary = function(contents) {
+  this._buff += contents
+  this._length += contents.length
+
+  var length = this._buff.length,
+    i
+
+  for (i = 64; i <= length; i += 64) {
+    md5cycle(this._hash, md5blk(this._buff.substring(i - 64, i)))
+  }
+
+  this._buff = this._buff.substring(i - 64)
+
+  return this
+}
+
+/**
+ * Finishes the incremental computation, reseting the internal state and
+ * returning the result.
+ *
+ * @param {Boolean} raw True to get the raw string, false to get the hex string
+ *
+ * @return {String} The result
+ */
+SparkMD5.prototype.end = function(raw) {
+  var buff = this._buff,
+    length = buff.length,
+    i,
+    tail = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
+    ret
+
+  for (i = 0; i < length; i += 1) {
+    tail[i >> 2] |= buff.charCodeAt(i) << (i % 4 << 3)
+  }
+
+  this._finish(tail, length)
+  ret = hex(this._hash)
+
+  if (raw) {
+    ret = hexToBinaryString(ret)
+  }
+
+  this.reset()
+
+  return ret
+}
+
+/**
+ * Resets the internal state of the computation.
+ *
+ * @return {SparkMD5} The instance itself
+ */
+SparkMD5.prototype.reset = function() {
+  this._buff = ''
+  this._length = 0
+  this._hash = [1732584193, -271733879, -1732584194, 271733878]
+
+  return this
+}
+
+/**
+ * Gets the internal state of the computation.
+ *
+ * @return {Object} The state
+ */
+SparkMD5.prototype.getState = function() {
+  return {
+    buff: this._buff,
+    length: this._length,
+    hash: this._hash
+  }
+}
+
+/**
+ * Gets the internal state of the computation.
+ *
+ * @param {Object} state The state
+ *
+ * @return {SparkMD5} The instance itself
+ */
+SparkMD5.prototype.setState = function(state) {
+  this._buff = state.buff
+  this._length = state.length
+  this._hash = state.hash
+
+  return this
+}
+
+/**
+ * Releases memory used by the incremental buffer and other additional
+ * resources. If you plan to use the instance again, use reset instead.
+ */
+SparkMD5.prototype.destroy = function() {
+  delete this._hash
+  delete this._buff
+  delete this._length
+}
+
+/**
+ * Finish the final calculation based on the tail.
+ *
+ * @param {Array}  tail   The tail (will be modified)
+ * @param {Number} length The length of the remaining buffer
+ */
+SparkMD5.prototype._finish = function(tail, length) {
+  var i = length,
+    tmp,
+    lo,
+    hi
+
+  tail[i >> 2] |= 0x80 << (i % 4 << 3)
+  if (i > 55) {
+    md5cycle(this._hash, tail)
+    for (i = 0; i < 16; i += 1) {
+      tail[i] = 0
+    }
+  }
+
+  // Do the final computation based on the tail and length
+  // Beware that the final length may not fit in 32 bits so we take care of that
+  tmp = this._length * 8
+  tmp = tmp.toString(16).match(/(.*?)(.{0,8})$/)
+  lo = parseInt(tmp[2], 16)
+  hi = parseInt(tmp[1], 16) || 0
+
+  tail[14] = lo
+  tail[15] = hi
+  md5cycle(this._hash, tail)
+}
+
+/**
+ * Performs the md5 hash on a string.
+ * A conversion will be applied if utf8 string is detected.
+ *
+ * @param {String}  str The string
+ * @param {Boolean} [raw] True to get the raw string, false to get the hex string
+ *
+ * @return {String} The result
+ */
+SparkMD5.hash = function(str, raw) {
+  // Converts the string to utf8 bytes if necessary
+  // Then compute it using the binary function
+  return SparkMD5.hashBinary(toUtf8(str), raw)
+}
+
+/**
+ * Performs the md5 hash on a binary string.
+ *
+ * @param {String}  content The binary string
+ * @param {Boolean} [raw]     True to get the raw string, false to get the hex string
+ *
+ * @return {String} The result
+ */
+SparkMD5.hashBinary = function(content, raw) {
+  var hash = md51(content),
+    ret = hex(hash)
+
+  return raw ? hexToBinaryString(ret) : ret
+}
+
+// ---------------------------------------------------
+
+/**
+ * SparkMD5 OOP implementation for array buffers.
+ *
+ * Use this class to perform an incremental md5 ONLY for array buffers.
+ */
+SparkMD5.ArrayBuffer = function() {
+  // call reset to init the instance
+  this.reset()
+}
+
+/**
+ * Appends an array buffer.
+ *
+ * @param {ArrayBuffer} arr The array to be appended
+ *
+ * @return {SparkMD5.ArrayBuffer} The instance itself
+ */
+SparkMD5.ArrayBuffer.prototype.append = function(arr) {
+  var buff = concatenateArrayBuffers(this._buff.buffer, arr, true),
+    length = buff.length,
+    i
+
+  this._length += arr.byteLength
+
+  for (i = 64; i <= length; i += 64) {
+    md5cycle(this._hash, md5blk_array(buff.subarray(i - 64, i)))
+  }
+
+  this._buff =
+    i - 64 < length
+      ? new Uint8Array(buff.buffer.slice(i - 64))
+      : new Uint8Array(0)
+
+  return this
+}
+
+/**
+ * Finishes the incremental computation, reseting the internal state and
+ * returning the result.
+ *
+ * @param {Boolean} raw True to get the raw string, false to get the hex string
+ *
+ * @return {String} The result
+ */
+SparkMD5.ArrayBuffer.prototype.end = function(raw) {
+  var buff = this._buff,
+    length = buff.length,
+    tail = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
+    i,
+    ret
+
+  for (i = 0; i < length; i += 1) {
+    tail[i >> 2] |= buff[i] << (i % 4 << 3)
+  }
+
+  this._finish(tail, length)
+  ret = hex(this._hash)
+
+  if (raw) {
+    ret = hexToBinaryString(ret)
+  }
+
+  this.reset()
+
+  return ret
+}
+
+/**
+ * Resets the internal state of the computation.
+ *
+ * @return {SparkMD5.ArrayBuffer} The instance itself
+ */
+SparkMD5.ArrayBuffer.prototype.reset = function() {
+  this._buff = new Uint8Array(0)
+  this._length = 0
+  this._hash = [1732584193, -271733879, -1732584194, 271733878]
+
+  return this
+}
+
+/**
+ * Gets the internal state of the computation.
+ *
+ * @return {Object} The state
+ */
+SparkMD5.ArrayBuffer.prototype.getState = function() {
+  var state = SparkMD5.prototype.getState.call(this)
+
+  // Convert buffer to a string
+  state.buff = arrayBuffer2Utf8Str(state.buff)
+
+  return state
+}
+
+/**
+ * Gets the internal state of the computation.
+ *
+ * @param {Object} state The state
+ *
+ * @return {SparkMD5.ArrayBuffer} The instance itself
+ */
+SparkMD5.ArrayBuffer.prototype.setState = function(state) {
+  // Convert string to buffer
+  state.buff = utf8Str2ArrayBuffer(state.buff, true)
+
+  return SparkMD5.prototype.setState.call(this, state)
+}
+
+SparkMD5.ArrayBuffer.prototype.destroy = SparkMD5.prototype.destroy
+
+SparkMD5.ArrayBuffer.prototype._finish = SparkMD5.prototype._finish
+
+/**
+ * Performs the md5 hash on an array buffer.
+ *
+ * @param {ArrayBuffer} arr The array buffer
+ * @param {Boolean}     [raw] True to get the raw string, false to get the hex one
+ *
+ * @return {String} The result
+ */
+SparkMD5.ArrayBuffer.hash = function(arr, raw) {
+  var hash = md51_array(new Uint8Array(arr)),
+    ret = hex(hash)
+
+  return raw ? hexToBinaryString(ret) : ret
+}
+
+var _sparkIns = new SparkMD5()
+
+export function md5(str) {
+  _sparkIns.append(str)
+  return _sparkIns.end()
+}
+
+export function md5Sum(binStr) {
+  _sparkIns.appendBinary(binStr)
+  return _sparkIns.end()
+}
+
+export default _sparkIns
diff --git a/src/lib/scroll/index.js b/src/lib/scroll/index.js
index d73c9d8..cc153f0 100644
--- a/src/lib/scroll/index.js
+++ b/src/lib/scroll/index.js
@@ -1,14 +1,12 @@
 /**
- *
- * @authors yutent (yutent@doui.cc)
- * @date    2020-07-07 10:57:15
- * @version v2.0.1
- * 
- */
+  *
+  * @authors yutent (yutent.io@gmail.com)
+  * @date    2020-12-23 15:31:02
+  * @version v1.0.0
+  * 
+  */
 
-'use strict'
-
-import $ from"../utils.js";const IS_FF=!!window.sidebar;export default class Scroll extends HTMLElement{static get observedAttributes(){return["thumbX","thumbY","disabled","axis"]}constructor(){super(),Object.defineProperty(this,"root",{value:this.attachShadow({mode:"open"}),writable:!0,enumerable:!1,configurable:!0}),Object.defineProperty(this,"props",{value:{thumbX:0,thumbY:0,disabled:!1,axis:"xy"},writable:!0,enumerable:!1,configurable:!0}),this.root.innerHTML='<style>*{box-sizing:border-box;margin:0;padding:0}::before,::after{box-sizing:border-box}:host{overflow:hidden;position:relative;display:flex;width:100%}:host .container{overflow:hidden;position:relative;width:100%;height:100%}.is-horizontal,.is-vertical{visibility:hidden;position:absolute;display:flex;justify-content:flex-end;z-index:10240;opacity:0;user-select:none;transition:opacity 0.3s linear, visibility 0.3s linear}.is-horizontal .thumb,.is-vertical .thumb{display:block;border-radius:5px;background:rgba(44,47,53,0.25);cursor:default;transition:width 0.1s linear, height 0.1s linear}.is-horizontal .thumb:hover,.is-vertical .thumb:hover{background:rgba(44,47,53,0.5)}.is-horizontal{flex-direction:column;left:0;bottom:1px;width:100%;height:10px}.is-horizontal .thumb{width:0;height:6px}.is-horizontal .thumb:hover{height:10px}.is-vertical{top:0;right:1px;width:10px;height:100%}.is-vertical .thumb{width:6px;height:0}.is-vertical .thumb:hover{width:10px}:host(:hover) .is-horizontal,:host(:hover) .is-vertical{visibility:visible;opacity:1}:host([axis=\'x\']) .is-vertical{display:none}:host([axis=\'y\']) .is-horizontal{display:none}</style> <div class="container"><slot></slot></div> <div class="is-horizontal"><span class="thumb"></span></div> <div class="is-vertical"><span class="thumb"></span></div> ',this.__BOX__=this.root.children[1],this.__X__=this.root.children[2].children[0],this.__Y__=this.root.children[3].children[0]}get scrollTop(){return this.__BOX__.scrollTop}set scrollTop(t){if((t=+t)==t){var{sh:s,oh:i,yh:e}=this.props;this.__BOX__.scrollTop=t;var o=this.__BOX__.scrollTop/(s-i)*(i-e);this.props.thumbY=o,this.__Y__.style.transform=`translateY(${o}px)`}}get scrollLeft(){return this.__BOX__.scrollLeft}set scrollLeft(t){if((t=+t)==t){var{sw:s,ow:i,xw:e}=this.props;this.__BOX__.scrollLeft=t;var o=this.__BOX__.scrollLeft/(s-i)*(i-e);this.props.thumbX=o,this.__X__.style.transform=`translateX(${o}px)`}}get scrollHeight(){return this.__BOX__.scrollHeight}get disabled(){return this.props.disabled}set disabled(t){var s=typeof t;t!==this.props.disabled&&("boolean"===s&&t||"boolean"!==s?(this.props.disabled=!0,this.setAttribute("disabled","")):(this.props.disabled=!1,this.removeAttribute("disabled")))}_fetchScrollX(t){var{sw:s,ow:i,xw:e}=this.props;return t<0?t=0:t>i-e&&(t=i-e),this.__BOX__.scrollLeft=t/(i-e)*(s-i),this.__X__.style.transform=`translateX(${t}px)`,t}_fetchScrollY(t){var{sh:s,oh:i,yh:e}=this.props;return t<0?t=0:t>i-e&&(t=i-e),this.__BOX__.scrollTop=t/(i-e)*(s-i),this.__Y__.style.transform=`translateY(${t}px)`,t}connectedCallback(){this._initFn=$.bind(this.__BOX__,"mouseenter",t=>{if(!this.disabled){var s=this.__BOX__.offsetWidth,i=this.__BOX__.scrollWidth,e=this.__BOX__.offsetHeight,o=this.__BOX__.scrollHeight,h=e*e/o>>0,r=s*s/i>>0;h<50&&(h=50),r<50&&(r=50),r===s&&(r=0),h===e&&(h=0),this.props.oh=e,this.props.sh=o,this.props.ow=s,this.props.sw=i,this.props.yh=h,this.props.xw=r,this.__X__.style.width=r+"px",this.__Y__.style.height=h+"px"}}),this._wheelFn=$.bind(this.__BOX__,"wheel",t=>{if(!this.disabled){var{sh:s,oh:i,yh:e,sw:o,ow:h,xw:r}=this.props;if(r||e){var l,a,_=Date.now();if((!this.stamp||_-this.stamp>800)&&(this.stamp=_,this.times=1),IS_FF)l=t.deltaMode?10*t.deltaX:t.deltaX,a=t.deltaMode?10*t.deltaY:t.deltaY;else{var n=Math.abs(t.wheelDelta);n<120?(l=t.deltaX,a=t.deltaY):(l=t.deltaX/(n/120),a=t.deltaY/(n/120))}if(_-this.stamp<20&&(this.times+=.05,this.times>3&&(this.times=3)),l*=this.times,a*=this.times,"x"!==this.props.axis&&(this.__BOX__.scrollTop+=a,e)){var p=this.__BOX__.scrollTop/(s-i)*(i-e);if((0===(p>>=0)||i-e===p)&&p===this.props.thumbY)return;t.preventDefault(),t.stopPropagation(),this.props.thumbY=p,this.__Y__.style.transform=`translateY(${p}px)`}if("y"!==this.props.axis&&(this.__BOX__.scrollLeft+=l,r)){var d=this.__BOX__.scrollLeft/(o-h)*(h-r);if((0===(d>>=0)||h-r===d)&&d===this.props.thumbX)return;t.preventDefault(),t.stopPropagation(),this.props.thumbX=d,this.__X__.style.transform=`translateX(${d}px)`}this.stamp=_,this.dispatchEvent(new CustomEvent("scroll",{detail:{x:this.props.thumbX,y:this.props.thumbY}}))}}});var t,s,i,e,o=o=>{var{thumbY:h,thumbX:r}=this.props;null!==t&&(i=this._fetchScrollX(r+o.pageX-t)),null!==s&&(e=this._fetchScrollY(h+o.pageY-s))},h=r=>{t=null,s=null,this.props.thumbX=i,this.props.thumbY=e,$.unbind(document,"mousemove",o),$.unbind(document,"mouseup",h)};$.bind(this.__Y__,"mousedown",t=>{s=t.pageY,this.props.thumbY||(this.props.thumbY=0),this.disabled||($.bind(document,"mousemove",o),$.bind(document,"mouseup",h))}),$.bind(this.__X__,"mousedown",s=>{t=s.pageX,this.props.thumbX||(this.props.thumbX=0),this.disabled||($.bind(document,"mousemove",o),$.bind(document,"mouseup",h))}),this.__observer=new MutationObserver(this._initFn),this.__observer.observe(this,{childList:!0,subtree:!0,characterData:!0})}disconnectedCallback(){this.__observer.disconnect(),$.unbind(this.__BOX__,"mouseenter",this._initFn),$.unbind(this.__BOX__,"wheel",this._wheelFn)}attributeChangedCallback(t,s,i){if(null!==i&&s!==i)switch(t){case"axis":this.props.axis=i;break;case"disabled":this[t]=!0}}};
+import $ from"../utils.js";const IS_FF=!!window.sidebar;export default class Scroll extends HTMLElement{static get observedAttributes(){return["thumbX","thumbY","disabled","axis","delay","distance"]}props={thumbX:0,thumbY:0,disabled:!1,axis:"xy",delay:1e3,distance:1};constructor(){super(),Object.defineProperty(this,"root",{value:this.attachShadow({mode:"open"}),writable:!0,enumerable:!1,configurable:!0}),this.root.innerHTML='<style>*{box-sizing:border-box;margin:0;padding:0}::before,::after{box-sizing:border-box}:host{--color-teal-1: #4db6ac;--color-teal-2: #26a69a;--color-teal-3: #009688;--color-green-1: #81c784;--color-green-2: #66bb6a;--color-green-3: #4caf50;--color-purple-1: #9575cd;--color-purple-2: #9575cd;--color-purple-3: #673ab7;--color-blue-1: #64b5f6;--color-blue-2: #42a5f5;--color-blue-3: #2196f3;--color-red-1: #ff5061;--color-red-2: #eb3b48;--color-red-3: #ce3742;--color-orange-1: #ffb618;--color-orange-2: #f39c12;--color-orange-3: #e67e22;--color-plain-1: #f2f5fc;--color-plain-2: #e8ebf4;--color-plain-3: #dae1e9;--color-grey-1: #bdbdbd;--color-grey-2: #9e9e9e;--color-grey-3: #757575;--color-dark-1: #62778d;--color-dark-2: #526273;--color-dark-3: #425064}:host{overflow:hidden;position:relative;display:flex;width:100%}:host .container{overflow:hidden;width:100%;height:100%}.is-horizontal,.is-vertical{visibility:hidden;position:absolute;display:flex;justify-content:flex-end;z-index:10240;opacity:0;user-select:none;transition:opacity 0.3s linear, visibility 0.3s linear}.is-horizontal .thumb,.is-vertical .thumb{display:block;border-radius:5px;background:rgba(44,47,53,0.25);cursor:default;transition:width 0.1s linear, height 0.1s linear}.is-horizontal .thumb:hover,.is-vertical .thumb:hover{background:rgba(44,47,53,0.5)}.is-horizontal{flex-direction:column;left:0;bottom:1px;width:100%;height:10px}.is-horizontal .thumb{width:0;height:6px}.is-horizontal .thumb:hover{height:10px}.is-vertical{top:0;right:1px;width:10px;height:100%}.is-vertical .thumb{width:6px;height:0}.is-vertical .thumb:hover{width:10px}:host(:hover) .is-horizontal,:host(:hover) .is-vertical{visibility:visible;opacity:1}:host([axis=\'x\']) .is-vertical{display:none}:host([axis=\'y\']) .is-horizontal{display:none}</style> <div class="container"><slot /></div> <div class="is-horizontal"><span class="thumb"></span></div> <div class="is-vertical"><span class="thumb"></span></div> ',this.__BOX__=this.root.children[1],this.__X__=this.root.children[2].children[0],this.__Y__=this.root.children[3].children[0],this.__last__=0}get scrollTop(){return this.__BOX__.scrollTop}set scrollTop(t){if((t=+t)==t){var{sh:s,oh:i,yh:e}=this.props;this.__BOX__.scrollTop=t;var o=this.__BOX__.scrollTop/(s-i)*(i-e);this.props.thumbY=o,this.__Y__.style.transform=`translateY(${o}px)`}}get scrollLeft(){return this.__BOX__.scrollLeft}set scrollLeft(t){if((t=+t)==t){var{sw:s,ow:i,xw:e}=this.props;this.__BOX__.scrollLeft=t;var o=this.__BOX__.scrollLeft/(s-i)*(i-e);this.props.thumbX=o,this.__X__.style.transform=`translateX(${o}px)`}}get scrollHeight(){return this.__BOX__.scrollHeight}get scrollWidth(){return this.__BOX__.scrollWidth}get disabled(){return this.props.disabled}set disabled(t){var s=typeof t;t!==this.props.disabled&&("boolean"===s&&t||"boolean"!==s?(this.props.disabled=!0,this.setAttribute("disabled","")):(this.props.disabled=!1,this.removeAttribute("disabled")))}_fetchScrollX(t){var{sw:s,ow:i,xw:e}=this.props;return t<0?t=0:t>i-e&&(t=i-e),this.__BOX__.scrollLeft=t/(i-e)*(s-i),this.__X__.style.transform=`translateX(${t}px)`,t}_fetchScrollY(t){var{sh:s,oh:i,yh:e}=this.props;return t<0?t=0:t>i-e&&(t=i-e),this.__BOX__.scrollTop=t/(i-e)*(s-i),this.__Y__.style.transform=`translateY(${t}px)`,t}_fireReachEnd(t="reach-bottom"){var{sh:s,oh:i,delay:e,disabled:o}=this.props,r=this.__BOX__.scrollTop,h=Date.now();if(!o&&h-this.__last__>e){if("reach-bottom"===t){if(i+r<s)return}else if(r>0)return;this.__last__=h,this.dispatchEvent(new CustomEvent(t))}}connectedCallback(){this._initFn=$.bind(this.__BOX__,"mouseenter",t=>{if(!this.disabled){var s=this.__BOX__.offsetWidth,i=this.__BOX__.scrollWidth,e=this.__BOX__.offsetHeight,o=this.__BOX__.scrollHeight,r=e*e/o>>0,h=s*s/i>>0;r<50&&(r=50),h<50&&(h=50),h===s&&(h=0),r===e&&(r=0),this.props.oh=e,this.props.sh=o,this.props.ow=s,this.props.sw=i,this.props.yh=r,this.props.xw=h,this.__X__.style.width=h+"px",this.__Y__.style.height=r+"px"}}),this._inactiveFn=$.bind(this.__BOX__,"mouseleave",t=>{delete this._active}),this._wheelFn=$.bind(this.__BOX__,"wheel",t=>{if(!this.disabled){var{sh:s,oh:i,yh:e,sw:o,ow:r,xw:h}=this.props;if(h||e){var l,a,_=Date.now();if((!this.stamp||_-this.stamp>800)&&(this.stamp=_,this.times=1),IS_FF)l=t.deltaMode?10*t.deltaX:t.deltaX,a=t.deltaMode?10*t.deltaY:t.deltaY;else{var n=Math.abs(t.wheelDelta);n<120?(l=t.deltaX,a=t.deltaY):(l=t.deltaX/(n/120),a=t.deltaY/(n/120))}if(_-this.stamp<20&&(this.times+=.05,this.times>3&&(this.times=3)),l*=this.times,a*=this.times,"x"!==this.props.axis&&(this.__BOX__.scrollTop+=a,e)){var c=this.__BOX__.scrollTop/(s-i)*(i-e);if((0===(c>>=0)||i-e===c)&&c===this.props.thumbY)return;t.preventDefault(),t.stopPropagation(),this.props.thumbY=c,this.__Y__.style.transform=`translateY(${c}px)`,Math.abs(a)>this.props.distance&&this._fireReachEnd(a>0?"reach-bottom":"reach-top")}if("y"!==this.props.axis&&(this.__BOX__.scrollLeft+=l,h)){var p=this.__BOX__.scrollLeft/(o-r)*(r-h);if((0===(p>>=0)||r-h===p)&&p===this.props.thumbX)return;t.preventDefault(),t.stopPropagation(),this.props.thumbX=p,this.__X__.style.transform=`translateX(${p}px)`}this._active=!0,this.stamp=_,this.dispatchEvent(new CustomEvent("scroll",{detail:{x:this.props.thumbX,y:this.props.thumbY}}))}}});var t,s,i,e,o=o=>{var{thumbY:r,thumbX:h}=this.props;null!==t&&(i=this._fetchScrollX(h+o.pageX-t)),null!==s&&(this._active=!0,e=this._fetchScrollY(r+o.pageY-s))},r=h=>{Math.abs(h.pageY-s)>this.props.distance&&this._fireReachEnd(h.pageY>s?"reach-bottom":"reach-top"),t=null,s=null,this.props.thumbX=i,this.props.thumbY=e,$.unbind(document,"mousemove",o),$.unbind(document,"mouseup",r)};$.bind(this.__Y__,"mousedown",t=>{s=t.pageY,this.props.thumbY||(this.props.thumbY=0),this.disabled||($.bind(document,"mousemove",o),$.bind(document,"mouseup",r))}),$.bind(this.__X__,"mousedown",s=>{t=s.pageX,this.props.thumbX||(this.props.thumbX=0),this.disabled||($.bind(document,"mousemove",o),$.bind(document,"mouseup",r))}),$.catch(document,"keydown",t=>{if(this._active){var{oh:s,sh:i}=this.props,e=!1;switch(t.keyCode){case 33:e=!0,this.scrollTop-=s;break;case 34:e=!0,this.scrollTop+=s;break;case 35:e=!0,this.scrollTop=i;break;case 36:e=!0,this.scrollTop=0}e&&t.preventDefault()}}),this.__observer=new MutationObserver(this._initFn),this.__observer.observe(this,{childList:!0,subtree:!0,characterData:!0})}disconnectedCallback(){this.__observer.disconnect(),$.unbind(this.__BOX__,"mouseenter",this._initFn),$.unbind(this.__BOX__,"mouseleave",this._inactiveFn),$.unbind(this.__BOX__,"wheel",this._wheelFn)}attributeChangedCallback(t,s,i){if(null!==i&&s!==i)switch(t){case"axis":this.props.axis=i;break;case"disabled":this[t]=!0;break;case"delay":this.props.delay=+i||1e3;break;case"distance":this.props.distance=+i||1}}}
 
 if(!customElements.get('wc-scroll')){
   customElements.define('wc-scroll', Scroll)
diff --git a/src/lib/utils.js b/src/lib/utils.js
index 752ccd5..5d4efdb 100644
--- a/src/lib/utils.js
+++ b/src/lib/utils.js
@@ -1 +1 @@
-function noop(){}export default{nextTick:function(){let t=[];let e=document.createTextNode("\x3c!-- --\x3e");new MutationObserver(function(){let e=t.length;for(let n=0;n<e;n++)t[n]();t=t.slice(e)}).observe(e,{characterData:!0});let n=!1;return function(i){t.push(i),n=!n,e.data=n}}(),each(t,e){if(t)if(Array.isArray(t))for(let n,i=0;(n=t[i++])&&!1!==e(n,i-1););else for(let n in t)if(t.hasOwnProperty(n)&&!1===e(t[n],n))break},bind(t,e,n=noop,i=!1){let o=e.split(",");return this.each(o,function(e){e=e.trim(),t.addEventListener(e,n,i)}),n},catch(t,e,n,i){return this.bind(t,e,function(t){t.stopPropagation(),n&&n(t)},i)},unbind(t,e,n=noop,i=!1){let o=e.split(",");this.each(o,function(e){e=e.trim(),t.removeEventListener(e,n,i)})},outside(t,e=noop){return this.bind(document,"mousedown",n=>{if(n)if(n.path){for(var i=n.path.concat();i.length>3;)if(i.shift()===t)return}else{var o=n.explicitOriginalTarget||n.target;if(t===o||t.contains(o)||t.root&&t.root.contains(o))return}e(n)})},clearOutside(t=noop){this.unbind(document,"mousedown",t)}};
\ No newline at end of file
+function noop(){}export default{nextTick:function(){let t=[];let e=document.createTextNode("\x3c!-- --\x3e");new MutationObserver((function(){let e=t.length;for(let n=0;n<e;n++)t[n]();t=t.slice(e)})).observe(e,{characterData:!0});let n=!1;return function(i){t.push(i),n=!n,e.data=n}}(),offset(t){try{var e=t.getBoundingClientRect();if(e.width||e.height||t.getClientRects().length){var n=t.ownerDocument,i=n.documentElement,o=n.defaultView;return{top:e.top+o.pageYOffset-i.clientTop,left:e.left+o.pageXOffset-i.clientLeft}}}catch(t){return{left:0,top:0}}},each(t,e){if(t)if(Array.isArray(t))for(let n,i=0;(n=t[i++])&&!1!==e(n,i-1););else for(let n in t)if(t.hasOwnProperty(n)&&!1===e(t[n],n))break},bind(t,e,n=noop,i=!1){let o=e.split(",");return this.each(o,(function(e){e=e.trim(),t.addEventListener(e,n,i)})),n},catch(t,e,n,i){return this.bind(t,e,(function(t){t.stopPropagation(),n&&n(t)}),i)},unbind(t,e,n=noop,i=!1){let o=e.split(",");this.each(o,(function(e){e=e.trim(),t.removeEventListener(e,n,i)}))},outside(t,e=noop){return this.bind(document,"mousedown",n=>{if(n)if(n.path){for(var i=n.path.concat();i.length>3;)if(i.shift()===t)return}else{var o=n.explicitOriginalTarget||n.target;if(t===o||t.contains(o)||t.root&&t.root.contains(o))return}e(n)})},clearOutside(t=noop){this.unbind(document,"mousedown",t)}};
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index c6a5ffc..c262347 100644
--- a/src/main.js
+++ b/src/main.js
@@ -50,9 +50,9 @@ protocol.registerSchemesAsPrivileged([
 app.once('ready', () => {
   // 注册协议
   protocol.registerStreamProtocol('app', function(req, cb) {
-    var file = decodeURIComponent(
-      req.url.replace(/^app:\/\/local\//, '')
-    ).replace(/\#.*$/, '')
+    var file = decodeURIComponent(req.url.replace(/^app:\/\/local\//, ''))
+      .replace(/\#.*$/, '')
+      .replace(/\?.*$/, '')
     var ext = path.extname(file)
 
     file = path.resolve(ROOT, file)
@@ -71,6 +71,7 @@ app.once('ready', () => {
     var ext = path.extname(file)
 
     file = path.resolve(CACHE_DIR, file)
+
     cb({
       data: fs.origin.createReadStream(file),
       mimeType: MIME_TYPES[ext] || MIME_TYPES.all,
@@ -82,10 +83,9 @@ app.once('ready', () => {
 
   // 创建浏览器窗口
   app.__main__ = createMainWindow(path.resolve(ROOT, './images/app.png'))
-  app.__view__ = createViewWindow()
 
   createMenu(app.__main__)
-  Socket(app)
+  Socket(app, createViewWindow)
 
   app.__main__.on('closed', () => {
     app.__main__ = null
diff --git a/src/tools/socket.js b/src/tools/socket.js
index 104bf1e..77acf86 100644
--- a/src/tools/socket.js
+++ b/src/tools/socket.js
@@ -4,7 +4,7 @@
  * @date 2021/01/04 14:58:46
  */
 
-const { app, ipcMain, net } = require('electron')
+const { app, ipcMain } = require('electron')
 const fs = require('iofs')
 const path = require('path')
 const Epub = require('epub')
@@ -13,42 +13,39 @@ const HOME = path.resolve(app.getPath('userData'))
 const DB_FILE = path.join(HOME, 'app.cache')
 const CACHE_DIR = path.join(HOME, 'book_cache')
 
-function fetch(url) {
-  return new Promise((y, n) => {
-    var conn = net.request(url)
-    var r = []
-
-    conn.on('response', res => {
-      res.on('data', c => {
-        r.push(c)
-      })
-
-      res.on('end', _ => {
-        y(Buffer.concat(r).toString())
-      })
-    })
-
-    conn.on('error', e => {
-      n(e)
-    })
-
-    conn.end()
-  })
-}
-
-module.exports = function(app) {
+module.exports = function(app, createViewWindow) {
   ipcMain.on('app', (ev, conn) => {
     switch (conn.type) {
-      case 'fetch':
-        fetch(conn.data).then(r => {
-          ev.returnValue = r
-        })
-        break
-
       case 'get-books':
         ev.returnValue = JSON.parse(fs.cat(DB_FILE))
         break
 
+      case 'save-books':
+        fs.echo(JSON.stringify(conn.data), DB_FILE)
+        ev.returnValue = true
+        break
+
+      case 'read':
+        if (app.__view__) {
+          // 打开同一个文档, 直接忽略
+          if (app.__view__.__title__ === conn.data.title) {
+            app.__view__.focus()
+            ev.returnValue = true
+            return
+          }
+          app.__view__.destroy()
+        }
+        app.__view__ = createViewWindow(conn.data)
+        app.__view__.__title__ = conn.data.title
+        ev.returnValue = true
+        break
+
+      case 'delete-book':
+        let dir = path.join(CACHE_DIR, conn.data)
+        fs.rm(dir, true)
+        ev.returnValue = true
+        break
+
       case 'parse-book':
         let { book, cate } = conn.data
         let eb = new Epub(book.path)
diff --git a/src/tools/window.js b/src/tools/window.js
index 864afc0..a2a0780 100644
--- a/src/tools/window.js
+++ b/src/tools/window.js
@@ -4,7 +4,7 @@
  * @date 2020/12/10 14:57:49
  */
 
-const { BrowserWindow } = require('electron')
+const { app, BrowserWindow } = require('electron')
 
 /**
  * 应用主窗口
@@ -27,21 +27,23 @@ exports.createMainWindow = function(icon) {
 
   win.loadURL('app://local/index.html')
 
-  // win.on('ready-to-show', _ => {
-  //   win.show()
-  //   win.openDevTools()
-  // })
+  win.on('ready-to-show', _ => {
+    win.show()
+    // win.openDevTools()
+  })
 
   win.on('close', ev => {
-    ev.preventDefault()
-    win.hide()
+    if (app.__view__) {
+      ev.preventDefault()
+      win.hide()
+    }
   })
 
   return win
 }
 
 // 创建悬浮窗口
-exports.createViewWindow = function() {
+exports.createViewWindow = function(params) {
   var win = new BrowserWindow({
     width: 1024,
     height: 768,
@@ -56,9 +58,13 @@ exports.createViewWindow = function() {
     }
   })
 
-  win.openDevTools()
+  // win.openDevTools()
 
-  win.loadURL('app://local/view.html')
+  win.loadURL('app://local/view.html?' + params)
+
+  win.on('closed', ev => {
+    app.__view__ = null
+  })
 
   return win
 }
diff --git a/src/view.html b/src/view.html
index 5bee159..449e5f8 100644
--- a/src/view.html
+++ b/src/view.html
@@ -12,7 +12,7 @@
 <body>
 
 <div class="app" anot="app">
-  <wc-scroll class="toc noselect">
+  <wc-scroll class="toc noselect" ref="toc">
     <item 
       :for="it in toc" 
       :class="{['lev-' + it.level]: 1, active: it.title === curr}"