@titaui/pc 1.12.11 → 1.12.13-beta.2

package/lib/components/photo-card/components/card/index.js

@@ -47,7 +47,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var preCls = "titaui-photo-card";
+var preCls = 'titaui-photo-card';
 
 function Card(props) {
   var userInfo = props.userInfo,
@@ -93,7 +93,7 @@ function Card(props) {
     if (userInfo.avatar.hasAvatar) {
       setBackGroundstyle({
         backgroundImage: "url(".concat(userInfo.avatar.big, ")"),
-        backgroundSize: "278px 190px"
+        backgroundSize: '278px 190px'
       });
     } else {
       setBackGroundstyle({
@@ -146,21 +146,24 @@ function Card(props) {
     mouseEnterDelay: 0.8
   })), /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(preCls, "__header-depart"))
-  }, userInfo.departmentName)), /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement(_openData.OpenDepartmentName, {
+    name: userInfo.departmentName,
+    id: userInfo.departmentId
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(preCls, "__data"))
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(preCls, "__data-attention"))
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(preCls, "__data-attention-count"))
-  }, attentionData >= 10000 ? "1w+" : attentionData), /*#__PURE__*/_react["default"].createElement("span", {
+  }, attentionData >= 10000 ? '1w+' : attentionData), /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(preCls, "__data-attention-title"))
-  }, (0, _getLocale.getLocale)("OKR_MyO_Ow_Followers"))), /*#__PURE__*/_react["default"].createElement("div", {
+  }, (0, _getLocale.getLocale)('OKR_MyO_Ow_Followers'))), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(preCls, "__data-visit"))
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(preCls, "__data-visit-count"))
-  }, visitData >= 10000 ? "1w+" : visitData), /*#__PURE__*/_react["default"].createElement("span", {
+  }, visitData >= 10000 ? '1w+' : visitData), /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(preCls, "__data-visit-title"))
-  }, (0, _getLocale.getLocale)("OKR_MyO_Visitors")))), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+  }, (0, _getLocale.getLocale)('OKR_MyO_Visitors')))), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
     condition: userInfo.userId !== userownInfo.Id
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(preCls, "__attention-btn")),
@@ -172,9 +175,9 @@ function Card(props) {
     className: (0, _classnames["default"])("".concat(preCls, "__attention-btn-img"), _defineProperty({}, "".concat(preCls, "__attention-btn-img--hide"), isAttention))
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(preCls, "__attention-btn-img--hide"), _defineProperty({}, "".concat(preCls, "__attention-btn-img--show"), isAttention))
-  }, (0, _getLocale.getLocale)("OKR_MyO_Butt_Followed")), /*#__PURE__*/_react["default"].createElement("div", {
+  }, (0, _getLocale.getLocale)('OKR_MyO_Butt_Followed')), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(preCls, "__attention-btn-title"), _defineProperty({}, "".concat(preCls, "__attention-btn-img--hide"), isAttention))
-  }, (0, _getLocale.getLocale)("OKR_MyO_Butt_Follow")))));
+  }, (0, _getLocale.getLocale)('OKR_MyO_Butt_Follow')))));
 }
 
 var _default = Card;

