@titaui/pc 1.11.4-5 → 1.11.4-8

package/lib/components/menus/components/menu-tree/tree-node/index.css

@@ -122,6 +122,18 @@
   background-image: url("../images/appraisal-menu/baobiao.svg");
 }
 
+.titaui-menus-tree__sub-menu-item-node-icon.my-interview {
+  background-image: url("../images/interview-menu/my-interview.svg");
+}
+
+.titaui-menus-tree__sub-menu-item-node-icon.todo {
+  background-image: url("../images/interview-menu/todo.svg");
+}
+
+.titaui-menus-tree__sub-menu-item-node-icon.template {
+  background-image: url("../images/interview-menu/template.svg");
+}
+
 .titaui-menus-tree__menu-item-node {
   display: flex;
   align-items: center;
@@ -218,6 +230,18 @@
   background-image: url("../images/appraisal-menu/baobiao.svg");
 }
 
+.titaui-menus-tree__menu-item-node-icon.my-interview {
+  background-image: url("../images/interview-menu/my-interview.svg");
+}
+
+.titaui-menus-tree__menu-item-node-icon.todo {
+  background-image: url("../images/interview-menu/todo.svg");
+}
+
+.titaui-menus-tree__menu-item-node-icon.template {
+  background-image: url("../images/interview-menu/template.svg");
+}
+
 .titaui-menus-tree__parent-menu-node {
   display: flex;
   align-items: center;
@@ -314,6 +338,18 @@
   background-image: url("../images/appraisal-menu/baobiao.svg");
 }
 
+.titaui-menus-tree__parent-menu-node-icon.my-interview {
+  background-image: url("../images/interview-menu/my-interview.svg");
+}
+
+.titaui-menus-tree__parent-menu-node-icon.todo {
+  background-image: url("../images/interview-menu/todo.svg");
+}
+
+.titaui-menus-tree__parent-menu-node-icon.template {
+  background-image: url("../images/interview-menu/template.svg");
+}
+
 .titaui-menus-tree__no-follower-node, .titaui-menus-tree__no-subordinates-node {
   display: flex;
   align-items: center;
@@ -482,6 +518,18 @@
   background-image: url("../images/appraisal-menu/baobiao.svg");
 }
 
+.titaui-menus-tree__company-all-node-icon.my-interview {
+  background-image: url("../images/interview-menu/my-interview.svg");
+}
+
+.titaui-menus-tree__company-all-node-icon.todo {
+  background-image: url("../images/interview-menu/todo.svg");
+}
+
+.titaui-menus-tree__company-all-node-icon.template {
+  background-image: url("../images/interview-menu/template.svg");
+}
+
 .titaui-menus-tree__ass-template-node {
   display: flex;
   align-items: center;
@@ -578,6 +626,18 @@
   background-image: url("../images/appraisal-menu/baobiao.svg");
 }
 
+.titaui-menus-tree__ass-template-node-icon.my-interview {
+  background-image: url("../images/interview-menu/my-interview.svg");
+}
+
+.titaui-menus-tree__ass-template-node-icon.todo {
+  background-image: url("../images/interview-menu/todo.svg");
+}
+
+.titaui-menus-tree__ass-template-node-icon.template {
+  background-image: url("../images/interview-menu/template.svg");
+}
+
 .titaui-menus-tree__ass-template-node-suffix {
   display: inline-block;
   height: 18px;
@@ -684,6 +744,18 @@
   background-image: url("../images/appraisal-menu/baobiao.svg");
 }
 
+.titaui-menus-tree__ass-manage-node-icon.my-interview {
+  background-image: url("../images/interview-menu/my-interview.svg");
+}
+
+.titaui-menus-tree__ass-manage-node-icon.todo {
+  background-image: url("../images/interview-menu/todo.svg");
+}
+
+.titaui-menus-tree__ass-manage-node-icon.template {
+  background-image: url("../images/interview-menu/template.svg");
+}
+
 .titaui-menus-tree__ass-manage-node-suffix {
   display: inline-block;
   height: 18px;
@@ -791,6 +863,18 @@
   background-image: url("../images/appraisal-menu/baobiao.svg");
 }
 
