依赖更新 && 构建调整 (#60)

* upgrade dependencies

* 更改所有 saladcss 写法

* fix: 升级依赖导致的样式错误

* fix: build vant css

* use es module when pack && webpack scope hoisting

* fix: vue module version

* delete unused npm script

* fix: build:vant script not work

* fix: webpack config format

* fix: build minify vant.js

* fix: captain ui relative link

packages/vant-css/src/field.css

@@ -3,96 +3,95 @@
 @import './cell.css';
 @import './icon.css';
 
-@component-namespace van {
-  @b field {
+.van-field {
+
+  width: 100%;
+
+  .van-cell__title,
+  .van-cell__value {
+    float: none;
+    box-sizing: border-box;
+  }
+
+  .van-cell__title {
+    width: 90px;
+    position: absolute;
+    top: 10px;
+    left: 0;
+  }
+
+  .van-cell__value {
     width: 100%;
+    padding-left: 90px;
+  }
 
-    @m hastextarea {
-      .van-field__control {
-        min-height: 60px;
-      }
-    }
-
-    @m nolabel {
-      .van-cell__title {
-        display: none;
-      }
-
-      .van-cell__value {
-        width: 100%;
-        padding-left: 0;
-      }
-    }
-
-    @m disabled {
-      .van-field__control {
-        color: $c-gray-dark;
-      }
-    }
-
-    @m error {
-      .van-field__control {
-        color: $c-red;
-      }
-    }
-
-    @m border {
-      .van-field__control {
-        padding-left: 10px;
-      }
-
-      &::after {
-        border-radius: 2px;
-        @mixin border-retina (top, right, bottom, left);
-      }
-
-      &:last-child::after {
-        @mixin border-retina (bottom);
-      }
-    }
-
-    @m autosize {
-      .van-field__control {
-        min-height: 0px;
-      }
-    }
-
-    .van-cell__title,
-    .van-cell__value {
-      float: none;
-      box-sizing: border-box;
-    }
-
-    .van-cell__title {
-      width: 90px;
-      position: absolute;
-      top: 10px;
-      left: 0;
-    }
-
-    .van-cell__value {
-      width: 100%;
-      padding-left: 90px;
-    }
-
-    @e control {
-      border: 0;
-      font-size: 14px;
-      line-height: 24px;
-      height: 24px;
-      padding: 0;
-      display: block;
-      width: 100%;
-      resize: none;
-      outline: 0;
-    }
-
-    @e icon {
-      position: absolute;
-      right: 0;
-      top: 50%;
-      transform: translate3d(0, -50%, 0);
-      padding: 10px;
+  &--hastextarea {
+    .van-field__control {
+      min-height: 60px;
     }
   }
+
+  &--nolabel {
+    .van-cell__title {
+      display: none;
+    }
+
+    .van-cell__value {
+      width: 100%;
+      padding-left: 0;
+    }
+  }
+
+  &--disabled {
+    .van-field__control {
+      color: $c-gray-dark;
+    }
+  }
+
+  &--error {
+    .van-field__control {
+      color: $c-red;
+    }
+  }
+
+  &--border {
+    .van-field__control {
+      padding-left: 10px;
+    }
+
+    &::after {
+      border-radius: 2px;
+      @mixin border-retina (top, right, bottom, left);
+    }
+
+    &:last-child::after {
+      @mixin border-retina (bottom);
+    }
+  }
+
+  &--autosize {
+    .van-field__control {
+      min-height: 0px;
+    }
+  }
+
+  &__control {
+    border: 0;
+    font-size: 14px;
+    line-height: 24px;
+    height: 24px;
+    padding: 0;
+    display: block;
+    width: 100%;
+    resize: none;
+    outline: 0;
+  }
+
+  &__icon {
+    position: absolute;
+    right: 0;
+    top: 50%;
+    transform: translate3d(0, -50%, 0);
+    padding: 10px;
+  }
 }