@titaui/pc 1.11.3 → 1.11.4-2

package/lib/components/form/form-fields/date/index.js

@@ -0,0 +1,98 @@
+"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 _picker = _interopRequireDefault(require("../../../picker"));
+
+var _timePicker = _interopRequireDefault(require("../../../time-picker"));
+
+require("./index.css");
+
+var _excluded = ["label", "layout", "require", "value", "onChange"];
+
+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); }
+
+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; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+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 prefixCls = "form-field-date";
+
+var Date = function Date(props) {
+  var label = props.label,
+      layout = props.layout,
+      require = props.require,
+      _props$value = props.value,
+      value = _props$value === void 0 ? (0, _moment["default"])() : _props$value,
+      onChange = props.onChange,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  var onDateChange = function onDateChange(date, type) {
+    var newDate;
+
+    switch (type) {
+      case "date":
+        newDate = (0, _moment["default"])(value || (0, _moment["default"])()).set({
+          year: (0, _moment["default"])(date).year(),
+          month: (0, _moment["default"])(date).month(),
+          date: (0, _moment["default"])(date).date()
+        });
+        break;
+
+      case "time":
+        newDate = (0, _moment["default"])(value || (0, _moment["default"])()).set({
+          hour: (0, _moment["default"])(date, "HH:mm").hour(),
+          minute: (0, _moment["default"])(date, "HH:mm").minute()
+        });
+        break;
+
+      default:
+        break;
+    }
+
+    onChange(newDate);
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])(prefixCls, _defineProperty({}, "".concat(prefixCls, "-row"), layout === "row"))
+  }, !!label && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefixCls, "__label")
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefixCls, "__label-text")
+  }, label), require && /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefixCls, "__label-symbol")
+  }, "*")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(prefixCls, "__pickers"))
+  }, /*#__PURE__*/_react["default"].createElement(_picker["default"], _extends({
+    value: value,
+    onChange: function onChange(date) {
+      return onDateChange(date, "date");
+    }
+  }, restProps)), /*#__PURE__*/_react["default"].createElement(_timePicker["default"], _extends({
+    value: value,
+    onChange: function onChange(time) {
+      return onDateChange(time, "time");
+    }
+  }, restProps))));
+};
+
+Date.defaultProps = {
+  disabled: false,
+  layout: "column",
+  require: false
+};
+var _default = Date;
+exports["default"] = _default;

package/lib/components/form/form-fields/user/index.css

@@ -17,7 +17,7 @@
 
 .form-field-user__border {
   padding: 6px 12px;
-  border-radius: 3px;
+  border-radius: 8px;
   transition: all 0.2s;
   border: 1px solid #e9ecf0;
   box-sizing: border-box;

package/lib/components/form/index.js

@@ -31,6 +31,8 @@ var _inputVerificationCode = _interopRequireDefault(require("./form-fields/input
 
 var _password = _interopRequireDefault(require("./form-fields/password"));
 
+var _date = _interopRequireDefault(require("./form-fields/date"));
+
 var _layout = require("./layout");
 
 require("./index.css");
@@ -61,7 +63,7 @@ var Form = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
   var onFieldChangeHandler = function onFieldChangeHandler(name, value) {
     fieldsValue.current[name] = value;
-    onFieldsChange && onFieldsChange(fieldsValue.current);
+    onFieldsChange === null || onFieldsChange === void 0 ? void 0 : onFieldsChange(fieldsValue.current);
   };
 
   var initFieldsValue = function initFieldsValue(name, value) {
@@ -86,7 +88,7 @@ var Form = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         var errors = [];
         var fieldsKeys = Object.keys(fieldRefs.current);
 
-        for (var i = 0; i < fieldsKeys.length; i++) {
+        for (var i = 0; i < fieldsKeys.length; i += 1) {
           var fieldRef = fieldRefs.current[fieldsKeys[i]];
           var fieldErrors = fieldRef.verifing();
 
@@ -133,9 +135,14 @@ var FormFields = {
   DropDown: _dropdown["default"],
   GroupFields: _group["default"],
   VerificationInput: _inputVerificationCode["default"],
-  Password: _password["default"]
+  Password: _password["default"],
+  Date: _date["default"]
 }; // @ts-ignore
 
 Form.Fields = FormFields;
+Form.defaultProps = {
+  className: "",
+  direction: "vertical"
+};
 var _default = Form;
 exports["default"] = _default;

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

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _getLocale = require("../../../../utils/getLocale");
+
+var getMenus = function getMenus() {
+  return [{
+    icon: "enterprise",
+    label: (0, _getLocale.getLocale)("Ooo_Mo_My1on1"),
+    key: "myInterview",
+    href: "#/interview?reactRouterName=myInterview"
+  }, {
+    icon: "enterprise",
+    label: (0, _getLocale.getLocale)("Ooo_Tas_ActionPlans"),
+    key: "todos",
+    href: "#/interview?reactRouterName=todos"
+  }, {
+    icon: "enterprise",
+    label: (0, _getLocale.getLocale)("Ooo_Mo_Templates"),
+    key: "template",
+    href: "#/interview?reactRouterName=template"
+  }];
+};
+
+var _default = getMenus;
+exports["default"] = _default;

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