5 files changed, 47 insertions, 56 deletions

diff --git a/assets/index/Combobox.less b/assets/index/Combobox.less
deleted file mode 100644
index a796d0a..0000000
--- a/assets/index/Combobox.less
+++ /dev/null
@@ -1,4 +0,0 @@
-.@{prefixClass} {
-  &-combobox {
-  }
-}
diff --git a/assets/index/Header.less b/assets/index/Header.less
index ac3d662..7ad3d9f 100644
--- a/assets/index/Header.less
+++ b/assets/index/Header.less
@@ -1,8 +1,7 @@
-.@{prefixClass} {
+.@{prefixClass}-panel {
   &-input {
     margin: 0;
     padding: 0;
-    border: 0;
     width: 100%;
     cursor: auto;
     line-height: 1.5;
@@ -48,7 +47,3 @@
     color: #666;
   }
 }
-
-.narrow .@{prefixClass}-input-wrap {
-  max-width: 111px;
-}
diff --git a/assets/index/Panel.less b/assets/index/Panel.less
index a11c4aa..be7914f 100644
--- a/assets/index/Panel.less
+++ b/assets/index/Panel.less
@@ -1,15 +1,25 @@
-.@{prefixClass}-panel-inner {
-  display: inline-block;
-  position: relative;
-  outline: none;
-  border: 1px solid #ccc;
-  list-style: none;
-  font-size: 12px;
-  text-align: left;
-  background-color: #fff;
-  border-radius: 3px;
-  box-shadow: 0 1px 5px #ccc;
-  background-clip: padding-box;
-  border: 1px solid #ccc;
-  line-height: 1.5;
+.@{prefixClass}-panel {
+  z-index: 1070;
+  width: 170px;
+  position: absolute;
+  box-sizing: border-box;
+
+  * {
+    box-sizing: border-box;
+  }
+
+  &-inner {
+    display: inline-block;
+    position: relative;
+    outline: none;
+    list-style: none;
+    font-size: 12px;
+    text-align: left;
+    background-color: #fff;
+    border-radius: 3px;
+    box-shadow: 0 1px 5px #ccc;
+    background-clip: padding-box;
+    border: 1px solid #ccc;
+    line-height: 1.5;
+  }
 }
diff --git a/assets/index/Picker.less b/assets/index/Picker.less
index dc1fbbd..76bf834 100644
--- a/assets/index/Picker.less
+++ b/assets/index/Picker.less
@@ -1,28 +1,18 @@
-.@{prefixClass}-panel {
-  z-index: 1070;
-  position: absolute;
-
-  &.slide-up-enter.slide-up-enter-active&-placement-topLeft,
-  &.slide-up-enter.slide-up-enter-active&-placement-topRight,
-  &.slide-up-appear.slide-up-appear-active&-placement-topLeft,
-  &.slide-up-appear.slide-up-appear-active&-placement-topRight {
-    animation-name: antSlideDownIn;
-  }
-
-  &.slide-up-enter.slide-up-enter-active&-placement-bottomLeft,
-  &.slide-up-enter.slide-up-enter-active&-placement-bottomRight,
-  &.slide-up-appear.slide-up-appear-active&-placement-bottomLeft,
-  &.slide-up-appear.slide-up-appear-active&-placement-bottomRight {
-    animation-name: antSlideUpIn;
-  }
-
-  &.slide-up-leave.slide-up-leave-active&-placement-topLeft,
-  &.slide-up-leave.slide-up-leave-active&-placement-topRight {
-    animation-name: antSlideDownOut;
-  }
-
-  &.slide-up-leave.slide-up-leave-active&-placement-bottomLeft,
-  &.slide-up-leave.slide-up-leave-active&-placement-bottomRight {
-    animation-name: antSlideUpOut;
+.@{prefixClass} {
+  &-input {
+    width: 100%;
+    position: relative;
+    display: inline-block;
+    padding: 4px 7px;
+    height: 28px;
+    cursor: text;
+    font-size: 12px;
+    line-height: 1.5;
+    color: #666;
+    background-color: #fff;
+    background-image: none;
+    border: 1px solid #d9d9d9;
+    border-radius: 6px;
+    transition: border .2s cubic-bezier(0.645, 0.045, 0.355, 1), background .2s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow .2s cubic-bezier(0.645, 0.045, 0.355, 1);
   }
 }
diff --git a/assets/index/Select.less b/assets/index/Select.less
index 995d09e..e93e8f7 100644
--- a/assets/index/Select.less
+++ b/assets/index/Select.less
@@ -1,4 +1,4 @@
-.@{prefixClass}-select {
+.@{prefixClass}-panel-select {
   float: left;
   overflow-y:auto;
   font-size: 12px;
@@ -38,13 +38,13 @@
     cursor: pointer;
     user-select: none;
 
-    &.selected {
-      background: #edfaff;
-      color: #2db7f5;
-    }
-
     &:hover {
       background: #edfaff;
     }
   }
+
+  &-option-selected {
+    background: #edfaff;
+    color: #2db7f5;
+  }
 }