z- to zan-

packages/zanui-css/src/button.css

@@ -1,6 +1,6 @@
 @import "./common/var.css";
 
-@component-namespace z {
+@component-namespace zan {
   @b button {
     position: relative;
     padding: 0;

packages/zanui-css/src/button_group.css

@@ -5,16 +5,16 @@
   &:last-child {
     padding-right: 0;
   }
-  .z-button {
+  .zan-button {
     width: 100%;
   }
 }
 
-@component-namespace z {
+@component-namespace zan {
   @b button-group {
     font-size: 0;
 
-    > .z-button {
+    > .zan-button {
       margin-right: 10px;
       &::last-child {
         margin-right: 0;

packages/zanui-css/src/card.css

@@ -1,6 +1,6 @@
 @import "./mixins/ellipsis.css";
 
-@component-namespace z {
+@component-namespace zan {
   @b card {
     padding: 5px 15px;
     background: #FAFAFA;
@@ -27,7 +27,7 @@
         display: table;
         height: 90px;
 
-        .z-card__info {
+        .zan-card__info {
           display: table-cell;
           vertical-align: middle;
         }
@@ -80,7 +80,7 @@
       right: 15px;
       bottom: 5px;
 
-      .z-button {
+      .zan-button {
         margin-left: 5px;
       }
     }

packages/zanui-css/src/cell.css

@@ -1,7 +1,7 @@
 @import "./common/var.css";
 @import "./mixins/border_retina.css";
 
-@component-namespace z {
+@component-namespace zan {
   @b cell-group {
     padding-left: 10px;
     position: relative;

packages/zanui-css/src/common/var.css

@@ -33,7 +33,7 @@ $button-disabled-border-color: #cacaca;
 
 :root{
 
-  /* z-index
+  /* zan-index
  -------------------------- */
   --index-normal: 1;
   --index-top: 1000;

packages/zanui-css/src/dialog.css

@@ -1,6 +1,6 @@
 @import "./mixins/border_retina.css";
 
-@component-namespace z {
+@component-namespace zan {
   @b dialog-wrapper {
     position: absolute;
   }
@@ -52,11 +52,11 @@
       overflow: hidden;
 
       @when twobtn {
-        .z-dialog__btn {
+        .zan-dialog__btn {
           width: 50%;
         }
 
-        .z-dialog__cancel {
+        .zan-dialog__cancel {
           &::after {
             @mixin border-retina (right);
           }

packages/zanui-css/src/field.css

@@ -1,42 +1,42 @@
 @import "./common/var.css";
 @import "./mixins/border_retina.css";
 
-@component-namespace z {
+@component-namespace zan {
   @b field {
     width: 100%;
     overflow: hidden;
 
     @when textarea {
-      .z-field__control {
+      .zan-field__control {
         min-height: 60px;
       }
     }
 
     @when nolabel {
-      .z-cell__title {
+      .zan-cell__title {
         display: none;
       }
 
-      .z-cell__value {
+      .zan-cell__value {
         width: 100%;
         padding-left: 0;
       }
     }
 
-    .z-cell__title,
-    .z-cell__value {
+    .zan-cell__title,
+    .zan-cell__value {
       float: none;
       box-sizing: border-box;
     }
 
-    .z-cell__title {
+    .zan-cell__title {
       width: 90px;
       position: absolute;
       top: 10px;
       left: 0;
     }
 
-    .z-cell__value {
+    .zan-cell__value {
       width: 100%;
       padding-left: 90px;
     }

packages/zanui-css/src/icon.css

@@ -9,10 +9,10 @@
        url('https://b.yzcdn.cn/zui/font/zuiicon-b37948cf5d.ttf') format('truetype')
 }
 
-.zui-icon {
+.zan-icon {
     display: inline-block;
 }
-.zui-icon::before {
+.zan-icon::before {
   font-family: "zuiicon" !important;
   font-style: normal;
   font-weight: normal;
@@ -39,7 +39,7 @@
 
   /* Font smoothing. That was taken from TWBS */
   -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
+  -mozan-osx-font-smoothing: grayscale;
 
   /* Uncomment for 3D effect */
   /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
@@ -47,20 +47,20 @@
 /* DO NOT EDIT! Generated by fount */
 
 
-.zui-icon-album:before { content: '\e800'; } /* '' */
-.zui-icon-arrow:before { content: '\e801'; } /* '' */
-.zui-icon-camera:before { content: '\e802'; } /* '' */
-.zui-icon-certificate:before { content: '\e803'; } /* '' */
-.zui-icon-check:before { content: '\e804'; } /* '' */
-.zui-icon-checked:before { content: '\e805'; } /* '' */
-.zui-icon-close:before { content: '\e806'; } /* '' */
-.zui-icon-gift:before { content: '\e807'; } /* '' */
-.zui-icon-home:before { content: '\e808'; } /* '' */
-.zui-icon-location:before { content: '\e809'; } /* '' */
-.zui-icon-message:before { content: '\e80a'; } /* '' */
-.zui-icon-send:before { content: '\e80b'; } /* '' */
-.zui-icon-shopping-cart:before { content: '\e80c'; } /* '' */
-.zui-icon-sign:before { content: '\e80d'; } /* '' */
-.zui-icon-store:before { content: '\e80e'; } /* '' */
-.zui-icon-topay:before { content: '\e80f'; } /* '' */
-.zui-icon-tosend:before { content: '\e810'; } /* '' */
+.zan-icon-album:before { content: '\e800'; } /* '' */
+.zan-icon-arrow:before { content: '\e801'; } /* '' */
+.zan-icon-camera:before { content: '\e802'; } /* '' */
+.zan-icon-certificate:before { content: '\e803'; } /* '' */
+.zan-icon-check:before { content: '\e804'; } /* '' */
+.zan-icon-checked:before { content: '\e805'; } /* '' */
+.zan-icon-close:before { content: '\e806'; } /* '' */
+.zan-icon-gift:before { content: '\e807'; } /* '' */
+.zan-icon-home:before { content: '\e808'; } /* '' */
+.zan-icon-location:before { content: '\e809'; } /* '' */
+.zan-icon-message:before { content: '\e80a'; } /* '' */
+.zan-icon-send:before { content: '\e80b'; } /* '' */
+.zan-icon-shopping-cart:before { content: '\e80c'; } /* '' */
+.zan-icon-sign:before { content: '\e80d'; } /* '' */
+.zan-icon-store:before { content: '\e80e'; } /* '' */
+.zan-icon-topay:before { content: '\e80f'; } /* '' */
+.zan-icon-tosend:before { content: '\e810'; } /* '' */

packages/zanui-css/src/loading.css

@@ -19,7 +19,7 @@
   }
 }
 
-@component-namespace z {
+@component-namespace zan {
   @b loading { 
     height: 30px;
     width: 30px;

packages/zanui-css/src/panel.css

@@ -1,4 +1,4 @@
-@component-namespace z {
+@component-namespace zan {
   @b panel {
     background: #fff;
     border-top: 1px solid #E5E5E5;

packages/zanui-css/src/picker.css

@@ -1,4 +1,4 @@
-@component-namespace z {
+@component-namespace zan {
   @b picker {
     overflow: hidden;
 
@@ -11,26 +11,26 @@
       overflow: hidden;
 
       @m 1 {
-        .z-picker-column {
+        .zan-picker-column {
           width: 100%;
         }
       }
 
       @m 2 {
-        .z-picker-column {
+        .zan-picker-column {
           width: 50%;
         }
       }
 
       @m 3 {
-        .z-picker-column {
+        .zan-picker-column {
           width: 33.333%;
         }
       }
     }
   }
 
-  .z-picker-center-highlight {
+  .zan-picker-center-highlight {
     box-sizing: border-box;
     position: absolute;
     left: 0;
@@ -40,26 +40,26 @@
     pointer-events: none;
   }
 
-  .z-picker-center-highlight:before,
-  .z-picker-center-highlight:after {
+  .zan-picker-center-highlight:before,
+  .zan-picker-center-highlight:after {
     content: '';
     position: absolute;
     height: 1px;
     width: 100%;
     background-color: #eaeaea;
     display: block;
-    z-index: 15;
+    zan-index: 15;
     transform: scaleY(0.5);
   }
 
-  .z-picker-center-highlight:before {
+  .zan-picker-center-highlight:before {
     left: 0;
     top: 0;
     bottom: auto;
     right: auto;
   }
 
-  .z-picker-center-highlight:after {
+  .zan-picker-center-highlight:after {
     left: 0;
     bottom: 0;
     right: auto;

packages/zanui-css/src/popup.css

@@ -1,4 +1,4 @@
-@component-namespace z {
+@component-namespace zan {
   @b modal {
     position: fixed;
     width: 100%;

packages/zanui-css/src/radio.css

@@ -1,6 +1,6 @@
 @import "./common/var.css";
 
-@component-namespace z {
+@component-namespace zan {
   @b radio {
     @when disabled {
       .zui-icon {

packages/zanui-css/src/steps.css

@@ -1,4 +1,4 @@
-@component-namespace z {
+@component-namespace zan {
   @b steps {
     color: red;
   }

packages/zanui-css/src/switch.css

@@ -1,4 +1,4 @@
-@component-namespace z {
+@component-namespace zan {
   @component switch { 
     height: 29px;
     width: 49px;