@fle-ui/plus-goods-detail-drawer/lib/components/AnchorNavigation/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");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var AnchorNavigation = function AnchorNavigation(_ref) {
  var goodsData = _ref.goodsData,
    bounds = _ref.bounds,
    _ref$hideFields = _ref.hideFields,
    hideFields = _ref$hideFields === void 0 ? [] : _ref$hideFields;
  if (!goodsData) return null;
  var anchorItems = [{
    key: 'sales-type',
    href: '#sales-type',
    title: '销售类型',
    show: !hideFields.includes('salesType')
  }, {
    key: 'basic-info',
    href: '#basic-info',
    title: '基本信息',
    show: !hideFields.includes('basicInfo')
  }, {
    key: 'sales-info',
    href: '#sales-info',
    title: '销售信息',
    show: !hideFields.includes('salesInfo')
  }, {
    key: 'logistics-info',
    href: '#logistics-info',
    title: '物流信息',
    show: !hideFields.includes('freightInfo')
  }, {
    key: 'goods-detail',
    href: '#goods-detail',
    title: '商品详情',
    show: !hideFields.includes('goodsDetail')
  }].filter(function (item) {
    return item.show;
  });
  return /*#__PURE__*/_react.default.createElement("div", {
    className: "anchor-navigation"
  }, /*#__PURE__*/_react.default.createElement(_antd.Anchor, {
    key: "anchor-".concat(bounds) // 使用 key 强制重新渲染
    ,
    bounds: bounds,
    targetOffset: 40,
    direction: "horizontal",
    getContainer: function getContainer() {
      return document.getElementsByClassName('goods-detail-drawer-body')[0];
    },
    items: anchorItems.map(function (item) {
      return {
        key: item.key,
        href: item.href,
        title: item.title
      };
    })
  }));
};
var _default = exports.default = AnchorNavigation;