From 353355dbf142762573bc23a0c807033946b79f68 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AE=87=E5=A4=A9?= <yutent@doui.cc>
Date: Mon, 26 Aug 2019 17:53:15 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E8=BD=AC=E8=AF=91=E8=84=9A?=
 =?UTF-8?q?=E6=9C=AC;=E7=AE=80=E5=8C=96=E7=BB=84=E4=BB=B6=E5=AE=9A?=
 =?UTF-8?q?=E4=B9=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 build.dev.js         |   5 +-
 build.prod.js        |   5 +-
 src/avatar/index.wc  |   5 +-
 src/badge/index.wc   |   5 +-
 src/form/button.wc   |   9 +-
 src/form/cascader.wc | 380 -------------------------------------------
 src/form/checkbox.wc |   9 +-
 src/form/input.wc    |   9 +-
 src/form/progress.wc |   6 +-
 src/form/radio.wc    |  31 ++--
 src/form/select.wc   |   9 +-
 src/form/switch.wc   |  34 ++--
 src/icon.js          |  34 ----
 src/icon/index.wc    |   2 +-
 src/layer/next.wc    |   6 +-
 src/pager/index.js   | 254 -----------------------------
 src/pager/index.wc   |   6 +-
 src/picker/date.wc   |   9 +-
 18 files changed, 52 insertions(+), 766 deletions(-)
 delete mode 100644 src/icon.js
 delete mode 100644 src/pager/index.js

diff --git a/build.dev.js b/build.dev.js
index 6eca096..4a90832 100644
--- a/build.dev.js
+++ b/build.dev.js
@@ -112,7 +112,10 @@ function mkWCFile({ style, html, js }) {
     )
     .replace('mounted()', 'connectedCallback()')
     .replace('unmount()', 'disconnectedCallback()')
