@ttk/component/src/dataGrid/textCell.js

ttk组件库

import React, { PureComponent } from 'react'
import { Cell } from 'fixed-data-table-2'
import classNames from 'classnames'


export default class textCellComponent extends PureComponent {
    render() {
        let {
          height,
            width,
            style,
            className,
            align,
            sand,
            value,
            dataType,
            precision,
            enableTooltip,
            enableEllipsis,
            ...other
      } = this.props

        let cls = classNames({
            'mk-datagrid-cellContent': true,
            [`mk-datagrid-cellContent-${align}`]: !!align,
            [className]: !!className
        })

        let innerStyle = {
            height,
            width,
            ...style,
        }

        switch (dataType) {
            case 'bool':
                value = (value == undefined || value == false) ? '否' : '是'
                break
            case 'float':
                if (precision && (!!value)) {
                    value = parseFloat(value).toFixed(precision)
                }
                break
        }

        if (value == null || value == undefined) {
            value = ''
        }

        value = value + ''

        if (sand) {
            value = sand(value)
        }

        let ext = {}
        if (enableTooltip) {
            ext.title = value
        }


        if (enableEllipsis) {
            ext.title = value
            value = [<span style={{ whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}>{value}</span>]
        }



        return (
            <div {...other} className={cls} style={innerStyle} {...ext}>
                {value}
            </div>
        )
    }
}