@wufengteam/wform/es/AddDepartment/AddDepartmentH5/AddDeptModal/index.js

@wufengteam/wform

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; }
/* eslint-disable no-console */
/* eslint-disable no-lonely-if */
import React, { useState, useEffect, useRef } from 'react';
import { Popup, NavBar, SearchBar } from 'antd-mobile-5';
import { prefix } from '../../../utils';
import Breadcrumb from '../Breadcrumb';
import DeptList from '../DeptList';
import SelectData from '../SelectedData';
import "./index.css";
var cssPrefix = "".concat(prefix, "-add-department-h5-modal");
var AddDeptModal = function AddDeptModal(props) {
  var _a, _b, _c, _d;
  var visible = props.visible,
    onClose = props.onClose,
    name = props.name,
    onOk = props.onOk,
    _props$selectType = props.selectType,
    selectType = _props$selectType === void 0 ? 'single' : _props$selectType,
    _props$initialValue = props.initialValue,
    initialValue = _props$initialValue === void 0 ? [] : _props$initialValue,
    defaultDepart = props.defaultDepart,
    settingDepart = props.settingDepart,
    selectRank = props.selectRank,
    enableOrgIds = props.enableOrgIds;
  var _ref = ((_a = props === null || props === void 0 ? void 0 : props.getEngineApis) === null || _a === void 0 ? void 0 : _a.call(props)) || {},
    _ref$customEngineApi = _ref.customEngineApi,
    customEngineApi = _ref$customEngineApi === void 0 ? {} : _ref$customEngineApi;
  var breadcrumbList = useRef([{
    orgName: '顶级',
    orgId: '0'
  }]);
  // const [breadcrumbList, setBreadcrumbList] = useState<BreadcrumbItem[]>([{ orgName: '顶级', orgId: '0' }]);
  var _useState = useState(true),
    _useState2 = _slicedToArray(_useState, 2),
    isIncludeSubDept = _useState2[0],
    setIsIncludeSubDept = _useState2[1];
  var _useState3 = useState([]),
    _useState4 = _slicedToArray(_useState3, 2),
    deptList = _useState4[0],
    setDeptList = _useState4[1];
  var _useState5 = useState([]),
    _useState6 = _slicedToArray(_useState5, 2),
    selectedDepts = _useState6[0],
    setSelectedDepts = _useState6[1];
  var _useState7 = useState(0),
    _useState8 = _slicedToArray(_useState7, 2),
    currentLevel = _useState8[0],
    setCurrentLevel = _useState8[1];
  var defaultParams = {
    childIdFilterList: ((_c = (_b = settingDepart === null || settingDepart === void 0 ? void 0 : settingDepart.checkValues) === null || _b === void 0 ? void 0 : _b.cfgObjs) === null || _c === void 0 ? void 0 : _c.map(function (item) {
      return item === null || item === void 0 ? void 0 : item.orgId;
    })) || [],
    containCurrentUserOrg: settingDepart === null || settingDepart === void 0 ? void 0 : settingDepart.containCurrentUserOrg,
    recursive: (_d = settingDepart || defaultDepart) === null || _d === void 0 ? void 0 : _d.recursive
  };
  var getOrgInfoByAsync = function getOrgInfoByAsync(e) {
    var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'id';
    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
    if (type !== 'name' || !e) {
      var cfgObjs = (_c = (_b = (_a = defaultDepart || settingDepart) === null || _a === void 0 ? void 0 : _a.checkValues) === null || _b === void 0 ? void 0 : _b.cfgObjs) === null || _c === void 0 ? void 0 : _c.find(function (item) {
        return (item === null || item === void 0 ? void 0 : item.orgId) === e;
      });
      var params = Object.assign(Object.assign({}, defaultParams), {
        orgId: e || ((_e = breadcrumbList === null || breadcrumbList === void 0 ? void 0 : breadcrumbList.current[((_d = breadcrumbList === null || breadcrumbList === void 0 ? void 0 : breadcrumbList.current) === null || _d === void 0 ? void 0 : _d.length) - 1]) === null || _e === void 0 ? void 0 : _e.orgId),
        recursive: (cfgObjs === null || cfgObjs === void 0 ? void 0 : cfgObjs.isSonOrg) === 1 ? 'T' : 'F'
      });
      (_f = customEngineApi === null || customEngineApi === void 0 ? void 0 : customEngineApi.getOrgInfoByAsync) === null || _f === void 0 ? void 0 : _f.call(customEngineApi, params).then(function (res) {
        setDeptList(res);
      });
    } else {
      var orgId = (_h = breadcrumbList === null || breadcrumbList === void 0 ? void 0 : breadcrumbList.current[((_g = breadcrumbList === null || breadcrumbList === void 0 ? void 0 : breadcrumbList.current) === null || _g === void 0 ? void 0 : _g.length) - 1]) === null || _h === void 0 ? void 0 : _h.orgId;
      var _params = {
        orgName: e,
        orgId: orgId
      };
      if (orgId === '0') {
        // 顶层 删除orgId查询所有
        delete _params.orgId;
      }
      (_j = customEngineApi === null || customEngineApi === void 0 ? void 0 : customEngineApi.getOrgByOrgName) === null || _j === void 0 ? void 0 : _j.call(customEngineApi, _params).then(function (res) {
        setDeptList(res);
      });
    }
  };
  useEffect(function () {
    if (visible) {
      getOrgInfoByAsync('0', 'id');
      setSelectedDepts(initialValue);
    }
  }, [visible]);
  var isEnableSelect = function isEnableSelect() {
    if (selectRank === undefined || (selectRank === null || selectRank === void 0 ? void 0 : selectRank.length) === 0 || (selectRank === null || selectRank === void 0 ? void 0 : selectRank.includes(currentLevel))) {
      return true;
    }
    return false;
  };
  var breadcrumbClick = function breadcrumbClick(obj, index) {
    // setBreadcrumbList([...breadcrumbList].splice(0, index + 1));
    breadcrumbList.current = _toConsumableArray(breadcrumbList.current).splice(0, index + 1);
    setCurrentLevel(index);
    getOrgInfoByAsync(obj === null || obj === void 0 ? void 0 : obj.orgId, 'id');
  };
  var onDeptClick = function onDeptClick(obj) {
    var newList = _toConsumableArray(breadcrumbList.current);
    newList.push(obj);
    // setBreadcrumbList(newList);
    breadcrumbList.current = newList;
    setCurrentLevel(currentLevel + 1);
    getOrgInfoByAsync(obj === null || obj === void 0 ? void 0 : obj.orgId, 'id');
  };
  var onDeptSelect = function onDeptSelect(flag, obj) {
    if (selectType === 'single') {
      setSelectedDepts(flag ? [obj] : []);
    } else if (flag) {
      var newDept = _toConsumableArray(selectedDepts);
      newDept.push(obj);
      setSelectedDepts(newDept);
    } else {
      var filter = selectedDepts.filter(function (it) {
        return it.orgId !== obj.orgId;
      });
      setSelectedDepts(filter);
    }
  };
  return /*#__PURE__*/React.createElement(Popup, {
    visible: visible,
    className: "".concat(cssPrefix),
    bodyStyle: {
      height: '100vh'
    }
  }, /*#__PURE__*/React.createElement("div", {
    className: "".concat(cssPrefix, "-content")
  }, /*#__PURE__*/React.createElement(NavBar, {
    onBack: onClose
  }, name), /*#__PURE__*/React.createElement("div", {
    className: "".concat(cssPrefix, "-search")
  }, /*#__PURE__*/React.createElement(SearchBar, {
    placeholder: "\u641C\u7D22\u90E8\u95E8",
    maxLength: 10,
    onSearch: function onSearch(e) {
      getOrgInfoByAsync(e, 'name');
    }
  })), /*#__PURE__*/React.createElement(Breadcrumb, {
    data: breadcrumbList.current,
    onClick: breadcrumbClick
  }), /*#__PURE__*/React.createElement("div", {
    className: "".concat(cssPrefix, "-divider")
  }), /*#__PURE__*/React.createElement(DeptList, {
    dataSource: deptList,
    onClick: onDeptClick,
    selectedData: selectedDepts,
    onSelect: onDeptSelect,
    isEnableSelect: isEnableSelect(),
    enableOrgIds: enableOrgIds,
    isIncludeSubDept: isIncludeSubDept
  }), /*#__PURE__*/React.createElement("div", {
    className: "".concat(cssPrefix, "-divider")
  }), /*#__PURE__*/React.createElement(SelectData, {
    isIncludeSubDept: isIncludeSubDept,
    onIsIncludeSubDeptChange: function onIsIncludeSubDeptChange(e) {
      return setIsIncludeSubDept(e);
    },
    selectedData: selectedDepts,
    onSelect: onDeptSelect,
    onConfirm: function onConfirm() {
      onOk === null || onOk === void 0 ? void 0 : onOk(selectedDepts);
    }
  })));
};
export default AddDeptModal;