-    .replace(/watch\(([\w\s,]*?)\)/, 'attributeChangedCallback($1)')
+    .replace(
+      'watch() {',
+      'attributeChangedCallback(name, old, val) {\nif (old === val) {return}'
+    )
     .replace('adopted()', 'adoptedCallback()')
 
   return `/**
diff --git a/build.prod.js b/build.prod.js
index eafd74c..4d2a8da 100644
--- a/build.prod.js
+++ b/build.prod.js
@@ -119,7 +119,10 @@ function mkWCFile({ style, html, js }) {
     )
     .replace('mounted()', 'connectedCallback()')
     .replace('unmount()', 'disconnectedCallback()')
-    .replace(/watch\(([\w\s,]*?)\)/, 'attributeChangedCallback($1)')
+    .replace(
+      'watch() {',
+      'attributeChangedCallback(name, old, val) {\nif (old === val) {return}'
+    )
     .replace('adopted()', 'adoptedCallback()')
 
   let res = uglify.minify(js)
diff --git a/src/avatar/index.wc b/src/avatar/index.wc
index 59100cc..8553d0c 100644
--- a/src/avatar/index.wc
+++ b/src/avatar/index.wc
@@ -176,10 +176,7 @@ export default class Avatar {
     this.textContent = text
   }
 
-  watch(name, old, val) {
-    if (old === val) {
-      return
-    }
+  watch() {
     switch (name) {
       case 'src':
         this.removeAttribute('hash')
diff --git a/src/badge/index.wc b/src/badge/index.wc
index 0daef5b..87727ca 100644
--- a/src/badge/index.wc
+++ b/src/badge/index.wc
@@ -64,10 +64,7 @@ export default class Badge {
     this.__DOT__ = this.root.lastElementChild
   }
 
-  watch(name, old, val) {
-    if (old === val) {
-      return
-    }
+  watch() {
     switch (name) {
       case 'label':
         var num = Number(val)
diff --git a/src/form/button.wc b/src/form/button.wc
index eb69102..4690d06 100644
--- a/src/form/button.wc
+++ b/src/form/button.wc
@@ -313,10 +313,7 @@ export default class Button {
     this.__BTN__.removeEventListener('click', this._handleClick)
   }
 
-  watch(name, old, val) {
-    if (old === val) {
-      return
-    }
+  watch() {
     switch (name) {
       case 'icon':
         this.props.icon = val
@@ -342,9 +339,7 @@ export default class Button {
 
       case 'loading':
       case 'disabled':
-        if (val === '') {
-          this[name] = true
-        }
+        this[name] = true
         break
     }
   }
diff --git a/src/form/cascader.wc b/src/form/cascader.wc
index d24bd57..e69de29 100644
--- a/src/form/cascader.wc
+++ b/src/form/cascader.wc
@@ -1,380 +0,0 @@
-<template>
-  <div class="label">
-    <slot class="prepend" name="prepend"></slot>
-    <input readonly />
-    <wc-icon class="arrow" is="left"></wc-icon>
-    <slot class="append" name="append"></slot>
-
-    <div class="opt-box"></div>
-  </div>
-</template>
-
-<style lang="scss">
-ul,
-li {
-  list-style: none;
-}
-:host {
-  overflow: hidden;
-  display: inline-block;
-  user-select: none;
-  -moz-user-select: none;
-  color: nth($cd, 2);
-  border-radius: 4px;
-}
-.label {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  min-width: 64px;
-  height: 32px;
-  font-size: 14px;
-  border: 1px solid nth($cp, 3);
-  border-radius: inherit;
-  background: #fff;
-  color: inherit;
-  cursor: text;
-
-  input {
-    flex: 1;
-    min-width: 0;
-    height: 100%;
-    padding: 0 5px;
-    border: 0;
-    border-radius: inherit;
-    color: inherit;
-    font-size: inherit;
-    background: none;
-    outline: none;
-    box-shadow: none;
-    cursor: inherit;
-
-    &::placeholder {
-      color: nth($cgr, 1);
-    }
-  }
-
-  .prepend,
-  .append {
-    display: none;
-    justify-content: center;
-    align-items: center;
-    width: auto;
-    height: 30px;
-    padding: 0 10px;
-    background: nth($cp, 1);
-  }
-  .prepend {
-    border-right: 1px solid nth($cp, 3);
-    border-radius: 4px 0 0 4px;
-  }
-  .append {
-    border-left: 1px solid nth($cp, 3);
-    border-radius: 0 4px 4px 0;
-  }
-  &[prepend] .prepend,
-  &[append] .append {
-    display: flex;
-  }
-  /* ----- */
-  .arrow {
-    padding: 0 5px;
-    --size: 14px;
-    color: #ddd;
-    transform: rotate(-90deg);
-  }
-}
-
-.opt-box {
-  display: none;
-  position: fixed;
-  z-index: 10240;
-  left: 0;
-  top: 0;
-  width: 200px;
-  height: auto;
-  max-height: 200px;
-  min-height: 46px;
-  padding: 8px 0;
-  border-radius: 4px;
-  background: #fff;
-  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
-
-  .list {
-    width: 100%;
-  }
-
-  &::after {
-    position: absolute;
-    left: 30px;
-    top: -4px;
-    width: 8px;
-    height: 8px;
-    background: #fff;
-    box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.1);
-    transform: rotate(45deg);
-    content: '';
-  }
-  &.show {
-    display: flex;
-  }
-
-  li {
-    overflow: hidden;
-    width: 100%;
-    height: 30px;
-    line-height: 30px;
-    padding: 0 8px;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    cursor: pointer;
-
-    &:hover,
-    &[focus] {
-      background: nth($cp, 1);
-    }
-  }
-}
-
-/* --- */
-:host([disabled]) .label {
-  background: nth($cp, 1);
-  cursor: not-allowed;
-  opacity: 0.6;
-}
-:host(:focus-within) {
-  box-shadow: 0 0 3px nth($ct, 1);
-}
-:host(:focus-within[readonly]) {
-  box-shadow: 0 0 3px nth($co, 1);
-}
-
-/* 额外样式 */
-:host([round]) {
-  border-radius: 21px;
-
-  .prepend {
-    border-radius: 21px 0 0 21px;
-  }
-  .append {
-    border-radius: 0 21px 21px 0;
-  }
-}
-
-:host([size='large']) {
-  .label {
-    height: 42px;
-    font-size: 16px;
-  }
-  .prepend,
-  .append {
-    height: 40px;
-  }
-}
-
-:host([size='medium']) {
-  .label {
-    height: 36px;
-  }
-  .prepend,
-  .append {
-    height: 34px;
-  }
-}
-:host([size='mini']) {
-  .label {
-    height: 24px;
-    font-size: 12px;
-  }
-  .icon {
-    --size: 16px;
-  }
-  .prepend,
-  .append {
-    height: 18px;
-  }
-}
-</style>
-
-<script>
-import '../scroll/index'
-import '../icon/index'
-import { nextTick, ebind, bind, unbind } from '../utils'
-
-function parseTree(list, key) {
-  var tmp = {}
-  var arr = []
-
-  list.sort(function(a, b) {
-    return a.parent === b.parent ? a.id - b.id : a.parent - b.parent
-  })
-
-  list.forEach(it => {
-    it.id = +it.id
-    it.parent = +it.parent
-    it.children = []
-
-    tmp[it.id] = it
-    let _p = tmp[it.parent]
-
-    if (_p) {
-      _p.children.push(it)
-    } else {
-      arr.push(it)
-    }
-  })
-  // key && (store.project[key] = tmp)
-  return arr
-}
-
-function parseOptions(list) {
-  // 最多只允许4级联动
-  var arr = Array(4)
-    .fill(null)
-    .map(_ => [])
-  var path = {}
-
-  for (let it of list) {
-    path[value] = value
-    arr[0].push({ label: it.label, value: it.value })
-
-    if (it.children && it.children.length) {
-      for (let s of it.children) {
-        path[s.value] = it.value
-      }
-    }
-    arr[1] = arr[1].concat(it.children || [])
-  }
-  for (let it of arr[1]) {
-  }
-}
-
-export default class Select {
-  props = {
-    label: '',
-    placeholder: '',
-    multi: '',
-    options: [],
-    mvidx: null, //下拉列表光标的索引ID
-    disabled: false
-  }
-
-  __init__() {
-    /* render */
-
-    this.__OUTER__ = this.root.children[1]
-    this.__PREPEND__ = this.__OUTER__.children[0]
-    this.__INPUT__ = this.__OUTER__.children[1]
-    this.__ICO__ = this.__OUTER__.children[2]
-    this.__APPEND__ = this.__OUTER__.children[3]
-    this.__OPTG__ = this.__OUTER__.children[4]
-  }
-
-  get disabled() {
-    return this.props.disabled
-  }
-
-  set disabled(val) {
-    var type = typeof val
-
-    if (val === this.props.disabled) {
-      return
-    }
-    if ((type === 'boolean' && val) || type !== 'boolean') {
-      this.props.disabled = true
-      this.setAttribute('disabled', '')
-      this.__INPUT__.setAttribute('disabled', '')
-    } else {
-      this.props.disabled = false
-      this.removeAttribute('disabled')
-      this.__INPUT__.removeAttribute('disabled')
-    }
-  }
-
-  get value() {
-    return this.__INPUT__.value
-  }
-
-  set value(val) {
-    this.__INPUT__.value = val
-  }
-
-  _mkOpt(list) {
-    var html = list
-      .map((it, i) => `<li data-idx="${i}">${it.value}</li>`)
-      .join('')
-  }
-
-  mounted() {
-    var prepend = this.__PREPEND__.assignedNodes()
-    var append = this.__APPEND__.assignedNodes()
-
-    // 相同插槽, 只允许1个
-    while (prepend.length > 1) {
-      this.removeChild(prepend.pop())
-    }
-    while (append.length > 1) {
-      this.removeChild(append.pop())
-    }
-
-    if (prepend.length && this.props.type !== 'textarea') {
-      this.__OUTER__.setAttribute('prepend', '')
-    }
-    if (append.length && this.props.type !== 'textarea') {
-      this.__OUTER__.setAttribute('append', '')
-    }
-
-    // 渲染建议列表
-    this._parseOptGroup = bind(this.__INPUT__, 'click', ev => {
-      var { options: list } = this.props
-      let { x, y, width } = this.getBoundingClientRect()
-      log(list, this.props)
-      if (list && list.length) {
-        var html = list
-          .map((it, i) => `<li data-idx="${i}">${it.value}</li>`)
-          .join('')
-        this.__OPTG__.innerHTML = html
-        this.__OPTG__.classList.toggle('show', true)
-        this.__OPTG__.style.cssText = `left:${x}px;top:${y +
-          50}px;width:${width}px;`
-      } else {
-        this.__OPTG__.classList.toggle('show', false)
-      }
-    })
-
-    this._bubbleFn = ebind(this, 'click')
-  }
-
-  watch(name, old, val) {
-    if (old === val) {
-      return
-    }
-    switch (name) {
-      // label和placeholder 功能相同
-      case 'label':
-      case 'placeholder':
-        this.__INPUT__.setAttribute('placeholder', val)
-        break
-
-      case 'options':
-        if (val) {
-          try {
-            this.props.options = JSON.parse(val)
-          } catch (err) {}
-        }
-        break
-
-      case 'value':
-        this.value = val
-        break
-
-      case 'readonly':
-      case 'disabled':
-        if (val === '') {
-          this[name] = true
-        }
-        break
-    }
-  }
-}
-</script>
diff --git a/src/form/checkbox.wc b/src/form/checkbox.wc
index 00ffb62..03979de 100644
--- a/src/form/checkbox.wc
+++ b/src/form/checkbox.wc
@@ -220,10 +220,7 @@ export default class Checkbox {
     )
   }
 
-  watch(name, old, val) {
-    if (old === val) {
-      return
-    }
+  watch() {
     switch (name) {
       case 'label':
       case 'color':
@@ -232,9 +229,7 @@ export default class Checkbox {
 
       case 'checked':
       case 'disabled':
-        if (val === '') {
-          this[name] = true
-        }
+        this[name] = true
         break
     }
   }
diff --git a/src/form/input.wc b/src/form/input.wc
index 5a8a454..0ff8cf0 100644
--- a/src/form/input.wc
+++ b/src/form/input.wc
@@ -480,10 +480,7 @@ export default class Input {
     unbind(this.__LIST__, 'click', this._handleSelect)
   }
 
-  watch(name, old, val) {
-    if (old === val) {
-      return
-    }
+  watch() {
     switch (name) {
       case 'icon':
         this.props.icon = val
@@ -525,9 +522,7 @@ export default class Input {
 
       case 'readonly':
       case 'disabled':
-        if (val === '') {
-          this[name] = true
-        }
+        this[name] = true
         break
     }
   }
diff --git a/src/form/progress.wc b/src/form/progress.wc
index 62d3640..f2666bd 100644
--- a/src/form/progress.wc
+++ b/src/form/progress.wc
@@ -90,11 +90,7 @@ export default class Progress {
     this.calculate()
   }
 
-  watch(name, old, val) {
-    if (old === val) {
-      return
-    }
-
+  watch() {
     switch (name) {
       case max:
         var max = +val
diff --git a/src/form/radio.wc b/src/form/radio.wc
index ba5aa6d..dd1836a 100644
--- a/src/form/radio.wc
+++ b/src/form/radio.wc
@@ -153,6 +153,8 @@
 </style>
 
 <script>
+import { bind, unbind } from '../utils'
+
 export default class Radio {
   props = {
     label: '',
@@ -202,22 +204,19 @@ export default class Radio {
   }
 
   mounted() {
-    this.addEventListener(
-      'click',
-      ev => {
-        if (!this.disabled && !this.checked) {
-          this.checked = true
-          this.dispatchEvent(new CustomEvent('input'))
-        }
-      },
-      false
-    )
+    this._handleClick = bind(this, 'click', ev => {
+      if (!this.disabled && !this.checked) {
+        this.checked = true
+        this.dispatchEvent(new CustomEvent('input'))
+      }
+    })
   }
 
-  watch(name, old, val) {
-    if (old === val) {
-      return
-    }
+  unmount() {
+    unbind(this, 'click', this._handleClick)
+  }
+
+  watch() {
     switch (name) {
       case 'label':
         this.props.label = val
@@ -225,9 +224,7 @@ export default class Radio {
 
       case 'checked':
       case 'disabled':
-        if (val === '') {
-          this[name] = true
-        }
+        this[name] = true
         break
     }
   }
diff --git a/src/form/select.wc b/src/form/select.wc
index 0f6ffd8..3bdfee9 100644
--- a/src/form/select.wc
+++ b/src/form/select.wc
@@ -465,10 +465,7 @@ export default class Select {
     })
   }
 
-  watch(name, old, val) {
-    if (old === val) {
-      return
-    }
+  watch() {
     switch (name) {
       // label和placeholder 功能相同
       case 'label':
@@ -491,9 +488,7 @@ export default class Select {
 
       case 'readonly':
       case 'disabled':
-        if (val === '') {
-          this[name] = true
-        }
+        this[name] = true
         break
     }
   }
diff --git a/src/form/switch.wc b/src/form/switch.wc
index 1c3724d..e3995fc 100644
--- a/src/form/switch.wc
+++ b/src/form/switch.wc
@@ -98,6 +98,7 @@
 </style>
 
 <script>
+import { bind, unbind } from '../utils'
 export default class Switch {
   props = {
     checked: false,
@@ -146,31 +147,24 @@ export default class Switch {
   }
 
   mounted() {
-    this.addEventListener(
-      'click',
-      ev => {
-        if (this.disabled) {
-          return
-        }
-        if (!this.disabled) {
-          this.checked = !this.checked
-          this.dispatchEvent(new CustomEvent('input'))
-        }
-      },
-      false
-    )
+    this._handleClick = bind(this, 'click', ev => {
+      if (this.disabled) {
+        return
+      }
+      this.checked = !this.checked
+      this.dispatchEvent(new CustomEvent('input'))
+    })
   }
 
-  watch(name, old, val) {
-    if (old === val) {
-      return
-    }
+  unmount() {
+    unbind(this, 'click', this._handleClick)
+  }
+
+  watch() {
     switch (name) {
       case 'checked':
       case 'disabled':
-        if (val === '') {
-          this[name] = true
-        }
+        this[name] = true
         break
     }
   }
diff --git a/src/icon.js b/src/icon.js
deleted file mode 100644
index da93027..0000000
--- a/src/icon.js
+++ /dev/null
@@ -1,34 +0,0 @@
-/**
- * svg图标
- * @author yutent<yutent@doui.cc>
- * @date 2019/07/08 11:17:58
- */
-
-'use strict'
-
-function appendSVGDOM() {
-  var container,
-    svg,
-    str =
-      '<svg><symbol id="icon-editor-bold" viewBox="0 0 1024 1024"><path d="M576 661.333H426.667v-128H576c35.413 0 64 28.587 64 64 0 35.414-28.587 64-64 64m-149.333-384h128c35.413 0 64 28.587 64 64 0 35.414-28.587 64-64 64h-128m238.933 55.04C706.987 431.36 736 384 736 341.333c0-96.426-74.667-170.666-170.667-170.666H298.667V768H599.04c89.6 0 158.293-72.533 158.293-161.707 0-64.853-36.693-120.32-91.733-145.92z"  ></path></symbol><symbol id="icon-editor-image" viewBox="0 0 1024 1024"><path d="M554.667 384h234.666L554.667 149.333V384M256 85.333h341.333l256 256v512c0 46.934-38.4 85.334-85.333 85.334H256c-47.36 0-85.333-38.4-85.333-85.334V170.667A85.038 85.038 0 0 1 256 85.333m0 768h512V512L597.333 682.667 512 597.333l-256 256M341.333 384C294.4 384 256 422.4 256 469.333c0 46.934 38.4 85.334 85.333 85.334 46.934 0 85.334-38.4 85.334-85.334 0-46.933-38.4-85.333-85.334-85.333z"  ></path></symbol><symbol id="icon-editor-align-justify" viewBox="0 0 1024 1024"><path d="M128 128h768v85.333H128V128m0 170.667h768V384H128v-85.333m0 170.666h768v85.334H128v-85.334M128 640h768v85.333H128V640m0 170.667h768V896H128v-85.333z"  ></path></symbol><symbol id="icon-editor-align-left" viewBox="0 0 1024 1024"><path d="M128 128h768v85.333H128V128m0 170.667h512V384H128v-85.333m0 170.666h768v85.334H128v-85.334M128 640h512v85.333H128V640m0 170.667h768V896H128v-85.333z"  ></path></symbol><symbol id="icon-editor-link" viewBox="0 0 1024 1024"><path d="M879.2 131.6c-103-95.5-264.1-88-361.4 11.2L474.7 184c-13.1 13.1-3.7 35.6 13.1 37.5 26.2 1.9 52.4 7.5 78.7 15 7.5 1.9 16.9 0 22.5-5.6l9.4-9.4c54.3-54.3 142.3-59.9 198.5-11.2 63.7 54.3 65.5 151.7 7.5 209.7L662 562.3c-18.7 18.7-41.2 30-63.7 37.5-30 7.5-61.8 5.6-89.9-5.6-16.9-7.5-33.7-16.9-48.7-31.8-7.5-7.5-13.1-15-18.7-24.3-7.5-13.1-24.3-15-33.7-3.7l-52.4 52.4c-7.5 7.5-7.5 18.7-1.9 28.1 7.5 11.2 16.9 20.6 26.2 30 13.1 13.1 30 26.2 44.9 35.6 26.2 16.9 56.2 28.1 86.1 33.7 58.1 11.2 121.7 1.9 174.2-26.2 20.6-11.2 41.2-26.2 58.1-43.1l142.3-142.3c104.9-103.2 101.2-271.8-5.6-371zM534.7 803.9l-39.3-5.6s-26.2-5.6-39.3-11.2c-7.5-1.9-16.9 0-22.5 5.6l-9.4 9.4c-54.3 54.3-142.3 59.9-198.5 11.2-63.7-54.3-65.5-151.7-7.5-209.7l142.3-142.3c18.7-18.7 41.2-30 63.7-37.5 30-7.5 61.8-5.6 89.9 5.6 16.9 7.5 33.7 16.9 48.7 31.8 7.5 7.5 13.1 15 18.7 24.3 7.5 13.1 24.3 15 33.7 3.7l52.4-52.4c7.5-7.5 7.5-18.7 1.9-28.1-7.5-11.2-16.9-20.6-26.2-30-13.1-13.1-28.1-26.2-44.9-35.6-26.2-16.9-56.2-28.1-88-33.7-58.1-11.2-121.7-1.9-174.2 26.2-20.6 11.2-41.2 26.2-58.1 43.1L141.4 515.5c-99.3 99.3-106.7 260.3-11.2 361.4C229.5 985.5 398 987.4 501 884.4l46.8-46.8c13.1-9.4 3.7-31.9-13.1-33.7z"  ></path></symbol><symbol id="icon-editor-list-numbers" viewBox="0 0 1024 1024"><path d="M298.667 554.667H896v-85.334H298.667m0 341.334H896v-85.334H298.667m0-426.666H896v-85.334H298.667m-213.334 256h76.8l-76.8 89.6v38.4h128v-42.666h-76.8l76.8-89.6v-38.4h-128M128 341.333h42.667V170.667H85.333v42.666H128m-42.667 512h85.334v21.334H128v42.666h42.667v21.334H85.333v42.666h128V682.667h-128v42.666z"  ></path></symbol><symbol id="icon-editor-italic" viewBox="0 0 1024 1024"><path d="M426.667 170.667v128h94.293L375.04 640H256v128h341.333V640H503.04l145.92-341.333H768v-128H426.667z"  ></path></symbol><symbol id="icon-editor-strikethrough" viewBox="0 0 1024 1024"><path d="M898.719 512v70.312H744.383c35.156 75.235 33.398 281.25-219.024 281.25-292.851 1.758-281.601-228.515-281.601-228.515l139.57 1.758c1.055 118.476 111.094 118.476 132.89 117.07 22.5-1.758 106.524-1.406 113.204-83.672 2.812-38.32-35.86-67.5-78.047-87.89H125.281V512H898.72M772.508 367.508l-139.922-1.055s5.976-97.383-115.313-97.734c-121.289-0.703-110.742 77.343-110.742 87.187 1.407 9.844 11.953 58.36 105.469 81.563H290.867S168.172 200.867 467.703 160.437c306.211-42.187 305.508 207.774 304.805 207.07z"  ></path></symbol><symbol id="icon-editor-underline" viewBox="0 0 1024 1024"><path d="M232 872h560v-80H232v80m280-160c132.4 0 240-107.6 240-240V152H652v320c0 77.2-62.8 140-140 140s-140-62.8-140-140V152H272v320c0 132.4 107.6 240 240 240z"  ></path></symbol><symbol id="icon-editor-align-center" viewBox="0 0 1024 1024"><path d="M128 128h768v85.333H128V128m170.667 170.667h426.666V384H298.667v-85.333M128 469.333h768v85.334H128v-85.334M298.667 640h426.666v85.333H298.667V640M128 810.667h768V896H128v-85.333z"  ></path></symbol><symbol id="icon-editor-list-bulleted" viewBox="0 0 1024 1024"><path d="M298.667 213.333v85.334H896v-85.334M298.667 554.667H896v-85.334H298.667m0 341.334H896v-85.334H298.667m-128-14.08c-31.574 0-56.747 25.6-56.747 56.747s25.6 56.747 56.747 56.747c31.146 0 56.746-25.6 56.746-56.747s-25.173-56.747-56.746-56.747m0-519.253c-35.414 0-64 28.587-64 64s28.586 64 64 64c35.413 0 64-28.587 64-64s-28.587-64-64-64m0 256c-35.414 0-64 28.587-64 64s28.586 64 64 64c35.413 0 64-28.587 64-64s-28.587-64-64-64z"  ></path></symbol><symbol id="icon-editor-align-right" viewBox="0 0 1024 1024"><path d="M128 128h768v85.333H128V128m256 170.667h512V384H384v-85.333M128 469.333h768v85.334H128v-85.334M384 640h512v85.333H384V640M128 810.667h768V896H128v-85.333z"></path></symbol></svg>'
-
-  container = document.createElement('div')
-  container.innerHTML = str
-
-  svg = container.querySelector('svg')
-  svg.setAttribute('aria-hidden', 'true')
-  svg.style.cssText = 'overflow:hidden;position: absolute;width:0;height:0'
-  document.head.appendChild(svg)
-}
-
-export default !(function(params) {
-  if (~['complete', 'loaded', 'interactive'].indexOf(document.readyState)) {
-    setTimeout(appendSVGDOM, 0)
-  } else {
-    var loadedEvent = function() {
-      document.removeEventListener('DOMContentLoaded', loadedEvent, false)
-      appendSVGDOM()
-    }
-    document.addEventListener('DOMContentLoaded', loadedEvent, false)
-  }
-})()
diff --git a/src/icon/index.wc b/src/icon/index.wc
index 5241b10..9b0da41 100644
--- a/src/icon/index.wc
+++ b/src/icon/index.wc
@@ -130,7 +130,7 @@ export default class Icon {
     this.drawPath()
   }
 
-  watch(name, old, val) {
+  watch() {
     switch (name) {
       case 'is':
         this.is = val
diff --git a/src/layer/next.wc b/src/layer/next.wc
index 2c5a27c..c7a5775 100644
--- a/src/layer/next.wc
+++ b/src/layer/next.wc
@@ -1057,11 +1057,7 @@ export default class Layer {
 
   unmount() {}
 
-  watch(name, old, val) {
-    if (old === val) {
-      return
-    }
-
+  watch() {
     switch (name) {
       case 'title':
       case 'type':
diff --git a/src/pager/index.js b/src/pager/index.js
deleted file mode 100644
index 57f9ef4..0000000
--- a/src/pager/index.js
+++ /dev/null
@@ -1,254 +0,0 @@
-'use strict'
-
-import 'css/pager.scss'
-
-Anot.ui.pager = '1.0.0'
-//计算页码列表
-function calculate({ currPage, maxPageShow, totalPage }) {
-  let arr = []
-  let fixNum = 0
-  let halfPage =
-    currPage < maxPageShow / 2
-      ? maxPageShow - currPage
-      : Math.floor(maxPageShow / 2)
-
-  if (totalPage < 2) {
-    arr.push(1)
-    return arr
-  }
-  if (currPage - halfPage > 1) {
-    arr.push('...')
-  }
-  if (totalPage - currPage < halfPage) {
-    fixNum = halfPage - totalPage + currPage
-  }
-  for (
-    let i = currPage - halfPage - fixNum;
-    i < currPage + halfPage + 1 && i <= totalPage;
-    i++
-  ) {
-    if (i > 0) {
-      arr.push(i)
-    }
-  }
-  if (currPage + halfPage < totalPage) {
-    arr.push('...')
-  }
-  return arr
-}
-// 更新组件
-function update(currPage, vm) {
-  const {
-    totalPage,
-    props: { maxPageShow }
-  } = vm
-  if (vm.currPage !== currPage) {
-    vm.currPage = vm.inputPage = currPage
-    if (typeof vm.props.pageChanged === 'function') {
-      vm.props.pageChanged(currPage)
-    }
-  }
-
-  vm.pageList.clear()
-  if (totalPage > 1) {
-    vm.pageList.pushArray(calculate({ currPage, totalPage, maxPageShow }))
-  } else {
-    vm.pageList.pushArray([1])
-  }
-}
-
-const tmpls = {
-  home: `<button class="do-icon-dbl-left button"
-    :css="{'border-radius': props.radius}"
-    :attr="{disabled: currPage === 1}"
-    :data="{to: parseUrl(1)}"
-    :click="go(1, $event)"></button>`,
-  end: `<button class="do-icon-dbl-right button"
-    :css="{'border-radius': props.radius}"
-    :attr="{disabled: currPage === totalPage}"
-    :data="{to: parseUrl(totalPage)}"
-    :click="go(totalPage, $event)"></button>`,
-  prev: `<button class="do-icon-left button"
-    :css="{'border-radius': props.radius}"
-    :attr="{disabled: currPage < 2}"
-    :data="{to: parseUrl(currPage - 1)}"
-    :click="go(currPage - 1, $event)"></button>`,
-  next: `<button class="do-icon-right button"
-    :css="{'border-radius': props.radius}"
-    :attr="{disabled: currPage >= totalPage}"
-    :data="{to: parseUrl(currPage + 1)}"
-    :click="go(currPage + 1, $event)"></button>`,
-  pager: `<button class="page"
-    :for="pageList"
-    :css="{'border-radius': props.radius}"
-    :attr="{disabled: '...' === el || currPage === el}"
-    :data="{to: parseUrl(el)}"
-    :class="{disabled: '...' === el, curr: currPage === el}"
-    :text="el"
-    :click="go(el, $event)"></button>`,
-  curr: `<button class="page curr" :text="currPage"></button>`,
-  total: `<span class="total-box">共 {{totalPage}} 页 {{totalItem}} 条</span>`,
-  jumper: `<div class="input-box">前往
-      <input type="text" :duplex="inputPage" :keyup="go(null, $event)"> 页
-    </div>`,
-  slot: ''
-}
-
-export default Anot.component('pager', {
-  __init__: function(props, state, next) {
-    this.classList.add('do-pager')
-    this.classList.add('do-fn-noselect')
-    this.setAttribute(':class', "{{classList.join(' ')}}")
-    props.theme = +props.theme || 1
-    if (props.simpleMode) {
-      props.theme = 1
-    }
-
-    state.classList = state.classList.concat(
-      'skin-' + props.theme,
-      props.color || 'plain',
-      props.size || 'mini'
-    )
-
-    if (props.total) {
-      state.totalItem = +props.total
-    }
-    if (props.pageSize) {
-      state.pageSize = +props.pageSize
-    }
-
-    if (!props.layout) {
-      props.layout = 'total,home,prev,pager,next,end,jumper'
-    }
-
-    if (props.theme === 2) {
-      props.radius = null
-    }
-
-    delete props.total
-    delete props.pageSize
-    delete props.color
-    delete props.size
-    next()
-  },
-  render: function(slots) {
-    let { layout, theme, simpleMode } = this.props
-    if (simpleMode) {
-      layout = ['prev', 'curr', 'next']
-    } else {
-      layout = layout.replace(/\s/g, '')
-      if (theme === 2) {
-        layout = layout.replace(/total|jumper/g, '')
-      }
-      layout = layout.split(',')
-    }
-    layout = layout.map(it => {
-      if (it === 'slot') {
-        if (slots && slots.extra) {
-          return slots.extra.join('')
-        }
-      } else {
-        return tmpls[it] || ''
-      }
-    })
-    return layout.join('\n')
-  },
-  componentWillMount: function() {
-    const { currPage, totalPage, props } = this
-    this.pageList.clear()
-    this.pageList.pushArray(
-      calculate({ currPage, totalPage, maxPageShow: props.maxPageShow })
-    )
-  },
-  componentDidMount: function() {
-    if (typeof this.props.created === 'function') {
-      this.props.created(this)
-    }
-  },
-  state: {
-    classList: [],
-    currPage: 1,
-    totalItem: 1,
-    pageSize: 20,
-    inputPage: 1,
-    pageList: []
-  },
-  computed: {
-    totalPage: function() {
-      return Math.ceil(this.totalItem / this.pageSize)
-    }
-  },
-  props: {
-    url: null,
-    maxPageShow: 5,
-    simpleMode: !1,
-    radius: 3,
-    pageChanged: Anot.PropsTypes.isFunction(),
-    created: Anot.PropsTypes.isFunction()
-  },
-  skip: ['classList'],
-  methods: {
-    // 格式化页码的URL
-    parseUrl(val) {
-      val = val >>> 0
-      if (val < 1 || !this.props.url || this.currPage === val) {
-        return ''
-      }
-      return this.props.url.replace('{id}', val)
-    },
-    // 设置页码
-    go(val, ev) {
-      let { inputPage, totalPage, currPage } = this
-      let elem = (ev && ev.target) || null
-      if ((elem && elem.disabled) || currPage === val) {
-        return
-      }
-      if (val && elem) {
-        if (val !== '...') {
-          let link = elem.dataset.to
-
-          if (link) {
-            location.href = link
-          } else {
-            val = val >>> 0
-          }
-          update(val, this)
-        }
-      } else {
-        if (val === null) {
-          inputPage = inputPage >>> 0
-
-          if (ev && ev.keyCode === 13) {
-            if (inputPage < 1 || currPage === inputPage) {
-              return (this.inputPage = currPage)
-            }
-            if (inputPage > totalPage) {
-              inputPage = totalPage
-            }
-            this.inputPage = inputPage
-            update(inputPage, this)
-          }
-        } else {
-          val = val >>> 0
-          update(val, this)
-        }
-      }
-    },
-    setSize(num) {
-      num = +num
-      if (this.pageSize === num) {
-        return
-      }
-      this.pageSize = +num
-      update(1, this)
-    },
-    setTotal(num) {
-      num = +num
-      if (this.totalItem === num) {
-        return
-      }
-      this.totalItem = +num
-      update(1, this)
-    }
-  }
-})
diff --git a/src/pager/index.wc b/src/pager/index.wc
index 34b09cc..f52899c 100644
--- a/src/pager/index.wc
+++ b/src/pager/index.wc
@@ -213,11 +213,7 @@ export default class Pager {
     )
   }
 
-  watch(name, old, val) {
-    if (old === val) {
-      return
-    }
-
+  watch() {
     switch (name) {
       case 'total':
       case 'pagesize':
diff --git a/src/picker/date.wc b/src/picker/date.wc
index 5ce5c85..57643c0 100644
--- a/src/picker/date.wc
+++ b/src/picker/date.wc
@@ -587,10 +587,7 @@ export default class DatePicker {
     unbind(this.__DAYS__, 'click', this._pickFn)
   }
 
-  watch(name, old, val) {
-    if (old === val) {
-      return
-    }
+  watch() {
     switch (name) {
       // label和placeholder 功能相同
       case 'label':
@@ -630,9 +627,7 @@ export default class DatePicker {
 
       case 'readonly':
       case 'disabled':
-        if (val === '') {
-          this[name] = true
-        }
+        this[name] = true
         break
     }
   }