@aliretail/react-materials-components/es/ReturnReceiveCount/index.js

B 端物料组件库

import _Icon from "@alifd/next/es/icon";
import * as React from 'react';

var ReturnReceiveCount = function ReturnReceiveCount(props) {
  var _props$returnCount = props.returnCount,
      returnCount = _props$returnCount === void 0 ? 0 : _props$returnCount,
      _props$received = props.received,
      received = _props$received === void 0 ? false : _props$received,
      _props$good = props.good,
      good = _props$good === void 0 ? 0 : _props$good,
      _props$bad = props.bad,
      bad = _props$bad === void 0 ? 0 : _props$bad;
  return /*#__PURE__*/React.createElement("div", {
    className: "aliretail-ReturnReceiveCount"
  }, /*#__PURE__*/React.createElement("div", null, returnCount), function () {
    // 未收货
    if (!received) {
      return /*#__PURE__*/React.createElement("div", null, "\u672A\u6536\u8D27");
    } // 没有劣品


    if (!bad) {
      return /*#__PURE__*/React.createElement("div", null, "\u5B9E\u6536\u826F\u54C1", good || 0);
    } // 有劣品 {


    return /*#__PURE__*/React.createElement("div", {
      className: "primary"
    }, /*#__PURE__*/React.createElement(_Icon, {
      style: {
        marginRight: 2
      },
      type: "warning-circle"
    }), "\u5B9E\u6536\u826F\u54C1", good, "/\u52A3\u54C1", bad);
  }());
};

export default ReturnReceiveCount;