@titaui/pc 1.12.0-beta.1 → 1.12.1

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/tooltip/index.js

@@ -11,11 +11,14 @@ var _tooltip = _interopRequireDefault(require("./tooltip"));
 
 var _tooltipText = _interopRequireDefault(require("./tooltip-text"));
 
+var _tooltipRows = _interopRequireDefault(require("./tooltip-rows"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 // export const TooltipText = _TooltipText;
 // export const ErrorToolTip = _ErrorTip;
 _tooltip["default"].Text = _tooltipText["default"];
 _tooltip["default"].Error = _errorTip["default"];
+_tooltip["default"].Rows = _tooltipRows["default"];
 var _default = _tooltip["default"];
 exports["default"] = _default;

package/lib/components/tooltip/tooltip-rows/index.css

@@ -0,0 +1,26 @@
+.tooltip-rows {
+  width: 100%;
+  position: relative;
+}
+
+.tooltip-rows-wrapper {
+  width: 100%;
+  overflow: hidden;
+}
+
+.tooltip-rows-wrapper--hidden {
+  position: absolute;
+  visibility: hidden;
+}
+
+.tooltip-rows-wrapper--normal-chirdren {
+  margin-right: 4px;
+}
+
+.tooltip-rows-wrapper-suffix {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  padding: 0 4px 0 14px;
+  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 20%);
+}

package/lib/components/tooltip/tooltip-rows/index.js

@@ -0,0 +1,106 @@
+"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 _tooltip = _interopRequireDefault(require("../tooltip"));
+
+require("./index.css");
+
+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 TooltipText = function TooltipText(_ref) {
+  var _ref$overlayText = _ref.overlayText,
+      overlayText = _ref$overlayText === void 0 ? "" : _ref$overlayText,
+      _ref$exClass = _ref.exClass,
+      exClass = _ref$exClass === void 0 ? "" : _ref$exClass,
+      _ref$isPercent = _ref.isPercent,
+      isPercent = _ref$isPercent === void 0 ? false : _ref$isPercent,
+      _ref$overlayClassName = _ref.overlayClassName,
+      overlayClassName = _ref$overlayClassName === void 0 ? "" : _ref$overlayClassName,
+      _ref$mouseEnterDelay = _ref.mouseEnterDelay,
+      mouseEnterDelay = _ref$mouseEnterDelay === void 0 ? 0 : _ref$mouseEnterDelay,
+      _ref$lineHeight = _ref.lineHeight,
+      lineHeight = _ref$lineHeight === void 0 ? 22 : _ref$lineHeight,
+      _ref$rowNum = _ref.rowNum,
+      rowNum = _ref$rowNum === void 0 ? 2 : _ref$rowNum,
+      _ref$suffix = _ref.suffix,
+      suffix = _ref$suffix === void 0 ? null : _ref$suffix,
+      _ref$suffixClass = _ref.suffixClass,
+      suffixClass = _ref$suffixClass === void 0 ? "" : _ref$suffixClass,
+      children = _ref.children;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      hasTooltip = _useState2[0],
+      setHasTooltip = _useState2[1];
+
+  var domRef = (0, _react.useRef)();
+  (0, _react.useEffect)(function () {
+    if (isPercent) {
+      var _console = console,
+          log = _console.log;
+      log(domRef.current.getBoundingClientRect());
+      var domClient = domRef.current ? domRef.current.getBoundingClientRect() : {
+        height: 0,
+        width: 0
+      };
+      var height = domClient.height;
+
+      if (height > rowNum * lineHeight) {
+        setHasTooltip(true);
+      }
+    }
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "tooltip-rows"
+  }, hasTooltip && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+    overlayClassName: overlayClassName,
+    overlay: overlayText || children,
+    placement: "top",
+    mouseEnterDelay: mouseEnterDelay
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "tooltip-rows-wrapper ".concat(exClass),
+    style: {
+      height: rowNum * lineHeight,
+      lineHeight: "".concat(lineHeight, "px")
+    }
+  }, children, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "tooltip-rows-wrapper-suffix ".concat(suffixClass)
+  }, !!suffix && suffix))), !hasTooltip && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "tooltip-rows-wrapper ".concat(exClass)
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "tooltip-rows-wrapper--normal-chirdren"
+  }, children), suffix), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "tooltip-rows-wrapper tooltip-rows-wrapper--hidden ".concat(exClass),
+    ref: domRef,
+    style: {
+      lineHeight: "".concat(lineHeight, "px")
+    }
+  }, children));
+};
+
+var _default = TooltipText;
+exports["default"] = _default;

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

