对齐格式

Author: buuing

src/search-node.vue

@@ -48,32 +48,40 @@ export default {
       <li class="tree-li">
         <svg t="1585220115926" class="tree-icon point" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2222" width="10" height="10" style={{
           transform: `rotate(${data.expand ? '0' : '-90'}deg)`,
-          visibility: data[children].filter(item => hideMisses).length ? 'visible' : 'hidden'
+          visibility: data[children].length ? 'visible' : 'hidden'
         }} onClick={e => this.handlerExpand(e)}>
           <path d="M151.476947 199.553918l718.53082 0c39.763632 0 71.922053 31.909757 71.922053 71.675436 0 18.485003-7.095605 35.205826-18.486026 47.872311L568.114019 793.227056c-23.810289 31.400151-68.641333 37.993313-100.29731 14.183024-5.570879-4.052293-10.384511-8.873088-14.183024-14.190187L94.235245 314.041416c-23.547299-31.407314-17.217127-76.479859 14.436804-100.041484 12.922311-9.881045 27.864628-14.43885 42.804898-14.43885l0 0L151.476947 199.553918zM151.476947 199.553918" p-id="2223" fill="#c0c4cc"></path>
         </svg>
-        { root.showCheckbox && <zCheckbox
-          class="point"
-          value={data.checked}
-          disabled={data[disabled]}
-          indeterminate={this.indeterminate}
-          onClick={e => this.handlerChecked(e)}
-        ></zCheckbox> }
+        {
+          root.showCheckbox && <zCheckbox
+            class="point"
+            value={data.checked}
+            disabled={data[disabled]}
+            indeterminate={this.indeterminate}
+            onClick={e => this.handlerChecked(e)}
+          ></zCheckbox>
+        }
         <div class="tree-content point" onClick={e => {
           root.expandOnClickNode && this.handlerExpand(e)
           root.checkOnClickNode && this.handlerChecked(e)
           root.$emit('node-click', e, deepCopy(data))
         }}>
-          { root.$scopedSlots.default ? root.$scopedSlots.default(data) : <p class="tree-text">
-            { data.$keys?.length ? data[name].split('').map(
-              (curr, i) => <span style={{ color: data.$keys.indexOf(i) > -1 ? 'red': '#666' }}>{curr}</span>
-            ) : <span style={{ color: '#666' }}>{data[name]}</span> }
-          </p> }
+          {
+            root.$scopedSlots.default ? root.$scopedSlots.default(data) : <p class="tree-text">
+              {
+                data.$keys?.length ? data[name].split('').map(
+                  (curr, i) => <span style={{ color: data.$keys.indexOf(i) > -1 ? 'red': '#666' }}>{curr}</span>
+                ) : <span style={{ color: '#666' }}>{data[name]}</span>
+              }
+            </p>
+          }
         </div>
       </li>
-      { !!data[children].length && data.expand ? <div>
-        { data[children].map(item => <search-node key={item[root.nodeKey]} data={item}></search-node>) }
-      </div> : null }
+      {
+        !!data[children].length && data.expand && <div>
+          { data[children].map(item => <search-node key={item[root.nodeKey]} data={item}></search-node>) }
+        </div>
+      }
     </ul> : null
   },
   methods: {
@@ -82,7 +90,7 @@ export default {
       const { children, disabled } = root.defaultProps
       let checked = !data.checked
       if (data[disabled]) return false
-      // 过滤所有disabled=false的末尾节点, 如果有没选中的就重写checked
+      // 过滤所有disabled=false的叶子节点, 如果有没选中的就重写checked
       data[children].length && checked && (
         checked = !!this.root._preorder(data[children], item => !item[children].length && !item[disabled] && !item.checked)
       )