From 61cc74115593087bc70619bb522a62b600ea450c Mon Sep 17 00:00:00 2001
From: zjt <zhenjintao1@jd.com>
Date: Thu, 14 Apr 2022 18:34:24 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E5=A2=9E=E5=8A=A0treeSelect=E6=A8=A1?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../formFields/treeSelect/index.tsx           | 34 ++++++++++++++-----
 1 file changed, 26 insertions(+), 8 deletions(-)

diff --git a/src/components/formFields/treeSelect/index.tsx b/src/components/formFields/treeSelect/index.tsx
index 6ad783b..2f73445 100644
--- a/src/components/formFields/treeSelect/index.tsx
+++ b/src/components/formFields/treeSelect/index.tsx
@@ -1,18 +1,35 @@
-/*
- * @Author: zjt
- * @Date: 2022-02-21 21:19:29
- * @LastEditTime: 2022-02-25 19:58:52
- * @LastEditors: zjt
- * @Description: 树形选框
- */
 import React, { Key } from 'react'
 import { TreeSelectField } from 'ccms'
-import { Table, Tree } from 'antd'
+import { Table, Tree, TreeSelect } from 'antd'
 import { ITreeSelectField } from 'ccms/dist/src/components/formFields/treeSelect'
 import InterfaceHelper from '../../../util/interface'
 export default class TreeSelectFieldComponent extends TreeSelectField {
   interfaceHelper = new InterfaceHelper()
 
+  //树选择treeselect
+  renderComponent = (props: ITreeSelectField) => {
+    const {
+      treeData,
+      value,
+      onChange
+    } = props
+
+    return (
+      <div>
+        <TreeSelect
+          style={{ width: '100%' }}
+          value={value}
+          dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}
+          treeData={treeData}
+          treeDefaultExpandAll
+          onChange={onChange}
+          getPopupContainer={(ele) => ele.parentElement || document.body}
+        />
+      </div>
+    )
+  }
+
+  // 树形控件
   renderTreeComponent = (props: ITreeSelectField): React.ReactElement => {
     const {
       value,
@@ -30,6 +47,7 @@ export default class TreeSelectFieldComponent extends TreeSelectField {
     />
   }
 
+  // 树形表格控件
   renderTableComponent = (props: ITreeSelectField): React.ReactElement => {
     const {
       value,
-- 
Gitee