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

B 端物料组件库

import * as React from 'react';

var LogisticsInterceptionStatus = function LogisticsInterceptionStatus(props) {
  var _props$interception = props.interception,
      interception = _props$interception === void 0 ? false : _props$interception,
      pending = props.pending,
      _props$success = props.success,
      success = _props$success === void 0 ? 0 : _props$success,
      _props$failed = props.failed,
      failed = _props$failed === void 0 ? 0 : _props$failed;
  return /*#__PURE__*/React.createElement("div", {
    className: "aliretail-logistics-interception-status"
  }, function () {
    // 需要拦截
    if (interception) {
      if (pending) {
        return /*#__PURE__*/React.createElement("div", {
          className: "primary"
        }, pending, "\u4E2A\u5F85\u62E6\u622A");
      } // 没有失败的


      if (failed === 0) {
        return /*#__PURE__*/React.createElement("div", null, "\u4ED3\u5185\u62E6\u622A\u6210\u529F");
      }

      return /*#__PURE__*/React.createElement(React.Fragment, null, !!success && /*#__PURE__*/React.createElement("div", null, success, "\u4E2A\u62E6\u622A\u6210\u529F"), !!failed && /*#__PURE__*/React.createElement("div", null, failed, "\u4E2A\u62E6\u622A\u5931\u8D25"));
    } // 无需拦截


    return /*#__PURE__*/React.createElement("div", null, "\u65E0\u9700\u62E6\u622A");
  }());
};

export default LogisticsInterceptionStatus;