choerodon-ui
Version:
An enterprise-class UI design language and React-based implementation
130 lines (101 loc) • 5.41 kB
JavaScript
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
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 _utils = require("./utils");
var _TableContext = _interopRequireDefault(require("./TableContext"));
var _excluded = ["className", "width", "height", "top", "style", "isHeaderRow", "headerHeight", "rowRef", "classPrefix", "children", "rowDraggable", "provided", "snapshot"];
var propTypeKeys = ['width', 'height', 'headerHeight', 'top', 'isHeaderRow', 'rowDraggable', 'rowRef', 'className', 'classPrefix', 'style', 'provided', 'snapshot'];
var Row = /*#__PURE__*/function (_React$PureComponent) {
(0, _inherits2["default"])(Row, _React$PureComponent);
var _super = (0, _createSuper2["default"])(Row);
function Row() {
(0, _classCallCheck2["default"])(this, Row);
return _super.apply(this, arguments);
}
(0, _createClass2["default"])(Row, [{
key: "render",
value: function render() {
var _this$props = this.props,
className = _this$props.className,
width = _this$props.width,
height = _this$props.height,
top = _this$props.top,
style = _this$props.style,
isHeaderRow = _this$props.isHeaderRow,
headerHeight = _this$props.headerHeight,
rowRef = _this$props.rowRef,
classPrefix = _this$props.classPrefix,
children = _this$props.children,
rowDraggable = _this$props.rowDraggable,
provided = _this$props.provided,
snapshot = _this$props.snapshot,
rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
var addPrefix = (0, _utils.prefix)(classPrefix);
var classes = (0, _classnames["default"])(classPrefix, className, (0, _defineProperty2["default"])({}, addPrefix('header'), isHeaderRow));
var styles = (0, _objectSpread2["default"])({
minWidth: width,
height: isHeaderRow ? headerHeight : height
}, style);
var unhandledProps = (0, _utils.getUnhandledProps)(propTypeKeys, rest);
return /*#__PURE__*/React.createElement(_TableContext["default"].Consumer, null, function (_ref) {
var translateDOMPositionXY = _ref.translateDOMPositionXY;
if (translateDOMPositionXY) {
translateDOMPositionXY(styles, 0, top);
}
var providedProps = {};
var transform = styles.transform;
if (rowDraggable && provided) {
var regex = new RegExp('translate\\((.*?)px, (.*?)px\\)');
var regex3d = new RegExp('translate3d\\((.*?)px,(.*?)px,(.*?)\\)'); // the transform property of parent style gotten through reference and passed in as a prop
var parentValues = regex3d.exec(styles.transform || '');
var childValues = regex.exec(provided.draggableProps.style.transform || ''); // if both the parent (the nested list) and the child (item beeing dragged) has transform values, recalculate the child items transform to account for position fixed not working
if (childValues != null && parentValues != null) {
var x = parseFloat(childValues[1], 10);
var y = parseFloat(childValues[2], 10);
var p_x = parseFloat(parentValues[1], 10);
var p_y = parseFloat(parentValues[2], 10);
var p_z = parseFloat(parentValues[3], 10);
transform = "translate3d(".concat(x + p_x, "px, ").concat(y + p_y, "px, ").concat(p_z, "px)");
}
(0, _extends2["default"])(providedProps, provided.draggableProps, provided.dragHandleProps);
styles = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, styles), {}, {
top: 'auto !important',
left: 'auto !important',
cursor: 'move',
transform: transform
});
}
return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, providedProps, {
role: "row"
}, unhandledProps, {
ref: rowRef,
className: classes,
style: styles
}), children);
});
}
}]);
return Row;
}(React.PureComponent);
Row.defaultProps = {
classPrefix: (0, _utils.defaultClassPrefix)('performance-table-row'),
height: 46,
headerHeight: 40
};
var _default = Row;
exports["default"] = _default;
//# sourceMappingURL=Row.js.map
;