@titaui/pc 1.11.4-4 → 1.11.4-7

package/lib/components/picker/components/picker-trigger/index.js

@@ -43,16 +43,16 @@ var PickerTrigger = function PickerTrigger(props) {
   var currFormat = format;
 
   switch (mode) {
-    case "date":
-      currFormat = "YYYY/MM/DD";
+    case 'date':
+      currFormat = 'YYYY/MM/DD';
       break;
 
-    case "month":
-      currFormat = "YYYY/MM";
+    case 'month':
+      currFormat = 'YYYY/MM';
       break;
 
-    case "year":
-      currFormat = "YYYY";
+    case 'year':
+      currFormat = 'YYYY';
       break;
 
     default:
@@ -77,7 +77,7 @@ var PickerTrigger = function PickerTrigger(props) {
     }, value ? viewDate.format(currFormat) : placeholder), /*#__PURE__*/_react["default"].createElement("div", {
       className: (0, _classnames["default"])("".concat(_utils.PickerTriggerClass, "__operation"))
     }, !disabled && /*#__PURE__*/_react["default"].createElement("span", {
-      className: "tu-icon-sort-down"
+      className: "tu-icon-caret-down"
     }), allowClear && !disabled && /*#__PURE__*/_react["default"].createElement("span", {
       className: "tu-icon-circle"
     }))))
@@ -88,7 +88,7 @@ PickerTrigger.defaultProps = {
   children: null,
   disabled: false,
   allowClear: false,
-  placeholder: "请选择"
+  placeholder: '请选择'
 };
 var _default = PickerTrigger;
 exports["default"] = _default;

package/lib/components/radio/index.css

@@ -16,7 +16,7 @@
 .titaui-radio-wrapper .titaui-radio {
   display: inline-block;
   position: relative;
-  top: 5px;
+  top: 1px;
   width: 16px;
   min-width: 16px;
   height: 16px;
@@ -24,7 +24,7 @@
   margin-right: 5px;
 }
 
