AnchorLink.js
3.85 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
"use strict";
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
var React = _interopRequireWildcard(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _configProvider = require("../config-provider");
var _context = _interopRequireDefault(require("./context"));
var AnchorLink = /*#__PURE__*/function (_React$Component) {
(0, _inherits2["default"])(AnchorLink, _React$Component);
var _super = (0, _createSuper2["default"])(AnchorLink);
function AnchorLink() {
var _this;
(0, _classCallCheck2["default"])(this, AnchorLink);
_this = _super.apply(this, arguments);
_this.handleClick = function (e) {
var _this$context = _this.context,
scrollTo = _this$context.scrollTo,
onClick = _this$context.onClick;
var _this$props = _this.props,
href = _this$props.href,
title = _this$props.title;
if (onClick) {
onClick(e, {
title: title,
href: href
});
}
scrollTo(href);
};
_this.renderAnchorLink = function (_ref) {
var getPrefixCls = _ref.getPrefixCls;
var _this$props2 = _this.props,
customizePrefixCls = _this$props2.prefixCls,
href = _this$props2.href,
title = _this$props2.title,
children = _this$props2.children,
className = _this$props2.className,
target = _this$props2.target;
var prefixCls = getPrefixCls('anchor', customizePrefixCls);
var active = _this.context.activeLink === href;
var wrapperClassName = (0, _classnames["default"])("".concat(prefixCls, "-link"), (0, _defineProperty2["default"])({}, "".concat(prefixCls, "-link-active"), active), className);
var titleClassName = (0, _classnames["default"])("".concat(prefixCls, "-link-title"), (0, _defineProperty2["default"])({}, "".concat(prefixCls, "-link-title-active"), active));
return /*#__PURE__*/React.createElement("div", {
className: wrapperClassName
}, /*#__PURE__*/React.createElement("a", {
className: titleClassName,
href: href,
title: typeof title === 'string' ? title : '',
target: target,
onClick: _this.handleClick
}, title), children);
};
return _this;
}
(0, _createClass2["default"])(AnchorLink, [{
key: "componentDidMount",
value: function componentDidMount() {
this.context.registerLink(this.props.href);
}
}, {
key: "componentDidUpdate",
value: function componentDidUpdate(_ref2) {
var prevHref = _ref2.href;
var href = this.props.href;
if (prevHref !== href) {
this.context.unregisterLink(prevHref);
this.context.registerLink(href);
}
}
}, {
key: "componentWillUnmount",
value: function componentWillUnmount() {
this.context.unregisterLink(this.props.href);
}
}, {
key: "render",
value: function render() {
return /*#__PURE__*/React.createElement(_configProvider.ConfigConsumer, null, this.renderAnchorLink);
}
}]);
return AnchorLink;
}(React.Component);
AnchorLink.defaultProps = {
href: '#'
};
AnchorLink.contextType = _context["default"];
var _default = AnchorLink;
exports["default"] = _default;