+.titaui-menus-tree__user-concern-node-icon.my-interview {
+  background-image: url("../images/interview-menu/my-interview.svg");
+}
+
+.titaui-menus-tree__user-concern-node-icon.todo {
+  background-image: url("../images/interview-menu/todo.svg");
+}
+
+.titaui-menus-tree__user-concern-node-icon.template {
+  background-image: url("../images/interview-menu/template.svg");
+}
+
 .titaui-menus-tree__user-concern-node-add {
   display: inline-block;
   position: absolute;
@@ -813,7 +897,7 @@
 
 .titaui-menus-tree__user-concern-node-add:hover:before {
   position: absolute;
-  content: "";
+  content: '';
   display: inline-block;
   width: 24px;
   height: 24px;

package/lib/components/menus/export-modules/interview-menus/constant.js

@@ -9,17 +9,17 @@ var _getLocale = require("../../../../utils/getLocale");
 
 var getMenus = function getMenus() {
   return [{
-    icon: "enterprise",
+    icon: "my-interview",
     label: (0, _getLocale.getLocale)("Ooo_Mo_My1on1"),
     key: "myInterview",
     href: "#/interview?reactRouterName=myInterview"
   }, {
-    icon: "enterprise",
+    icon: "todo",
     label: (0, _getLocale.getLocale)("Ooo_Tas_ActionPlans"),
     key: "todos",
     href: "#/interview?reactRouterName=todos"
   }, {
-    icon: "enterprise",
+    icon: "template",
     label: (0, _getLocale.getLocale)("Ooo_Mo_Templates"),
     key: "template",
     href: "#/interview?reactRouterName=template"

package/lib/components/menus/export-modules/interview-menus/index.css

@@ -0,0 +1,7 @@
+.titaui-menus-interview-menus-tree .titaui-menus-tree__sub-menu-item-node {
+  padding-left: 8px;
+}
+
+.titaui-menus-interview-menus-tree .titaui-menus-tree__sub-menu-item-node-title {
+  font-weight: 600;
+}

package/lib/components/menus/export-modules/interview-menus/index.js

@@ -27,6 +27,8 @@ var _flipMenuCard = _interopRequireDefault(require("../../components/flip-menu-c
 
 var _scrollbar = _interopRequireDefault(require("../../../scrollbar"));
 
+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); }
@@ -106,13 +108,13 @@ function InterviewMenus(props) {
 
   return /*#__PURE__*/_react["default"].createElement("div", {
     ref: menuRef,
-    className: (0, _classnames["default"])("".concat(preCls, "-manage-menus"))
+    className: (0, _classnames["default"])("".concat(preCls, "-interview-menus"))
   }, /*#__PURE__*/_react["default"].createElement(_flipMenuCard["default"], {
     collapseMenu: collapseMenu,
     ref: flipRef,
     defaultWidth: _getLocale.isEn ? 210 : 180
   }, /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(preCls, "-appraisal-menus-tree"))
+    className: (0, _classnames["default"])("".concat(preCls, "-interview-menus-tree"))
   }, /*#__PURE__*/_react["default"].createElement(_scrollbar["default"], null, /*#__PURE__*/_react["default"].createElement(_menuTree["default"], {
     data: formateToTreeNodeData((0, _constant["default"])()),
     selectedKeys: selectedMenuKeys,

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

@@ -23,10 +23,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 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-remind";
+var preCls = 'titaui-user-message-msg-remind';
 
 function Remind(props) {
-  var item = props.item,
+  var _props$item = props.item,
+      content = _props$item.content,
+      id = _props$item.id,
+      objId = _props$item.objId,
+      objName = _props$item.objName,
+      objType = _props$item.objType,
+      remindUser = _props$item.remindUser,
       onItemClick = props.onItemClick,
       deleteTask = props.deleteTask,
       reminds = props.reminds;
@@ -36,12 +42,44 @@ function Remind(props) {
   };
 
   var deleteOneTask = function deleteOneTask() {
-    deleteTask(item);
+    deleteTask(props.item);
+  };
+
+  var getItemLabelName = function getItemLabelName() {
+    var labelName;
+
+    switch (objType) {
+      case _constant.EObjType.Interview:
+        labelName = (0, _getLocale.getLocale)('Ooo_Mo_1on1');
+        break;
+
+      default:
+        labelName = (0, _getLocale.getLocale)('Mod_Tasks');
+        break;
+    }
+
+    return labelName;
+  };
+
+  var getHref = function getHref() {
+    var href;
+
+    switch (objType) {
+      case _constant.EObjType.Interview:
+        href = "".concat(_constant.apiServer, "/u/").concat(_constant.userId, "/Home#/interview?reactRouterName=detail&recordId=").concat(objId, "&toUserId=").concat(remindUser === null || remindUser === void 0 ? void 0 : remindUser.userId, "&hideNavTop=true");
+        break;
+
+      default:
+        href = "".concat(_constant.apiServer, "/u/").concat(_constant.userId, "/Home#more/taskinfo?Id=").concat(objId);
+        break;
+    }
+
+    return href;
   };
 
   return /*#__PURE__*/_react["default"].createElement("li", {
     className: (0, _classnames["default"])("".concat(preCls, "__item"), _defineProperty({}, "".concat(preCls, "__item--scroll"), reminds.length >= 5)),
-    key: item.id
+    key: id
   }, /*#__PURE__*/_react["default"].createElement("img", {
     src: _appTixing["default"],
     className: (0, _classnames["default"])("".concat(preCls, "__item-photo"))
@@ -49,13 +87,13 @@ function Remind(props) {
     className: (0, _classnames["default"])("".concat(preCls, "__item-right"))
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(preCls, "__item-right-name"))
-  }, /*#__PURE__*/_react["default"].createElement("span", null, (0, _getLocale.getLocale)("Mod_Tasks")), /*#__PURE__*/_react["default"].createElement("span", {
+  }, /*#__PURE__*/_react["default"].createElement("span", null, getItemLabelName()), /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(preCls, "__item-right-name-status"))
-  }, item.content)), /*#__PURE__*/_react["default"].createElement("div", {
+  }, content)), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(preCls, "__item-right-content"))
   }, /*#__PURE__*/_react["default"].createElement(_tooltipText["default"], {
     overlayClassName: "".concat(preCls, "__item-right-content-tooltip"),
-    text: item.objName,
+    text: objName,
     isPercent: true,
     mouseEnterDelay: 0.8
   }))), /*#__PURE__*/_react["default"].createElement("div", {
@@ -63,15 +101,15 @@ function Remind(props) {
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(preCls, "__item-handle-ignore")),
     onClick: deleteOneTask
-  }, (0, _getLocale.getLocale)("Tasks_Menu_Ignore")), /*#__PURE__*/_react["default"].createElement("a", {
+  }, (0, _getLocale.getLocale)('Tasks_Menu_Ignore')), /*#__PURE__*/_react["default"].createElement("a", {
     target: "_blank",
-    href: "".concat(_constant.apiServer, "/u/").concat(_constant.userId, "/Home#more/taskinfo?Id=").concat(item.objId),
+    href: getHref(),
     onClick: handleRemindClick,
     rel: "noreferrer"
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(preCls, "__item-handle-deal")),
     onClick: deleteOneTask
-  }, (0, _getLocale.getLocale)("Feed_Tab_ToDealWith")))));
+  }, (0, _getLocale.getLocale)('Feed_Tab_ToDealWith')))));
 }
 
 var _default = Remind;

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/okr-detail/components/okr-tree/tree-node/kr-node/kr-score-editor/edit-pop.js

