fix:lib

Author: Create-Peace

lib/index.js

@@ -1,5 +1,5 @@
 /*!
- * light-vue-tree v1.0.1
+ * light-vue-tree v1.0.3
  * open source under the MIT license
  */
 
@@ -435,22 +435,23 @@
             expanded = _node$data.expanded,
             isLeaf = _node$data.isLeaf,
             children = node.children;
-        return children && children.length || lazy && !isLeaf ? expandIconSlot ? h("div", {
+        return h("div", {
+          "class": "expand_box",
           "style": {
             display: visibleExpand
           }
-        }, [expandIconSlot({
+        }, [children && children.length || lazy && !isLeaf ? expandIconSlot ? expandIconSlot({
           expanded: expanded,
           node: node,
           toggleFold: toggleFold
-        })]) : h("span", {
+        }) : h("span", {
           "class": ['icon', expanded ? 'rotate180-enter icon-expand' : 'rotate180-leave icon-unexpand'],
           "on": {
             "click": function click() {
               return toggleFold(node);
             }
           }
-        }, ["\u25BC"]) : null;
+        }, ["\u25BC"]) : null]);
       },
       renderCheckbox: function renderCheckbox() {
         var h = this.$createElement;
@@ -2396,7 +2397,7 @@
           dropType = 'none';
         }
 
-        var iconPosition = dropNode.$el.querySelector('.icon').getBoundingClientRect();
+        var iconPosition = dropNode.$el.querySelector('.expand_box').getBoundingClientRect();
         var dropIndicator = this.$refs.dropIndicator;
 
         if (dropType === 'before') {

lib/style/index.css

@@ -93,16 +93,18 @@
   align-items: center;
   padding-left: 22px;
 }
-.vue-tree .child-node .node-content .icon {
+.vue-tree .child-node .node-content .expand_box {
+  height: 100%;
+  overflow: hidden;
   position: absolute;
   display: inline-block;
   left: 0px;
   font-size: 12px;
 }
-.vue-tree .child-node .node-content .icon-expand {
-  color: #1F2E4D;
+.vue-tree .child-node .node-content .expand_box .icon-expand {
+  color: #1f2e4d;
 }
-.vue-tree .child-node .node-content .icon-unexpand {
+.vue-tree .child-node .node-content .expand_box .icon-unexpand {
   color: #b7beca;
 }
 .vue-tree .child-node .node-content .inner-wrap {
@@ -119,7 +121,7 @@
   border-bottom: 1px solid #409eff;
 }
 .vue-tree .child-node .active-li .inner-wrap {
-  background: #F1F3F5;
+  background: #f1f3f5;
 }
 .vue-tree .child-node .inset {
   cursor: move;
@@ -134,12 +136,12 @@
   background-color: #409eff;
   color: #fff;
 }
-.vue-checkbox {
+.vue-tree .vue-checkbox {
   position: relative;
   width: 13px;
   height: 13px;
 }
-.vue-checkbox-input {
+.vue-tree .vue-checkbox-input {
   position: absolute;
   width: 100%;
   height: 100%;
@@ -148,8 +150,9 @@
   z-index: 3;
   margin: 0;
   background: transparent;
+  cursor: pointer;
 }
-.vue-checkbox-indeterminate {
+.vue-tree .vue-checkbox-indeterminate {
   box-sizing: border-box;
   position: absolute;
   width: 100%;
@@ -160,9 +163,9 @@
   z-index: 4;
   border-radius: 3px;
 }
-.vue-checkbox-indeterminate:after {
+.vue-tree .vue-checkbox-indeterminate:after {
   position: absolute;
-  content: '';
+  content: "";
   width: 100%;
   height: 2px;
   background: #fff;