@fle-ui/plus-goods-detail-drawer/lib/components/GoodsDetailSection/index.js

@fle-ui/plus-goods-detail-drawer

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _antd = require("antd");
var _DescriptionsItem = require("../DescriptionsItem");
var _tools = require("../../utils/tools");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var Link = _antd.Typography.Link;
var GoodsDetailSection = function GoodsDetailSection(_ref) {
  var hideFields = _ref.hideFields,
    goodsDetail = _ref.goodsDetail,
    changeContent = _ref.changeContent,
    beforeContent = _ref.beforeContent,
    isAudit = _ref.isAudit;
  if (!goodsDetail) return null;
  var getMaterialContent = function getMaterialContent(materialList) {
    if (!materialList || materialList.length === 0) return '-';
    return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_antd.Space, {
      direction: "vertical",
      size: "small"
    }, materialList.map(function (material, index) {
      return /*#__PURE__*/_react.default.createElement(Link, {
        key: index,
        href: material.fileUrl,
        target: "_blank"
      }, /*#__PURE__*/_react.default.createElement(_antd.Space, null, /*#__PURE__*/_react.default.createElement("img", {
        src: (0, _tools.getFileTypeIcon)(material.fileMime),
        alt: "\u6587\u4EF6\u7C7B\u578B\u56FE\u6807",
        className: "file-icon"
      }), material.fileName));
    })));
  };
  var getDetailContent = function getDetailContent(detail) {
    if (!detail) return '-';
    return /*#__PURE__*/_react.default.createElement("div", {
      className: "goods-detail-html",
      dangerouslySetInnerHTML: {
        __html: detail
      }
    });
  };
  return /*#__PURE__*/_react.default.createElement("div", {
    id: "goods-detail",
    className: "goods-detail-drawer-section"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "goods-detail-drawer-section-title"
  }, "\u5546\u54C1\u8BE6\u60C5"), /*#__PURE__*/_react.default.createElement(_antd.Descriptions, {
    column: 1,
    size: "small",
    colon: false,
    layout: "vertical",
    styles: {
      label: {
        fontWeight: 'bold',
        color: '#1d2531'
      }
    },
    items: [(0, _DescriptionsItem.formatDescriptionsItem)({
      hideFields: hideFields,
      key: 'goodsDetail.materialList',
      label: '商品素材',
      isChangeRecord: isAudit && (0, _DescriptionsItem.formatValueToBoolean)(changeContent === null || changeContent === void 0 ? void 0 : changeContent.materialList),
      beforeContent: getMaterialContent(beforeContent === null || beforeContent === void 0 ? void 0 : beforeContent.materialList),
      children: getMaterialContent(goodsDetail.materialList)
    }), (0, _DescriptionsItem.formatDescriptionsItem)({
      hideFields: hideFields,
      key: 'goodsDetail.detail',
      label: '商品详情',
      dynamicWidth: true,
      tooltipPlacement: 'right',
      styles: {
        label: {
          paddingTop: 20
        }
      },
      isChangeRecord: isAudit && (0, _DescriptionsItem.formatValueToBoolean)(changeContent === null || changeContent === void 0 ? void 0 : changeContent.detail),
      beforeContent: getDetailContent(beforeContent === null || beforeContent === void 0 ? void 0 : beforeContent.detail),
      children: getDetailContent(goodsDetail.detail)
    })].filter(Boolean)
  }));
};
var _default = exports.default = GoodsDetailSection;