@titaui/pc 1.11.4-0 → 1.11.4-1

package/es/components/user-selector/action-btns/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = _default;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _btnCancel = _interopRequireDefault(require("./btn-cancel"));
+
+var _btnOk = _interopRequireDefault(require("./btn-ok"));
+
+require("./index.scss");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _default(props) {
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    className: "persel-actions",
+    onClick: props.onClick
+  }, /*#__PURE__*/_react["default"].createElement(_btnCancel["default"], {
+    onClick: props.onCancel
+  }), /*#__PURE__*/_react["default"].createElement(_btnOk["default"], {
+    onClick: props.onOk
+  }));
+}

package/es/components/user-selector/context.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TreeNodeContext = exports.CommonContext = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var CommonContext = /*#__PURE__*/_react["default"].createContext();
+
+exports.CommonContext = CommonContext;
+
+var TreeNodeContext = /*#__PURE__*/_react["default"].createContext();
+
+exports.TreeNodeContext = TreeNodeContext;

package/es/components/user-selector/empty/group.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = _default;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _openData = require("../../../utils/open-data");
+
+var _getLocale = require("../../../utils/getLocale");
+
+require("./index.scss");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _default() {
+  var role = window.BSGlobal.loginUserInfo.Role;
+  var isManager = role == 4 || role == 2;
+  var webPath = window.BSGlobal.webPath;
+  var domain = (0, _openData.isWechat)() ? "work-weixin" : "admin";
+  var url = "//".concat(domain, ".").concat(webPath, "/").concat(window.BSGlobal.loginUserInfo.Id, "/TmHome#?iTalentFrameType=iframe&iTalentNavId=44281&iTalentFrame=https://").concat(domain, ".").concat(webPath, "/").concat(window.BSGlobal.loginUserInfo.Id, "/indexV2#/groupManage&");
+
+  if (isManager) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      style: {
+        textAlign: "center"
+      }
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "persel-empty"
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: "icon"
+    })), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "empty-tip"
+    }, (0, _getLocale.getLocale)("OKR_MyO_Pop_Teamsettings")), /*#__PURE__*/_react["default"].createElement("a", {
+      href: url,
+      target: "_blank",
+      className: "add-group",
+      rel: "noreferrer"
+    }, "\u6DFB\u52A0\u7FA4\u7EC4"));
+  }
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      textAlign: "center"
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "persel-empty"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "icon"
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "empty-tip"
+  }, "\u6682\u65E0\u7FA4\u7EC4\uFF0C\u8BF7\u8054\u7CFB\u7BA1\u7406\u5458\u8BBE\u7F6E\uFF0C\u8BBE\u7F6E\u540E\u53EF\u4EE5\u4E3A\u56E2\u961F\u76EE\u6807\u9009\u62E9\u7FA4\u7EC4"));
+}

package/es/components/user-selector/empty/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = _default;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _getLocale = require("../../../utils/getLocale");
+
+require("./index.scss");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _default() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      textAlign: "center"
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "persel-empty"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "icon"
+  })), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "empty-tip"
+  }, (0, _getLocale.getLocale)("OKR_MyO_Thnothinghere")));
+}

package/es/components/user-selector/export-modules/depart-search-selector/result-part.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = _default;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _chooseTree = _interopRequireDefault(require("../../select-tree/choose-tree"));
+
+var _context = require("../../context");
+
+require("../../searched-panel/index.scss");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _default(props) {
+  var title = props.title,
+      treeData = props.treeData,
+      onSelect = props.onSelect,
+      selected = props.selected,
+      height = props.height;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "persel-searched-part"
+  }, title ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "persel-searched-part__title"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, title)) : undefined, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "persel-searched-part__body"
+  }, /*#__PURE__*/_react["default"].createElement(_context.TreeNodeContext.Provider, {
+    value: {}
+  }, /*#__PURE__*/_react["default"].createElement(_chooseTree["default"], {
+    multiple: true,
+    treeData: treeData,
+    asyncData: false,
+    onSelect: onSelect,
+    selected: selected,
+    virtual: true,
+    height: height
+  }))));
+}

package/es/components/user-selector/export-modules/group-selector/index.js

