From a33874c6849b351d437009c4587cb85f21fd8229 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AE=87=E5=A4=A9?= <yutent@doui.cc>
Date: Thu, 25 Jul 2019 23:58:54 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E8=A7=92=E6=A0=87=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E5=92=8C=E9=80=89=E6=8B=A9=E5=99=A8=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/badge/index.wc | 67 ++++++++++++++++++++++++++++++++++++++++++++++
 src/form/input.wc  |  1 -
 src/form/select.wc | 31 +++++++++++++++++++++
 src/icon/index.wc  |  1 -
 4 files changed, 98 insertions(+), 2 deletions(-)
 create mode 100644 src/badge/index.wc
 create mode 100644 src/form/select.wc

diff --git a/src/badge/index.wc b/src/badge/index.wc
new file mode 100644
index 0000000..7be3d17
--- /dev/null
+++ b/src/badge/index.wc
@@ -0,0 +1,67 @@
+<template>
+  <slot></slot>
+  <span class="dot"></span>
+</template>
+
+<style lang="scss">
+:host {
+  display: inline-block;
+  position: relative;
+  height: 0;
+}
+.dot {
+  position: absolute;
+  right: 0;
+  top: 0;
+  display: block;
+  min-width: 10px;
+  min-height: 10px;
+  line-height: 1;
+  font-size: 12px;
+  border: 1px solid #fff;
+  border-radius: 16px;
+  background: nth($cr, 1);
+  color: #fff;
+  text-align: center;
+  transform: translateX(100%) translateY(-50%);
+}
+
+:host([label]) {
+  .dot {
+    right: 10px;
+    min-width: 18px;
+    padding: 2px 4px;
+  }
+}
+</style>
+
+<script>
+export default class Badge {
+  props = {
+    label: ''
+  }
+
+  constructor() {
+    /* render */
+    this.__DOT__ = this.root.lastElementChild
+  }
+
+  watch(name, old, val) {
+    if (old === val) {
+      return
+    }
+    switch (name) {
+      case 'label':
+        var num = Number(val)
+        if (num === num) {
+          if (num > 99) {
+            val = '99+'
+          }
+        }
+        this.props.label = val
+        this.__DOT__.textContent = val
+        break
+    }
+  }
+}
+</script>
diff --git a/src/form/input.wc b/src/form/input.wc
index 1064208..0275ab1 100644
--- a/src/form/input.wc
+++ b/src/form/input.wc
@@ -308,7 +308,6 @@ export default class Input {
   }
 
   set value(val) {
-    this.props.value = val
     this.__INPUT__.value = val
   }
 
diff --git a/src/form/select.wc b/src/form/select.wc
new file mode 100644
index 0000000..8b65fb8
--- /dev/null
+++ b/src/form/select.wc
@@ -0,0 +1,31 @@
+<template>
+  <div class="label">
+    <slot class="prepend" name="prepend"></slot>
+    ${input}
+    <wc-icon class="icon"></wc-icon>
+    <slot class="append" name="append"></slot>
+
+    <div class="suggestion">
+      <ul class="list"></ul>
+    </div>
+  </div>
+</template>
+
+<style lang="scss"></style>
+
+<script>
+export default Select {
+  props = {
+    label: '',
+    label: '',
+    placeholder: '',
+    mvidx: null, //下拉列表光标的索引ID
+    autofocus: false,
+    disabled: false
+  }
+
+  constructor(){
+    /* render */
+  }
+}
+</script>
diff --git a/src/icon/index.wc b/src/icon/index.wc
index 4e17ebf..b8c0588 100644
--- a/src/icon/index.wc
+++ b/src/icon/index.wc
@@ -15,7 +15,6 @@
   width: var(--size, 32px);
   height: var(--size, 32px);
   fill: currentColor;
-  vertical-align: -0.1em;
 
   &.load {
     animation: load 1.5s linear infinite;