mali-applet-ui 1.0.104 → 1.0.106

package/lib/components/ml-tree-box/ml-tree-box.vue

@@ -24,7 +24,7 @@
             </view>
           </view>
           <template v-if="showTree && showTree.length">
-            <view class="ml-tree-node" v-for="(item, index) in showTree" :key="index" @tap="handleClickEvent(item)">
+            <view class="ml-tree-node" v-for="(item, index) in showTree" :key="index">
               <view class="ml-tree-node__action" v-if="check">
                 <ml-checkbox
                   :value="checkKey.indexOf(item[useProps.key]) > -1"
@@ -44,21 +44,21 @@
                 @tap-icon.stop="handleClickIcon($event, item)"
                 :info="getPrefixIcon(item)"
               />
-              <view class="ml-tree-node__title">
+              <view class="ml-tree-node__title" :class="{ 'hasExplain': item[useProps.explain] }" @tap.stop="handleIntoChildren(item)">
                 <view class="nowrap">{{ item[useProps.label] || '' }}</view>
                 <view class="ml-tree-node__explain" v-if="item[useProps.explain]">{{ item[useProps.explain] }}</view>
               </view>
               <view class="ml-tree-node__extra">
                 <MlTreeIcon
                   :margin-right="15"
-                  @tap-icon.stop="handleClickIcon($event, item)"
                   :info="getSuffixIcon(item)"
+                  @tap-icon.stop="handleClickIcon($event, item)"
                 />
                 <MlTreeIcon
-                  :margin-right="15"
-                  @tap-icon.stop="handleIntoChildren(item)"
                   v-if="(item.children && item.children.length) || (lazy && !item.isLeaf)"
+                  :margin-right="15"
                   :info="{ icon: 'arrow-right' }"
+                  @tap-icon.stop="handleIntoChildren(item)"
                 />
               </view>
             </view>
@@ -160,7 +160,6 @@ export default {
   computed: {
     showTree () {
       const { current, tree } = this
-      console.log(current)
       if (current) {
         return current.children
       }
@@ -442,12 +441,19 @@ export default {
           font-size: 34rpx;
           display: flex;
           align-items: center;
-          height: 116rpx;
           border-bottom: 1rpx solid #efefef;
 
           .ml-tree-node__title {
+            height: 116rpx;
             flex: 1;
             width: 0;
+            display: flex;
+            align-items: center;
+            &.hasExplain {
+              align-items: normal;
+              justify-content: center;
+              flex-direction: column;
+            }
             .nowrap {
               white-space: nowrap;
               overflow: hidden;
@@ -469,9 +475,15 @@ export default {
           }
 
           .ml-tree-node__extra {
+            height: 116rpx;
             display: flex;
             align-items: center;
             padding: 0 0 0 20rpx;
+            .ml-tree-node__extra-item {
+              display: flex;
+              align-items: center;
+              height: 100%;
+            }
           }
 
           &:last-child {
@@ -480,6 +492,7 @@ export default {
 
           .ml-tree-loading-tip {
             flex: 1;
+            height: 116rpx;
             text-align: center;
             vertical-align: middle;
             display: flex;

package/lib/components/ml-tree-box/ml-tree-icon.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="ml-tree-node__icon" :style="useStyle" v-if="info && info.icon" @tap.stop="handleEvent">
+  <view class="ml-tree-node__icon" :style="useStyle" v-if="info && info.icon" @tap="handleEvent">
     <ml-icon :name="info.icon"></ml-icon>
   </view>
 </template>
@@ -30,6 +30,10 @@ export default {
 
 <style lang="scss" scoped>
 .ml-tree-node__icon {
-  display: inline-flex;
+  height: 100%;
+  display: flex;
+  padding: 0 10rpx;
+  align-items: center;
+  justify-content: center;
 }
 </style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mali-applet-ui",
-  "version": "1.0.104",
+  "version": "1.0.106",
   "description": "码里云小程序组件库",
   "files": [
     "lib",