package/lib/components/picker/components/cross.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>切片</title>
+    <g id="10、日期时间组件" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="日期范围选择器-Date" transform="translate(-411.000000, -3250.000000)" fill="#BFC7D5">
+            <g id="编组-4" transform="translate(254.000000, 3190.000000)">
+                <g id="日期基础组件" transform="translate(0.000000, 36.000000)">
+                    <g id="编组-6" transform="translate(20.000000, 16.000000)">
+                        <g id="cross" transform="translate(137.000000, 8.000000)">
+                            <path d="M8,1.33333333 C9.84066667,1.33333333 11.5073333,2.07966667 12.7143333,3.286 C13.9206667,4.49233333 14.6666667,6.159 14.6666667,8 C14.6666667,9.84066667 13.9206667,11.5073333 12.7143333,12.7143333 C11.5073333,13.9206667 9.84066667,14.6666667 8,14.6666667 C6.159,14.6666667 4.49233333,13.9206667 3.286,12.7143333 C2.07966667,11.5073333 1.33333333,9.84066667 1.33333333,8 C1.33333333,6.159 2.07966667,4.49233333 3.286,3.286 C4.49233333,2.07966667 6.159,1.33333333 8,1.33333333 Z M6.00687497,5.25130819 C5.79859535,5.04302857 5.46090736,5.04302857 5.25262774,5.25130819 C5.04434812,5.45958782 5.04434812,5.7972758 5.25262774,6.00555543 L5.25262774,6.00555543 L7.23241802,7.98509848 L5.25262774,9.9653534 L5.19091526,10.0392178 C5.04691947,10.2470772 5.0674903,10.5344632 5.25262774,10.7196006 L5.25262774,10.7196006 L5.32649215,10.7813131 C5.5343515,10.9253089 5.82173753,10.9047381 6.00687497,10.7196006 L6.00687497,10.7196006 L7.98641802,8.73909848 L9.96667295,10.7196006 C10.1749526,10.9278803 10.5126406,10.9278803 10.7209202,10.7196006 C10.9291998,10.511321 10.9291998,10.173633 10.7209202,9.9653534 L10.7209202,9.9653534 L8.74041802,7.98509848 L10.7209202,6.00555543 L10.7826327,5.93169101 C10.9266284,5.72383166 10.9060576,5.43644564 10.7209202,5.25130819 L10.7209202,5.25130819 L10.6470558,5.18959571 C10.4391964,5.04559992 10.1518104,5.06617075 9.96667295,5.25130819 L9.96667295,5.25130819 L7.98641802,7.23109848 Z" id="形状结合"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

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

