refactor(tree): 树形组件重构优化暂存

docs/docs/zh-CN/components/tab.md

@@ -118,17 +118,17 @@ export default {
 
 :::
 
-| Name    | Description   | Accepted Values   |
-| ------- | -------- | -------------- |
-| v-model | 当前激活 | --             |
-| type    | 主题样式 | --             |
-| allow-close | 允许关闭 | `true` `false` |
+| Name        | Description | Accepted Values |
+| ----------- | ----------- | --------------- |
+| v-model     | 当前激活    | --              |
+| type        | 主题样式    | --              |
+| allow-close | 允许关闭    | `true` `false`  |
 
 ::: field tab events
 
 :::
 
-| Name   | Description | Accepted Params  |
-| -------- | ---- | ----------------------- |
-| change       | 选中切换 | --  |
-| close     | 关闭事件 | --  |
+| Name   | Description | Accepted Params |
+| ------ | ----------- | --------------- |
+| change | 选中切换    | --              |
+| close  | 关闭事件    | --              |

src/module/tree/new-tree/TreeNode.vue

@@ -68,29 +68,37 @@ const nodeIconType = (node: TreeData): string => {
   return 'layui-icon-file'
 }
 
-function handleNodeClick (args: { label: string, value: string }, node: TreeData) {
+function handleNodeClick(
+  args: { label: string; value: string },
+  node: TreeData
+) {
   emit('node-click', args, node)
 }
 
-function recursiveNodeClick (args: { label: string, value: string }, node: TreeData) {
+function recursiveNodeClick(
+  args: { label: string; value: string },
+  node: TreeData
+) {
   emit('node-click', args, node)
 }
 
-function setChildrenChecked (checked: boolean, nodes: TreeData[]) {
+function setChildrenChecked(checked: boolean, nodes: TreeData[]) {
   const len = nodes.length
   for (let i = 0; i < len; i++) {
     nodes[i].isChecked.value = checked
-    nodes[i].children && nodes[i].children.length > 0 && (setChildrenChecked(checked, nodes[i].children))
+    nodes[i].children &&
+      nodes[i].children.length > 0 &&
+      setChildrenChecked(checked, nodes[i].children)
   }
 }
 
-function setParentChecked (checked: boolean, parent: TreeData) {
+function setParentChecked(checked: boolean, parent: TreeData) {
   if (!parent) {
     return
   }
   parent.isChecked.value = checked
   const pChild = parent.children
-  const pChildChecked = pChild.some(c => c.isChecked.value)
+  const pChildChecked = pChild.some((c) => c.isChecked.value)
   if (pChildChecked) {
     parent.isChecked.value = true
   }
@@ -111,7 +119,7 @@ function handleChange(checked: boolean, node: TreeData) {
   }
 }
 
-function handleIconClick (node: TreeData) {
+function handleIconClick(node: TreeData) {
   node.isLeaf.value = !node.isLeaf.value
 }
 </script>
@@ -134,17 +142,18 @@ function handleIconClick (node: TreeData) {
             { 'layui-tree-iconClick': true },
           ]"
         >
-          <LayIcon
-            :type="nodeIconType(node)"
-            @click="handleIconClick(node)"
-          />
+          <LayIcon :type="nodeIconType(node)" @click="handleIconClick(node)" />
         </span>
         <LayCheckbox
           v-if="showCheckbox"
           v-model:checked="node.isChecked.value"
           :disabled="node.isDisabled.value"
           skin="primary"
-          @change="({ checked }) => { handleChange(checked, node) }"
+          @change="
+            ({ checked }) => {
+              handleChange(checked, node)
+            }
+          "
         >
         </LayCheckbox>
         <span

src/module/tree/new-tree/tree.ts

@@ -57,7 +57,7 @@ function getNode(
 
   const parent = nodeMap.get(parentKey)
   if (parent) {
-    console.log(parent.isChecked.value);
+    console.log(parent.isChecked.value)
   }
 
   // console.log((parent && parent.isChecked.value) || checkedKeys.includes(nodeKey))