ruiling/tachybase_todo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(client): clear text formatting when textarea ellipsis

Browse Source
This commit is contained in:
chenos 2022-04-06 11:03:25 +08:00
parent f8dd5d6f79
commit beb1ea2f9e
1 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
packages/client/src/schema-component/antd/input/ReadPretty.tsx
View File

@ -34,18 +34,19 @@ ReadPretty.TextArea = (props) => {
const prefixCls = usePrefixCls('description-textarea', props); const prefixCls = usePrefixCls('description-textarea', props);
const compile = useCompile(); const compile = useCompile();
const value = compile(props.value ?? ''); const value = compile(props.value ?? '');
const { autop = true } = props; const { autop = true, ellipsis, text } = props;
let content = null; const html = (
const values = HTMLEncode(value).split('\n').join('<br/>'); <div
content = ( dangerouslySetInnerHTML={{
<EllipsisWithTooltip __html: HTMLEncode(value).split('\n').join('<br/>'),
ellipsis={props.ellipsis} }}
popoverContent={autop ? <div dangerouslySetInnerHTML={{ __html: values }} /> : value} />
> );
{props.text ?? value} const content = (
<EllipsisWithTooltip ellipsis={ellipsis} popoverContent={autop ? html : value}>
{ellipsis ? text || value : html}
</EllipsisWithTooltip> </EllipsisWithTooltip>
); );
return ( return (
<div className={cls(prefixCls, props.className)} style={props.style}> <div className={cls(prefixCls, props.className)} style={props.style}>
{props.addonBefore} {props.addonBefore}