@@ -81,7 +81,7 @@ var EditPop = /*#__PURE__*/function (_PureComponent) {
   var _super = _createSuper(EditPop);
 
   function EditPop() {
-    var _temp, _this;
+    var _this;
 
     _classCallCheck(this, EditPop);
 
@@ -89,7 +89,7 @@ var EditPop = /*#__PURE__*/function (_PureComponent) {
       args[_key] = arguments[_key];
     }
 
-    return _possibleConstructorReturn(_this, (_temp = _this = _super.call.apply(_super, [this].concat(args)), _this.state = {
+    return _possibleConstructorReturn(_this, (_this = _super.call.apply(_super, [this].concat(args)), _this.state = {
       value: _this.props.value,
       showError: false,
       errMsg: "",
@@ -152,7 +152,7 @@ var EditPop = /*#__PURE__*/function (_PureComponent) {
         errMsg: (0, _i18nFrontTranslate.inputWordTrans)(value.length, maxLength),
         disable: !!(maxLength && value.length > maxLength && disable)
       });
-    }, _temp));
+    }, _assertThisInitialized(_this)));
   }
 
   _createClass(EditPop, [{

package/lib/components/okr-review/components/ReviewItem/index.js

@@ -45,7 +45,7 @@ var ReviewItem = /*#__PURE__*/function (_PureComponent) {
   var _super = _createSuper(ReviewItem);
 
   function ReviewItem() {
-    var _temp, _this;
+    var _this;
 
     _classCallCheck(this, ReviewItem);
 
@@ -53,14 +53,14 @@ var ReviewItem = /*#__PURE__*/function (_PureComponent) {
       args[_key] = arguments[_key];
     }
 
-    return _possibleConstructorReturn(_this, (_temp = _this = _super.call.apply(_super, [this].concat(args)), _this._handlerLinkToReviewDetail = function () {
+    return _possibleConstructorReturn(_this, (_this = _super.call.apply(_super, [this].concat(args)), _this._handlerLinkToReviewDetail = function () {
       var _this$props = _this.props,
           feedId = _this$props.feedId,
           reviewItemData = _this$props.reviewItemData,
           krIndex = _this$props.krIndex,
           editAble = _this$props.editAble;
       window.open("".concat(location.pathname, "#okr/reviewDetail?okrId=8077&back=").concat(location.hash, "&replayId=").concat(reviewItemData.replayId, "&feedId=").concat(feedId, "&krIndex=").concat(krIndex, "&editAble=").concat(editAble));
-    }, _temp));
+    }, _assertThisInitialized(_this)));
   }
 
   _createClass(ReviewItem, [{

package/lib/components/okr-review/components/confirm-pop/ConfirmPop.js

@@ -49,7 +49,7 @@ var ConfirmPop = /*#__PURE__*/function (_PureComponent) {
   var _super = _createSuper(ConfirmPop);
 
   function ConfirmPop() {
-    var _temp, _this;
+    var _this;
 
     _classCallCheck(this, ConfirmPop);
 
@@ -57,13 +57,13 @@ var ConfirmPop = /*#__PURE__*/function (_PureComponent) {
       args[_key] = arguments[_key];
     }
 
-    return _possibleConstructorReturn(_this, (_temp = _this = _super.call.apply(_super, [this].concat(args)), _this.handleShowPop = function () {
+    return _possibleConstructorReturn(_this, (_this = _super.call.apply(_super, [this].concat(args)), _this.handleShowPop = function () {
       // @ts-ignore
       _this.refs.pop.show(_this.refs.trigger);
     }, _this.handleHide = function () {
       // @ts-ignore
       _this.refs.pop.hide();
-    }, _temp));
+    }, _assertThisInitialized(_this)));
   }
 
   _createClass(ConfirmPop, [{

package/lib/components/picker/components/panels/date-panel/date-body.js

@@ -13,6 +13,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _moment = _interopRequireDefault(require("moment"));
 
+var _getLocale = require("../../../../../utils/getLocale");
+
 var _utils = require("../../../utils");
 
 var _context = _interopRequireDefault(require("../../../context"));
@@ -33,13 +35,13 @@ var DATE_ROW_NUM = 6;
 var DatePanelBody = function DatePanelBody(props) {
   var viewDate = props.viewDate,
       _props$weekStartDay = props.weekStartDay,
-      weekStartDay = _props$weekStartDay === void 0 ? "SUNDAY" : _props$weekStartDay,
+      weekStartDay = _props$weekStartDay === void 0 ? 'SUNDAY' : _props$weekStartDay,
       onSelect = props.onSelect;
 
   var _useContext = (0, _react.useContext)(_context["default"]),
       value = _useContext.value;
 
-  var weekStartDaySun = weekStartDay === "SUNDAY";
+  var weekStartDaySun = weekStartDay === 'SUNDAY';
 
   var getCells = function getCells(sunday, currentMonth) {
     var dates = [];
@@ -47,16 +49,16 @@ var DatePanelBody = function DatePanelBody(props) {
     var _loop = function _loop(day) {
       var _classNames;
 
-      var date = (0, _moment["default"])(sunday).add(day, "d");
-      var classes = (0, _classnames["default"])(_utils.PickerCellClass, (_classNames = {}, _defineProperty(_classNames, "".concat(_utils.PickerCellClass, "--tody"), date.isSame((0, _moment["default"])(), "date")), _defineProperty(_classNames, "".concat(_utils.PickerCellClass, "--in-view"), date.format("YYYYMM") === currentMonth), _defineProperty(_classNames, "".concat(_utils.PickerCellClass, "--selected"), date.isSame(value)), _classNames));
+      var date = (0, _moment["default"])(sunday).add(day, 'd');
+      var classes = (0, _classnames["default"])(_utils.PickerCellClass, (_classNames = {}, _defineProperty(_classNames, "".concat(_utils.PickerCellClass, "--tody"), date.isSame((0, _moment["default"])(), 'date')), _defineProperty(_classNames, "".concat(_utils.PickerCellClass, "--in-view"), date.format('YYYYMM') === currentMonth), _defineProperty(_classNames, "".concat(_utils.PickerCellClass, "--selected"), date.isSame(value)), _classNames));
       dates.push( /*#__PURE__*/_react["default"].createElement("td", {
         className: classes,
-        key: date.format("YYYY/MM/DD")
+        key: date.format('YYYY/MM/DD')
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: (0, _classnames["default"])("".concat(_utils.PickerCellClass, "__inner")),
-        title: date.format("YYYY-MM-DD"),
+        title: date.format('YYYY-MM-DD'),
         onClick: function onClick() {
-          return onSelect && onSelect(date, "date");
+          return onSelect && onSelect(date, 'date');
         }
       }, date.date())));
     };
@@ -71,16 +73,16 @@ var DatePanelBody = function DatePanelBody(props) {
   var getRows = function getRows(date) {
     var currentDate = (0, _moment["default"])(date);
     var monthFirstDay = currentDate.date(1);
-    var currentMonth = monthFirstDay.format("YYYYMM");
+    var currentMonth = monthFirstDay.format('YYYYMM');
     var daysDiff = weekStartDaySun ? 0 : 1;
-    var weekStartDay = monthFirstDay.subtract(monthFirstDay.day() - daysDiff, "days");
+    var weekStartDay = monthFirstDay.subtract(monthFirstDay.day() - daysDiff, 'days');
     var rows = [];
 
     for (var row = 0; row < DATE_ROW_NUM; row += 1) {
       rows.push( /*#__PURE__*/_react["default"].createElement("tr", {
         key: row
       }, getCells(weekStartDay, currentMonth)));
-      weekStartDay = weekStartDay.add(1, "w");
+      weekStartDay = weekStartDay.add(1, 'w');
     }
 
     return rows;
@@ -92,25 +94,25 @@ var DatePanelBody = function DatePanelBody(props) {
     className: (0, _classnames["default"])("".concat(_utils.PickerClass, "-content"))
   }, /*#__PURE__*/_react["default"].createElement("thead", null, /*#__PURE__*/_react["default"].createElement("tr", null, weekStartDaySun && /*#__PURE__*/_react["default"].createElement("th", {
     className: _utils.PickerCellClass
-  }, "\u65E5"), /*#__PURE__*/_react["default"].createElement("th", {
+  }, (0, _getLocale.getLocale)('Mod_Sun')), /*#__PURE__*/_react["default"].createElement("th", {
     className: _utils.PickerCellClass
-  }, "\u4E00"), /*#__PURE__*/_react["default"].createElement("th", {
+  }, (0, _getLocale.getLocale)('Mod_Mon')), /*#__PURE__*/_react["default"].createElement("th", {
     className: _utils.PickerCellClass
-  }, "\u4E8C"), /*#__PURE__*/_react["default"].createElement("th", {
+  }, (0, _getLocale.getLocale)('Mod_Tues')), /*#__PURE__*/_react["default"].createElement("th", {
     className: _utils.PickerCellClass
-  }, "\u4E09"), /*#__PURE__*/_react["default"].createElement("th", {
+  }, (0, _getLocale.getLocale)('Mod_Wed')), /*#__PURE__*/_react["default"].createElement("th", {
     className: _utils.PickerCellClass
-  }, "\u56DB"), /*#__PURE__*/_react["default"].createElement("th", {
+  }, (0, _getLocale.getLocale)('Mod_Thur')), /*#__PURE__*/_react["default"].createElement("th", {
     className: _utils.PickerCellClass
-  }, "\u4E94"), /*#__PURE__*/_react["default"].createElement("th", {
+  }, (0, _getLocale.getLocale)('Mod_Fri')), /*#__PURE__*/_react["default"].createElement("th", {
     className: _utils.PickerCellClass
-  }, "\u516D"), weekStartDay !== "SUNDAY" && /*#__PURE__*/_react["default"].createElement("th", {
+  }, (0, _getLocale.getLocale)('Mod_Sat')), weekStartDay !== 'SUNDAY' && /*#__PURE__*/_react["default"].createElement("th", {
     className: _utils.PickerCellClass
-  }, "\u65E5"))), /*#__PURE__*/_react["default"].createElement("tbody", null, getRows((0, _moment["default"])(viewDate)))));
+  }, (0, _getLocale.getLocale)('Mod_Sun')))), /*#__PURE__*/_react["default"].createElement("tbody", null, getRows((0, _moment["default"])(viewDate)))));
 };
 
 DatePanelBody.defaultProps = {
-  weekStartDay: "SUNDAY"
+  weekStartDay: 'SUNDAY'
 };
 var _default = DatePanelBody;
 exports["default"] = _default;

package/lib/components/picker/components/panels/date-panel/date-head.js

@@ -11,6 +11,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _moment = _interopRequireDefault(require("moment"));
 
+var _getLocale = require("../../../../../utils/getLocale");
+
 var _utils = require("../../../utils");
 
 require("./index.css");
@@ -23,40 +25,59 @@ function DatePanelHead(props) {
       onPrev = props.onPrev,
       onNext = props.onNext,
       onPanelChange = props.onPanelChange;
+  var yearText = (0, _moment["default"])(viewDate).format('YYYY');
+  var monthText = (0, _moment["default"])(viewDate).format('MM');
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])(_utils.PickerHeadClass)
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, !_getLocale.isEn && /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(_utils.PickerHeadClass, "__view"))
   }, /*#__PURE__*/_react["default"].createElement("button", {
     className: (0, _classnames["default"])("".concat(_utils.PickerHeadClass, "-btn__year")),
     onClick: function onClick() {
-      return onPanelChange && onPanelChange(viewDate, "year");
+      return onPanelChange && onPanelChange(viewDate, 'year');
     },
     type: "button"
-  }, (0, _moment["default"])(viewDate).format("YYYY")), /*#__PURE__*/_react["default"].createElement("span", {
+  }, yearText), /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(_utils.PickerClass, "-unit"))
   }, "\xA0\u5E74"), /*#__PURE__*/_react["default"].createElement("button", {
     className: (0, _classnames["default"])("".concat(_utils.PickerHeadClass, "-btn__month")),
     onClick: function onClick() {
-      return onPanelChange && onPanelChange(viewDate, "month");
+      return onPanelChange && onPanelChange(viewDate, 'month');
     },
     type: "button"
-  }, (0, _moment["default"])(viewDate).format("MM")), /*#__PURE__*/_react["default"].createElement("span", {
+  }, monthText), /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(_utils.PickerClass, "-unit"))
-  }, "\u6708")), /*#__PURE__*/_react["default"].createElement("div", {
+  }, "\u6708")), _getLocale.isEn && /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(_utils.PickerHeadClass, "__view"))
+  }, /*#__PURE__*/_react["default"].createElement("button", {
+    className: (0, _classnames["default"])("".concat(_utils.PickerHeadClass, "-btn__month")),
+    onClick: function onClick() {
+      return onPanelChange && onPanelChange(viewDate, 'month');
+    },
+    style: {
+      marginRight: 4
+    },
+    type: "button"
+  }, _utils.MONTHDATAMAPEN[Number(monthText) - 1]), /*#__PURE__*/_react["default"].createElement("button", {
+    className: (0, _classnames["default"])("".concat(_utils.PickerHeadClass, "-btn__year")),
+    onClick: function onClick() {
+      return onPanelChange && onPanelChange(viewDate, 'year');
+    },
+    type: "button"
+  }, yearText)), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(_utils.PickerHeadClass, "__operation"))
   },
   /*#__PURE__*/
   // eslint-disable-next-line jsx-a11y/control-has-associated-label
   _react["default"].createElement("button", {
-    className: (0, _classnames["default"])("".concat(_utils.PickerHeadClass, "-btn__prev"), "tu-icon-arrow-up1"),
+    className: (0, _classnames["default"])("".concat(_utils.PickerHeadClass, "-btn__prev"), 'tu-icon-arrow-up1'),
     onClick: onPrev,
     type: "button"
   }),
   /*#__PURE__*/
   // eslint-disable-next-line jsx-a11y/control-has-associated-label
   _react["default"].createElement("button", {
-    className: (0, _classnames["default"])("".concat(_utils.PickerHeadClass, "-btn__next"), "tu-icon-arrow-down1"),
+    className: (0, _classnames["default"])("".concat(_utils.PickerHeadClass, "-btn__next"), 'tu-icon-arrow-down1'),
     onClick: onNext,
     type: "button"
   })));