-.titaui-radio-wrapper .titaui-radio input[type="radio"] {
+.titaui-radio-wrapper .titaui-radio input[type='radio'] {
   width: 16px;
   height: 16px;
 }
@@ -50,14 +50,14 @@
 }
 
 .titaui-radio-wrapper .titaui-radio .titaui-radio-inner::after {
-  content: "";
+  content: '';
   position: absolute;
-  top: 3px;
-  left: 3px;
-  width: 8px;
-  min-width: 8px;
-  height: 8px;
-  min-height: 8px;
+  top: 2px;
+  left: 2px;
+  width: 10px;
+  min-width: 10px;
+  height: 10px;
+  min-height: 10px;
   border-radius: 50%;
   background-color: #1687d9;
   transform: scale(0);

package/lib/components/scrollbar/scroll-mask/index.js

@@ -86,7 +86,7 @@ var ScrollBarMask = function ScrollBarMask(_ref) {
     } // 判断是否滚动到底部
 
 
-    if (scrollElement.scrollTop + scrollElement.offsetHeight === scrollElement.scrollHeight) {
+    if (scrollElement && scrollElement.scrollTop + scrollElement.offsetHeight === scrollElement.scrollHeight) {
       setIsScrollToBottom(true);
     } else {
       setIsScrollToBottom(false);

package/lib/components/task-tree/index.js

@@ -5,23 +5,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _taskTree = _interopRequireDefault(require("./task-tree"));
 
 var _helper = _interopRequireDefault(require("./helper"));
 
-var _mock = _interopRequireDefault(require("./mock"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-_taskTree["default"].formatTasksToTreeData = _helper["default"]; // export default TaskTree;
-
-var _default = function _default() {
-  var dataSource = (0, _helper["default"])(_mock["default"]);
-  return /*#__PURE__*/_react["default"].createElement(_taskTree["default"], {
-    dataSource: dataSource
-  });
-};
+// import React from "react";
+// import mockData from "./mock";
+_taskTree["default"].formatTasksToTreeData = _helper["default"];
+var _default = _taskTree["default"]; // export default () => {
+//   const dataSource = formatTasksToTreeData(mockData);
+//   return <TaskTree dataSource={dataSource} />;
+// };
 
 exports["default"] = _default;

package/lib/components/task-tree/request-apis.js

@@ -82,7 +82,7 @@ exports.cancelRel = cancelRel;
 var setTaskPriority = function setTaskPriority(_ref5) {
   var taskId = _ref5.taskId,
       priority = _ref5.priority;
-  return (0, _request.rpost)("v2")("task/SetTaskPriority?taskId=".concat(taskId, "&priority=").concat(priority), {});
+  return (0, _request.rpost)("v2")("task/SetTaskPriority?task_id=".concat(taskId, "&priority=").concat(priority), {});
 };
 
 exports.setTaskPriority = setTaskPriority;

package/lib/components/task-tree/task-item-node/constant.js

@@ -8,32 +8,32 @@ exports.TASK_NDOE_TYPE = exports.EStatusStatus2ClassType = exports.EStatusClass2
 var _getLocale = require("../../../utils/getLocale");
 
 var EStatusClass2StatusType = {
-  "tu-icon-finished": 2,
-  "tu-icon-running": 1,
-  "tu-icon-canceled": 4,
-  "tu-icon-deferred": 3,
-  "tu-icon-paused": 6,
-  "tu-icon-notstart": 0,
-  "tu-icon-jiantou-right": 5
+  'tu-icon-finished': 2,
+  'tu-icon-running': 1,
+  'tu-icon-canceled': 4,
+  'tu-icon-deferred': 3,
+  'tu-icon-paused': 6,
+  'tu-icon-notstart': 0,
+  'tu-icon-jiantou-right': 5
 };
 exports.EStatusClass2StatusType = EStatusClass2StatusType;
 var EStatusStatus2ClassType = {
-  2: "tu-icon-finished",
-  1: "tu-icon-running",
-  4: "tu-icon-canceled",
-  3: "tu-icon-deferred",
-  6: "tu-icon-paused",
-  0: "tu-icon-notstart",
-  5: "tu-icon-jiantou-right"
+  2: 'tu-icon-finished',
+  1: 'tu-icon-running',
+  4: 'tu-icon-canceled',
+  3: 'tu-icon-deferred',
+  6: 'tu-icon-paused',
+  0: 'tu-icon-notstart',
+  5: 'tu-icon-weijieshou'
 };
 exports.EStatusStatus2ClassType = EStatusStatus2ClassType;
 var EStatusClass2StatusTypeText = {
-  "tu-icon-finished": (0, _getLocale.getLocale)("OKR_MyO_E_From_Completed"),
-  "tu-icon-running": (0, _getLocale.getLocale)("Per_MyRe_text_Inprogress"),
-  "tu-icon-canceled": (0, _getLocale.getLocale)("OKR_MyO_E_From_Cancelled"),
-  "tu-icon-deferred": (0, _getLocale.getLocale)("OKR_MyO_E_From_Delayed"),
-  "tu-icon-paused": (0, _getLocale.getLocale)("OKR_MyO_E_From_Suspended"),
-  "tu-icon-notstart": (0, _getLocale.getLocale)("OKR_MyO_E_From_NotStarted")
+  'tu-icon-finished': (0, _getLocale.getLocale)('OKR_MyO_E_From_Completed'),
+  'tu-icon-running': (0, _getLocale.getLocale)('Per_MyRe_text_Inprogress'),
+  'tu-icon-canceled': (0, _getLocale.getLocale)('OKR_MyO_E_From_Cancelled'),
+  'tu-icon-deferred': (0, _getLocale.getLocale)('OKR_MyO_E_From_Delayed'),
+  'tu-icon-paused': (0, _getLocale.getLocale)('OKR_MyO_E_From_Suspended'),
+  'tu-icon-notstart': (0, _getLocale.getLocale)('OKR_MyO_E_From_NotStarted')
 };
 exports.EStatusClass2StatusTypeText = EStatusClass2StatusTypeText;
 var TASK_NDOE_TYPE;

package/lib/components/task-tree/task-item-node/e-status-dropdown.js

@@ -40,7 +40,7 @@ function _default(props) {
       checked = props.checked,
       hasAuth = props.hasAuth;
 
-  var _useState = (0, _react.useState)("tu-icon-notstart"),
+  var _useState = (0, _react.useState)('tu-icon-notstart'),
       _useState2 = _slicedToArray(_useState, 2),
       status = _useState2[0],
       setStatus = _useState2[1];
@@ -59,10 +59,10 @@ function _default(props) {
     canEdit: hasAuth,
     trigger: /*#__PURE__*/_react["default"].createElement("span", {
       style: {
-        color: "#89919F",
-        fontSize: 14,
+        color: '#89919F',
+        fontSize: 16,
         marginRight: 4,
-        verticalAlign: "baseline"
+        verticalAlign: 'baseline'
       },
       className: (0, _classnames["default"])(status)
     })
@@ -70,25 +70,25 @@ function _default(props) {
     name: "tu-icon-finished",
     icon: "tu-icon-finished",
     exIconClass: "e-node-status-icon"
-  }, (0, _getLocale.getLocale)("OKR_MyO_E_From_Completed")), /*#__PURE__*/_react["default"].createElement(_dropSelector.IconItem, {
+  }, (0, _getLocale.getLocale)('OKR_MyO_E_From_Completed')), /*#__PURE__*/_react["default"].createElement(_dropSelector.IconItem, {
     name: "tu-icon-running",
     icon: "tu-icon-running",
     exIconClass: "e-node-status-icon"
-  }, (0, _getLocale.getLocale)("Per_MyRe_text_Inprogress")), /*#__PURE__*/_react["default"].createElement(_dropSelector.IconItem, {
+  }, (0, _getLocale.getLocale)('Per_MyRe_text_Inprogress')), /*#__PURE__*/_react["default"].createElement(_dropSelector.IconItem, {
     name: "tu-icon-canceled",
     icon: "tu-icon-canceled",
     exIconClass: "e-node-status-icon"
-  }, (0, _getLocale.getLocale)("OKR_MyO_E_From_Cancelled")), /*#__PURE__*/_react["default"].createElement(_dropSelector.IconItem, {
+  }, (0, _getLocale.getLocale)('OKR_MyO_E_From_Cancelled')), /*#__PURE__*/_react["default"].createElement(_dropSelector.IconItem, {
     name: "tu-icon-deferred",
     icon: "tu-icon-deferred",
     exIconClass: "e-node-status-icon"
-  }, (0, _getLocale.getLocale)("OKR_MyO_E_From_Delayed")), /*#__PURE__*/_react["default"].createElement(_dropSelector.IconItem, {
+  }, (0, _getLocale.getLocale)('OKR_MyO_E_From_Delayed')), /*#__PURE__*/_react["default"].createElement(_dropSelector.IconItem, {
     name: "tu-icon-paused",
     icon: "tu-icon-paused",
     exIconClass: "e-node-status-icon"
-  }, (0, _getLocale.getLocale)("OKR_MyO_E_From_Suspended")), /*#__PURE__*/_react["default"].createElement(_dropSelector.IconItem, {
+  }, (0, _getLocale.getLocale)('OKR_MyO_E_From_Suspended')), /*#__PURE__*/_react["default"].createElement(_dropSelector.IconItem, {
     name: "tu-icon-notstart",
     icon: "tu-icon-notstart",
     exIconClass: "e-node-status-icon"
-  }, (0, _getLocale.getLocale)("OKR_MyO_E_From_NotStarted")));
+  }, (0, _getLocale.getLocale)('OKR_MyO_E_From_NotStarted')));
 }

package/lib/components/task-tree/task-item-node/e-task.js

@@ -94,7 +94,7 @@ function ETaskNode(props) {
       _props$hasRelation = props.hasRelation,
       hasRelation = _props$hasRelation === void 0 ? true : _props$hasRelation,
       _props$isPushScreen = props.isPushScreen,
-      isPushScreen = _props$isPushScreen === void 0 ? false : _props$isPushScreen,
+      isPushScreen = _props$isPushScreen === void 0 ? true : _props$isPushScreen,
       _props$hasPrinciple = props.hasPrinciple,
       hasPrinciple = _props$hasPrinciple === void 0 ? true : _props$hasPrinciple;
 
@@ -138,7 +138,7 @@ function ETaskNode(props) {
       setDataInfo = _useState14[1];
 
   var _useState15 = (0, _react.useState)(function () {
-    return (0, _bsGlobal.getBSGlobal)("TaskAdvancedSetting").TaskFunctionSetting.TaskPriority;
+    return (0, _bsGlobal.getBSGlobal)('TaskAdvancedSetting').TaskFunctionSetting.TaskPriority;
   }),
       _useState16 = _slicedToArray(_useState15, 1),
       isShowPriority = _useState16[0]; // const { okrInfo } = useContext(CommonContext);
@@ -154,10 +154,11 @@ function ETaskNode(props) {
   // }).hasAuth()
 
 
-  var hasEditAuth = (new _auth.EAuth({
+  var hasEditAuth = new _auth.EAuth({
     principalUser: data.principalUser,
     user: data.user
-  }).hasAuth() || extraEditAuth) && data.status !== 5;
+  }).hasAuth() && // || extraEditAuth
+  data.status !== 5;
   var isParticipant = ((_okrInfo$authority = okrInfo.authority) === null || _okrInfo$authority === void 0 ? void 0 : _okrInfo$authority.roleRelation) && okrInfo.authority.roleRelation.roleType === 2;
   var hasRelativeAuth = new _auth.KRAuth({
     user: krUser,
@@ -178,7 +179,7 @@ function ETaskNode(props) {
       if (data.Code === 1) {
         setUser(user.data);
 
-        _toast["default"].Success((0, _getLocale.getLocale)("Mod_Successfuloperat"), {
+        _toast["default"].Success((0, _getLocale.getLocale)('Mod_Successfuloperat'), {
           canClose: false
         });
       } else {
@@ -187,7 +188,7 @@ function ETaskNode(props) {
         });
       }
     })["catch"](function () {
-      _toast["default"].Error("网络异常", {
+      _toast["default"].Error('网络异常', {
         canClose: false
       });
     });
@@ -199,7 +200,7 @@ function ETaskNode(props) {
       status: _constant.EStatusClass2StatusType[statusType]
     }).then(function (resp) {
       if (resp.Code === 1) {
-        _toast["default"].Success((0, _getLocale.getLocale)("Mod_Successfuloperat"), {
+        _toast["default"].Success((0, _getLocale.getLocale)('Mod_Successfuloperat'), {
           canClose: false
         });
 
@@ -214,7 +215,7 @@ function ETaskNode(props) {
         });
       }
     })["catch"](function () {
-      _toast["default"].Error("网络异常", {
+      _toast["default"].Error('网络异常', {
         canClose: false
       });
     });
@@ -228,7 +229,7 @@ function ETaskNode(props) {
       taskId: data.taskId
     }).then(function (resp) {
       if (resp.Code === 1) {
-        _toast["default"].Success((0, _getLocale.getLocale)("Mod_Successfuloperat"), {
+        _toast["default"].Success((0, _getLocale.getLocale)('Mod_Successfuloperat'), {
           canClose: false
         });
 
@@ -239,7 +240,7 @@ function ETaskNode(props) {
         });
       }
     })["catch"](function () {
-      _toast["default"].Error("网络异常", {
+      _toast["default"].Error('网络异常', {
         canClose: false
       });
     })["finally"](setUnConnectVisible(false));
@@ -285,7 +286,7 @@ function ETaskNode(props) {
                     status: resp.Data.status
                   }));
 
-                  _toast["default"].Success((0, _getLocale.getLocale)("Mod_Successfuloperat"), {
+                  _toast["default"].Success((0, _getLocale.getLocale)('Mod_Successfuloperat'), {
                     canClose: false
                   });
                 } else {
@@ -294,7 +295,7 @@ function ETaskNode(props) {
                   });
                 }
               })["catch"](function () {
-                _toast["default"].Error("网络异常", {
+                _toast["default"].Error('网络异常', {
                   canClose: false
                 });
               });
@@ -328,7 +329,7 @@ function ETaskNode(props) {
   };
 
   var handleShowTaskDetail = function handleShowTaskDetail() {
-    if ((0, _platform.isPlatform)("dd")) {
+    if ((0, _platform.isPlatform)('dd')) {
       _drawerManager["default"].close();
     }
 
@@ -340,7 +341,7 @@ function ETaskNode(props) {
         refreshEList && refreshEList();
       }); // 任务：打开推屏
 
-      window.Talent.app.vent.trigger("global-pull-screen", data.taskId, "task");
+      window.Talent.app.vent.trigger('global-pull-screen', data.taskId, 'task');
     } else {
       window.open("//".concat(window.location.host).concat(window.location.pathname, "#more/taskinfo?id=").concat(data.taskId));
     }
@@ -363,7 +364,7 @@ function ETaskNode(props) {
     hasAuth: hasEditAuth,
     status: data.status
   })), /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _classnames["default"])("".concat(_precls["default"], "__e-task-node-title ").concat(isCancel ? "".concat(_precls["default"], "__e-project-node-gray") : "")),
+    className: (0, _classnames["default"])("".concat(_precls["default"], "__e-task-node-title ").concat(isCancel ? "".concat(_precls["default"], "__e-project-node-gray") : '')),
     onClick: handleShowTaskDetail
   }, /*#__PURE__*/_react["default"].createElement(TooltipText, {
     text: (0, _helpers.escapeHtml)(title),
@@ -396,11 +397,11 @@ function ETaskNode(props) {
     percent: progress,
     linear: true,
     linearId: data.taskId,
-    linearStartColor: (0, _getProcessColor["default"])(dataInfo.riskLevel, "linearStartColor", dataInfo.status),
-    linearEndColor: (0, _getProcessColor["default"])(dataInfo.riskLevel, "linearEndColor", dataInfo.status),
-    backgroundColor: (0, _getProcessColor["default"])(dataInfo.riskLevel, "backgroundColor", dataInfo.status)
+    linearStartColor: (0, _getProcessColor["default"])(dataInfo.riskLevel, 'linearStartColor', dataInfo.status),
+    linearEndColor: (0, _getProcessColor["default"])(dataInfo.riskLevel, 'linearEndColor', dataInfo.status),
+    backgroundColor: (0, _getProcessColor["default"])(dataInfo.riskLevel, 'backgroundColor', dataInfo.status)
   })), okrInfo.status === 1 && hasRelation && (hasRelativeAuth || isParticipant) ? /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
-    overlay: (0, _getLocale.getLocale)("OKR_MyO_Text_Cancel"),
+    overlay: (0, _getLocale.getLocale)('OKR_MyO_Text_Cancel'),
     placement: "top"
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__e-task-node-actions-connect")),
@@ -414,17 +415,17 @@ function ETaskNode(props) {
     type: "warning"
   }, /*#__PURE__*/_react["default"].createElement("span", {
     type: "title"
-  }, (0, _getLocale.getLocale)("OKR_MyO_Text_Cancelass")), /*#__PURE__*/_react["default"].createElement("span", {
+  }, (0, _getLocale.getLocale)('OKR_MyO_Text_Cancelass')), /*#__PURE__*/_react["default"].createElement("span", {
     type: "content"
-  }, (0, _getLocale.getLocale)("OKR_MyO_Text_TtasknotO")), /*#__PURE__*/_react["default"].createElement(_dialogConfirm.CancelButton, {
+  }, (0, _getLocale.getLocale)('OKR_MyO_Text_TtasknotO')), /*#__PURE__*/_react["default"].createElement(_dialogConfirm.CancelButton, {
     type: "button",
     onClick: function onClick() {
       return setUnConnectVisible(false);
     }
-  }, (0, _getLocale.getLocale)("Mod_Cancel")), /*#__PURE__*/_react["default"].createElement(_dialogConfirm.SureButton, {
+  }, (0, _getLocale.getLocale)('Mod_Cancel')), /*#__PURE__*/_react["default"].createElement(_dialogConfirm.SureButton, {
     type: "button",
     onClick: onSureUnConnectHandler
-  }, (0, _getLocale.getLocale)("OKR_MyO_Butt_Determine"))));
+  }, (0, _getLocale.getLocale)('OKR_MyO_Butt_Determine'))));
 }
 
 var _default = ETaskNode;

