@alilc/lowcode-editor-core
Version:
Core Api for Ali lowCode engine
51 lines (50 loc) • 1.99 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.TipContainer = void 0;
var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
var _react = require("react");
var _reactDom = _interopRequireDefault(require("react-dom"));
var _tipItem = require("./tip-item");
var _tipHandler = require("./tip-handler");
var TipContainer = exports.TipContainer = /*#__PURE__*/function (_Component) {
function TipContainer() {
var _this;
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
_this = _Component.call.apply(_Component, [this].concat(args)) || this;
_this.dispose = void 0;
return _this;
}
(0, _inheritsLoose2["default"])(TipContainer, _Component);
var _proto = TipContainer.prototype;
_proto.shouldComponentUpdate = function shouldComponentUpdate() {
return false;
};
_proto.componentDidMount = function componentDidMount() {
var over = function over(e) {
return _tipHandler.tipHandler.setTarget(e.target);
};
var down = function down() {
return _tipHandler.tipHandler.hideImmediately();
};
document.addEventListener('mouseover', over, false);
document.addEventListener('mousedown', down, true);
this.dispose = function () {
document.removeEventListener('mouseover', over, false);
document.removeEventListener('mousedown', down, true);
};
};
_proto.UNSAFE_componentWillMount = function UNSAFE_componentWillMount() {
if (this.dispose) {
this.dispose();
}
};
_proto.render = function render() {
return /*#__PURE__*/_reactDom["default"].createPortal(/*#__PURE__*/React.createElement("div", {
className: "lc-tips-container"
}, /*#__PURE__*/React.createElement(_tipItem.TipItem, null)), document.querySelector('body'));
};
return TipContainer;
}(_react.Component);