chore(tree): rename tree props accordion to collapse-transition

example/docs/zh-CN/components/tree.md

@@ -18,7 +18,7 @@
     :onlyIconControl="iconCtrl"
     :showLine="showLine"
     :showCheckbox="showCheckbox"
-    accordion
+    collapseTransition
     v-model:checkedKeys="checkedKeys"
     @node-click="handleClick"
     :disabled="disabled"
@@ -246,14 +246,14 @@ function handleClick(node) {
 
 ::: table
 
-| Name     | Description | Accepted Values |
-| -------- |-------------| --------------- |
-| id       | 唯一值         | -               |
-| title    | 节点名称        | -               |
-| children | 子节点         | []              |
-| disabled | 该节点是否禁用     | false           |
-| spread   | 该节点是否展开     | false           |
-| accordion   | 是否开启展示收起动画  | false           |
+| Name                | Description | Accepted Values |
+|---------------------|-------------| --------------- |
+| id                  | 唯一值         | -               |
+| title               | 节点名称        | -               |
+| children            | 子节点         | []              |
+| disabled            | 该节点是否禁用     | false           |
+| spread              | 该节点是否展开     | false           |
+| collapse-transition | 是否开启展示收起动画  | false           |
 
 :::
 

src/component/tree/TreeNode.vue

@@ -33,7 +33,7 @@ interface TreeNodeProps {
   nodeList: TreeData[];
   showCheckbox: boolean;
   showLine: boolean;
-  accordion: boolean;
+  collapseTransition: boolean;
   onlyIconControl: boolean;
 }
 
@@ -136,7 +136,7 @@ function handleTitleClick(node: TreeData) {
         </span>
       </div>
     </div>
-    <LayTransition :enable="accordion">
+    <LayTransition :enable="collapseTransition">
       <div
         v-if="node.isLeaf.value"
         class="layui-tree-pack layui-tree-showLine"
@@ -146,7 +146,7 @@ function handleTitleClick(node: TreeData) {
           :node-list="node.children"
           :show-checkbox="showCheckbox"
           :show-line="showLine"
-          :accordion="accordion"
+          :collapse-transition="collapseTransition"
           :tree="tree"
           :only-icon-control="onlyIconControl"
           @node-click="recursiveNodeClick"

src/component/tree/index.vue

@@ -28,7 +28,7 @@ interface TreeProps {
   data: OriginalTreeData;
   showCheckbox?: boolean;
   edit?: EditType;
-  accordion?: boolean;
+  collapseTransition?: boolean;
   onlyIconControl?: boolean;
   showLine?: boolean;
   disabled?: boolean;
@@ -48,7 +48,7 @@ interface TreeEmits {
 const props = withDefaults(defineProps<TreeProps>(), {
   showCheckbox: false,
   edit: false,
-  accordion: false,
+  collapseTransition: false,
   onlyIconControl: false,
   disabled: false,
   showLine: true,
@@ -85,7 +85,7 @@ function handleClick(node: TreeData) {
       :node-list="nodeList"
       :show-checkbox="showCheckbox"
       :show-line="showLine"
-      :accordion="accordion"
+      :collapse-transition="collapseTransition"
       :only-icon-control="onlyIconControl"
       @node-click="handleClick"
     />

src/component/tree/tree.type.ts

@@ -17,7 +17,7 @@ export interface TreeProps {
   data: OriginalTreeData;
   showCheckbox?: boolean;
   edit?: EditType;
-  accordion?: boolean;
+  collapseTransition?: boolean;
   onlyIconControl?: boolean;
   showLine?: boolean;
   replaceFields?: {