依赖更新 && 构建调整 (#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

docs/examples-docs/actionsheet.md

@@ -1,17 +1,15 @@
 <style>
-@component-namespace demo {
-  @b actionsheet {
-    .actionsheet-wx {
-      color: #06BF04;
-    }
+.demo-actionsheet {
+  .actionsheet-wx {
+    color: #06BF04;
+  }
 
-    .van-button {
-      margin-left: 15px;
-    }
+  .van-button {
+    margin-left: 15px;
+  }
 
-    .title-actionsheet p {
-      padding: 20px;
-    }
+  .title-actionsheet p {
+    padding: 20px;
   }
 }
 </style>

docs/examples-docs/badge.md

@@ -1,14 +1,12 @@
 <style>
-@component-namespace demo {
-  @b badge {
-    .badge-group-wrapper {
-      padding: 30px 20px;
-      background-color: #fff;
-    }
+.demo-badge {
+  .badge-group-wrapper {
+    padding: 30px 20px;
+    background-color: #fff;
+  }
 
-    .van-badge-group {
-      margin: 0 auto;
-    }
+  .van-badge-group {
+    margin: 0 auto;
   }
 }
 </style>

docs/examples-docs/button.md

@@ -1,20 +1,18 @@
 <style>
-@component-namespace demo {
-  @b button {
-    .van-button {
-      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-      user-select: none;
-    }
-    .van-row {
-      padding: 0 15px;
-      margin-bottom: 20px;
-    }
-    .van-col-24 {
-      margin-bottom: 20px;
+.demo-button {
+  .van-button {
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    user-select: none;
+  }
+  .van-row {
+    padding: 0 15px;
+    margin-bottom: 20px;
+  }
+  .van-col-24 {
+    margin-bottom: 20px;
 
-      &:last-child {
-        margin-bottom: 0;
-      }
+    &:last-child {
+      margin-bottom: 0;
     }
   }
 }

docs/examples-docs/checkbox.md

@@ -1,12 +1,10 @@
 <style>
-@component-namespace demo {
-  @b checkbox {
-    .van-checkbox-wrapper {
-      padding: 0 20px;
+.demo-checkbox {
+  .van-checkbox-wrapper {
+    padding: 0 20px;
 
-      .van-checkbox {
-        margin: 10px 0;
-      }
+    .van-checkbox {
+      margin: 10px 0;
     }
   }
 }

docs/examples-docs/dialog.md

@@ -1,9 +1,7 @@
 <style>
-@component-namespace demo {
-  @b dialog {
-    .van-button {
-      margin: 15px;
-    }
+.demo-dialog {
+  .van-button {
+    margin: 15px;
   }
 }
 </style>

docs/examples-docs/field.md

@@ -1,9 +1,7 @@
 <style>
-@component-namespace demo {
-  @b field {
-    .van-field-wrapper {
-      padding: 0 10px;
-    }
+.demo-field {
+  .van-field-wrapper {
+    padding: 0 10px;
   }
 }
 </style>

docs/examples-docs/icon.md

@@ -1,20 +1,18 @@
 <style>
-@component-namespace demo {
-  @b icon {
-    .examples {
-      max-height: none;
-    }
+.demo-icon {
+  .examples {
+    max-height: none;
+  }
 
-    .van-col {
-      text-align: center;
-      height: 120px;
-    }
+  .van-col {
+    text-align: center;
+    height: 120px;
+  }
 
-    .van-icon {
-      font-size: 45px;
-      display: block;
-      margin: 15px 0;
-    }
+  .van-icon {
+    font-size: 45px;
+    display: block;
+    margin: 15px 0;
   }
 } 
 </style>

docs/examples-docs/image-preview.md

@@ -1,9 +1,7 @@
 <style>
-@component-namespace demo {
-  @b image-preview {
-    .van-button {
-      margin-left: 15px;
-    }
+.demo-image-preview {
+  .van-button {
+    margin-left: 15px;
   }
 }
 </style>

docs/examples-docs/layout.md

@@ -1,12 +1,10 @@
 <style>
-@component-namespace demo {
-  @b layout {
-    .van-row {
-      padding: 0 20px;
-    }
-    .van-col {
-      margin-bottom: 10px;
-    }
+.demo-layout {
+  .van-row {
+    padding: 0 20px;
+  }
+  .van-col {
+    margin-bottom: 10px;
   }
 }
 

docs/examples-docs/lazyload.md

@@ -1,17 +1,15 @@
 <style>
-@component-namespace demo {
-  @b lazyload {
-    .lazy-img {
-      display: block;
-      width: 100%;
-      height: auto;
-    }
+.demo-lazyload {
+  .lazy-img {
+    display: block;
+    width: 100%;
+    height: auto;
+  }
 
-    .lazy-background {
-      height: 300px;
-      background-size: cover;
-      background-repeat: no-repeat;
-    }
+  .lazy-background {
+    height: 300px;
+    background-size: cover;
+    background-repeat: no-repeat;
   }
 }
 </style>

docs/examples-docs/loading.md

@@ -1,21 +1,19 @@
 <style>
-@component-namespace demo {
-  @b loading {
-    .van-loading {
-      margin: 0 auto;
-    }
+.demo-loading {
+  .van-loading {
+    margin: 0 auto;
+  }
 
-    .circle-loading {
-      margin: 20px auto;
-    }
+  .circle-loading {
+    margin: 20px auto;
+  }
 
-    .demo-loading__example--with-bg {
-      background-color: rgba(17, 17, 17, 0.7);
-      margin: 0 auto;
-      width: 120px;
-      padding: 45px 0;
-      border-radius: 10px;
-    }
+  .demo-loading__example--with-bg {
+    background-color: rgba(17, 17, 17, 0.7);
+    margin: 0 auto;
+    width: 120px;
+    padding: 45px 0;
+    border-radius: 10px;
   }
 }
 </style>

docs/examples-docs/panel.md

@@ -1,30 +1,28 @@
 <style>
-@component-namespace demo {
-  @b panel {
-    .van-panel-sum {
-      background: #fff;
-      text-align: right;
-      font-size: 14px;
-      color: #333;
-      line-height: 30px;
-      padding-right: 15px;
+.demo-panel {
+  .van-panel-sum {
+    background: #fff;
+    text-align: right;
+    font-size: 14px;
+    color: #333;
+    line-height: 30px;
+    padding-right: 15px;
 
-      span {
-        color: red;
-      }
+    span {
+      color: red;
     }
+  }
 
-    .van-panel-buttons {
-      text-align: right;
+  .van-panel-buttons {
+    text-align: right;
 
-      .van-button {
-        margin-left: 5px;
-      }
+    .van-button {
+      margin-left: 5px;
     }
+  }
 
-    .panel-content {
-      padding: 20px;
-    }
+  .panel-content {
+    padding: 20px;
   }
 }
 </style>

docs/examples-docs/popup.md

@@ -1,37 +1,35 @@
 <style>
-@component-namespace demo {
-  @b popup {
-    .van-button {
-      margin: 10px 15px;
-    }
+.demo-popup {
+  .van-button {
+    margin: 10px 15px;
+  }
 
-    .van-popup-1 {
-      width: 60%;
-      box-sizing: border-box;
-      padding: 20px;
-      border-radius: 5px;
-      text-align: center;
-    }
+  .van-popup-1 {
+    width: 60%;
+    box-sizing: border-box;
+    padding: 20px;
+    border-radius: 5px;
+    text-align: center;
+  }
 
-    .van-popup-2 {
-      width: 100%;
-      height: 200px;
-      box-sizing: border-box;
-      padding: 20px;
-    }
+  .van-popup-2 {
+    width: 100%;
+    height: 200px;
+    box-sizing: border-box;
+    padding: 20px;
+  }
 
-    .van-popup-3 {
-      line-height: 50px;
-      text-align: center;
-      background-color: rgba(0, 0, 0, 0.701961);
-      color: #fff;
-    }
+  .van-popup-3 {
+    line-height: 50px;
+    text-align: center;
+    background-color: rgba(0, 0, 0, 0.701961);
+    color: #fff;
+  }
 
-    .van-popup-4,
-    .van-popup-5 {
-      width: 100%;
-      height: 100%;
-    }
+  .van-popup-4,
+  .van-popup-5 {
+    width: 100%;
+    height: 100%;
   }
 }
 </style>

docs/examples-docs/progress.md

@@ -1,12 +1,10 @@
 <style>
-  @component-namespace demo {
-    @b progress {
-      @e wrapper {
-        padding: 5px;
-        margin: 20px 10px;
-      }
-    }
-  } 
+.demo-progress {
+  &__wrapper {
+    padding: 5px;
+    margin: 20px 10px;
+  }
+} 
 </style>
 
 

docs/examples-docs/quantity.md

@@ -1,13 +1,11 @@
 <style>
-@component-namespace demo {
-  @b quantity {
-    .van-quantity {
-      margin-left: 15px;
-    }
+.demo-quantity {
+  .van-quantity {
+    margin-left: 15px;
+  }
 
-    .curr-quantity {
-      margin: 15px;
-    }
+  .curr-quantity {
+    margin: 15px;
   }
 }
 </style>

docs/examples-docs/quickstart.md

@@ -2,7 +2,7 @@
 
 一套基于`Vue.js 2.0`的 Mobile 组件库
 
-[查看业务组件库 Captain-UI](https://www.youzanyun.com/zanui/captain/component/quickstart)
+[查看业务组件库 Captain-UI](/zanui/captain/component/quickstart)
 
 ### 安装
 

docs/examples-docs/radio.md

@@ -1,12 +1,10 @@
 <style>
-@component-namespace demo {
-  @b radio {
-    .van-radios {
-      padding: 0 20px;
+.demo-radio {
+  .van-radios {
+    padding: 0 20px;
 
-      .van-radio {
-        margin: 10px 0;
-      }
+    .van-radio {
+      margin: 10px 0;
     }
   }
 }

docs/examples-docs/steps.md

@@ -1,13 +1,11 @@
 <style>
-@component-namespace demo {
-  @b steps {
-    .steps-success {
-      color: #06bf04;
-    }
+.demo-steps {
+  .steps-success {
+    color: #06bf04;
+  }
 
-    .van-button {
-      margin: 15px 0 0 15px;
-    }
+  .van-button {
+    margin: 15px 0 0 15px;
   }
 }
 </style>

docs/examples-docs/swipe.md

@@ -1,12 +1,10 @@
 <style>
-@component-namespace demo {
-  @b swipe {
-    .van-swipe {
-      height: 200px;
+.demo-swipe {
+  .van-swipe {
+    height: 200px;
 
-      img {
-        width: 100%;
-      }
+    img {
+      width: 100%;
     }
   }
 }

docs/examples-docs/switch.md

@@ -1,20 +1,18 @@
 <style>
-  @component-namespace demo {
-    @b switch {
-      .van-switch {
-        float: left;
-        margin: 0 15px;
-      }
-
-      @e text {
-        display: inline-block;
-        line-height: 32px;
-        float: left;
-        font-size: 14px;
-        color: #333;
-      }
-    }
+.demo-switch {
+  .van-switch {
+    float: left;
+    margin: 0 15px;
   }
+
+  &__text {
+    display: inline-block;
+    line-height: 32px;
+    float: left;
+    font-size: 14px;
+    color: #333;
+  }
+}
 </style>
 
 <script>

docs/examples-docs/tab.md

@@ -1,26 +1,24 @@
 <style>
-@component-namespace demo {
-  @b tab {
-    .van-tab__pane {
-      background-color: #fff;
-      padding: 20px;
-    }
+.demo-tab {
+  .van-tab__pane {
+    background-color: #fff;
+    padding: 20px;
+  }
 
-    .van-tabs--card .van-tab__pane {
-      background-color: transparent;
-    }
+  .van-tabs--card .van-tab__pane {
+    background-color: transparent;
+  }
 
-    .custom-tabwrap .van-tab-active {
-      color: #20a0ff;
-    }
-    .custom-tabwrap .van-tabs-nav-bar {
-      background: #20a0ff;
-    }
-    .custom-pane {
-      text-align: center;
-      height: 50px;
-      line-height: 50px;
-    }
+  .custom-tabwrap .van-tab-active {
+    color: #20a0ff;
+  }
+  .custom-tabwrap .van-tabs-nav-bar {
+    background: #20a0ff;
+  }
+  .custom-pane {
+    text-align: center;
+    height: 50px;
+    line-height: 50px;
   }
 }
 </style>

docs/examples-docs/toast.md

@@ -1,9 +1,7 @@
 <style>
-@component-namespace demo {
-  @b toast {
-    .van-button {
-      margin: 15px;
-    }
+.demo-toast {
+  .van-button {
+    margin: 15px;
   }
 }
 </style>

docs/examples-docs/waterfall.md

@@ -66,28 +66,26 @@ export default {
 </script>
 
 <style>
-@component-namespace demo {
-  @b waterfall {
-    .waterfall {
-      max-height: 360px;
-      overflow: scroll;
-      border-top: 1px solid #e5e5e5;
-    }
-    .waterfall-item {
-      line-height: 50px;
-      border-bottom: 1px solid #e5e5e5;
-      background: #fff;
-    }
-    .page-desc {
-      padding: 5px 0;
-      line-height: 1.4;
-      font-size: 14px;
-      text-align: center;
-      color: #666;
-    }
-    .van-loading {
-      margin: 10px auto;
-    }
+.demo-waterfall {
+  .waterfall {
+    max-height: 360px;
+    overflow: scroll;
+    border-top: 1px solid #e5e5e5;
+  }
+  .waterfall-item {
+    line-height: 50px;
+    border-bottom: 1px solid #e5e5e5;
+    background: #fff;
+  }
+  .page-desc {
+    padding: 5px 0;
+    line-height: 1.4;
+    font-size: 14px;
+    text-align: center;
+    color: #666;
+  }
+  .van-loading {
+    margin: 10px auto;
   }
 }
 </style>