@@ -0,0 +1,170 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _popup = _interopRequireDefault(require("../../../popup"));
+
+var _selectorInput = _interopRequireDefault(require("../../../selector-input"));
+
+var _layout = require("../../layout");
+
+var _searchedPanel = _interopRequireDefault(require("./searched-panel"));
+
+var _group = _interopRequireDefault(require("../../empty/group"));
+
+var _chooseTree = _interopRequireDefault(require("../../select-tree/choose-tree"));
+
+var _utils = require("../../utils");
+
+var _requestApis = require("../../request-apis");
+
+var _context = require("../../context");
+
+require("../../index.scss");
+
+require("./index.scss");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var style = props.style,
+      _props$onSelect = props.onSelect,
+      onSelect = _props$onSelect === void 0 ? function () {} : _props$onSelect,
+      _props$selected = props.selected,
+      selected = _props$selected === void 0 ? [] : _props$selected,
+      trigger = props.trigger,
+      children = props.children,
+      _props$position = props.position,
+      position = _props$position === void 0 ? "center" : _props$position,
+      sourceFrom = props.sourceFrom,
+      _props$forceRender = props.forceRender,
+      forceRender = _props$forceRender === void 0 ? false : _props$forceRender,
+      _props$destroyPopupOn = props.destroyPopupOnHide,
+      destroyPopupOnHide = _props$destroyPopupOn === void 0 ? true : _props$destroyPopupOn,
+      onGetTreeDataDone = props.onGetTreeDataDone,
+      _props$getUsedGroups = props.getUsedGroups,
+      getUsedGroups = _props$getUsedGroups === void 0 ? false : _props$getUsedGroups;
+
+  var _useState = (0, _react.useState)(""),
+      _useState2 = _slicedToArray(_useState, 2),
+      searchKey = _useState2[0],
+      setSearchKey = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      visible = _useState4[0],
+      setVisible = _useState4[1];
+
+  var onTreeNodeClichHandler = function onTreeNodeClichHandler(keys, info) {
+    onSelect([info.node]);
+    setVisible(false);
+  };
+
+  var onSearchChangeHandler = function onSearchChangeHandler(val) {
+    setSearchKey(val);
+  };
+
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      open: function open() {
+        return setVisible(true);
+      },
+      close: function close() {
+        return setVisible(false);
+      }
+    };
+  });
+
+  var getTreeDataHandler = function getTreeDataHandler() {
+    return (0, _requestApis.getGourps)({
+      sourceFrom: sourceFrom,
+      getUsedGroups: getUsedGroups
+    }).then(function (groups) {
+      return (0, _utils.translateGroupsToTreeNode)(groups.Data || []);
+    });
+  };
+
+  var searchGroupsHandler = function searchGroupsHandler(searchKey) {
+    return (0, _requestApis.searchGroups)({
+      searchKey: searchKey
+    }).then(function (groups) {
+      return (0, _utils.translateGroupsToTreeNode)(groups.Data || []);
+    });
+  };
+
+  (0, _react.useEffect)(function () {
+    if (onGetTreeDataDone) {
+      getTreeDataHandler().then(function (groups) {
+        onGetTreeDataDone(groups);
+      });
+    }
+  }, []);
+
+  var popup = /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("persel-box", "persel-group-selector"),
+    style: style
+  }, /*#__PURE__*/_react["default"].createElement(_layout.SinglePersonalLayout, null, /*#__PURE__*/_react["default"].createElement(_selectorInput["default"], {
+    onChange: onSearchChangeHandler
+  }), searchKey ? /*#__PURE__*/_react["default"].createElement(_searchedPanel["default"], {
+    searchKey: searchKey,
+    selected: selected,
+    searchGroups: searchGroupsHandler,
+    onNodeSelect: onTreeNodeClichHandler
+  }) : /*#__PURE__*/_react["default"].createElement(_context.TreeNodeContext.Provider, {
+    value: {}
+  }, /*#__PURE__*/_react["default"].createElement(_chooseTree["default"], {
+    onSelect: onTreeNodeClichHandler,
+    getTreeData: getTreeDataHandler,
+    selected: selected,
+    multiple: false,
+    asyncData: true,
+    itemHeight: 46,
+    height: 300,
+    virtual: true,
+    renderEmpty: function renderEmpty() {
+      return /*#__PURE__*/_react["default"].createElement(_group["default"], null);
+    }
+  }))));
+
+  return /*#__PURE__*/_react["default"].createElement(_context.CommonContext.Provider, {
+    value: {
+      sourceFrom: sourceFrom
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_popup["default"], {
+    popup: popup,
+    popupVisible: visible,
+    popupPlacement: position,
+    forceRender: forceRender,
+    destroyPopupOnHide: destroyPopupOnHide,
+    onPopupVisibleChange: function onPopupVisibleChange(visible) {
+      setVisible(visible);
+    }
+  }, children || trigger));
+});
+
+exports["default"] = _default;

