@titaui/pc 1.11.3 → 1.11.4-0

package/lib/components/button/icon-btn/index.js

@@ -11,11 +11,19 @@ var _react = _interopRequireDefault(require("react"));
 
 require("./index.css");
 
+var _excluded = ["border", "theme", "onClick", "disabled", "icon"];
+
 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; }
 
-var precls = "titaui-icon-btn";
+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 precls = 'titaui-icon-btn';
 
 function IconBtn(props) {
   var _classNames;
@@ -24,15 +32,16 @@ function IconBtn(props) {
       theme = props.theme,
       onClick = props.onClick,
       disabled = props.disabled,
-      icon = props.icon;
+      icon = props.icon,
+      restProps = _objectWithoutProperties(props, _excluded);
 
   var onClickHandler = function onClickHandler() {
     if (disabled) return;
-    onClick && onClick();
+    onClick === null || onClick === void 0 ? void 0 : onClick();
   };
 
   var renderIcon = function renderIcon() {
-    if (typeof icon === "string") {
+    if (typeof icon === 'string') {
       return /*#__PURE__*/_react["default"].createElement("span", {
         className: "".concat(precls, "__icon")
       }, /*#__PURE__*/_react["default"].createElement("span", {
@@ -45,18 +54,18 @@ function IconBtn(props) {
     }, icon);
   };
 
-  return /*#__PURE__*/_react["default"].createElement("span", {
+  return /*#__PURE__*/_react["default"].createElement("span", _extends({
     className: (0, _classnames["default"])(precls, "".concat(precls, "--").concat(theme), (_classNames = {}, _defineProperty(_classNames, "".concat(precls, "--border"), border), _defineProperty(_classNames, "".concat(precls, "--disabled"), disabled), _classNames)),
     onClick: onClickHandler
-  }, renderIcon());
+  }, restProps), renderIcon());
 }
 
 IconBtn.defaultProps = {
   border: false,
-  theme: "gray",
+  theme: 'gray',
   onClick: function onClick() {},
   disabled: false,
-  icon: "tu-icon-smile"
+  icon: 'tu-icon-smile'
 };
 var _default = IconBtn;
 exports["default"] = _default;

package/lib/components/drop-selector/index.js

@@ -18,14 +18,12 @@ var _popup = _interopRequireDefault(require("../popup"));
 
 var _checkbox = _interopRequireDefault(require("../checkbox"));
 
-var _radio = _interopRequireDefault(require("../radio"));
-
 require("./index.css");
 
 var _iconItem = _interopRequireDefault(require("./icon-item"));
 
 var _excluded = ["name", "multi", "children", "onClick", "className"],
-    _excluded2 = ["trigger", "triggerIcon", "destroyPopupOnHide", "popupPlacement", "hideOnChange", "onChange", "canEdit"];
+    _excluded2 = ["trigger", "triggerIcon", "destroyPopupOnHide", "popupPlacement", "hideOnChange", "onChange", "canEdit", "popAction", "onPopupVisibleChange"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -57,7 +55,7 @@ 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-drop-selector";
+var preCls = 'titaui-drop-selector';
 var IconItem = _iconItem["default"];
 exports.IconItem = IconItem;
 
@@ -98,7 +96,7 @@ function DropSelectorLayer(props) {
   var _classNames;
 
   var _props$className = props.className,
-      className = _props$className === void 0 ? "" : _props$className,
+      className = _props$className === void 0 ? '' : _props$className,
       _props$multi = props.multi,
       multi = _props$multi === void 0 ? false : _props$multi,
       onItemClick = props.onItemClick,
@@ -135,12 +133,15 @@ function DropSelector(props) {
       _props$destroyPopupOn = props.destroyPopupOnHide,
       destroyPopupOnHide = _props$destroyPopupOn === void 0 ? true : _props$destroyPopupOn,
       _props$popupPlacement = props.popupPlacement,
-      popupPlacement = _props$popupPlacement === void 0 ? "bottom" : _props$popupPlacement,
+      popupPlacement = _props$popupPlacement === void 0 ? 'bottom' : _props$popupPlacement,
       _props$hideOnChange = props.hideOnChange,
       hideOnChange = _props$hideOnChange === void 0 ? true : _props$hideOnChange,
       onChange = props.onChange,
       _props$canEdit = props.canEdit,
       canEdit = _props$canEdit === void 0 ? true : _props$canEdit,
+      _props$popAction = props.popAction,
+      popAction = _props$popAction === void 0 ? ['click'] : _props$popAction,
+      onPopupVisibleChange = props.onPopupVisibleChange,
       restProps = _objectWithoutProperties(props, _excluded2);
 
   var _useState3 = (0, _react.useState)(false),
@@ -148,6 +149,21 @@ function DropSelector(props) {
       visible = _useState4[0],
       setVisible = _useState4[1];
 
+  var realVisible = visible;
+
+  if ('visible' in props) {
+    realVisible = props.visible;
+  }
+
+  var handlePopVisibleChange = (0, _react.useCallback)(function (visible) {
+    console.log('visible' in props);
+
+    if (!('visible' in props)) {
+      setVisible(visible);
+    }
+
+    onPopupVisibleChange === null || onPopupVisibleChange === void 0 ? void 0 : onPopupVisibleChange(visible);
+  }, [props.visible === undefined]);
   (0, _react.useEffect)(function () {
     setVisible(props.visible);
   }, [props.visible]);
@@ -161,12 +177,11 @@ function DropSelector(props) {
   };
 
   return /*#__PURE__*/_react["default"].createElement(_popup["default"], {
-    popupVisible: canEdit && visible,
+    popupVisible: canEdit && realVisible,
     popupPlacement: popupPlacement,
-    onPopupVisibleChange: function onPopupVisibleChange(visible) {
-      return setVisible(visible);
-    },
+    onPopupVisibleChange: handlePopVisibleChange,
     destroyPopupOnHide: destroyPopupOnHide,
+    action: popAction,
     popup: /*#__PURE__*/_react["default"].createElement(DropSelectorLayer, _extends({}, restProps, {
       onItemClick: onMenuClickHandler
     }))

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

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var menus = [{
+  icon: "enterprise",
+  label: "我的面谈",
+  key: "myInterview",
+  href: "#/interview?reactRouterName=myInterview"
+}, {
+  icon: "enterprise",
+  label: "行动计划",
+  key: "todos",
+  href: "#/interview?reactRouterName=todos"
+}, {
+  icon: "enterprise",
+  label: "面谈模板",
+  key: "template",
+  href: "#/interview?reactRouterName=template"
+}];
+var _default = menus;
+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/);
+    }
+  }, {
+    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,127 @@
+"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);
+  };
+
+  console.log(formateToTreeNodeData(_constant["default"]));
+  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(_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;
+}

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;