@titaui/pc 1.11.4-3 → 1.11.4-6

package/lib/components/nav-top/components/user-message/components/inform/inform-item.js

@@ -35,7 +35,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-var preCls = "titaui-user-message-msg-inform";
+var preCls = 'titaui-user-message-msg-inform';
 
 function Inform(props) {
   var item = props.item,
@@ -47,10 +47,11 @@ function Inform(props) {
     onItemClick && onItemClick(false);
     var objType = item.objType,
         objId = item.objId,
-        messageType = item.messageType;
+        messageType = item.messageType,
+        user = item.user;
 
     if (objType === _constant.EObjType.Kr) {
-      _drawerManager["default"].open("krDetail", {
+      _drawerManager["default"].open('krDetail', {
         krId: objId
       });
 
@@ -58,7 +59,7 @@ function Inform(props) {
     }
 
     if (objType === _constant.EObjType.O) {
-      _drawerManager["default"].open("okrDetail", {
+      _drawerManager["default"].open('okrDetail', {
         okrId: objId
       });
 
@@ -72,20 +73,25 @@ function Inform(props) {
 
     if (objType === _constant.EObjType.Task) {
       // @ts-ignore
-      window.Talent.app.vent.trigger("global-pull-screen", objId, "task");
+      window.Talent.app.vent.trigger('global-pull-screen', objId, 'task');
       return;
     }
 
     if (objType === _constant.EObjType.Remind) {
       // @ts-ignore
-      window.Talent.app.vent.trigger("global-daily-detail-pull-screen", objId);
+      window.Talent.app.vent.trigger('global-daily-detail-pull-screen', objId);
+      return;
+    }
+
+    if (objType === _constant.EObjType.Interview) {
+      (0, _tools.openPage)("".concat(_constant.apiServer, "/u/").concat(_constant.userId, "/Home#/interview?reactRouterName=detail&hideNavTop=true&recordId=").concat(objId, "&toUserId=").concat(user === null || user === void 0 ? void 0 : user.userId));
       return;
     }
 
     if (messageType == 135) {
       var redisKey = item.content.match(/redisKey=(\S*?)"/)[1]; // @ts-ignore
 
-      Talent.app.vent.trigger("open-weekly-report-modal", redisKey);
+      Talent.app.vent.trigger('open-weekly-report-modal', redisKey);
       return;
     } // 处理合并的消息
 
@@ -111,13 +117,13 @@ function Inform(props) {
       if (objType === 0) {
         var str = item.content.match(/\/\/.*?[\"|\']/gi);
         if (!str) return;
-        str = str.join("");
+        str = str.join('');
 
         var _url = str.slice(0, str.length - 1);
 
         if (_url) {
-          if (item.content.indexOf("点击此处下载") !== -1) {
-            window.open(_url, "_self");
+          if (item.content.indexOf('点击此处下载') !== -1) {
+            window.open(_url, '_self');
           }
 
           (0, _tools.openPage)(_url);
@@ -147,7 +153,7 @@ function Inform(props) {
         var _str = item.content.match(/\/\/.*?[\"|\']/gi);
 
         if (!_str) return;
-        _str = _str.join("");
+        _str = _str.join('');
 
         var _url3 = _str.slice(0, _str.length - 1);
 
@@ -159,7 +165,7 @@ function Inform(props) {
         var _str2 = item.content.match(/https:.*?[\"|\']/gi);
 
         if (!_str2) return;
-        _str2 = _str2.join("");
+        _str2 = _str2.join('');
 
         var _url4 = _str2.slice(0, _str2.length - 1);
 
@@ -178,7 +184,7 @@ function Inform(props) {
       }
 
       var reg = /href='.*?(?=')/g;
-      var url = "";
+      var url = '';
       item.content.replace(reg, function ($0) {
         url = $0.slice(6);
       });
@@ -189,22 +195,22 @@ function Inform(props) {
       }
     }
 
-    var notificationType = "e-report"; // E-周报提醒消息合并
+    var notificationType = 'e-report'; // E-周报提醒消息合并
 
     var content = domRef.current.textContent;
 
-    if (messageType == "83") {
+    if (messageType == '83') {
       // 项目，目标进展提醒消息合并
-      notificationType = "project-objective";
+      notificationType = 'project-objective';
     } else if (Number(messageType) > 93 && Number(messageType) <= 100) {
       // OKR 仪表盘消息提醒
-      notificationType = "okr-dashBoard";
+      notificationType = 'okr-dashBoard';
     } else if (messageType == 131 || messageType == 136) {
-      notificationType = "performance";
+      notificationType = 'performance';
       content = item.content;
     }
 
-    _drawerManager["default"].open("NotificationMergeDetail", {
+    _drawerManager["default"].open('NotificationMergeDetail', {
       config: {
         content: content,
         messageId: item.messageId,

package/lib/components/nav-top/components/user-message/constant.js

@@ -50,4 +50,5 @@ exports.EObjType = EObjType;
   EObjType[EObjType["MileStone"] = 27] = "MileStone";
   EObjType[EObjType["KanBan"] = 66] = "KanBan";
   EObjType[EObjType["Remind"] = 8] = "Remind";
+  EObjType[EObjType["Interview"] = 81] = "Interview";
 })(EObjType || (exports.EObjType = EObjType = {}));

package/lib/components/nav-top/request.apis.js

@@ -81,6 +81,8 @@ var getMessages = function getMessages() {
   _axios["default"].interceptors.response.use(function (response) {
     return response;
   }, function (error) {
+    var _error$response;
+
     if (error.response) {
       switch (error.response.status) {
         case 401:
@@ -88,7 +90,7 @@ var getMessages = function getMessages() {
       }
     }
 
-    return Promise.reject(error.response.data);
+    return Promise.reject(error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : _error$response.data);
   });
 
   return _axios["default"].get("".concat(requestDomain(), "/api/v1/").concat(tenantId, "/").concat(userId, "/RemindV2/Get?dateTime=").concat(year, "/").concat(month, "/").concat(date)).then(function (resp) {

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

@@ -29,6 +29,21 @@
   color: #bfc7d5;
 }
 
+.tita-ui__picker-trigger__operation {
+  display: flex;
+  align-items: center;
+}
+
+.tita-ui__picker-trigger__operation .tu-icon-caret-down {
+  font-size: 16px;
+  color: #3f4755;
+}
+
+.tita-ui__picker-trigger__operation .tu-icon-caret-down::before {
+  transform: scale(0.5);
+  display: inline-block;
+}
+
 .tita-ui__picker-trigger--disabled {
   cursor: not-allowed;
 }

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;
 

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