diff --git a/devtools/chrome-extension/src/app/components/FieldTree.tsx b/devtools/chrome-extension/src/app/components/FieldTree.tsx index c90189b9806..be2fb049840 100644 --- a/devtools/chrome-extension/src/app/components/FieldTree.tsx +++ b/devtools/chrome-extension/src/app/components/FieldTree.tsx @@ -1,9 +1,9 @@ import React, { useState, useEffect, useRef } from 'react' import styled from 'styled-components' -import { FormPath } from '@formily/shared' +import { FormPath, isObj } from '@formily/shared' import { Treebeard, decorators } from 'react-treebeard' import * as filters from './filter' -import SerachBox from './SearchBox' +import SearchBox from './SearchBox' const createTree = (dataSource: any, cursor?: any) => { const tree: any = {} @@ -182,7 +182,7 @@ const Header = (props) => { {node.name} - {title} + {isObj(title) ? ((title as any).title ?? '') : title}
{ const ToolBar = styled.div` border-bottom: 1px solid #3d424a; height: 20px; - padding: 10px 10; + padding: 10px 10px; padding: 5px; overflow: auto; position: sticky; @@ -246,7 +246,7 @@ export const FieldTree = styled(({ className, dataSource, onSelect }) => { return (
- +