@titaui/pc 1.11.2 → 1.11.4-1

package/lib/components/menus/export-modules/interview-menus/handle-highlight.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+var MY_INTERVIEW = 'myInterview';
+var TODOS = 'todos';
+var TEMPLATE = 'template';
+
+var JudgeManageHighLightMenu = /*#__PURE__*/function () {
+  function JudgeManageHighLightMenu(hash) {
+    _classCallCheck(this, JudgeManageHighLightMenu);
+
+    this.search = null;
+    this.search = hash;
+  }
+
+  _createClass(JudgeManageHighLightMenu, [{
+    key: "isMyInterview",
+    value: function isMyInterview() {
+      return !!this.search.match(/\?reactRouterName=myInterview/) || !this.search.match(/\?reactRouterName=/);
+    }
+  }, {
+    key: "isTodos",
+    value: function isTodos() {
+      return !!this.search.match(/\?reactRouterName=todos/);
+    }
+  }, {
+    key: "isTemplate",
+    value: function isTemplate() {
+      return !!this.search.match(/\?reactRouterName=template/);
+    }
+  }, {
+    key: "getHighLightMenu",
+    value: function getHighLightMenu() {
+      if (this.isMyInterview()) {
+        return MY_INTERVIEW;
+      }
+
+      if (this.isTodos()) {
+        return TODOS;
+      }
+
+      if (this.isTemplate()) {
+        return TEMPLATE;
+      }
+
+      return '';
+    }
+  }]);
+
+  return JudgeManageHighLightMenu;
+}();
+
+exports["default"] = JudgeManageHighLightMenu;

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

@@ -0,0 +1,126 @@
+"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 _reactRouter = require("react-router");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _menuTree = _interopRequireDefault(require("../../components/menu-tree"));
+
+var _index = require("../../components/menu-tree/tree-node/index");
+
+var _constant = _interopRequireDefault(require("./constant"));
+
+var _handleHighlight = _interopRequireDefault(require("./handle-highlight"));
+
+var _getLocale = require("../../../../utils/getLocale");
+
+var _flipMenuCard = _interopRequireDefault(require("../../components/flip-menu-card"));
+
+var _scrollbar = _interopRequireDefault(require("../../../scrollbar"));
+
+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 preCls = 'titaui-menus';
+var expandedKeys = ['okr'];
+
+function InterviewMenus(props) {
+  var history = props.history;
+
+  var _useState = (0, _react.useState)([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      selectedMenuKeys = _useState2[0],
+      setSelectedMenuKeys = _useState2[1];
+
+  var flipRef = (0, _react.useRef)({
+    next: function next() {},
+    goback: function goback() {}
+  });
+  var menuRef = (0, _react.useRef)();
+
+  var formateToTreeNodeData = function formateToTreeNodeData(menus) {
+    var treeNodes = [];
+
+    for (var i = 0; i < menus.length; i = i + 1) {
+      var menu = menus[i];
+      var hasChildren = !!(menu.children && menu.children.length);
+      var isLeaf = menu.isLeaf !== undefined ? menu.isLeaf : !hasChildren;
+      var nodeType = menu.type;
+      if (!nodeType) nodeType = !isLeaf ? _index.PARENT_MENU_NODE : _index.SUB_MENU_ITEM_NOE;
+      treeNodes.push({
+        key: "".concat(menu.key),
+        title: (0, _getLocale.getLocale)(menu.label) ? (0, _getLocale.getLocale)(menu.label) : menu.label,
+        data: menu.data || menu,
+        isLeaf: isLeaf,
+        children: formateToTreeNodeData(menu.children || []),
+        nodeType: nodeType
+      });
+    }
+
+    return treeNodes;
+  };
+
+  var collapseMenu = function collapseMenu(isHide) {
+    if (isHide) {
+      menuRef.current.style.width = '0px';
+    } else {
+      menuRef.current.style.width = '';
+    }
+  };
+
+  (0, _react.useEffect)(function () {
+    var search = history.location.search;
+    var activeMenu = new _handleHighlight["default"](search).getHighLightMenu();
+    setSelectedMenuKeys([activeMenu]);
+  }, [history.location.pathname, history.location.search]);
+
+  var onSelectHandler = function onSelectHandler(selectedKyes) {
+    // 处理菜单选中
+    if (!selectedKyes.length) return;
+    setSelectedMenuKeys(selectedKyes);
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    ref: menuRef,
+    className: (0, _classnames["default"])("".concat(preCls, "-manage-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"))
+  }, /*#__PURE__*/_react["default"].createElement(_scrollbar["default"], null, /*#__PURE__*/_react["default"].createElement(_menuTree["default"], {
+    data: formateToTreeNodeData((0, _constant["default"])()),
+    selectedKeys: selectedMenuKeys,
+    expandedKeys: expandedKeys,
+    onSelect: onSelectHandler
+  })))), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null)));
+}
+
+var _default = (0, _reactRouter.withRouter)(InterviewMenus);
+
+exports["default"] = _default;