package/es/components/user-selector/export-modules/group-selector/searched-panel.js

@@ -0,0 +1,68 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = _default;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _resultPart = _interopRequireDefault(require("../../searched-panel/result-part"));
+
+var _loading = _interopRequireDefault(require("../../loading"));
+
+require("../../searched-panel/index.scss");
+
+require("./index.scss");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _default(props) {
+  var searchKey = props.searchKey,
+      onNodeSelect = props.onNodeSelect,
+      selected = props.selected,
+      searchGroups = props.searchGroups;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      loading = _useState2[0],
+      setLoading = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(),
+      _useState4 = _slicedToArray(_useState3, 2),
+      group = _useState4[0],
+      setGroup = _useState4[1];
+
+  (0, _react.useEffect)(function () {
+    setLoading(true);
+    searchGroups(searchKey).then(function (groups) {
+      setGroup(groups);
+      setLoading(false);
+    });
+  }, [searchKey]);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "persel-searched"
+  }, loading ? /*#__PURE__*/_react["default"].createElement(_loading["default"], null) : /*#__PURE__*/_react["default"].createElement(_resultPart["default"], {
+    treeData: group,
+    onSelect: onNodeSelect,
+    selected: selected
+  }));
+}

package/es/components/user-selector/export-modules/multiple-user-selector--bak/index.js

