import { computed , defineComponent , PropType , toRefs } from 'vue' ; import { getPrefixCls } from '../_utils/global-config' ; import Base from './base' ; export default defineComponent ( { name : 'TypographyParagraph' , inheritAttrs : false , props : { zh en blockquote : { type : Boolean } , zh en spacing : { type : String as PropType < 'default' | 'close' > , default : 'default' } } , setup ( props ) { const { blockquote , spacing } = toRefs ( props ) ; const prefixCls = getPrefixCls ( 'typography' ) ; const component = computed ( ( ) => blockquote ?. value ? 'blockquote' : 'div' ) ; const classNames = computed ( ( ) => [ { [ `${ prefixCls }-spacing-close` ] : spacing ?. value === 'close' } , ] ) ; return { component , classNames } ; } , render ( ) { const { component , classNames } = this ; return ( < Base class = { classNames } { ... this . $attrs } component = { component } v - slots = { this . $slots } / > ) ; } } ) ;