package/lib/components/menus/index.js

@@ -15,6 +15,8 @@ var _appraisalMenus = _interopRequireDefault(require("./export-modules/appraisal
 
 var _manageMenus = _interopRequireDefault(require("./export-modules/manage-menus"));
 
+var _interviewMenus = _interopRequireDefault(require("./export-modules/interview-menus"));
+
 require("./index.css");
 
 var _demoMenus = _interopRequireDefault(require("./export-modules/demo-menus"));
@@ -27,29 +29,33 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var preCls = "titaui-menus";
+var preCls = 'titaui-menus';
 
 var Menus = function Menus(props) {
   var type = props.type,
       restProps = _objectWithoutProperties(props, _excluded);
 
   var renderMenuByType = function renderMenuByType() {
-    if (type === "okr") {
+    if (type === 'okr') {
       return /*#__PURE__*/_react["default"].createElement(_okrMenus["default"], restProps);
     }
 
-    if (type === "appraisal") {
+    if (type === 'appraisal') {
       return /*#__PURE__*/_react["default"].createElement(_appraisalMenus["default"], restProps);
     }
 
-    if (type === "manage") {
+    if (type === 'manage') {
       return /*#__PURE__*/_react["default"].createElement(_manageMenus["default"], restProps);
     }
 
-    if (type === "demofree") {
+    if (type === 'demofree') {
       return /*#__PURE__*/_react["default"].createElement(_demoMenus["default"], restProps);
     }
 
+    if (type === 'interview') {
+      return /*#__PURE__*/_react["default"].createElement(_interviewMenus["default"], restProps);
+    }
+
     return undefined;
   };
 

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 _this;
+    var _temp, _this;
 
     _classCallCheck(this, EditPop);
 
@@ -89,7 +89,7 @@ var EditPop = /*#__PURE__*/function (_PureComponent) {
       args[_key] = arguments[_key];
     }
 
-    return _possibleConstructorReturn(_this, (_this = _super.call.apply(_super, [this].concat(args)), _this.state = {
+    return _possibleConstructorReturn(_this, (_temp = _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)
       });
-    }, _assertThisInitialized(_this)));
+    }, _temp));
   }
 
   _createClass(EditPop, [{

package/lib/components/okr-progress-modal/index.css

@@ -36,7 +36,7 @@
 
 .auto-update__item-progress-input--disabled input {
   color: #bfc7d5 !important;
-  background: #f7f8fa;
+  background-color: #f7f8fa !important;
 }
 
 .auto-update__item-progress-input__suffix {

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 _this;
+    var _temp, _this;
 
     _classCallCheck(this, ReviewItem);
 
@@ -53,14 +53,14 @@ var ReviewItem = /*#__PURE__*/function (_PureComponent) {
       args[_key] = arguments[_key];
     }
 
-    return _possibleConstructorReturn(_this, (_this = _super.call.apply(_super, [this].concat(args)), _this._handlerLinkToReviewDetail = function () {
+    return _possibleConstructorReturn(_this, (_temp = _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));
-    }, _assertThisInitialized(_this)));
+    }, _temp));
   }
 
   _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 _this;
+    var _temp, _this;
 
     _classCallCheck(this, ConfirmPop);
 
@@ -57,13 +57,13 @@ var ConfirmPop = /*#__PURE__*/function (_PureComponent) {
       args[_key] = arguments[_key];
     }
 
-    return _possibleConstructorReturn(_this, (_this = _super.call.apply(_super, [this].concat(args)), _this.handleShowPop = function () {
+    return _possibleConstructorReturn(_this, (_temp = _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();
-    }, _assertThisInitialized(_this)));
+    }, _temp));
   }
 
   _createClass(ConfirmPop, [{

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

@@ -0,0 +1,116 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _moment = _interopRequireDefault(require("moment"));
+
+var _utils = require("../../../utils");
+
+var _context = _interopRequireDefault(require("../../../context"));
+
+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 _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; }
+
+// const ROWS_HEIGHT = 32;
+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,
+      onSelect = props.onSelect;
+
+  var _useContext = (0, _react.useContext)(_context["default"]),
+      value = _useContext.value;
+
+  var weekStartDaySun = weekStartDay === "SUNDAY";
+
+  var getCells = function getCells(sunday, currentMonth) {
+    var dates = [];
+
+    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));
+      dates.push( /*#__PURE__*/_react["default"].createElement("td", {
+        className: classes,
+        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"),
+        onClick: function onClick() {
+          return onSelect && onSelect(date, "date");
+        }
+      }, date.date())));
+    };
+
+    for (var day = 0; day < _utils.WEEK_DAYS_COUNT; day += 1) {
+      _loop(day);
+    }
+
+    return dates;
+  };
+
+  var getRows = function getRows(date) {
+    var currentDate = (0, _moment["default"])(date);
+    var monthFirstDay = currentDate.date(1);
+    var currentMonth = monthFirstDay.format("YYYYMM");
+    var daysDiff = weekStartDaySun ? 0 : 1;
+    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");
+    }
+
+    return rows;
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])(_utils.PickerBodyClass)
+  }, /*#__PURE__*/_react["default"].createElement("table", {
+    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", {
+    className: _utils.PickerCellClass
+  }, "\u4E00"), /*#__PURE__*/_react["default"].createElement("th", {
+    className: _utils.PickerCellClass
+  }, "\u4E8C"), /*#__PURE__*/_react["default"].createElement("th", {
+    className: _utils.PickerCellClass
+  }, "\u4E09"), /*#__PURE__*/_react["default"].createElement("th", {
+    className: _utils.PickerCellClass
+  }, "\u56DB"), /*#__PURE__*/_react["default"].createElement("th", {
+    className: _utils.PickerCellClass
+  }, "\u4E94"), /*#__PURE__*/_react["default"].createElement("th", {
+    className: _utils.PickerCellClass
+  }, "\u516D"), weekStartDay !== "SUNDAY" && /*#__PURE__*/_react["default"].createElement("th", {
+    className: _utils.PickerCellClass
+  }, "\u65E5"))), /*#__PURE__*/_react["default"].createElement("tbody", null, getRows((0, _moment["default"])(viewDate)))));
+};
+
+DatePanelBody.defaultProps = {
+  weekStartDay: "SUNDAY"
+};
+var _default = DatePanelBody;
+exports["default"] = _default;

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

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _moment = _interopRequireDefault(require("moment"));
+
+var _utils = require("../../../utils");
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function DatePanelHead(props) {
+  var _props$viewDate = props.viewDate,
+      viewDate = _props$viewDate === void 0 ? (0, _moment["default"])() : _props$viewDate,
+      onPrev = props.onPrev,
+      onNext = props.onNext,
+      onPanelChange = props.onPanelChange;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])(_utils.PickerHeadClass)
+  }, /*#__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");
+    },
+    type: "button"
+  }, (0, _moment["default"])(viewDate).format("YYYY")), /*#__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");
+    },
+    type: "button"
+  }, (0, _moment["default"])(viewDate).format("MM")), /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(_utils.PickerClass, "-unit"))
+  }, "\u6708")), /*#__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"),
+    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"),
+    onClick: onNext,
+    type: "button"
+  })));
+}
+
+var _default = DatePanelHead;
+exports["default"] = _default;

package/lib/components/picker/components/panels/date-panel/index.css

@@ -0,0 +1,14 @@
+.tita-ui__picker-panel__date {
+  max-height: 252px;
+  overflow: hidden;
+}
+
+.tita-ui__picker-panel__date .tita-ui__picker-head-btn__prev {
+  margin-right: 8px;
+}
+
+.tita-ui__picker-panel__date .tita-ui__picker-content thead {
+  background: #fff;
+  position: relative;
+  z-index: 1;
+}

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

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _moment = _interopRequireDefault(require("moment"));
+
+var _utils = require("../../../utils");
+
+var _dateHead = _interopRequireDefault(require("./date-head"));
+
+var _dateBody = _interopRequireDefault(require("./date-body"));
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var DatePanel = function DatePanel(props) {
+  var viewDate = props.viewDate,
+      onViewDateChange = props.onViewDateChange;
+
+  var onMonthChange = function onMonthChange(diff) {
+    if (onViewDateChange) {
+      onViewDateChange((0, _moment["default"])(viewDate).add(diff, "M"));
+    }
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(_utils.PickerPanelClass, "__date"))
+  }, /*#__PURE__*/_react["default"].createElement(_dateHead["default"], _extends({}, props, {
+    onPrev: function onPrev() {
+      return onMonthChange(-1);
+    },
+    onNext: function onNext() {
+      return onMonthChange(1);
+    }
+  })), /*#__PURE__*/_react["default"].createElement(_dateBody["default"], props));
+};
+
+var _default = DatePanel;
+exports["default"] = _default;

package/lib/components/picker/components/panels/month-panel/index.css

@@ -0,0 +1,27 @@
+.tita-ui__picker-panel__month .tita-ui__picker-head {
+  margin-bottom: 6px;
+}
+
+.tita-ui__picker-panel__month .tita-ui__picker-head__view {
+  text-align: center;
+}
+
+.tita-ui__picker-panel__month .tita-ui__picker-cell {
+  width: 52px;
+  height: 28px;
+  padding: 11px 21px;
+}
+
+.tita-ui__picker-panel__month .tita-ui__picker-cell__inner {
+  color: #141c28;
+}
+
+.tita-ui__picker-panel__month .tita-ui__picker-cell--this-month .tita-ui__picker-cell__inner, .tita-ui__picker-panel__month .tita-ui__picker-cell:hover .tita-ui__picker-cell__inner {
+  background-color: #f0f4fa;
+  color: #2879ff;
+}
+
+.tita-ui__picker-panel__month .tita-ui__picker-cell--selected .tita-ui__picker-cell__inner {
+  background-color: #2879ff;
+  color: #ffffff;
+}