@titaui/pc 1.12.0-beta.1 → 1.12.0-beta.2

package/lib/components/textarea/index.js

@@ -0,0 +1,262 @@
+"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"));
+
+require("./index.css");
+
+var _excluded = ["disabled", "onFocus", "onBlur", "inputRef", "onChange", "className", "value", "placeholder", "maxLine", "isShowApproval", "maxLength", "initValue", "onErrorChange", "validator", "onKeyDown"];
+
+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; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var Textarea = function Textarea(p) {
+  var disabled = p.disabled,
+      _onFocus = p.onFocus,
+      _onBlur = p.onBlur,
+      inputRef = p.inputRef,
+      _onChange = p.onChange,
+      className = p.className,
+      value = p.value,
+      placeholder = p.placeholder,
+      _p$maxLine = p.maxLine,
+      maxLine = _p$maxLine === void 0 ? 4 : _p$maxLine,
+      isShowApproval = p.isShowApproval,
+      maxLength = p.maxLength,
+      initValue = p.initValue,
+      onErrorChange = p.onErrorChange,
+      validator = p.validator,
+      _onKeyDown = p.onKeyDown,
+      others = _objectWithoutProperties(p, _excluded);
+
+  var prefixCls = "titaui-textArea";
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      active = _useState2[0],
+      setActive = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(initValue || ""),
+      _useState4 = _slicedToArray(_useState3, 2),
+      selfValue = _useState4[0],
+      setSelfValue = _useState4[1];
+
+  var selfInputRef = (0, _react.useRef)();
+  var realInputRef = inputRef || selfInputRef;
+  var isControlled = ("value" in p);
+  var realValue = isControlled ? value : selfValue;
+
+  var _useState5 = (0, _react.useState)(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      error = _useState6[0],
+      setError = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(""),
+      _useState8 = _slicedToArray(_useState7, 2),
+      errorText = _useState8[0],
+      setErrorText = _useState8[1];
+
+  var wrapperRef = (0, _react.useRef)();
+
+  var _useState9 = (0, _react.useState)(false),
+      _useState10 = _slicedToArray(_useState9, 2),
+      validateEnable = _useState10[0],
+      setvalidateEnable = _useState10[1];
+
+  var _useState11 = (0, _react.useState)(false),
+      _useState12 = _slicedToArray(_useState11, 2),
+      isTrue = _useState12[0],
+      setIsTrue = _useState12[1];
+
+  var _useState13 = (0, _react.useState)(1),
+      _useState14 = _slicedToArray(_useState13, 2),
+      textAreaRows = _useState14[0],
+      setTextAreaRows = _useState14[1];
+
+  var _useState15 = (0, _react.useState)(false),
+      _useState16 = _slicedToArray(_useState15, 2),
+      showTopShadow = _useState16[0],
+      setShowTopShadow = _useState16[1];
+
+  var _useState17 = (0, _react.useState)(false),
+      _useState18 = _slicedToArray(_useState17, 2),
+      showBottomShadow = _useState18[0],
+      setShowBottomShadow = _useState18[1];
+
+  var handleShadowVisible = function handleShadowVisible() {
+    setTimeout(function () {
+      if (realInputRef.current) {
+        if (Math.abs(realInputRef.current.scrollHeight - realInputRef.current.offsetHeight) <= 3) {
+          setShowTopShadow(false);
+          setShowBottomShadow(false);
+        } else if (realInputRef.current.scrollTop > 0 && Math.abs(realInputRef.current.scrollHeight - realInputRef.current.scrollTop - realInputRef.current.offsetHeight) > 3) {
+          setShowTopShadow(true);
+          setShowBottomShadow(true);
+        } else if (realInputRef.current.scrollTop > 0) {
+          setShowTopShadow(true);
+          setShowBottomShadow(false);
+        } else {
+          setShowTopShadow(false);
+          setShowBottomShadow(true);
+        }
+      }
+    }, 0);
+  };
+
+  var resetTextareaHeight = function resetTextareaHeight() {
+    setTimeout(function () {
+      var rows = realInputRef.current && Math.ceil(realInputRef.current.scrollHeight / 22);
+
+      if (rows && rows <= maxLine) {
+        setTextAreaRows(rows);
+      } else {
+        setTextAreaRows(maxLine);
+      }
+    }, 0);
+  }; // 鼠标移入
+
+
+  var changeMoveOver = function changeMoveOver() {
+    setIsTrue(true);
+  }; // 鼠标移出
+
+
+  var changeMoveOut = function changeMoveOut() {
+    setIsTrue(false);
+  };
+
+  var areaNormal = isTrue ? "area-focus" : "area-normal";
+  var areaFocus = active ? "area-focus" : areaNormal;
+  var areaError = error ? "area-error" : areaFocus;
+  (0, _react.useEffect)(function () {
+    if (!validateEnable) return;
+    var hasError = false;
+    var eText = "";
+
+    if (maxLength !== undefined) {
+      if (realValue.length > maxLength) {
+        hasError = true;
+        eText = "\u5DF2\u8F93\u5165 ".concat(realValue.length, " \u4E2A\u5B57\uFF0C\u6700\u591A\u53EF\u8F93\u5165 ").concat(maxLength, " \u4E2A\u5B57");
+      }
+    }
+
+    if (!hasError && validator) {
+      var _validator = validator(realValue),
+          isValid = _validator.isValid,
+          _errorText = _validator.errorText;
+
+      if (!isValid) {
+        hasError = true;
+        eText = _errorText || "";
+      }
+    }
+
+    setErrorText(eText);
+
+    if (hasError !== error) {
+      if (onErrorChange) {
+        onErrorChange(hasError);
+      }
+
+      setError(hasError);
+    }
+  }, [realValue]);
+  (0, _react.useEffect)(function () {
+    resetTextareaHeight();
+  }, [isShowApproval]);
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "\n          ".concat(prefixCls, "\n          ").concat(areaError, "\n          ").concat(disabled ? " disabled" : "", "\n        "),
+    onFocus: function onFocus() {},
+    onBlur: function onBlur() {},
+    onMouseOver: changeMoveOver,
+    onMouseOut: changeMoveOut,
+    ref: wrapperRef,
+    onClick: function onClick() {
+      var _realInputRef$current;
+
+      (_realInputRef$current = realInputRef.current) === null || _realInputRef$current === void 0 ? void 0 : _realInputRef$current.focus();
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("inner scrollbar-size-sm", {
+      commonTextAreaWrapperTopShadow: showTopShadow,
+      commonTextAreaWrapperBottomShadow: showBottomShadow
+    })
+  }, /*#__PURE__*/_react["default"].createElement("textarea", _extends({
+    className: "".concat(className, " scrollbar-size-sm"),
+    disabled: disabled,
+    ref: realInputRef,
+    value: realValue,
+    rows: textAreaRows,
+    placeholder: placeholder,
+    onScroll: handleShadowVisible,
+    onChange: function onChange(e) {
+      if (!isControlled) {
+        setSelfValue(e.target.value);
+      }
+
+      if (_onChange) {
+        _onChange(e);
+      }
+
+      resetTextareaHeight();
+      setvalidateEnable(true);
+    },
+    onFocus: function onFocus(e) {
+      setActive(true);
+
+      if (_onFocus) {
+        _onFocus(e);
+      }
+    },
+    onKeyDown: function onKeyDown(e) {
+      if (_onKeyDown) {
+        _onKeyDown(e);
+      }
+
+      if (e.keyCode === 13) {
+        e.preventDefault();
+      }
+    },
+    onBlur: function onBlur(e) {
+      setActive(false);
+
+      if (_onBlur) {
+        _onBlur(e);
+      }
+    }
+  }, others)))), error && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "err-color"
+  }, errorText));
+};
+
+var _default = Textarea;
+exports["default"] = _default;

