@fle-ui/plus-goods-detail-drawer
Version:
@fle-ui/plus-goods-detail-drawer
48 lines • 1.98 kB
JavaScript
import "antd/es/descriptions/style";
import _Descriptions from "antd/es/descriptions";
import "antd/es/space/style";
import _Space from "antd/es/space";
import React, { useMemo } from 'react';
import { formatDescriptionsItem } from '../DescriptionsItem';
var SalesTypeSection = /*#__PURE__*/React.memo(function (_ref) {
var salesType = _ref.salesType,
changeContent = _ref.changeContent,
beforeContent = _ref.beforeContent,
isAudit = _ref.isAudit,
hideFields = _ref.hideFields;
if (hideFields.includes('salesType')) {
return null;
}
var getSalesTypeContent = useMemo(function () {
return function (type) {
if (!type) return '-';
return /*#__PURE__*/React.createElement(_Space, {
size: "middle"
}, type.isOnce && '一件代发', type.isPurchase && '集采批发', !type.isPurchase && !type.isOnce && '-');
};
}, []);
var descriptionsItems = useMemo(function () {
return [formatDescriptionsItem({
hideFields: hideFields,
key: 'salesType',
label: '销售类型',
isChangeRecord: isAudit && ((changeContent === null || changeContent === void 0 ? void 0 : changeContent.isOnce) || (changeContent === null || changeContent === void 0 ? void 0 : changeContent.isPurchase)),
beforeContent: getSalesTypeContent(beforeContent),
children: getSalesTypeContent(salesType)
})].filter(Boolean);
}, [isAudit, changeContent, salesType, getSalesTypeContent]);
return /*#__PURE__*/React.createElement("div", {
id: "sales-type",
className: "goods-detail-drawer-section"
}, /*#__PURE__*/React.createElement("div", {
className: "goods-detail-drawer-section-title"
}, "\u9500\u552E\u7C7B\u578B"), /*#__PURE__*/React.createElement(_Descriptions, {
column: 1,
colon: false,
size: "small",
className: "goods-detail-drawer-descriptions",
items: descriptionsItems
}));
});
SalesTypeSection.displayName = 'SalesTypeSection';
export default SalesTypeSection;