@@ -39,6 +39,7 @@ var DatePanelBody = function DatePanelBody(props) {
       onSelect = props.onSelect;
 
   var _useContext = (0, _react.useContext)(_context["default"]),
+      format = _useContext.format,
       value = _useContext.value;
 
   var weekStartDaySun = weekStartDay === 'SUNDAY';
@@ -50,7 +51,18 @@ var DatePanelBody = function DatePanelBody(props) {
       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 _isCurrentDateInRange = (0, _utils.isCurrentDateInRanges)({
+        nowDate: date,
+        values: value
+      }),
+          inRanges = _isCurrentDateInRange.inRanges,
+          rangeStart = _isCurrentDateInRange.rangeStart,
+          rangeEnd = _isCurrentDateInRange.rangeEnd;
+
+      var classes = (0, _classnames["default"])(_utils.PickerCellClass, (_classNames = {}, _defineProperty(_classNames, "".concat(_utils.PickerCellClass, "--today"), date.isSame((0, _moment["default"])(), 'date')), _defineProperty(_classNames, "".concat(_utils.PickerCellClass, "--in-view"), date.format('YYYY/MM') === currentMonth), _defineProperty(_classNames, "".concat(_utils.PickerCellClass, "--in-ranges"), inRanges), _defineProperty(_classNames, "".concat(_utils.PickerCellClass, "--in-ranges--start"), rangeStart), _defineProperty(_classNames, "".concat(_utils.PickerCellClass, "--in-ranges--end"), rangeEnd), _defineProperty(_classNames, "".concat(_utils.PickerCellClass, "--selected"), value === null || value === void 0 ? void 0 : value.some(function (v) {
+        return date.isSame((0, _moment["default"])(v).format('YYYY/MM/DD'), 'date');
+      })), _classNames));
       dates.push( /*#__PURE__*/_react["default"].createElement("td", {
         className: classes,
         key: date.format('YYYY/MM/DD')
@@ -73,7 +85,7 @@ 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('YYYY/MM');
     var daysDiff = weekStartDaySun ? 0 : 1;
     var weekStartDay = monthFirstDay.subtract(monthFirstDay.day() - daysDiff, 'days');
     var rows = [];

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

@@ -29,7 +29,7 @@ var DatePanel = function DatePanel(props) {
 
   var onMonthChange = function onMonthChange(diff) {
     if (onViewDateChange) {
-      onViewDateChange((0, _moment["default"])(viewDate).add(diff, "M"));
+      onViewDateChange((0, _moment["default"])(viewDate).add(diff, 'M'));
     }
   };
 

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

@@ -25,3 +25,8 @@
   background-color: #2879ff;
   color: #ffffff;
 }
+
+.tita-ui__picker-panel__month .tita-ui__picker-cell--selected:hover .tita-ui__picker-cell__inner {
+  background-color: #5c8eff;
+  color: #ffffff;
+}

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

@@ -1,11 +1,13 @@
 "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 = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
@@ -23,8 +25,24 @@ var _excluded = ["viewDate", "onPanelChange", "onViewDateChange"];
 
 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 _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 _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; }
+
 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; }
@@ -35,16 +53,28 @@ var MonthPanel = function MonthPanel(props) {
       onViewDateChange = props.onViewDateChange,
       restProps = _objectWithoutProperties(props, _excluded);
 
+  var _useState = (0, _react.useState)(viewDate),
+      _useState2 = _slicedToArray(_useState, 2),
+      newViewDate = _useState2[0],
+      setNewViewDate = _useState2[1];
+
   var onYearChange = function onYearChange(diff) {
     if (onViewDateChange) {
-      onViewDateChange((0, _moment["default"])(viewDate).add(diff, "y"));
+      onViewDateChange((0, _moment["default"])(newViewDate[0]).add(diff, 'y'));
     }
   };
 
+  (0, _react.useEffect)(function () {
+    if (typeof viewDate === 'string') {
+      setNewViewDate(viewDate.split('~')[0]);
+    } else {
+      setNewViewDate(viewDate);
+    }
+  }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(_utils.PickerPanelClass, "__month"))
   }, /*#__PURE__*/_react["default"].createElement(_monthHead["default"], _extends({}, restProps, {
-    viewDate: viewDate,
+    viewDate: newViewDate,
     onPrevYear: function onPrevYear() {
       onYearChange(-1);
     },
@@ -52,7 +82,7 @@ var MonthPanel = function MonthPanel(props) {
       onYearChange(1);
     },
     onYearClick: function onYearClick() {
-      onPanelChange === null || onPanelChange === void 0 ? void 0 : onPanelChange(viewDate, "year");
+      onPanelChange === null || onPanelChange === void 0 ? void 0 : onPanelChange(newViewDate, 'year');
     }
   })), /*#__PURE__*/_react["default"].createElement(_monthBody["default"], _extends({
     viewDate: viewDate

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

@@ -35,8 +35,7 @@ var MonthPanelBody = function MonthPanelBody(props) {
       onSelect = props.onSelect;
 
   var _useContext = (0, _react.useContext)(_context["default"]),
-      value = _useContext.value,
-      mode = _useContext.mode;
+      value = _useContext.value;
 
   var getCells = function getCells(baseMonth) {
     var cols = [];
@@ -46,7 +45,7 @@ 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"])(viewDate).month()), _classNames)),
         key: month
       }, /*#__PURE__*/_react["default"].createElement("div", {
         onClick: function onClick() {

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

@@ -40,7 +40,7 @@ var MonthPanelHead = function MonthPanelHead(props) {
     className: (0, _classnames["default"])("".concat(_utils.PickerHeadClass, "-btn__year")),
     onClick: onYearClick,
     type: "button"
-  }, viewDate.year()));
+  }, (0, _moment["default"])(viewDate).year()));
 };
 
 var _default = MonthPanelHead;

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

@@ -0,0 +1,42 @@
+.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 {
+  width: 100%;
+  margin-top: 15px;
+}
+
+.tita-ui__picker-panel__date .tita-ui__picker-content thead {
+  background: #fff;
+  position: relative;
+  z-index: 1;
+}
+
+.titaui__picker__week {
+  height: 36px;
+  line-height: 36px;
+  color: #141C28;
+}
+
+.titaui__picker__week--select {
+  color: #2879ff;
+}
+
+.titaui__picker__week-box {
+  background: #F6F8FC;
+  border-radius: 8px;
+  height: 36px;
+  padding-left: 24px;
+  margin-bottom: 8px;
+  cursor: pointer;
+}
+
+.titaui__picker__week-index {
+  margin-right: 12px;
+}

package/lib/components/picker/components/panels/week-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 _weekHead = _interopRequireDefault(require("./week-head"));
+
+var _weekBody = _interopRequireDefault(require("./week-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(_weekHead["default"], _extends({}, props, {
+    onPrev: function onPrev() {
+      return onMonthChange(-1);
+    },
+    onNext: function onNext() {
+      return onMonthChange(1);
+    }
+  })), /*#__PURE__*/_react["default"].createElement(_weekBody["default"], props));
+};
+
+var _default = DatePanel;
+exports["default"] = _default;

package/lib/components/picker/components/panels/week-panel/utils.js

@@ -0,0 +1,124 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.endTime = endTime;
+exports.getWeeksNum = exports.getWeekNumber = exports.getPointYearMonthWeeksRange = exports.getPointYearMonthWeekStartTimeAndEndTime = exports.getDaysOfMonth = void 0;
+exports.startTime = startTime;
+
+//获取当前日期在这个月是第几周
+var getWeekNumber = function getWeekNumber(date) {
+  var currentDate = new Date(date).getDate();
+  var day = new Date(date).getDay(); //今天是星期几 星期天返回0
+
+  var week = Math.ceil((currentDate + 6 - day) / 7);
+  return week;
+}; //获取某年某月有多少天
+
+
+exports.getWeekNumber = getWeekNumber;
+
+var getDaysOfMonth = function getDaysOfMonth(year, month) {
+  switch (month) {
+    case 1:
+    case 3:
+    case 5:
+    case 7:
+    case 8:
+    case 10:
+    case 12:
+      return 31;
+
+    case 4:
+    case 6:
+    case 9:
+    case 11:
+      return 30;
+
+    case 2:
+      return year % 4 == 0 && year % 100 != 0 || year % 400 == 0 ? 29 : 28;
+
+    default:
+      return 0;
+  }
+};
+
+exports.getDaysOfMonth = getDaysOfMonth;
+
+function startTime(time) {
+  var nowTimeDate = new Date(time);
+  return nowTimeDate.setHours(0, 0, 0, 0);
+}
+
+function endTime(time) {
+  var nowTimeDate = new Date(time);
+  return nowTimeDate.setHours(23, 59, 59, 999);
+}
+
+var getWeeksNum = function getWeeksNum(year, month) {
+  var d = new Date(); // 该月第一天
+
+  d.setFullYear(year, month - 1, 1);
+  var w1 = d.getDay();
+  if (w1 == 0) w1 = 7; // 该月天数
+
+  d.setFullYear(year, month, 0);
+  var dd = d.getDate(); // 第一个周一
+
+  var d1;
+  if (w1 != 1) d1 = 7 - w1 + 2;else d1 = 1;
+  var week_count = Math.ceil((dd - d1 + 1) / 7);
+  return week_count;
+};
+
+exports.getWeeksNum = getWeeksNum;
+
+var getPointYearMonthWeekStartTimeAndEndTime = function getPointYearMonthWeekStartTimeAndEndTime(year, month, week) {
+  // 获取当月的周期
+  var date = new Date("".concat(year, "/").concat(month, "/1"));
+  var nowDayOfWeek = date.getDay();
+  if (nowDayOfWeek === 0) nowDayOfWeek = 7;
+  var dayNum = 1 * 24 * 60 * 60 * 1000;
+  var firstDate = new Date(date.valueOf() - (nowDayOfWeek - 1) * dayNum);
+  var lastDate = new Date(new Date(firstDate).valueOf() + 6 * dayNum * week);
+  var startDate = new Date(startTime(new Date(firstDate).valueOf() + 7 * dayNum * (week - 1)));
+  var endDate = new Date(endTime(lastDate));
+  var startMonth = startDate.getMonth() + 1 > 9 ? startDate.getMonth() + 1 : '0' + (startDate.getMonth() + 1);
+  var startDateValue = startDate.getDate() > 9 ? startDate.getDate() : '0' + startDate.getDate();
+  var endMonth = endDate.getMonth() + 1 > 9 ? endDate.getMonth() + 1 : '0' + (endDate.getMonth() + 1);
+  var endDateValue = endDate.getDate() > 9 ? endDate.getDate() : '0' + endDate.getDate();
+  return {
+    startTime: "".concat(startMonth, "/").concat(startDateValue),
+    endTime: "".concat(endMonth, "/").concat(endDateValue)
+  };
+};
+
+exports.getPointYearMonthWeekStartTimeAndEndTime = getPointYearMonthWeekStartTimeAndEndTime;
+
+var getPointYearMonthWeeksRange = function getPointYearMonthWeeksRange(year, month) {
+  var startDate = new Date("".concat(year, "/").concat(month, "/1"));
+  var calDays = new Date(startDate.valueOf());
+  calDays.setMonth(calDays.getMonth() + 1);
+  calDays.setDate(0);
+  var days = calDays.getDate();
+  var dayNum = 1 * 24 * 60 * 60 * 1000;
+  var result = [];
+
+  for (var i = 0; i < days; i++) {
+    var date = new Date(startDate.valueOf() + i * dayNum);
+
+    if (date.getDay() === 1) {
+      var endDate = new Date(date.valueOf() + 6 * dayNum);
+      result.push({
+        startTime: "".concat(date.getMonth() + 1 >= 10 ? date.getMonth() + 1 : '0' + (date.getMonth() + 1), "/").concat(date.getDate() >= 10 ? date.getDate() : '0' + date.getDate()),
+        endTime: "".concat(endDate.getMonth() + 1 >= 10 ? endDate.getMonth() + 1 : '0' + (endDate.getMonth() + 1), "/").concat(endDate.getDate() >= 10 ? endDate.getDate() : '0' + endDate.getDate())
+      });
+      i += 6;
+    }
+  }
+
+  return result;
+};
+
+exports.getPointYearMonthWeeksRange = getPointYearMonthWeeksRange;

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

@@ -0,0 +1,71 @@
+"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 _utils2 = require("../../../utils");
+
+var _constant = require("../../../../../utils/constant");
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var preCls = 'titaui__picker';
+
+var WeekPanelBody = function WeekPanelBody(props) {
+  var viewDate = props.viewDate,
+      onSelect = props.onSelect;
+  var currentYear = new Date().getFullYear();
+  var currentMonth = new Date().getMonth() + 1;
+  var currentWeek = (0, _utils.getWeekNumber)(new Date());
+
+  var getCells = function getCells(date) {
+    var year = (0, _moment["default"])(date).format('YYYY'); //获取年
+
+    var month = (0, _moment["default"])(date).format('MM'); //获取月
+
+    var range = (0, _utils.getPointYearMonthWeeksRange)(year, month);
+
+    if (range) {
+      return range.map(function (item, i) {
+        return /*#__PURE__*/_react["default"].createElement("tr", {
+          key: i,
+          className: (0, _classnames["default"])("".concat(preCls, "__week"), _defineProperty({}, "".concat(preCls, "__week--select"), currentWeek === i + 1 && parseInt(year) == currentYear && parseInt(month) == currentMonth))
+        }, /*#__PURE__*/_react["default"].createElement("div", {
+          onClick: function onClick() {
+            if (onSelect) {
+              onSelect("".concat(year, "/").concat(item.startTime, "~").concat(year, "/").concat(item.endTime), 'week', year);
+            }
+          },
+          className: "".concat(preCls, "__week-box")
+        }, /*#__PURE__*/_react["default"].createElement("span", {
+          className: "".concat(preCls, "__week-index")
+        }, (0, _constant.getWeekly)()[i]), "".concat(item.startTime, "~").concat(item.endTime)));
+      });
+    } else {
+      return null;
+    }
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])(_utils2.PickerBodyClass)
+  }, /*#__PURE__*/_react["default"].createElement("table", {
+    className: (0, _classnames["default"])("".concat(_utils2.PickerClass, "-content"))
+  }, /*#__PURE__*/_react["default"].createElement("tbody", null, getCells((0, _moment["default"])(viewDate)))));
+};
+
+var _default = WeekPanelBody;
+exports["default"] = _default;

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

