@wufengteam/inputs
Version:
平台提供的右侧属性编辑器，需要在主工程中注册
73 lines • 2.35 kB
JavaScript
import React from 'react';
import { Skeleton, List, Checkbox, Space } from 'antd';
import InfiniteScroll from 'react-infinite-scroll-component';
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,
checkMode = props.checkMode;
var checkChange = function checkChange(checked, vals) {
if (checkMode === 'single') {
var checkList = [];
if (checked) {
checkList.push(vals);
}
onChange(checkList);
return;
}
var sets = new Set(value);
if (checked) {
sets.add(vals);
} else {
sets.delete(vals);
}
onChange(Array.from(sets));
};
return /*#__PURE__*/React.createElement("div", {
id: "scrollSetId",
style: {
height: 360,
overflow: 'auto'
}
}, /*#__PURE__*/React.createElement(InfiniteScroll, {
dataLength: data.length,
next: loadMoreFun,
hasMore: data.length < total,
loader: /*#__PURE__*/React.createElement(Skeleton, {
paragraph: {
rows: 1
},
active: true
}),
// endMessage={<Divider plain>这是底线～ 🤐</Divider>}
scrollableTarget: "scrollSetId"
}, /*#__PURE__*/React.createElement(List, {
dataSource: data,
renderItem: function renderItem(item) {
return /*#__PURE__*/React.createElement(List.Item, {
style: {
borderBottom: 'none'
}
}, /*#__PURE__*/React.createElement(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)
}, /*#__PURE__*/React.createElement(Space, {
style: {
fontSize: '12px'
}
}, item === null || item === void 0 ? void 0 : item.staffName, /*#__PURE__*/React.createElement("span", {
style: {
color: 'rgba(28, 36, 46, 0.55)'
}
}, "(", item === null || item === void 0 ? void 0 : item.staffCode, ")"))));
}
})));
};
export default MemberList;