文档优化

packages/checkbox/src/checkbox.vue

@@ -2,7 +2,7 @@
   <div
     class="zan-checkbox"
     :class="{
-      'is-disabled': isDisabled
+      'zan-checkbox--disabled': isDisabled
     }">
     <span class="zan-checkbox__input">
       <input

packages/radio/src/radio.vue

@@ -2,7 +2,7 @@
   <div
     class="zan-radio"
     :class="{
-      'is-disabled': isDisabled
+      'zan-radio--disabled': isDisabled
     }">
     <span class="zan-radio__input">
       <input
@@ -44,6 +44,7 @@ export default {
 
     currentValue: {
       get() {
+        console.log(this.value);
         return this.isGroup && this.parentGroup ? this.parentGroup.value : this.value;
       },
 

packages/steps/src/step.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="zan-step" :class="`zan-step--${status}`">
+  <div class="zan-step" :class="statusClass">
     <div class="zan-step__circle-container">
       <i class="zan-step__circle" v-if="status !== 'process'"></i>
       <i class="zan-icon zan-icon-checked" v-else></i>
@@ -31,6 +31,10 @@ export default {
       } else if (index === active) {
         return 'process';
       }
+    },
+    statusClass() {
+      const status = this.status;
+      return status ? 'zan-step--' + status : '';
     }
   }
 };

packages/zanui-css/src/checkbox.css

@@ -2,7 +2,9 @@
 
 @component-namespace zan {
   @b checkbox {
-    @when disabled {
+    overflow: hidden;
+
+    @m disabled {
       .zan-icon {
         color: #d1dbe5;
       }
@@ -12,6 +14,7 @@
       position: relative;
       height: 22px;
       margin-right: 15px;
+      float: left;
     }
 
     @e control {
@@ -26,6 +29,8 @@
 
     @e label {
       line-height: 22px;
+      margin-left: 37px;
+      display: block;
     }
 
     .zan-icon {

packages/zanui-css/src/radio.css

@@ -2,7 +2,9 @@
 
 @component-namespace zan {
   @b radio {
-    @when disabled {
+    overflow: hidden;
+
+    @m disabled {
       .zan-icon {
         color: #d1dbe5;
       }
@@ -11,7 +13,7 @@
     @e input {
       position: relative;
       height: 22px;
-      margin-right: 15px;
+      float: left;
     }
 
     @e control {
@@ -26,6 +28,8 @@
 
     @e label {
       line-height: 22px;
+      display: block;
+      margin-left: 37px;
     }
 
     .zan-icon {

packages/zanui-css/src/steps.css

@@ -53,6 +53,7 @@
       margin: 0 0 10px;
       overflow: hidden;
       padding-bottom: 20px;
+      position: relative;
     }
   }
 
@@ -105,7 +106,7 @@
 
       .zan-step__circle-container {
         left: auto;
-        right: -6px;
+        right: -8px;
       }
 
       .zan-step__line {