package/lib/components/picker/components/panels/month-panel/month-body.js

@@ -13,6 +13,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _moment = _interopRequireDefault(require("moment"));
 
+var _getLocale = require("../../../../../utils/getLocale");
+
 var _utils = require("../../../utils");
 
 var _context = _interopRequireDefault(require("../../../context"));
@@ -44,15 +46,15 @@ var MonthPanelBody = function MonthPanelBody(props) {
 
       var month = col + baseMonth;
       cols.push( /*#__PURE__*/_react["default"].createElement("td", {
-        className: (0, _classnames["default"])(_utils.PickerCellClass, "".concat(_utils.PickerCellClass, "--in-view"), (_classNames = {}, _defineProperty(_classNames, "".concat(_utils.PickerCellClass, "--this-month"), month === (0, _moment["default"])().month()), _defineProperty(_classNames, "".concat(_utils.PickerCellClass, "--selected"), month === (0, _moment["default"])(value).month() && mode === "month"), _classNames)),
+        className: (0, _classnames["default"])(_utils.PickerCellClass, "".concat(_utils.PickerCellClass, "--in-view"), (_classNames = {}, _defineProperty(_classNames, "".concat(_utils.PickerCellClass, "--this-month"), month === (0, _moment["default"])().month()), _defineProperty(_classNames, "".concat(_utils.PickerCellClass, "--selected"), month === (0, _moment["default"])(value).month() && mode === 'month'), _classNames)),
         key: month
       }, /*#__PURE__*/_react["default"].createElement("div", {
         onClick: function onClick() {
-          return onSelect && onSelect((0, _moment["default"])(viewDate).month(month), "month");
+          return onSelect && onSelect((0, _moment["default"])(viewDate).month(month), 'month');
         },
         className: (0, _classnames["default"])("".concat(_utils.PickerCellClass, "__inner")),
-        title: (0, _moment["default"])(viewDate).month(month).format("YYYY-MM")
-      }, _utils.MONTHDATAMAP[month])));
+        title: (0, _moment["default"])(viewDate).month(month).format('YYYY-MM')
+      }, _getLocale.isEn ? _utils.MONTHDATAMAPEN[month] : _utils.MONTHDATAMAP[month])));
     };
 
     for (var col = 0; col < MONTH_COL_NUM; col += 1) {

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