@@ -0,0 +1,246 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _context = require("../../context");
+
+var _openData = require("../../../../utils/open-data");
+
+var _multipleSelector = _interopRequireDefault(require("../field-tree-selector/multiple-selector"));
+
+var _popup = _interopRequireDefault(require("../../../popup"));
+
+var _getLocale = require("../../../../utils/getLocale");
+
+require("../../index.scss");
+
+require("./index.scss");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+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(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var selector = props.selector,
+      _props$input = props.input,
+      input = _props$input === void 0 ? {} : _props$input,
+      trigger = props.trigger,
+      children = props.children,
+      _props$onOk = props.onOk,
+      onOk = _props$onOk === void 0 ? function () {} : _props$onOk,
+      _props$position = props.position,
+      position = _props$position === void 0 ? "bottomRight" : _props$position,
+      _props$selectNodes = props.selectNodes,
+      selectNodes = _props$selectNodes === void 0 ? {} : _props$selectNodes,
+      sourceFrom = props.sourceFrom,
+      _props$auth = props.auth,
+      auth = _props$auth === void 0 ? false : _props$auth,
+      _props$placeholder = props.placeholder,
+      placeholder = _props$placeholder === void 0 ? (0, _getLocale.getLocale)("Mod_Pleaseselect") : _props$placeholder,
+      _props$destroyPopupOn = props.destroyPopupOnHide,
+      destroyPopupOnHide = _props$destroyPopupOn === void 0 ? true : _props$destroyPopupOn,
+      _props$forceRender = props.forceRender,
+      forceRender = _props$forceRender === void 0 ? false : _props$forceRender,
+      _props$isGetRoot = props.isGetRoot,
+      isGetRoot = _props$isGetRoot === void 0 ? false : _props$isGetRoot,
+      _props$popupAlign = props.popupAlign,
+      popupAlign = _props$popupAlign === void 0 ? {
+    offset: [0, 0],
+    overflow: {
+      adjustX: true,
+      adjustY: true
+    },
+    targetOffset: [0, 0]
+  } : _props$popupAlign;
+
+  var _useState = (0, _react.useState)([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      selected = _useState2[0],
+      setSelected = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(placeholder),
+      _useState4 = _slicedToArray(_useState3, 2),
+      selectedText = _useState4[0],
+      setSelectedText = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(),
+      _useState6 = _slicedToArray(_useState5, 2),
+      jsxDomValues = _useState6[0],
+      setJsxDomValues = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      visible = _useState8[0],
+      setVisible = _useState8[1];
+
+  var setSelectedByProps = function setSelectedByProps() {
+    var selected = [];
+    var texts = [];
+    var jsxDomValues = [];
+    var _selectNodes$groups = selectNodes.groups,
+        groups = _selectNodes$groups === void 0 ? [] : _selectNodes$groups,
+        _selectNodes$departme = selectNodes.departments,
+        departments = _selectNodes$departme === void 0 ? [] : _selectNodes$departme,
+        _selectNodes$users = selectNodes.users,
+        users = _selectNodes$users === void 0 ? [] : _selectNodes$users;
+    (groups || []).forEach(function (data) {
+      selected.push({
+        nodeType: "group",
+        id: data.id,
+        data: data
+      });
+      texts.push(data.name);
+      jsxDomValues.push( /*#__PURE__*/_react["default"].createElement("span", null, data.name));
+    });
+    (departments || []).forEach(function (data) {
+      selected.push({
+        nodeType: "depart",
+        id: data.id,
+        data: data
+      });
+      texts.push(data.name);
+      jsxDomValues.push( /*#__PURE__*/_react["default"].createElement(_openData.OpenDepartmentName, {
+        id: data.id,
+        name: data.name
+      }));
+    });
+    (users || []).forEach(function (data) {
+      selected.push({
+        nodeType: "person",
+        id: data.userId,
+        data: data
+      });
+      texts.push(data.name);
+      jsxDomValues.push( /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
+        id: data.userId,
+        name: data.name
+      }));
+    });
+    setSelected(selected);
+    var text = texts.join("、");
+    if (!text) text = placeholder;
+    setSelectedText(text);
+    setJsxDomValues(jsxDomValues);
+  };
+
+  (0, _react.useEffect)(function () {
+    setSelectedByProps();
+  }, [selectNodes]);
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      open: function open() {
+        return setVisible(true);
+      },
+      close: function close() {
+        return setVisible(false);
+      }
+    };
+  });
+
+  var onOkHandler = function onOkHandler(selectNodes) {
+    setVisible(false);
+    setSelected(selectNodes);
+    var texts = [];
+    var users = []; // 返回react组件形式的value，应用于企业微信
+
+    var jsxDomValues = [];
+    selectNodes.forEach(function (item) {
+      switch (item.nodeType) {
+        case "person":
+          users.push(item.data);
+          texts.push(item.data.name);
+          jsxDomValues.push( /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
+            id: item.data.userId,
+            name: item.data.name
+          }));
+          break;
+
+        default:
+          break;
+      }
+    });
+    var wechartOpts = {
+      isWechat: (0, _openData.isWechat)(),
+      jsxDomValues: jsxDomValues
+    };
+    onOk({
+      users: users
+    }, wechartOpts);
+    var text = texts.join("、");
+    if (!text) text = placeholder;
+    setSelectedText(text);
+    setJsxDomValues(jsxDomValues);
+  };
+
+  var onCancelHandler = function onCancelHandler() {
+    setVisible(false);
+  };
+
+  return /*#__PURE__*/_react["default"].createElement(_context.CommonContext.Provider, {
+    value: {
+      sourceFrom: sourceFrom,
+      auth: auth,
+      isGetRoot: isGetRoot
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_popup["default"], {
+    popupVisible: visible,
+    popupPlacement: position,
+    onPopupVisibleChange: function onPopupVisibleChange(visible) {
+      setVisible(visible);
+    },
+    forceRender: forceRender,
+    destroyPopupOnHide: destroyPopupOnHide,
+    popup: /*#__PURE__*/_react["default"].createElement(_multipleSelector["default"], _extends({}, selector, {
+      onCancel: onCancelHandler,
+      onOk: onOkHandler,
+      selected: selected,
+      disabledDepartSelect: true,
+      panes: {
+        depart: true,
+        group: false
+      }
+    })),
+    popupAlign: popupAlign
+  }, children || trigger ? /*#__PURE__*/_react["default"].createElement("span", {
+    onClick: function onClick() {
+      return setVisible(true);
+    }
+  }, children || trigger) : /*#__PURE__*/_react["default"].createElement("span", {
+    className: "persel-selector-field",
+    style: input.style,
+    onClick: function onClick() {
+      return setVisible(!visible);
+    }
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "persel-selector-field__text"
+  }, (0, _openData.isWechat)() ? jsxDomValues : selectedText), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "persel-selector-field__suffix"
+  })))));
+});
+
+exports["default"] = _default;