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 compile = useCompile();
const value = compile(props.value ?? '');
const { autop = true } = props;
let content = null;
const values = HTMLEncode(value).split('\n').join('<br/>');
content = (
<EllipsisWithTooltip
ellipsis={props.ellipsis}
popoverContent={autop ? <div dangerouslySetInnerHTML={{ __html: values }} /> : value}
>
{props.text ?? value}
const { autop = true, ellipsis, text } = props;
const html = (
<div
dangerouslySetInnerHTML={{
__html: HTMLEncode(value).split('\n').join('<br/>'),
}}
/>
);
const content = (
<EllipsisWithTooltip ellipsis={ellipsis} popoverContent={autop ? html : value}>
{ellipsis ? text || value : html}
</EllipsisWithTooltip>
);
return (
<div className={cls(prefixCls, props.className)} style={props.style}>
{props.addonBefore}