sunmao-sdk/src/component/TR.js

榫卯-开箱即用赋能-sdk

import React, { forwardRef } from "react";
import { Tooltip } from "antd";
import TableRender from "./TableRender";
import SelectCascader from "./SelectCascader";
import SelectCommon from "./SelectCommon";
import CheckboxCommon from "./CheckboxCommon";
import RadioCommon from "./RadioCommon";
import InputInterval from "./InputInterval";
import FormBtn from "./FormBtn";
import Text from "./Text";

const renderFlag = (text, record) => {
  const color = ["gray", "red", "yellow", "green", "blue", "purple"][text];
  return (
    <Tooltip title={record.flagNote ? record.flagNote : ""}>
      <div className="w2 pointer">
        <i
          className={`ice-icon-stable-small ice-icon-stable ice-icon-stable-activity ${color}`}
        ></i>
      </div>
    </Tooltip>
  );
};

const TR = (props, ref) => {
  return (
    <TableRender
      ref={ref}
      {...props}
      widgets={{
        link: text => <a>{text}</a>,
        flag: renderFlag,
        ...props.widgets
      }} // 有默认的，也可以在此自定义扩展
      searchWidgets={{
        selectCascader: SelectCascader,
        selectCommon: SelectCommon,
        checkboxCommon: CheckboxCommon,
        radioCommon: RadioCommon,
        inputInterval: InputInterval,
        formBtn: FormBtn,
        smText: Text,
        ...props.searchWidgets,
        ...props.widgets
      }}
    />
  );
};

export default forwardRef(TR);