去除less依赖

build/webpack.config.js

@@ -62,10 +62,6 @@ module.exports = {
         test: /\.pcss$/,
         loader: 'style-loader!css-loader!postcss-loader'
       },
-      {
-        test: /\.less$/,
-        loader: 'style-loader!css-loader!less-loader'
-      },
       {
         test: /\.md/,
         loader: 'vue-markdown-loader'

docs/components/demo-block.vue

@@ -67,7 +67,7 @@
   };
 </script>
 
-<style lang="less">
+<style lang="css">
   .demo-block {
     border: solid 1px #eaeefb;
     border-radius: 4px;

docs/components/side-nav.vue

@@ -60,60 +60,60 @@
   };
 </script>
 
-<style lang="less">
+<style lang="css">
-.side-nav {
+  .side-nav {
-  width: 25%;
+    width: 25%;
-  box-sizing: border-box;
+    box-sizing: border-box;
-  padding-right: 30px;
+    padding-right: 30px;
-  float: left;
+    float: left;
 
-  li {
+    li {
-    list-style: none;
+      list-style: none;
-  }
-  ul {
-    padding: 0;
-    margin: 0;
-    overflow: hidden;
-  }
-
-  .nav-item {
-    a {
-      font-size: 16px;
-      color: #5e6d82;
-      line-height: 40px;
-      height: 40px;
-      margin: 0;
-      padding: 0;
-      text-decoration: none;
-      display: block;
-      position: relative;
-      transition: all .3s;
-
-      &.active {
-        color: #20a0ff;
-      }
     }
+    ul {
+      padding: 0;
+      margin: 0;
+      overflow: hidden;
+    }
+
     .nav-item {
       a {
-        display: block;
+        font-size: 16px;
-        height: 40px;
+        color: #5e6d82;
         line-height: 40px;
-        font-size: 13px;
+        height: 40px;
-        padding-left: 24px;
+        margin: 0;
+        padding: 0;
+        text-decoration: none;
+        display: block;
+        position: relative;
+        transition: all .3s;
 
-
+        &.active {
-        &:hover {
           color: #20a0ff;
         }
       }
+      .nav-item {
+        a {
+          display: block;
+          height: 40px;
+          line-height: 40px;
+          font-size: 13px;
+          padding-left: 24px;
+
+
+          &:hover {
+            color: #20a0ff;
+          }
+        }
+      }
+    }
+    .nav-group__title {
+      font-size: 12px;
+      color: #99a9bf;
+      padding-left: 8px;
+      line-height: 26px;
+      margin-top: 10px;
     }
   }
-  .nav-group__title {
-    font-size: 12px;
-    color: #99a9bf;
-    padding-left: 8px;
-    line-height: 26px;
-    margin-top: 10px;
-  }
-}
 </style>

docs/index.js

@@ -1,5 +1,4 @@
-import './assets/docs.less';
+import './assets/docs.css';
-// import '../packages/zenui/index.pcss';
 import Vue from 'vue';
 import VueRouter from 'vue-router';
 import App from './App';

package.json

@@ -73,8 +73,6 @@
     "json-loader": "^0.5.4",
     "json-templater": "^1.0.4",
     "lerna": "2.0.0-beta.31",
-    "less": "^2.7.0",
-    "less-loader": "^2.2.3",
     "lolex": "^1.5.1",
     "markdown-it": "^6.1.1",
     "markdown-it-anchor": "^2.5.0",

packages/cell/src/cell.vue

@@ -13,7 +13,7 @@
         <span v-text="value"></span>
       </slot>
     </div>
-    <i class="o2-cell-arrow-right" v-if="isLink"></i>
+    <i class="zui-icon zui-icon-arrow" v-if="isLink"></i>
   </a>
 </template>
 

src/index.js

@@ -1,4 +1,3 @@
-import Sample from '../packages/sample/index.js';
 import Button from '../packages/button/index.js';
 import Switch from '../packages/switch/index.js';
 import Field from '../packages/field/index.js';
@@ -11,7 +10,6 @@ import '../packages/zenui/src/index.pcss';
 const install = function(Vue) {
   if (install.installed) return;
 
-  Vue.component(Sample.name, Sample);
   Vue.component(Button.name, Button);
   Vue.component(Switch.name, Switch);
   Vue.component(Field.name, Field);
@@ -28,7 +26,6 @@ if (typeof window !== 'undefined' && window.Vue) {
 module.exports = {
   install,
   version: '0.0.1',
-  Sample,
   Button,
   Switch,
   Field,