normalize component

Author: tw93

CHANGELOG.md

@@ -2,7 +2,7 @@
 ## 0.1.3
 - [+] Fix syntax highlighting
 - [!] Fixed wxc-indexlist bug from [issues/16](https://github.com/alibaba/weex-ui/issues/16).
-- [!] normalize wxc-searchbar function name.
+- [!] Normalize wxc-searchbar,wxc-minibar function name.
 
 ## 0.1.2
 - [!] Fixed the link jump bug

build/index.native.js

@@ -12,29 +12,29 @@
         </div>
 
         <div class="demo">
-          <wxc-minibar v-on:minibarLeftButtonClick="minibarLeftButtonClick"
-                       v-on:minibarRightButtonClick="minibarRightButtonClick"></wxc-minibar>
+          <wxc-minibar v-on:wxcMinibarLeftButtonClicked="minibarLeftButtonClick"
+                       v-on:wxcMinibarRightButtonClicked="minibarRightButtonClick"></wxc-minibar>
         </div>
 
         <div class="demo">
           <wxc-minibar title="阿里旅行购物车"
                        right-text="更多"
-                       v-on:minibarLeftButtonClick="minibarLeftButtonClick"
-                       v-on:minibarRightButtonClick="minibarRightButtonClick"></wxc-minibar>
+                       v-on:wxcMinibarLeftButtonClicked="minibarLeftButtonClick"
+                       v-on:wxcMinibarRightButtonClicked="minibarRightButtonClick"></wxc-minibar>
         </div>
         <div class="demo">
           <wxc-minibar title="阿里旅行购物车"
                        background-color="#009ff0"
                        text-color="#FFFFFF"
                        :left-button="leftButton"
-                       v-on:minibarLeftButtonClick="minibarLeftButtonClick"
-                       v-on:minibarRightButtonClick="minibarRightButtonClick"
+                       v-on:wxcMinibarLeftButtonClicked="minibarLeftButtonClick"
+                       v-on:wxcMinibarRightButtonClicked="minibarRightButtonClick"
                        right-text="更多"></wxc-minibar>
         </div>
         <div class="demo">
           <wxc-minibar title="阿里旅行购物车"
-                       v-on:minibarLeftButtonClick="minibarLeftButtonClick"
-                       v-on:minibarRightButtonClick="minibarRightButtonClick"
+                       v-on:wxcMinibarLeftButtonClicked="minibarLeftButtonClick"
+                       v-on:wxcMinibarRightButtonClicked="minibarRightButtonClick"
                        :right-button="rightButton"></wxc-minibar>
         </div>
       </div>
@@ -56,21 +56,12 @@
     flex: 1;
   }
 
-  .category {
-    margin-top: 70px;
-  }
-
   .demo {
     width: 750px;
     height: 180px;
     align-items: flex-start;
     padding-top: 60px;
   }
-
-  .text {
-    margin-left: 40px;
-    margin-bottom: 30px;
-  }
 </style>
 
 <script>

build/index.native.js.map

@@ -9,13 +9,13 @@
 
 ## 安装
 
-```
+```shell
 npm i @ali/wxc-button --save
 ```
 
 ## 使用方法
 
-```
+```vue
 <template>
   <wxc-button text="确定"
               type="fliggy"

build/index.web.js

@@ -16,7 +16,7 @@ npm i weex-ui --save
 
 ## 使用方法
 
-```
+```vue
 <template>
   <div class="wxc-demo">
     <scroller class="scroller">

build/index.web.js.map

@@ -25,8 +25,8 @@ npm install weex-ui --save
       <wxc-minibar title="阿里旅行购物车"
                    background-color="#009ff0"
                    text-color="#FFFFFF"
-                   v-on:minibarLeftButtonClick="minibarLeftButtonClick"
-                   v-on:minibarRightButtonClick="minibarRightButtonClick"
+                   v-on:wxcMinibarLeftButtonClicked="minibarLeftButtonClick"
+                   v-on:wxcMinibarRightButtonClicked="minibarRightButtonClick"
                    right-text="更多"></wxc-minibar>
     </div>
   </div>
@@ -69,7 +69,7 @@ npm install weex-ui --save
 ### 事件回调
 
 ```
-左侧按钮点击：`v-on:minibarLeftButtonClick="minibarLeftButtonClick"`
-右侧点击：`v-on:minibarRightButtonClick="minibarRightButtonClick"`
+左侧按钮点击：`v-on:wxcMinibarLeftButtonClicked="minibarLeftButtonClick"`
+右侧点击：`v-on:wxcMinibarRightButtonClicked="minibarRightButtonClick"`
 ```
 

example/minibar/index.vue

@@ -107,12 +107,12 @@
           Navigator.pop({}, e => {
           });
         }
-        self.$emit('minibarLeftButtonClick', {});
+        self.$emit('wxcMinibarLeftButtonClicked', {});
       },
       rightButtonClicked () {
         const self = this;
         if (self.rightText || self.rightButton) {
-          self.$emit('minibarRightButtonClick', {});
+          self.$emit('wxcMinibarRightButtonClicked', {});
         }
       }
     }

packages/wxc-button/README.md

@@ -8,7 +8,7 @@
     <wxc-minibar :show="showHeader"
                  v-bind="minibarCfg"
                  :use-default-return="useDefaultReturn"
-                 v-on:minibarLeftButtonClick="minibarLeftButtonClick"></wxc-minibar>
+                 v-on:wxcMinibarLeftButtonClicked="minibarLeftButtonClick"></wxc-minibar>
 
     <div class="calendar-weekday"
          v-if="isShow">