package/lib/components/task-tree/task-item-node/index.css

@@ -9,7 +9,6 @@
   position: relative;
   top: 2px;
   display: inline-block;
-  width: 21px;
   vertical-align: top;
 }
 

package/lib/components/task-tree/task-tree.css

@@ -3,6 +3,14 @@
   overflow: hidden;
 }
 
+.titaui-task-tree .rc-tree-treenode {
+  padding: 0 4px;
+}
+
+.titaui-task-tree .rc-tree-treenode .rc-tree-node-content-wrapper {
+  width: 100% !important;
+}
+
 .titaui-task-tree .rc-tree-treenode-switcher-close:hover {
-  background: #F7F8FA;
+  background: #f7f8fa;
 }

package/lib/components/time-picker/index.css

@@ -62,9 +62,15 @@
 
 .tita-ui__time-picker-icon {
   font-size: 16px;
+  color: #3f4755;
   cursor: pointer;
 }
 
+.tita-ui__time-picker-icon::before {
+  transform: scale(0.5);
+  display: inline-block;
+}
+
 .tita-ui__time-picker-icon:hover {
   color: #2879ff;
 }

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

@@ -52,17 +52,17 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var TimePicker = function TimePicker(props) {
   var disabled = props.disabled,
       _props$timeFormat = props.timeFormat,
-      timeFormat = _props$timeFormat === void 0 ? "hh:mm" : _props$timeFormat,
+      timeFormat = _props$timeFormat === void 0 ? 'hh:mm' : _props$timeFormat,
       _props$hourStep = props.hourStep,
       hourStep = _props$hourStep === void 0 ? 1 : _props$hourStep,
       _props$minuteStep = props.minuteStep,
       minuteStep = _props$minuteStep === void 0 ? 1 : _props$minuteStep,
       onChange = props.onChange,
       _props$value = props.value,
-      value = _props$value === void 0 ? "00:00" : _props$value,
+      value = _props$value === void 0 ? '00:00' : _props$value,
       restProps = _objectWithoutProperties(props, _excluded);
 
-  var _useState = (0, _react.useState)(""),
+  var _useState = (0, _react.useState)(''),
       _useState2 = _slicedToArray(_useState, 2),
       timeSetType = _useState2[0],
       setTimeSetType = _useState2[1];
@@ -72,10 +72,10 @@ var TimePicker = function TimePicker(props) {
       visible = _useState4[0],
       setVisible = _useState4[1];
 
-  var hourRef = (0, _react.useRef)((0, _moment["default"])(value || "00:00", timeFormat).format("HH"));
+  var hourRef = (0, _react.useRef)((0, _moment["default"])(value || '00:00', timeFormat).format('HH'));
   var hInputRef = (0, _react.useRef)();
   var mInputRef = (0, _react.useRef)();
-  var minuteRef = (0, _react.useRef)((0, _moment["default"])(value || "00:00", timeFormat).format("mm"));
+  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);
@@ -88,7 +88,7 @@ var TimePicker = function TimePicker(props) {
   var onInputClick = function onInputClick(type) {
     clearTimeout(timerRef.current);
     timerRef.current = setTimeout(function () {
-      if (type === "hour") {
+      if (type === 'hour') {
         var _hInputRef$current;
 
         (_hInputRef$current = hInputRef.current) === null || _hInputRef$current === void 0 ? void 0 : _hInputRef$current.focus();
@@ -117,7 +117,7 @@ var TimePicker = function TimePicker(props) {
     //   hInputRef.current.focus();
     // }
     // onTimeChange();
-    setTimeSetType("");
+    setTimeSetType('');
   };
 
   var onHourInputChange = function onHourInputChange(e) {
@@ -158,7 +158,7 @@ var TimePicker = function TimePicker(props) {
     //   mInputRef.current.focus();
     // }
     // onTimeChange();
-    setTimeSetType("");
+    setTimeSetType('');
   };
 
   var onMinuteInputChange = function onMinuteInputChange(e) {
@@ -177,7 +177,7 @@ var TimePicker = function TimePicker(props) {
   };
 
   var setTimeOnKeyboardDirectionChange = function setTimeOnKeyboardDirectionChange(keyCode, type, currTime) {
-    var datas = JSON.parse(JSON.stringify(type === "hour" ? hours : minutes));
+    var datas = JSON.parse(JSON.stringify(type === 'hour' ? hours : minutes));
     var currentTimeIndex;
     datas.forEach(function (item, index) {
       if (item === currTime) {
@@ -198,8 +198,8 @@ var TimePicker = function TimePicker(props) {
       var nextValue = datas[nextIndex];
 
       if (currentTimeIndex > -1 && !!nextValue) {
-        if (type === "minute" && nextValue === datas[0]) {
-          hourRef.current = setTimeOnKeyboardDirectionChange(keyCode, "hour", hourRef.current);
+        if (type === 'minute' && nextValue === datas[0]) {
+          hourRef.current = setTimeOnKeyboardDirectionChange(keyCode, 'hour', hourRef.current);
         }
 
         return nextValue;
@@ -210,8 +210,8 @@ var TimePicker = function TimePicker(props) {
       var prevValue = datas[prevIndex];
 
       if (currentTimeIndex > -1 && !!prevValue) {
-        if (type === "minute" && prevValue === datas[datas.length - 1]) {
-          hourRef.current = setTimeOnKeyboardDirectionChange(keyCode, "hour", hourRef.current);
+        if (type === 'minute' && prevValue === datas[datas.length - 1]) {
+          hourRef.current = setTimeOnKeyboardDirectionChange(keyCode, 'hour', hourRef.current);
         }
 
         return prevValue;
@@ -231,12 +231,12 @@ var TimePicker = function TimePicker(props) {
     if ([_utils.KEYCODE.directionUp, _utils.KEYCODE.directionDown].indexOf(keyCode) === -1) return;
 
     switch (timeSetType) {
-      case "hour":
-        hourRef.current = setTimeOnKeyboardDirectionChange(keyCode, "hour", hourRef.current);
+      case 'hour':
+        hourRef.current = setTimeOnKeyboardDirectionChange(keyCode, 'hour', hourRef.current);
         break;
 
-      case "minute":
-        minuteRef.current = setTimeOnKeyboardDirectionChange(keyCode, "minute", minuteRef.current);
+      case 'minute':
+        minuteRef.current = setTimeOnKeyboardDirectionChange(keyCode, 'minute', minuteRef.current);
         break;
 
       default:
@@ -247,10 +247,10 @@ var TimePicker = function TimePicker(props) {
   };
 
   (0, _react.useEffect)(function () {
-    document.removeEventListener("keydown", handleKeyDown);
-    document.addEventListener("keydown", handleKeyDown);
+    document.removeEventListener('keydown', handleKeyDown);
+    document.addEventListener('keydown', handleKeyDown);
     return function () {
-      document.removeEventListener("keydown", handleKeyDown);
+      document.removeEventListener('keydown', handleKeyDown);
     };
   }, [timeSetType]);
   return /*#__PURE__*/_react["default"].createElement("div", {
@@ -262,27 +262,27 @@ var TimePicker = function TimePicker(props) {
     className: (0, _classnames["default"])("".concat(_utils.TimePickerClass, "-inputs"), _defineProperty({}, "".concat(_utils.TimePickerClass, "-inputs--placeholder"), !value))
   }, /*#__PURE__*/_react["default"].createElement(_timerPickerInput["default"], {
     className: (0, _classnames["default"])("".concat(_utils.TimePickerClass, "-input"), {
-      active: timeSetType === "hour"
+      active: timeSetType === 'hour'
     }),
     disabled: disabled,
     maxLength: 2,
     onBlur: onHourInputBlur,
     onChange: onHourInputChange,
     onClick: function onClick() {
-      return onInputClick("hour");
+      return onInputClick('hour');
     },
     ref: hInputRef,
     value: hourRef.current
   }), /*#__PURE__*/_react["default"].createElement("span", null, ":"), /*#__PURE__*/_react["default"].createElement(_timerPickerInput["default"], {
     className: (0, _classnames["default"])("".concat(_utils.TimePickerClass, "-input"), {
-      active: timeSetType === "minute"
+      active: timeSetType === 'minute'
     }),
     disabled: disabled,
     maxLength: 2,
     onBlur: onMinuteInputBlur,
     onChange: onMinuteInputChange,
     onClick: function onClick() {
-      return onInputClick("minute");
+      return onInputClick('minute');
     },
     ref: mInputRef,
     value: minuteRef.current
@@ -303,8 +303,8 @@ var TimePicker = function TimePicker(props) {
       hour: hourRef.current,
       minute: minuteRef.current,
       setTime: function setTime(time) {
-        hourRef.current = (0, _moment["default"])(time, "HH:mm").format("HH");
-        minuteRef.current = (0, _moment["default"])(time, "HH:mm").format("mm");
+        hourRef.current = (0, _moment["default"])(time, 'HH:mm').format('HH');
+        minuteRef.current = (0, _moment["default"])(time, 'HH:mm').format('mm');
         onChange(time);
       }
     },
@@ -313,7 +313,7 @@ var TimePicker = function TimePicker(props) {
       setVisible: setVisible
     }
   }, restProps), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(_utils.TimePickerClass, "-icon tu-icon-arrow-down"),
+    className: "".concat(_utils.TimePickerClass, "-icon tu-icon-caret-down"),
     onClick: function onClick() {
       setVisible(true);
     }

package/lib/components/user-selector/select-tree/tree-nodes/tree-person-node/index.css

@@ -14,6 +14,7 @@
   line-height: 28px;
   border-radius: 50%;
   overflow: hidden;
+  display: flex;
 }
 
 .perspm-person--small .perspm-person__info {