@@ -39,7 +39,12 @@ function _default(props) {
       multiple = props.multiple;
 
   var _useContext = (0, _react.useContext)(_context.CommonContext),
-      panes = _useContext.panes;
+      panes = _useContext.panes,
+      departOnly = _useContext.departOnly;
+
+  if (departOnly) {
+    panes.subordinate = false;
+  }
 
   var _useState = (0, _react.useState)(function () {
     var panelCount = 0;

package/lib/components/{dynamic/quick-operation/components/create-task/index.js → user-selector/category-selector-panel/subordinate-tree.js}

@@ -9,9 +9,11 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _newTask = _interopRequireDefault(require("../../img/new-task.png"));
+var _chooseTree = _interopRequireDefault(require("../select-tree/choose-tree"));
 
-var _getLocale = require("../../../../../utils/getLocale");
+var _requestApis = require("../request-apis");
+
+var _context = require("../context");
 
 require("./index.css");
 
@@ -21,24 +23,39 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-var prefix = "titaui-pc-create-task";
-var CreateTask = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var onClick = _ref.onClick;
-
-  var handleCreateTaskClick = function handleCreateTaskClick() {
-    onClick && onClick();
+var SubordinateTree = function SubordinateTree(props) {
+  var onSelect = props.onSelect,
+      selected = props.selected,
+      multiple = props.multiple,
+      itemHeight = props.itemHeight,
+      height = props.height;
+
+  var _useContext = (0, _react.useContext)(_context.CommonContext),
+      auth = _useContext.auth,
+      authType = _useContext.authType,
+      isGetRoot = _useContext.isGetRoot;
+
+  var onGetTreeData = function onGetTreeData() {
+    return (0, _requestApis.getSubordinateData)({
+      auth: auth,
+      authType: authType
+    });
   };
 
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: prefix,
-    onClick: handleCreateTaskClick,
-    ref: ref
-  }, /*#__PURE__*/_react["default"].createElement("img", {
-    className: "".concat(prefix, "__img animate__rubberBand"),
-    src: _newTask["default"]
-  }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(prefix, "__text")
-  }, (0, _getLocale.getLocale)("Feed_Set_Pop_Butt_Newtask")));
-});
-var _default = CreateTask;
+  return /*#__PURE__*/_react["default"].createElement(_context.TreeNodeContext.Provider, {
+    value: {}
+  }, /*#__PURE__*/_react["default"].createElement(_chooseTree["default"], {
+    onSelect: onSelect,
+    selected: selected,
+    multiple: multiple,
+    virtual: true,
+    asyncData: true,
+    height: height,
+    isGetRoot: isGetRoot,
+    itemHeight: itemHeight,
+    getTreeData: onGetTreeData
+  }));
+};
+
+var _default = SubordinateTree;
 exports["default"] = _default;

package/lib/components/user-selector/constant.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getPanesConfig = void 0;
+exports.getPanesConfig = exports["default"] = void 0;
 
 var _getLocale = require("../../utils/getLocale");
 
@@ -11,6 +11,8 @@ var _departTree = _interopRequireDefault(require("./category-selector-panel/depa
 
 var _groupTree = _interopRequireDefault(require("./category-selector-panel/group-tree"));
 
+var _subordinateTree = _interopRequireDefault(require("./category-selector-panel/subordinate-tree"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var getPanesConfig = function getPanesConfig() {
@@ -22,8 +24,14 @@ var getPanesConfig = function getPanesConfig() {
     group: {
       label: (0, _getLocale.getLocale)("Mod_Groups"),
       Component: _groupTree["default"]
+    },
+    subordinate: {
+      label: (0, _getLocale.getLocale)("OKR_MyO_Butt_Subordinate"),
+      Component: _subordinateTree["default"]
     }
   };
 };
 
-exports.getPanesConfig = getPanesConfig;
+exports.getPanesConfig = getPanesConfig;
+var _default = getPanesConfig;
+exports["default"] = _default;

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")));
 }