ant-design/components/typography/Text.tsx
Zheeeng 29a15e2a5d
refactor: refines types and fix to use prop direction over context direction (#37716)
* refactor: use enum instead of multiple constants and refines types

* fix: siganture and direction prop passing

* Update Editable.tsx

* refine types

* test: update snap

* style: prefer literal constants over enum

* fix: refine types for typography

* fix: restore ellipsis const

* fix: restore ellipsis const

* fix: restore textare importing
2022-10-18 11:45:43 +08:00

37 lines
1.1 KiB
TypeScript

import omit from 'rc-util/lib/omit';
import * as React from 'react';
import warning from '../_util/warning';
import type { BlockProps, EllipsisConfig } from './Base';
import Base from './Base';
export interface TextProps
extends BlockProps<'span'>,
Omit<React.HTMLAttributes<HTMLSpanElement>, 'type' | keyof BlockProps<'span'>> {
ellipsis?: boolean | Omit<EllipsisConfig, 'expandable' | 'rows' | 'onExpand'>;
}
const Text: React.ForwardRefRenderFunction<HTMLSpanElement, TextProps> = (
{ ellipsis, ...restProps },
ref,
) => {
const mergedEllipsis = React.useMemo(() => {
if (ellipsis && typeof ellipsis === 'object') {
return omit(ellipsis as any, ['expandable', 'rows']);
}
return ellipsis;
}, [ellipsis]);
warning(
typeof ellipsis !== 'object' ||
!ellipsis ||
(!('expandable' in ellipsis) && !('rows' in ellipsis)),
'Typography.Text',
'`ellipsis` do not support `expandable` or `rows` props.',
);
return <Base ref={ref} {...restProps} ellipsis={mergedEllipsis} component="span" />;
};
export default React.forwardRef(Text);