fix: update device tree

packages/DeviceTree/src/demos/Basic.tsx

@@ -79,6 +79,7 @@ const Demo = () => {
   };
 
   return (
+    <div style={{ width: '300px', height: '400px', border: '1px solid #eee' }}>
       <PandaDeviceTree
         onSearch={onSearch}
         checkable
@@ -91,6 +92,7 @@ const Demo = () => {
         selectedKeys={selectedKeys}
         treeData={treeData}
       />
+    </div>
   );
 };
 

packages/DeviceTree/src/index.js

@@ -22,9 +22,11 @@ const DeviceTree = (props) => {
         onPressEnter={onSearch}
       />
       <Divider />
+      <div className={classNames(`${prefixCls}-content`)}>
         {!!treeData.length && <Tree {...props} />}
         {!treeData.length && <Empty />}
       </div>
+    </div>
   );
 };
 

packages/DeviceTree/src/index.less

@@ -2,9 +2,18 @@
 @device-tree-prefix-cls: ~'@{ant-prefix}-device-tree';
 
 .@{device-tree-prefix-cls} {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
   padding: 5px;
 
   .ant-divider {
     margin: 6px 0 12px 0;
   }
+
+  &-content {
+    flex: 1;
+    overflow-y: scroll;
+  }
 }