choerodon-ui
Version:
An enterprise-class UI design language and React-based implementation
116 lines (96 loc) • 3.56 kB
JavaScript
import _extends from "@babel/runtime/helpers/extends";
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
import _defineProperty from "@babel/runtime/helpers/defineProperty";
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
import _createClass from "@babel/runtime/helpers/createClass";
import _inherits from "@babel/runtime/helpers/inherits";
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
function _createSuper(Derived) {
function isNativeReflectConstruct() {
if (typeof Reflect === "undefined" || !Reflect.construct) return false;
if (Reflect.construct.sham) return false;
if (typeof Proxy === "function") return true;
try {
Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
return true;
} catch (e) {
return false;
}
}
return function () {
var Super = _getPrototypeOf(Derived),
result;
if (isNativeReflectConstruct()) {
var NewTarget = _getPrototypeOf(this).constructor;
result = Reflect.construct(Super, arguments, NewTarget);
} else {
result = Super.apply(this, arguments);
}
return _possibleConstructorReturn(this, result);
};
}
import React, { Component } from 'react';
import classNames from 'classnames';
import Lazyload from 'react-lazy-load';
import Checkbox from '../checkbox';
import PureRenderMixin from '../rc-components/util/PureRenderMixin';
var Item =
/*#__PURE__*/
function (_Component) {
_inherits(Item, _Component);
var _super = _createSuper(Item);
function Item() {
_classCallCheck(this, Item);
return _super.apply(this, arguments);
}
_createClass(Item, [{
key: "shouldComponentUpdate",
value: function shouldComponentUpdate() {
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
return PureRenderMixin.shouldComponentUpdate.apply(this, args);
}
}, {
key: "render",
value: function render() {
var _classNames;
var _this$props = this.props,
renderedText = _this$props.renderedText,
renderedEl = _this$props.renderedEl,
item = _this$props.item,
lazy = _this$props.lazy,
checked = _this$props.checked,
prefixCls = _this$props.prefixCls,
onClick = _this$props.onClick;
var className = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-content-item"), true), _defineProperty(_classNames, "".concat(prefixCls, "-content-item-disabled"), item.disabled), _classNames));
var listItem = React.createElement("li", {
className: className,
title: renderedText,
onClick: item.disabled ? undefined : function () {
return onClick(item);
}
}, React.createElement(Checkbox, {
checked: checked,
disabled: item.disabled
}), React.createElement("span", null, renderedEl));
var children = null;
if (lazy) {
var lazyProps = _objectSpread({
height: 32,
offset: 500,
throttle: 0,
debounce: false
}, lazy);
children = React.createElement(Lazyload, _extends({}, lazyProps), listItem);
} else {
children = listItem;
}
return children;
}
}]);
return Item;
}(Component);
export { Item as default };
//# sourceMappingURL=item.js.map