@@ -0,0 +1,80 @@
+"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 _getLocale = require("../../../../../utils/getLocale");
+
+var _utils = require("../../../utils");
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function DatePanelHead(props) {
+  var viewDate = props.viewDate,
+      onPrev = props.onPrev,
+      onNext = props.onNext,
+      onPanelChange = props.onPanelChange;
+  var yearText = parseInt((0, _moment["default"])(viewDate).format('YYYY'));
+  var monthText = parseInt((0, _moment["default"])(viewDate).format('MM'));
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])(_utils.PickerHeadClass)
+  }, !_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');
+    },
+    type: "button"
+  }, 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');
+    },
+    type: "button"
+  }, monthText), /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(_utils.PickerClass, "-unit"))
+  }, "\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__*/_react["default"].createElement("button", {
+    className: (0, _classnames["default"])("".concat(_utils.PickerHeadClass, "-btn__prev"), 'tu-icon-arrow-up1'),
+    onClick: onPrev,
+    type: "button"
+  }), /*#__PURE__*/_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/year-panel/index.css

@@ -21,3 +21,8 @@
   background-color: #2879ff;
   color: #ffffff;
 }
+
+.tita-ui__picker-panel__year .tita-ui__picker-cell--selected:hover .tita-ui__picker-cell__inner {
+  background-color: #5c8eff;
+  color: #ffffff;
+}