@wufengteam/wform
Version:
@wufengteam/wform
90 lines (89 loc) • 3.52 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _antd = require("antd");
var _reactInfiniteScrollComponent = _interopRequireDefault(require("react-infinite-scroll-component"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var MemberList = function MemberList(props) {
var _props$data = props.data,
data = _props$data === void 0 ? [] : _props$data,
loadMoreFun = props.loadMoreFun,
total = props.total,
_props$value = props.value,
value = _props$value === void 0 ? [] : _props$value,
onChange = props.onChange,
_props$height = props.height,
height = _props$height === void 0 ? 350 : _props$height;
var orgNameStyle = {
display: '-webkit-box',
color: 'rgba(28, 36, 46, 0.25)',
lineHeight: '20px',
overflow: 'hidden',
'text-overflow': 'ellipsis',
'-webkit-line-clamp': '1',
'-webkit-box-orient': 'vertical'
};
var checkChange = function checkChange(checked, vals) {
var sets = new Set(value);
if (checked) {
sets.add(vals);
} else {
sets.delete(vals);
}
onChange(Array.from(sets));
};
return /*#__PURE__*/_react.default.createElement("div", {
id: "scrollSetId",
style: {
height: height,
overflow: 'auto'
}
}, /*#__PURE__*/_react.default.createElement(_reactInfiniteScrollComponent.default, {
dataLength: data.length,
next: loadMoreFun,
hasMore: data.length < total,
loader: /*#__PURE__*/_react.default.createElement(_antd.Skeleton, {
paragraph: {
rows: 1
},
active: true
}),
// endMessage={<Divider plain>这是底线～ 🤐</Divider>}
scrollableTarget: "scrollSetId"
}, /*#__PURE__*/_react.default.createElement(_antd.List, {
dataSource: data,
renderItem: function renderItem(item) {
return /*#__PURE__*/_react.default.createElement(_antd.List.Item, {
style: {
borderBottom: 'none'
}
}, /*#__PURE__*/_react.default.createElement(_antd.Checkbox, {
key: item.staffId,
onChange: function onChange(e) {
return checkChange(e.target.checked, item === null || item === void 0 ? void 0 : item.staffId);
},
checked: value.includes(item === null || item === void 0 ? void 0 : item.staffId),
style: {
alignItems: 'center'
}
}, /*#__PURE__*/_react.default.createElement("div", {
style: {
paddingTop: (item === null || item === void 0 ? void 0 : item.orgPathName) || (item === null || item === void 0 ? void 0 : item.orgName) ? '0' : '4px'
}
}, item === null || item === void 0 ? void 0 : item.staffName, /*#__PURE__*/_react.default.createElement("span", {
style: {
color: 'rgba(28, 36, 46, 0.55)'
}
}, "(", item === null || item === void 0 ? void 0 : item.staffCode, ")"), /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
title: (item === null || item === void 0 ? void 0 : item.orgPathName) || (item === null || item === void 0 ? void 0 : item.orgName),
placement: "topLeft"
}, /*#__PURE__*/_react.default.createElement("div", {
style: orgNameStyle
}, (item === null || item === void 0 ? void 0 : item.orgPathName) || (item === null || item === void 0 ? void 0 : item.orgName))))));
}
})));
};
var _default = exports.default = MemberList;