package/lib/components/time-picker/time-picker.js

@@ -79,49 +79,42 @@ var TimePicker = function TimePicker(props) {
   var mInputRef = (0, _react.useRef)();
   var minuteRef = (0, _react.useRef)((0, _moment["default"])(value || '00:00', timeFormat).format('mm'));
   var triggerRef = (0, _react.useRef)();
-  var timerRef = (0, _react.useRef)();
   var hours = (0, _utils.getHours)(hourStep);
   var minutes = (0, _utils.getMinutes)(minuteStep);
 
   var onTimeChange = function onTimeChange() {
-    onChange === null || onChange === void 0 ? void 0 : onChange("".concat(hourRef.current, ":").concat(minuteRef.current));
-  }; // const onInputClick = (type) => {
-  //   clearTimeout(timerRef.current)
-  //   timerRef.current = setTimeout(() => {
-  //     if (type === 'hour') {
-  //       hInputRef.current?.focus()
-  //     } else {
-  //       mInputRef.current?.focus()
-  //     }
-  //     setTimeSettingType(() => type)
-  //   }, 0)
-  // }
-
-
-  var showSelectorPop = function showSelectorPop() {
-    return setVisible(true);
+    return onChange === null || onChange === void 0 ? void 0 : onChange("".concat(hourRef.current, ":").concat(minuteRef.current));
   };
 
-  var onFocusHandler = function onFocusHandler(type) {
-    setTimeSettingType(function () {
+  var onInputClickHandler = function onInputClickHandler(type) {
+    return setTimeSettingType(function () {
       return type;
     });
   };
 
-  var onHourInputBlur = function onHourInputBlur() {
-    // setHour((prevHour) => {
-    // const prevHour = hourRef.current;
-    // let nextHour = (Array(2).join("0") + prevHour).slice(-2);
-    // if (Number(prevHour) > Number(hours[hours.length - 1])) {
-    //   nextHour = `0${prevHour.slice(0, 1)}`;
-    // }
-    // hourRef.current = nextHour;
-    // });
-    // if (timeSetType === "hour" && hInputRef.current) {
-    //   hInputRef.current.focus();
-    // }
-    // onTimeChange();
-    setTimeSettingType('');
+  var onKeyDownHandler = function onKeyDownHandler(e) {
+    var keyCode = e.keyCode;
+
+    if ([_utils.KEYCODE.directionLeft, _utils.KEYCODE.directionRight].includes(keyCode)) {
+      setTimeSettingType(_utils.TargetMapByKeyCode[keyCode]);
+    }
+
+    if ([_utils.KEYCODE.directionUp, _utils.KEYCODE.directionDown].includes(keyCode)) {
+      switch (timeSetingtType) {
+        case 'hour':
+          hourRef.current = setTimeOnKeyboardDirectionChange(keyCode, 'hour', hourRef.current);
+          break;
+
+        case 'minute':
+          minuteRef.current = setTimeOnKeyboardDirectionChange(keyCode, 'minute', minuteRef.current);
+          break;
+
+        default:
+          break;
+      }
+
+      onTimeChange();
+    }
   };
 
   var onHourInputChange = function onHourInputChange(e) {
@@ -139,32 +132,6 @@ var TimePicker = function TimePicker(props) {
     }
   };
 
-  var onMinuteInputBlur = function onMinuteInputBlur() {
-    // setMinute((prevMinute) => {
-    // let nextMinute = minuteRef.current;
-    // minutes.forEach((m, i) => {
-    //   const mNum = Number(m);
-    //   const nextMinuteNum = Number(nextMinute);
-    //   if (mNum === nextMinuteNum) {
-    //     nextMinute = m;
-    //   } else if (
-    //     mNum < nextMinuteNum
-    //     && Number(minutes[i + 1]) > nextMinuteNum
-    //   ) {
-    //     nextMinute = m;
-    //   } else if (nextMinuteNum > Number(minutes[minutes.length - 1])) {
-    //     nextMinute = "00";
-    //   }
-    // });
-    // minuteRef.current = nextMinute;
-    // });
-    // if (timeSetType === "minute" && mInputRef.current) {
-    //   mInputRef.current.focus();
-    // }
-    // onTimeChange();
-    setTimeSettingType('');
-  };
-
   var onMinuteInputChange = function onMinuteInputChange(e) {
     var v = e.target.value;
 
@@ -225,39 +192,10 @@ var TimePicker = function TimePicker(props) {
     return currTime;
   };
 
-  var handleKeyDown = function handleKeyDown(e) {
-    var keyCode = e.keyCode;
-
-    if ([_utils.KEYCODE.directionLeft, _utils.KEYCODE.directionRight].includes(keyCode)) {
-      setTimeSettingType(_utils.TargetMapByKeyCode[keyCode]);
-    }
-
-    if ([_utils.KEYCODE.directionUp, _utils.KEYCODE.directionDown].includes(keyCode)) {
-      switch (timeSetingtType) {
-        case 'hour':
-          hourRef.current = setTimeOnKeyboardDirectionChange(keyCode, 'hour', hourRef.current);
-          break;
-
-        case 'minute':
-          minuteRef.current = setTimeOnKeyboardDirectionChange(keyCode, 'minute', minuteRef.current);
-          break;
-
-        default:
-          break;
-      }
-
-      onTimeChange();
-    }
+  var showSelectorPop = function showSelectorPop() {
+    return setVisible(true);
   };
 
-  (0, _react.useEffect)(function () {
-    document.removeEventListener('keydown', handleKeyDown);
-    enableKeyBoard && timeSetingtType && document.addEventListener('keydown', handleKeyDown);
-    return function () {
-      clearTimeout(timerRef.current);
-      document.removeEventListener('keydown', handleKeyDown);
-    };
-  }, [timeSetingtType]);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: _utils.TimePickerClass
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -268,36 +206,30 @@ var TimePicker = function TimePicker(props) {
     onClick: function onClick() {
       return !enableKeyBoard && showSelectorPop();
     }
-  }, /*#__PURE__*/_react["default"].createElement(_timerPickerInput["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_timerPickerInput["default"], _extends({
     className: (0, _classnames["default"])("".concat(_utils.TimePickerClass, "-input"), {
       active: enableKeyBoard && timeSetingtType === 'hour'
     }),
     disabled: disabled,
     maxLength: 2,
-    onBlur: onHourInputBlur,
     onChange: onHourInputChange,
     onClick: function onClick() {
-      return !enableKeyBoard && showSelectorPop();
-    },
-    onFocus: function onFocus() {
-      return onFocusHandler('hour');
+      return onInputClickHandler('hour');
     },
+    onKeyDown: onKeyDownHandler,
     ref: hInputRef,
     value: hourRef.current
-  }), /*#__PURE__*/_react["default"].createElement("span", null, ":"), /*#__PURE__*/_react["default"].createElement(_timerPickerInput["default"], {
+  }, restProps)), /*#__PURE__*/_react["default"].createElement("span", null, ":"), /*#__PURE__*/_react["default"].createElement(_timerPickerInput["default"], {
     className: (0, _classnames["default"])("".concat(_utils.TimePickerClass, "-input"), {
       active: enableKeyBoard && timeSetingtType === 'minute'
     }),
     disabled: disabled,
     maxLength: 2,
-    onBlur: onMinuteInputBlur,
     onChange: onMinuteInputChange,
     onClick: function onClick() {
-      return !enableKeyBoard && showSelectorPop();
-    },
-    onFocus: function onFocus() {
-      return onFocusHandler('minute');
+      return onInputClickHandler('minute');
     },
+    onKeyDown: onKeyDownHandler,
     ref: mInputRef,
     value: minuteRef.current
   })), !disabled && /*#__PURE__*/_react["default"].createElement(_timePickerSelector["default"], _extends({

package/lib/components/time-picker/timer-picker-input.js

@@ -57,11 +57,6 @@ var TimePickerInput = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
     onClick === null || onClick === void 0 ? void 0 : onClick(e);
   };
 
-  var onFocusHandler = function onFocusHandler(e) {
-    setSelectionRange(0);
-    onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
-  };
-
   var onChangeHandler = function onChangeHandler(e) {
     return onChange === null || onChange === void 0 ? void 0 : onChange(e);
   };
@@ -86,7 +81,6 @@ var TimePickerInput = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
     maxLength: maxLength,
     onClick: onClickHandler,
     onChange: onChangeHandler,
-    onFocus: onFocusHandler,
     ref: inputRef,
     type: type,
     value: value

package/lib/components/toast/index.js

@@ -168,6 +168,7 @@ var Toast = /*#__PURE__*/function () {
         var options,
             key,
             ins,
+            canClose,
             _args3 = arguments;
         return regeneratorRuntime.wrap(function _callee3$(_context3) {
           while (1) {
@@ -180,14 +181,15 @@ var Toast = /*#__PURE__*/function () {
 
               case 4:
                 ins = _context3.sent;
+                canClose = options.canClose !== undefined ? options.canClose : false;
                 ins.notice({
-                  content: (0, _SuccessRender.RenderError)(msg, key, options.canClose, ins),
+                  content: (0, _SuccessRender.RenderError)(msg, key, canClose, ins),
                   style: options.style,
-                  duration: options.duration || options.canClose === false ? 3 : 3000,
+                  duration: options.duration || canClose === false ? 3 : 3000,
                   key: key
                 });
 
-              case 6:
+              case 7:
               case "end":
                 return _context3.stop();
             }

package/lib/components/user-selector/empty/index.css

@@ -12,6 +12,11 @@
   background: url(../images/empty-131.png) transparent no-repeat 50% 50%;
 }
 
+.persel-empty > span.empty-special {
+  background-image: url("../images/no-auth.png");
+  background-size: contain;
+}
+
 .add-group {
   display: inline-block;
   color: #2879ff;

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

@@ -7,13 +7,17 @@ exports["default"] = _default;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _getLocale = require("../../../utils/getLocale");
 
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _default() {
+function _default(_ref) {
+  var _ref$errorTip = _ref.errorTip,
+      errorTip = _ref$errorTip === void 0 ? "" : _ref$errorTip;
   return /*#__PURE__*/_react["default"].createElement("div", {
     style: {
       textAlign: "center"
@@ -21,8 +25,10 @@ function _default() {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "persel-empty"
   }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "icon"
+    className: (0, _classnames["default"])("icon", {
+      "empty-special": !!errorTip
+    })
   })), /*#__PURE__*/_react["default"].createElement("span", {
     className: "empty-tip"
-  }, (0, _getLocale.getLocale)("OKR_MyO_Thnothinghere")));
+  }, errorTip || (0, _getLocale.getLocale)("OKR_MyO_Thnothinghere")));
 }

package/lib/components/user-selector/export-modules/depart-search-selector/index.js

@@ -19,6 +19,8 @@ var _resultPart = _interopRequireDefault(require("./result-part"));
 
 var _chooseTree = _interopRequireDefault(require("../../select-tree/choose-tree"));
 
+var _empty = _interopRequireDefault(require("../../empty"));
+
 var _selectorInput = _interopRequireDefault(require("../../../selector-input"));
 
 var _layout = require("../../layout");
@@ -29,6 +31,8 @@ var _utils = require("../../utils");
 
 var _requestApis = require("../../request-apis");
 
+var _getLocale = require("../../../../utils/getLocale");
+
 require("rc-tabs/assets/index.css");
 
 require("./index.css");
@@ -102,12 +106,17 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       users = _useState10[0],
       setUsers = _useState10[1];
 
-  var _useState11 = (0, _react.useState)(function () {
+  var _useState11 = (0, _react.useState)(false),
+      _useState12 = _slicedToArray(_useState11, 2),
+      noAuth = _useState12[0],
+      setNoAuth = _useState12[1];
+
+  var _useState13 = (0, _react.useState)(function () {
     if (!auth) return [];
     return ["-1"];
   }),
-      _useState12 = _slicedToArray(_useState11, 1),
-      defaultExpandedKeys = _useState12[0];
+      _useState14 = _slicedToArray(_useState13, 1),
+      defaultExpandedKeys = _useState14[0];
 
   (0, _react.useImperativeHandle)(ref, function () {
     return {
@@ -120,12 +129,12 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     };
   });
 
-  var _useState13 = (0, _react.useState)(function () {
+  var _useState15 = (0, _react.useState)(function () {
     if (props.selected) return props.selected;
   }),
-      _useState14 = _slicedToArray(_useState13, 2),
-      selected = _useState14[0],
-      setSelected = _useState14[1]; // 获取数据的API
+      _useState16 = _slicedToArray(_useState15, 2),
+      selected = _useState16[0],
+      setSelected = _useState16[1]; // 获取数据的API
 
 
   var searchTreeData = function searchTreeData() {
@@ -134,9 +143,18 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       departOnly: true,
       sourceFrom: sourceFrom
     }).then(function (res) {
-      var _res$Data = res.Data,
-          departments = _res$Data.departments,
-          users = _res$Data.users;
+      debugger;
+      var Code = res.Code,
+          Data = res.Data;
+
+      if (Code === 401) {
+        setNoAuth(true);
+      } else {
+        setNoAuth(false);
+      }
+
+      var departments = Data.departments,
+          users = Data.users;
 
       if (searchDepart) {
         setDeparts((0, _utils.translateDepartsToTreeNode)(departments || []));
@@ -197,18 +215,31 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         onGetTreeDataDone(departs);
       });
     }
-  }, []); // 选人组件内容
+  }, []);
+
+  var getResult = function getResult() {
+    debugger;
+
+    if (noAuth) {
+      return /*#__PURE__*/_react["default"].createElement(_empty["default"], {
+        errorTip: (0, _getLocale.getLocale)("Mod_Nopermissiondep")
+      });
+    }
+
+    return /*#__PURE__*/_react["default"].createElement(_resultPart["default"], {
+      treeData: searchDepart ? departs : searchUser ? users : [],
+      onSelect: onSelectHandler,
+      departOnly: true,
+      height: height - 44
+    });
+  }; // 选人组件内容
+
 
   var popup = /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("persel-box", "perspm-depart-search-selector")
   }, /*#__PURE__*/_react["default"].createElement(_layout.SinglePersonalLayout, null, /*#__PURE__*/_react["default"].createElement(_selectorInput["default"], {
     onChange: onSearchChangeHandler
-  }), searchKey ? loading ? /*#__PURE__*/_react["default"].createElement(_loading["default"], null) : /*#__PURE__*/_react["default"].createElement(_resultPart["default"], {
-    treeData: searchDepart ? departs : searchUser ? users : [],
-    onSelect: onSelectHandler,
-    departOnly: true,
-    height: height - 44
-  }) : /*#__PURE__*/_react["default"].createElement(_context.TreeNodeContext.Provider, {
+  }), searchKey ? loading ? /*#__PURE__*/_react["default"].createElement(_loading["default"], null) : getResult() : /*#__PURE__*/_react["default"].createElement(_context.TreeNodeContext.Provider, {
     value: {}
   }, /*#__PURE__*/_react["default"].createElement(_chooseTree["default"], {
     onSelect: onSelectHandler,

package/lib/components/user-selector/searched-panel/index.js

@@ -92,6 +92,7 @@ function _default(props) {
       departOnly: departOnly,
       sourceFrom: sourceFrom
     }).then(function (res) {
+      debugger;
       var _res$Data = res.Data,
           departments = _res$Data.departments,
           groups = _res$Data.groups,