@wufengteam/inputs
Version:
平台提供的右侧属性编辑器，需要在主工程中注册
669 lines • 25.9 kB
JavaScript
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
import React, { useState, useEffect, useMemo } from 'react';
import { Modal, Space, Row, Col, Input, Empty, Tag, Tabs, Checkbox, Tooltip, message } from 'antd';
import { CloseOutlined, QuestionCircleOutlined } from '@ant-design/icons';
import difference from 'lodash.difference';
import { wufengController } from '@wufengteam/core';
import { TAG_ICON_STYLE, TAG_STYLE } from './constants';
import MemberListComp from './MemberListComp';
// @ts-ignore
import departIcon from '../../img/depart.png';
import ZeroCodeOrgTree from '../ZeroCodeOrgTree';
import { buildPcUrl } from '../../../utils/tool';
import { formateTreeData, getFirstChar } from '../../tool';
import "./index.css";
import { COLOR_DATA } from '../../constants';
var prefixCls = 'inputs-default-member';
var Search = Input.Search;
var TabPane = Tabs.TabPane;
// const dynamicOptions =[]
var AddDefaultMemberModal = function AddDefaultMemberModal(_ref) {
var visible = _ref.visible,
memberListed = _ref.memberListed,
departListed = _ref.departListed,
onCancel = _ref.onCancel,
_onOk = _ref.onOk,
isDefaultMenber = _ref.isDefaultMenber,
selectType = _ref.selectType,
checkedList = _ref.checkedList;
if (!window.appId) {
window.appId = sessionStorage.getItem('appId');
}
var _useState = useState(0),
_useState2 = _slicedToArray(_useState, 2),
curPageNum = _useState2[0],
setCurPageNum = _useState2[1];
var _useState3 = useState([]),
_useState4 = _slicedToArray(_useState3, 2),
departTreeData = _useState4[0],
setDepartTreeData = _useState4[1];
var _useState5 = useState([]),
_useState6 = _slicedToArray(_useState5, 2),
sDepartList = _useState6[0],
setSDepartList = _useState6[1]; // 选中的部门信息
// const [dSearchVal, setDSearchVal] = useState('');
var _useState7 = useState([]),
_useState8 = _slicedToArray(_useState7, 2),
memberOptions = _useState8[0],
setMemberOptions = _useState8[1];
var _useState9 = useState(0),
_useState10 = _slicedToArray(_useState9, 2),
memberTotal = _useState10[0],
setMemberTotal = _useState10[1];
var _React$useState = React.useState(false),
_React$useState2 = _slicedToArray(_React$useState, 2),
indeterminate = _React$useState2[0],
setIndeterminate = _React$useState2[1];
var _React$useState3 = React.useState(false),
_React$useState4 = _slicedToArray(_React$useState3, 2),
checkAll = _React$useState4[0],
setCheckAll = _React$useState4[1];
var _useState11 = useState([]),
_useState12 = _slicedToArray(_useState11, 2),
sMemberList = _useState12[0],
setSMemberList = _useState12[1]; // 选中的成员信息
var _useState13 = useState([]),
_useState14 = _slicedToArray(_useState13, 2),
sMemberNodeKey = _useState14[0],
setSMemberNodeKey = _useState14[1]; // 成员下选中的部门
var _useState15 = useState(undefined),
_useState16 = _slicedToArray(_useState15, 2),
searchUserName = _useState16[0],
setUserName = _useState16[1];
var _useState17 = useState([]),
_useState18 = _slicedToArray(_useState17, 2),
mTreeData = _useState18[0],
setMTreeData = _useState18[1]; // 选择成员的组织树
var _useState19 = useState(false),
_useState20 = _slicedToArray(_useState19, 2),
recursive = _useState20[0],
setRecursive = _useState20[1]; // 是否包含子部门
var _useState21 = useState(isDefaultMenber ? 'member' : 'depart'),
_useState22 = _slicedToArray(_useState21, 2),
activeKey = _useState22[0],
setActiveKey = _useState22[1];
// 预览态是包含基础管理模块
var _useState23 = useState(false),
_useState24 = _slicedToArray(_useState23, 2),
hasPriviewBasic = _useState24[0],
setHasPriviewBasic = _useState24[1];
var _useState25 = useState([]),
_useState26 = _slicedToArray(_useState25, 2),
dynamicCheckedList = _useState26[0],
setDynamicCheckedList = _useState26[1];
useEffect(function () {
setDynamicCheckedList(checkedList);
}, [checkedList]);
useEffect(function () {
setSDepartList(departListed);
}, [departListed]);
useEffect(function () {
setSMemberList(memberListed);
}, [memberListed]);
var updateMemberInfo = function updateMemberInfo(checkValues) {
// 返回非当前选中的部门数据
var userValues = memberOptions.map(function (it) {
return it.value;
});
var sUserValues = sMemberList.map(function (it) {
return it.userId;
});
var oterValues = difference(sUserValues, userValues);
var otherMemberList = [];
oterValues.forEach(function (valueStr) {
// 其他的部门的职位信息
var tempList = sMemberList.filter(function (memItem) {
return memItem.userId === valueStr;
});
if (tempList && tempList.length > 0) {
otherMemberList.push(tempList[0]);
}
});
var curSMemberList = [];
checkValues.forEach(function (value) {
var hasMemberList = memberOptions.filter(function (it) {
return (it === null || it === void 0 ? void 0 : it.userId) === value;
});
if (hasMemberList.length) {
curSMemberList.push(hasMemberList[0]); // 两个数组扩展，数据有重复，所以只取第一个
}
});
if (selectType === 'single' && isDefaultMenber) {
setSMemberList([].concat(curSMemberList));
} else {
setSMemberList([].concat(otherMemberList, curSMemberList));
}
};
var modalCancel = function modalCancel() {
setCurPageNum(1);
onCancel();
};
/**
* 处理人员数据
* @param srcData
* @returns
*/
var formatGroups = function formatGroups() {
var srcData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
var memberList = [];
if (srcData && Array.isArray(srcData) && (srcData === null || srcData === void 0 ? void 0 : srcData.length)) {
srcData.forEach(function (item) {
var staffId = item.staffId,
staffName = item.staffName;
if (staffId && staffName) {
memberList.push(Object.assign(Object.assign({}, item), {
label: staffName,
value: staffId
}));
}
});
}
return memberList;
};
/**
* 根据部门获取人员数据
* @param pageIndex
* @param orgId
*/
var getUserByOrgIdConfig = function getUserByOrgIdConfig(params) {
wufengController.getAction('staffs', Object.assign({
pageLen: 20,
state: 'A',
recursive: recursive
}, params)).then(function (res) {
var _res$list = res.list,
list = _res$list === void 0 ? [] : _res$list,
total = res.total;
var _params$pageIndex = params.pageIndex,
pageIndex = _params$pageIndex === void 0 ? 0 : _params$pageIndex;
var formatList = formatGroups(list.map(function (it) {
return Object.assign(Object.assign({}, it), {
orgId: params === null || params === void 0 ? void 0 : params.orgId
});
}));
var tempMemData = formatList;
if (pageIndex === 0) {
setMemberOptions(formatList);
} else {
tempMemData = [].concat(_toConsumableArray(memberOptions), _toConsumableArray(formatList));
}
setMemberOptions(tempMemData);
setCurPageNum(pageIndex + 1);
setMemberTotal(total);
if (checkAll) {
// 如果当前全选的情况下
setSMemberList([].concat(_toConsumableArray(sMemberList), _toConsumableArray(formatList)));
}
});
};
/**
* 选择的成员数据
* @param params
* @returns、
*/
var sMemberKeys = useMemo(function () {
var cKeys = sMemberList.map(function (item) {
return item === null || item === void 0 ? void 0 : item.userId;
});
return cKeys;
}, [sMemberList]);
/**
* 成员切换部门的情况
* @param sKeys
*/
var onMemberSelect = function onMemberSelect(sKeys, includeChildren) {
if (sKeys.length) {
setSMemberNodeKey(sKeys);
getUserByOrgIdConfig({
orgId: sKeys[0],
pageIndex: 0,
recursive: includeChildren
});
}
setRecursive(includeChildren);
};
/**
* 成员的全选
* @param e
*/
var onCheckAllChange = function onCheckAllChange(e) {
if (isDefaultMenber && selectType === 'single') {
message.info('当前可选类型为单选，默认成员不支持多选');
return;
}
setIndeterminate(false);
setCheckAll(e.target.checked);
if (e.target.checked) {
var checkValues = memberOptions.map(function (item) {
return item === null || item === void 0 ? void 0 : item.userId;
});
updateMemberInfo(checkValues);
} else {
updateMemberInfo([]);
}
};
var updateTreeData = function updateTreeData(list, key, children) {
return list.map(function (node) {
if ("".concat(node.key) === "".concat(key)) {
return Object.assign(Object.assign({}, node), {
children: children
});
}
if (node.children) {
return Object.assign(Object.assign({}, node), {
children: updateTreeData(node.children, key, children)
});
}
return node;
});
};
/**
* 获取部门数据
*/
var getOrgInfoByAsync = function getOrgInfoByAsync(orgId) {
wufengController.getAction('getOrgInfoByAsync', orgId).then(function (res) {
var data = formateTreeData(res);
setDepartTreeData(data);
setMTreeData(data);
if (res && res.length) {
var firstOrgId = res[0].orgId;
setSMemberNodeKey([firstOrgId]);
getUserByOrgIdConfig({
orgId: firstOrgId,
pageIndex: 0
});
}
});
};
// 获取预览态是否有基础管理模块
var getIsBasicPriview = function getIsBasicPriview() {
wufengController.getAction('getBasicPreviewEnabled').then(function (res) {
setHasPriviewBasic(res || false);
});
};
useEffect(function () {
getOrgInfoByAsync('0');
getIsBasicPriview();
}, []);
var loadOrgData = function loadOrgData(_ref2) {
var key = _ref2.key,
children = _ref2.children;
return new Promise(function (resolve) {
if (children) {
resolve();
return;
}
wufengController.getAction('getOrgInfoByAsync', key).then(function (res) {
var data = formateTreeData(res);
setDepartTreeData(function (origin) {
return updateTreeData(origin, key, data);
});
setTimeout(function () {
resolve();
}, 500);
});
});
};
var loadMemberData = function loadMemberData(_ref3) {
var key = _ref3.key,
children = _ref3.children;
return new Promise(function (resolve) {
if (children) {
resolve();
return;
}
wufengController.getAction('getOrgInfoByAsync', key).then(function (res) {
var data = formateTreeData(res);
setMTreeData(function (origin) {
return updateTreeData(origin, key, data);
});
setTimeout(function () {
resolve();
}, 500);
});
});
};
// 根据选中的tab页不同拼接不同的地址
var dealPathByTabKey = function dealPathByTabKey() {
var retSelectedPage = {};
// 若是预览态无基础管理模块，则无需拼接默认页的路劲了
if ("".concat(hasPriviewBasic) === 'false') {
return retSelectedPage;
}
switch (activeKey) {
case 'depart':
retSelectedPage.pagePath = '/_frame/base/orgMgr';
retSelectedPage.basicPath = '/orgMgr';
break;
case 'member':
retSelectedPage.pagePath = '/_frame/base/orgStaff';
retSelectedPage.basicPath = '/orgStaff';
break;
case 'part':
retSelectedPage.pagePath = '/_frame/base/roleMgr';
retSelectedPage.basicPath = '/roleMgr';
break;
default:
break;
}
return retSelectedPage;
};
// 跳转到预览页面
var goPriview = function goPriview() {
wufengController.getAction('findPreviewUrl', {
appId: window === null || window === void 0 ? void 0 : window.appId
}).then(function (res) {
var resultCode = res.resultCode,
resultObject = res.resultObject;
if ("".concat(resultCode) === '0') {
// PC 端预览地址
// dealPathByTabKey();
var selectedPage = dealPathByTabKey();
var webUrl = buildPcUrl({
urlData: resultObject,
appId: window === null || window === void 0 ? void 0 : window.appId,
selectedPage: selectedPage
});
window.open(webUrl);
}
});
};
var renderCommonEmpty = function renderCommonEmpty() {
var hasSearch = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : undefined;
return typeof hasSearch === 'undefined' ? ( /*#__PURE__*/React.createElement(Empty, {
description: "\u5F53\u524D\u6682\u672A\u7EF4\u62A4\u7EC4\u7EC7\u4EBA\u5458\u6570\u636E",
className: "".concat(prefixCls, "-emptyStyle")
}, "".concat(hasPriviewBasic) === 'true' && ( /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls, "-emptyCusText"),
onClick: goPriview
}, "\u524D\u5F80\u6DFB\u52A0")))) : ( /*#__PURE__*/React.createElement(Empty, {
description: "\u6682\u65E0\u6570\u636E",
className: "".concat(prefixCls, "-emptyStyle")
}));
};
// 绘制tooltip的头部信息
var renderTooltipTitle = function renderTooltipTitle() {
return /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls, "-tooltipLayout")
}, /*#__PURE__*/React.createElement("div", null, "\u6DFB\u52A0\u4EBA\u5458\uFF1A\u652F\u6301\u6DFB\u52A0\u7EC4\u7EC7\u3001\u4EBA\u5458\u3001\u89D2\u8272\u3001\u7FA4\u7EC4\u76F8\u5173\u7684\u6570\u636E\uFF0C\u53EF\u4F5C\u4E3A\u5E94\u7528\u6743\u9650\u5206\u914D\u4EE5\u53CA\u6D41\u7A0B\u73AF\u8282\u5904\u7406\u4EBA\u7B49\u76F8\u5173\u9A8C\u8BC1\u8C03\u8BD5\u4F7F\u7528\u3002\u8C03\u8BD5\u5B8C\u6210\u5E76\u6295\u5165\u4F7F\u7528\u65F6\u9700\u5C06\u6B64\u5904\u6DFB\u52A0\u7684\u7EC4\u7EC7\u3001\u4EBA\u5458\u3001\u89D2\u8272\u7B49\u76F8\u5173\u6570\u636E\u540C\u6B65\u81F3\u4F7F\u7528\u5E73\u53F0\uFF0C\u4FDD\u8BC1\u9875\u9762\u4EE5\u53CA\u6D41\u7A0B\u7684\u6B63\u5E38\u4F7F\u7528\u3002"), /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls, "-toolTipText")
}, '注：组织人员添加入口也可通过：应用预览>>基础管理（组织管理/员工管理等）'));
};
// 自定义modal的头部
var renderTitle = function renderTitle() {
return /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls, "-mTitleLayout")
}, /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls, "-mTitle")
}, "\u6DFB\u52A0\u4EBA\u5458"), /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls, "-mTitleRight")
}, "".concat(hasPriviewBasic) === 'true' && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls, "-mRightText")
}, /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls, "-mRightMargin"),
onClick: goPriview
}, '>>添加调试数据'), /*#__PURE__*/React.createElement(Tooltip, {
title: renderTooltipTitle()
}, /*#__PURE__*/React.createElement(QuestionCircleOutlined, null))))), /*#__PURE__*/React.createElement(CloseOutlined, {
className: "".concat(prefixCls, "-mRightClose"),
onClick: modalCancel
})));
};
var onDynamicChange = function onDynamicChange(checkedValues) {
if (isDefaultMenber && selectType === 'single' && (sMemberList === null || sMemberList === void 0 ? void 0 : sMemberList.length) > 0) {
setSMemberList([]);
}
// 确保只有一个被选中
if (checkedValues.length > 1) {
// 如果用户尝试选中多个，只保留最后一个选中的
var data = checkedValues.filter(function (item) {
return !dynamicCheckedList.includes(item);
});
setDynamicCheckedList(data);
} else {
setDynamicCheckedList(checkedValues);
}
};
return /*#__PURE__*/React.createElement(Modal, {
className: "".concat(prefixCls, "-addMember-modal"),
title: renderTitle(),
closable: false,
width: 1041,
bodyStyle: {
padding: '0',
height: '510px'
},
visible: visible,
onCancel: modalCancel,
maskClosable: false,
onOk: function onOk() {
if (_onOk) {
_onOk({
sDepartList: sDepartList,
sMemberList: sMemberList,
dynamicCheckedList: dynamicCheckedList
});
}
}
}, /*#__PURE__*/React.createElement(Row, {
style: {
height: '100%'
}
}, /*#__PURE__*/React.createElement(Col, {
span: 16,
className: "".concat(prefixCls, "-itemPadding")
}, /*#__PURE__*/React.createElement(Tabs, {
activeKey: activeKey,
onChange: function onChange(sKey) {
return setActiveKey(sKey);
}
}, !isDefaultMenber && ( /*#__PURE__*/React.createElement(TabPane, {
tab: "\u90E8\u95E8",
key: "depart"
}, /*#__PURE__*/React.createElement(ZeroCodeOrgTree, {
hasSearch: false,
emptyNode: renderCommonEmpty(),
initValues: sDepartList,
loadData: loadOrgData,
treeData: departTreeData,
onCheck: function onCheck(orgData) {
setSDepartList(orgData);
},
checkAllChange: function checkAllChange(checked) {
setRecursive(checked);
}
}))), /*#__PURE__*/React.createElement(TabPane, {
tab: "\u6210\u5458",
key: "member"
}, departTreeData && departTreeData.length ? ( /*#__PURE__*/React.createElement(Row, {
style: {
height: '100%'
}
}, /*#__PURE__*/React.createElement(Col, {
span: 12,
style: {
paddingTop: '16px',
height: '448px'
}
}, /*#__PURE__*/React.createElement(ZeroCodeOrgTree, {
checkable: false,
hasSearch: false,
height: 448,
loadData: loadMemberData,
treeData: mTreeData,
onSelect: onMemberSelect,
selectedKeys: sMemberNodeKey,
checkAllChange: function checkAllChange(checked) {
setRecursive(checked);
}
})), /*#__PURE__*/React.createElement(Col, {
span: 12,
className: "".concat(prefixCls, "-colItem"),
style: {
paddingTop: '16px'
}
}, /*#__PURE__*/React.createElement(Space, {
direction: "vertical",
style: {
width: '100%'
}
}, /*#__PURE__*/React.createElement(Search, {
value: searchUserName,
placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u5B57\u641C\u7D22",
onChange: function onChange(e) {
setUserName(e.target.value);
},
onSearch: function onSearch(value) {
getUserByOrgIdConfig({
pageIndex: 0,
staffName: value,
orgId: sMemberNodeKey[0]
});
}
}), memberOptions && memberOptions.length ? ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Checkbox, {
indeterminate: indeterminate,
onChange: onCheckAllChange,
checked: checkAll,
style: {
marginTop: '8px'
}
}, "\u5168\u9009"), /*#__PURE__*/React.createElement(MemberListComp, {
value: sMemberKeys,
data: memberOptions,
total: memberTotal,
checkMode: isDefaultMenber && selectType === 'single' ? 'single' : 'multiple',
loadMoreFun: function loadMoreFun() {
getUserByOrgIdConfig({
pageIndex: curPageNum,
staffName: searchUserName,
orgId: sMemberNodeKey[0]
});
},
onChange: function onChange(checkedValue) {
if (isDefaultMenber && selectType === 'single' && (dynamicCheckedList === null || dynamicCheckedList === void 0 ? void 0 : dynamicCheckedList.length) > 0) {
setDynamicCheckedList([]);
}
updateMemberInfo(checkedValue);
var allCheck = checkedValue.length === memberTotal;
if (allCheck) {
setCheckAll(true);
} else {
if (checkedValue.length) {
setIndeterminate(true);
} else {
setIndeterminate(false);
}
setCheckAll(false);
}
}
}))) : renderCommonEmpty(searchUserName))))) : renderCommonEmpty()), /*#__PURE__*/React.createElement(TabPane, {
tab: "\u52A8\u6001\u53C2\u6570",
key: "dynamic"
}, /*#__PURE__*/React.createElement(Checkbox.Group, {
onChange: onDynamicChange,
value: dynamicCheckedList,
className: "dynamicCheckWrap"
}, /*#__PURE__*/React.createElement(Space, {
direction: "vertical"
}, /*#__PURE__*/React.createElement(Checkbox, {
value: "containCurrentUser"
}, "\u5F53\u524D\u7528\u6237"), !isDefaultMenber && /*#__PURE__*/React.createElement(Checkbox, {
value: "containCurrentUserOrg"
}, "\u5F53\u524D\u7528\u6237\u540C\u90E8\u95E8\u4EBA\u5458")))))), /*#__PURE__*/React.createElement(Col, {
span: 8,
className: "".concat(prefixCls, "-colItem"),
style: {
paddingTop: '16px'
}
}, /*#__PURE__*/React.createElement(Row, {
justify: "end"
}, /*#__PURE__*/React.createElement("a", {
onClick: function onClick() {
setSDepartList([]);
setSMemberList([]);
setDynamicCheckedList([]);
setCheckAll(false);
setIndeterminate(false);
}
}, "\u6E05\u9664")), /*#__PURE__*/React.createElement(Space, {
size: 4,
wrap: true,
style: {
maxHeight: '100%',
overflow: 'auto',
alignItems: 'start'
}
}, sDepartList.map(function (dItem, posIndex) {
var orgId = dItem.orgId,
orgName = dItem.orgName,
isSonOrg = dItem.isSonOrg;
return /*#__PURE__*/React.createElement(Tag, {
key: orgId,
icon: /*#__PURE__*/React.createElement("div", {
style: {
background: COLOR_DATA[posIndex % 8]
},
className: "iconBg"
}, getFirstChar(orgName)),
closable: true,
style: TAG_STYLE,
onClose: function onClose() {
var otherDepartInfo = sDepartList.filter(function (it) {
return it.orgId !== orgId;
});
setSDepartList(otherDepartInfo);
}
}, "".concat(isSonOrg) === '1' ? "".concat(orgName, "(\u542B\u5B50\u90E8\u95E8)") : orgName);
}), (sMemberList || []).map(function (mItem, posIndex) {
var staffId = mItem.staffId,
staffName = mItem.staffName;
return /*#__PURE__*/React.createElement(Tag, {
key: staffId,
icon: /*#__PURE__*/React.createElement("div", {
style: {
background: COLOR_DATA[posIndex % 8]
},
className: "iconBg"
}, getFirstChar(staffName)),
style: TAG_STYLE,
closable: true,
onClose: function onClose() {
var otherMemberInfo = sMemberList.filter(function (it) {
return it.userId !== staffId;
});
setSMemberList(otherMemberInfo);
}
}, staffName);
}), (dynamicCheckedList || []).map(function (mItem, posIndex) {
return /*#__PURE__*/React.createElement(Tag, {
icon: mItem === 'containCurrentUser' ? ( /*#__PURE__*/React.createElement("img", {
src: departIcon,
alt: "",
style: TAG_ICON_STYLE
})) : ( /*#__PURE__*/React.createElement("div", {
style: {
background: COLOR_DATA[posIndex % 8]
},
className: "iconBg"
}, "\u5F53")),
style: TAG_STYLE,
closable: true,
onClose: function onClose() {
var otherMemberInfo = dynamicCheckedList.filter(function (it) {
return it !== mItem;
});
setDynamicCheckedList(otherMemberInfo);
}
}, mItem === 'containCurrentUser' ? '当前用户' : '当前用户同部门人员');
})))));
};
export default AddDefaultMemberModal;