z- to zan-

docs/ExamplesApp.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="examples-container">
     <router-link class="page-back" v-if="visible" :to="'/'">
-      <i class="zui-icon zui-icon-arrow"></i>
+      <i class="zan-icon zan-icon-arrow"></i>
     </router-link>
     <router-view></router-view>
   </div>

docs/examples/button.vue

@@ -61,7 +61,7 @@
       padding: 0 20px;
     }
   }
-  @component-namespace z {
+  @component-namespace zan {
     @b button-group {
       .zan-button-1 {
         margin-bottom: 10px;

packages/cell/src/cell.vue

@@ -2,7 +2,7 @@
   <a class="zan-cell" :href="url" @click="handleClick">
     <div class="zan-cell__title">
       <slot name="icon">
-        <i v-if="icon" class="zui-icon" :class="'zui-icon-' + icon"></i>
+        <i v-if="icon" class="zan-icon" :class="'zan-icon-' + icon"></i>
       </slot>
       <slot name="title">
         <span class="zan-cell__text" v-text="title"></span>
@@ -17,7 +17,7 @@
         <span v-text="value"></span>
       </slot>
     </div>
-    <i class="zui-icon zui-icon-arrow" v-if="isLink"></i>
+    <i class="zan-icon zan-icon-arrow" v-if="isLink"></i>
   </a>
 </template>
 

packages/radio/src/radio.vue

@@ -11,9 +11,9 @@
         type="radio"
         class="zan-radio__control"
         :disabled="isDisabled">
-      <span class="zui-icon" :class="{
-        'zui-icon-checked': currentValue === name,
-        'zui-icon-check': currentValue !== name
+      <span class="zan-icon" :class="{
+        'zan-icon-checked': currentValue === name,
+        'zan-icon-check': currentValue !== name
       }">
       </span>
     </span>

packages/zanui-css/src/cell.css

@@ -58,7 +58,7 @@
       }
     }
 
-    .zui-icon-arrow {
+    .zan-icon-arrow {
       position: absolute;
       top: 50%;
       right: 10px;

packages/zanui-css/src/radio.css

@@ -3,7 +3,7 @@
 @component-namespace zan {
   @b radio {
     @when disabled {
-      .zui-icon {
+      .zan-icon {
         color: #d1dbe5;
       }
     }
@@ -28,16 +28,16 @@
       line-height: 22px;
     }
 
-    .zui-icon {
+    .zan-icon {
       font-size: 22px;
       line-height: 1;
     }
 
-    .zui-icon-checked {
+    .zan-icon-checked {
       color: $c-green;
     }
 
-    .zui-icon-check {
+    .zan-icon-check {
       color: $c-gray-dark;
     }
   }

src/mixins/popup/popup-manager.js

@@ -79,7 +79,7 @@ const PopupManager = {
 
     const modalDom = getModal();
 
-    addClass(modalDom, 'z-modal');
+    addClass(modalDom, 'zan-modal');
 
     if (dom && dom.parentNode && dom.parentNode.nodeType !== 11) {
       dom.parentNode.appendChild(modalDom);