tntd
Version:
tntd是基于 TNT Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。
194 lines (192 loc) • 6.69 kB
JavaScript
;
function _typeof(o) {
"@babel/helpers - typeof";
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
return typeof o;
} : function (o) {
return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
}, _typeof(o);
}
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _react = _interopRequireWildcard(require("react"));
function _getRequireWildcardCache(e) {
if ("function" != typeof WeakMap) return null;
var r = new WeakMap(),
t = new WeakMap();
return (_getRequireWildcardCache = function _getRequireWildcardCache(e) {
return e ? t : r;
})(e);
}
function _interopRequireWildcard(e, r) {
if (!r && e && e.__esModule) return e;
if (null === e || "object" != _typeof(e) && "function" != typeof e) return {
"default": e
};
var t = _getRequireWildcardCache(r);
if (t && t.has(e)) return t.get(e);
var n = {
__proto__: null
},
a = Object.defineProperty && Object.getOwnPropertyDescriptor;
for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {
var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];
}
return n["default"] = e, t && t.set(e, n), n;
}
function _classCallCheck(a, n) {
if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
}
function _defineProperties(e, r) {
for (var t = 0; t < r.length; t++) {
var o = r[t];
o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o);
}
}
function _createClass(e, r, t) {
return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", {
writable: !1
}), e;
}
function _toPropertyKey(t) {
var i = _toPrimitive(t, "string");
return "symbol" == _typeof(i) ? i : i + "";
}
function _toPrimitive(t, r) {
if ("object" != _typeof(t) || !t) return t;
var e = t[Symbol.toPrimitive];
if (void 0 !== e) {
var i = e.call(t, r || "default");
if ("object" != _typeof(i)) return i;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return ("string" === r ? String : Number)(t);
}
function _callSuper(t, o, e) {
return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
}
function _possibleConstructorReturn(t, e) {
if (e && ("object" == _typeof(e) || "function" == typeof e)) return e;
if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined");
return _assertThisInitialized(t);
}
function _assertThisInitialized(e) {
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return e;
}
function _isNativeReflectConstruct() {
try {
var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
} catch (t) {}
return (_isNativeReflectConstruct = function _isNativeReflectConstruct() {
return !!t;
})();
}
function _getPrototypeOf(t) {
return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) {
return t.__proto__ || Object.getPrototypeOf(t);
}, _getPrototypeOf(t);
}
function _inherits(t, e) {
if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function");
t.prototype = Object.create(e && e.prototype, {
constructor: {
value: t,
writable: !0,
configurable: !0
}
}), Object.defineProperty(t, "prototype", {
writable: !1
}), e && _setPrototypeOf(t, e);
}
function _setPrototypeOf(t, e) {
return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
return t.__proto__ = e, t;
}, _setPrototypeOf(t, e);
}
var DropDownWrap = exports["default"] = /*#__PURE__*/function (_PureComponent) {
function DropDownWrap(props) {
var _this;
_classCallCheck(this, DropDownWrap);
_this = _callSuper(this, DropDownWrap, [props]);
Object.defineProperty(_this, "getItemStyle", {
enumerable: true,
configurable: true,
writable: true,
value: function value(i) {
var itemHeight = _this.props.itemHeight;
return {
position: 'absolute',
top: itemHeight * i,
height: itemHeight,
width: '100%'
};
}
});
Object.defineProperty(_this, "reactList", {
enumerable: true,
configurable: true,
writable: true,
value: function value(allHeight, startIndex, endIndex) {
return _this.setState({
allHeight: allHeight,
startIndex: startIndex,
endIndex: endIndex
});
}
});
var allHeight = props.allHeight,
startIndex = props.startIndex,
endIndex = props.endIndex;
_this.state = {
allHeight: allHeight,
startIndex: startIndex,
endIndex: endIndex
};
return _this;
}
_inherits(DropDownWrap, _PureComponent);
return _createClass(DropDownWrap, [{
key: "componentDidUpdate",
value: function componentDidUpdate(prevProps) {
if (this.props.allHeight !== prevProps.allHeight) {
this.setState({
allHeight: this.props.allHeight
});
}
}
}, {
key: "render",
value: function render() {
var _this2 = this;
var menu = this.props.menu;
var _this$state = this.state,
startIndex = _this$state.startIndex,
endIndex = _this$state.endIndex,
allHeight = _this$state.allHeight;
// 截取 Select 下拉列表中需要显示的部分
var cloneMenu = _react["default"].cloneElement(menu, {
menuItems: menu.props.menuItems.slice(startIndex, endIndex).map(function (item, i) {
var realIndex = (startIndex || 0) + Number(i);
var style = _this2.getItemStyle(realIndex);
// 未搜到数据提示高度使用默认高度
if (item.key === 'NOT_FOUND') {
delete style.height;
}
return _react["default"].cloneElement(item, {
style: Object.assign(Object.assign({}, item.props.style), style)
});
}),
dropdownMenuStyle: Object.assign(Object.assign({}, menu.props.dropdownMenuStyle), {
height: allHeight,
maxHeight: allHeight,
overflow: 'hidden'
})
});
return cloneMenu;
}
}]);
}(_react.PureComponent);