@titaui/pc 1.12.22-beta.1 → 1.12.22-beta.13

package/lib/components/import-modal/tree/okr-tree/index.js

@@ -170,27 +170,37 @@ var OkrTree = function OkrTree(_ref) {
 
   var getTreeNodes = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-      var _yield$okrSearch, works, total;
+      var newQuery, date, _yield$okrSearch, works, total;
 
       return regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              _context.next = 2;
+              newQuery = query;
+
+              if ((query === null || query === void 0 ? void 0 : query.cycleType) !== '-1') {
+                date = new Date((query === null || query === void 0 ? void 0 : query.endDate) || new Date().valueOf());
+                date.setDate(date.getDate() + 1);
+                newQuery = _objectSpread(_objectSpread({}, query), {}, {
+                  endDate: "".concat(date.getFullYear(), "/").concat(date.getMonth() + 1 >= 10 ? date.getMonth() + 1 : '0' + (date.getMonth() + 1), "/").concat(date.getDate() >= 10 ? date.getDate() : '0' + date.getDate())
+                });
+              }
+
+              _context.next = 4;
               return (0, _requestApi.okrSearch)(_objectSpread({
                 pageNum: pageNum,
                 pageSize: pageSize,
                 toUserId: toUserId
-              }, query));
+              }, newQuery));
 
-            case 2:
+            case 4:
               _yield$okrSearch = _context.sent;
               works = _yield$okrSearch.works;
               total = _yield$okrSearch.total;
               setWorks(works || []);
               setTotal(total);
 
-            case 7:
+            case 9:
             case "end":
               return _context.stop();
           }

package/lib/components/menus/components/search-colleague/index.js

@@ -86,6 +86,7 @@ function _default(props) {
     var _ref2 = _slicedToArray(_ref, 1),
         user = _ref2[0];
 
+    setSearchVal(user.title);
     onSelect(user);
   };
 
@@ -109,7 +110,8 @@ function _default(props) {
     placeholder: placeholder,
     onChange: handleInputChange,
     onFocus: onInputFocusHandler,
-    onBlur: onInputBlurHandler
+    onBlur: onInputBlurHandler,
+    value: searchVal
   })), /*#__PURE__*/_react["default"].createElement(_userSelector["default"], {
     ref: selectorRef,
     multiple: false,

package/lib/components/menus/export-modules/summary-menus/depart-menus/index.js

@@ -76,7 +76,7 @@ var _default = function _default() {
       rawTreeData = _useState4[0],
       setRawTreeData = _useState4[1];
 
-  var _useState5 = (0, _react.useState)(["-1"]),
+  var _useState5 = (0, _react.useState)(['-1']),
       _useState6 = _slicedToArray(_useState5, 2),
       selectedMenuKeys = _useState6[0],
       setSelectedMenuKeys = _useState6[1];
@@ -99,12 +99,11 @@ var _default = function _default() {
   var isBoss = (0, _bsGlobal.getUserInfo)().IsBoss;
   (0, _react.useEffect)(function () {
     if (isBoss) {
-      window.location.href = "#/summary/manage?departmentName=公司全部&departmentId=0";
+      window.location.href = '#/summary/manage?departmentName=公司全部&departmentId=0';
 
       var allDepartmentText = window.getLocale && window.getLocale(_i18n.locale.menu_alldeparment) || _i18n.locale.menu_alldeparment;
 
       (0, _requestApis.getDepsAndUsers)(-1, false).then(function (rawTreeData) {
-        var transNodes = (0, _helper.translateDepartsToTreeNode)(rawTreeData);
         var rootNode = {
           async: true,
           data: {
@@ -112,14 +111,14 @@ var _default = function _default() {
             name: allDepartmentText
           },
           pid: -1,
-          id: "0",
-          key: "0",
+          id: '0',
+          key: '0',
           isLeaf: true,
           nodeType: _index.DEPART_NODE,
           title: allDepartmentText
         };
-        setRawTreeData([rootNode].concat(_toConsumableArray(transNodes)));
-        setTreeData((0, _utils.toTree)([rootNode].concat(_toConsumableArray(transNodes))));
+        setRawTreeData([rootNode].concat(_toConsumableArray(rawTreeData)));
+        setTreeData((0, _utils.toTree)([rootNode].concat(_toConsumableArray(rawTreeData))));
         setLoading(false);
       });
     } else {
@@ -130,16 +129,21 @@ var _default = function _default() {
           async: true,
           data: {
             id: -1,
-            name: "全部管理部门"
+            name: '全部管理部门'
           },
           pid: 0,
           id: rawTreeData[0].id,
           key: -1,
           nodeType: _index.DEPART_NODE,
-          title: "全部管理部门"
+          title: '全部管理部门'
         };
-        setRawTreeData([rootNode].concat(_toConsumableArray(rawTreeData)));
-        setTreeData((0, _utils.toTree)([rootNode].concat(_toConsumableArray(rawTreeData))));
+
+        if (rawTreeData.length > 1) {
+          rawTreeData.unshift(rootNode);
+        }
+
+        setRawTreeData(_toConsumableArray(rawTreeData));
+        setTreeData((0, _utils.toTree)(_toConsumableArray(rawTreeData)));
         setLoading(false);
       });
     }

package/lib/components/menus/export-modules/summary-menus/menus.js

@@ -11,6 +11,8 @@ var _index = require("../../components/menu-tree/tree-node/index");
 
 var _getLocale = require("../../../../utils/getLocale");
 
+var _bsGlobal = require("../../../../utils/bs-global");
+
 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); } }
@@ -22,82 +24,92 @@ var defaultRefObject = {
   insertSubordinates: function insertSubordinates() {},
   getMenus: function getMenus() {},
   setSubordinatesLoading: function setSubordinatesLoading() {},
-  SUBORDINATES: ''
+  SUBORDINATES: ""
 };
 exports.defaultRefObject = defaultRefObject;
-var PAGE_SUMMARY_ALl = 'summaryall';
+var PAGE_SUMMARY_ALl = "summaryall";
 exports.PAGE_SUMMARY_ALl = PAGE_SUMMARY_ALl;
-var PAGE_SUMMARY_MY = 'summarymy';
+var PAGE_SUMMARY_MY = "summarymy";
 exports.PAGE_SUMMARY_MY = PAGE_SUMMARY_MY;
-var PAGE_SUMMARY_SUBORDINATE = 'subordinates';
+var PAGE_SUMMARY_SUBORDINATE = "subordinates";
 exports.PAGE_SUMMARY_SUBORDINATE = PAGE_SUMMARY_SUBORDINATE;
-var PAGE_SUMMARY_SHARE = 'share';
+var PAGE_SUMMARY_SHARE = "share";
 exports.PAGE_SUMMARY_SHARE = PAGE_SUMMARY_SHARE;
-var PAGE_SUMMARY_DEPART = 'depart';
+var PAGE_SUMMARY_DEPART = "depart";
 exports.PAGE_SUMMARY_DEPART = PAGE_SUMMARY_DEPART;
-var PAGE_SUMMARY_ROLE = 'role';
+var PAGE_SUMMARY_ROLE = "role";
 exports.PAGE_SUMMARY_ROLE = PAGE_SUMMARY_ROLE;
-var PAGE_SUMMARY_CHART = 'chart';
+var PAGE_SUMMARY_CHART = "chart";
 exports.PAGE_SUMMARY_CHART = PAGE_SUMMARY_CHART;
 
+var _getUserInfo = (0, _bsGlobal.getUserInfo)(),
+    IsLeader = _getUserInfo.IsLeader,
+    IsBoss = _getUserInfo.IsBoss,
+    IsRoot = _getUserInfo.IsRoot,
+    Role = _getUserInfo.Role,
+    IsPlanDailyManager = _getUserInfo.IsPlanDailyManager,
+    HasSub = _getUserInfo.HasSub;
+
+var isShowManage = IsPlanDailyManager || IsBoss || HasSub || IsRoot && Role !== 4 || IsLeader;
+
 var summaryMenus = /*#__PURE__*/function () {
   function summaryMenus(props) {
     _classCallCheck(this, summaryMenus);
 
     this.COMPANYALL = _index.COMPANY_ALL_NODE;
     this.SHARE = _index.SHARE_NODE;
-    this.SUBORDINATES = 'subordinates';
+    this.SUBORDINATES = "subordinates";
     this.menus = [{
-      icon: 'all-zongjie',
+      icon: "all-zongjie",
       label: _i18n.locale.menu_all_summary,
       key: PAGE_SUMMARY_ALl,
       type: _index.MENU_ITEM_NOE,
-      href: '#/summary/all',
+      href: "#/summary/all",
       isShow: true
     }, {
-      icon: 'caidan-my',
+      icon: "caidan-my",
       label: _i18n.locale.menu_my_summary,
       key: PAGE_SUMMARY_MY,
       type: _index.MENU_ITEM_NOE,
-      href: '#/summary/my',
+      href: "#/summary/my",
       isShow: true
     }, {
-      icon: 'caidan-xiashu',
+      icon: "caidan-xiashu",
       label: _i18n.locale.menu_my_subordinates,
       key: this.SUBORDINATES,
       type: _index.SUBORDINATES_NODE,
       isLeaf: false,
       children: [],
-      href: '#/summary/subordinates',
+      href: "#/summary/subordinates",
       isShow: window.BSGlobal.loginUserInfo.HasSub
     }, {
-      icon: 'caidan-enjoy',
+      icon: "caidan-enjoy",
       label: _i18n.locale.menu_my_share,
       key: PAGE_SUMMARY_SHARE,
       type: _index.MENU_ITEM_NOE,
-      href: '#/summary/share',
+      href: "#/summary/share",
       isShow: props.isShowShare
     }, {
-      icon: 'bumen',
+      icon: "bumen",
       label: _i18n.locale.menu_department,
       key: this.COMPANYALL,
       type: this.COMPANYALL,
-      href: '',
+      href: "",
       isShow: props.isShowDept
     }, {
-      icon: '',
+      icon: "",
       label: _i18n.locale.menu_summary,
-      key: 'other',
+      key: "other",
       type: _index.GROUP_NAME_NODE,
-      href: '',
-      isShow: true
+      href: "",
+      isShow: isShowManage
     }, {
-      icon: 'my-setup',
+      icon: "my-setup",
       label: _i18n.locale.menu_summary_role,
       key: PAGE_SUMMARY_ROLE,
       type: _index.MENU_ITEM_NOE,
-      href: '#/enterprise/manage?reactRouterName=daily',
-      isShow: true
+      href: "#/enterprise/manage?reactRouterName=daily",
+      isShow: isShowManage
     }];
   }
 
@@ -108,11 +120,11 @@ var summaryMenus = /*#__PURE__*/function () {
 
       if (loading) {
         this.menus[1].children.push({
-          icon: '',
-          label: 'loading',
-          key: 'loading-subordinates',
+          icon: "",
+          label: "loading",
+          key: "loading-subordinates",
           type: _index.LOADING_NODE,
-          href: '',
+          href: "",
           data: {}
         });
       }
@@ -122,11 +134,11 @@ var summaryMenus = /*#__PURE__*/function () {
     value: function insertSubordinates(users) {
       if (!users || !users.length) {
         this.menus[2].children = [{
-          icon: '',
-          label: 'empty-subordinates',
-          key: 'empty-subordinates',
+          icon: "",
+          label: "empty-subordinates",
+          key: "empty-subordinates",
           type: _index.NO_SUBORDINATES_NODE,
-          href: '',
+          href: "",
           data: {}
         }];
         return;
@@ -137,11 +149,11 @@ var summaryMenus = /*#__PURE__*/function () {
       for (var i = 0; i < users.length; i++) {
         var user = users[i];
         treeNodeUsers.push({
-          icon: '',
+          icon: "",
           label: user.name,
           key: "".concat(user.userId),
           type: _index.USER_NODE,
-          href: '',
+          href: "",
           data: user
         });
       }

package/lib/components/menus/export-modules/summary-menus/summary-front-menus.js

@@ -63,7 +63,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       maxHeight = _useState2[0],
       setMaxHeight = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(['myokr']),
+  var _useState3 = (0, _react.useState)(["myokr"]),
       _useState4 = _slicedToArray(_useState3, 2),
       expandedKeys = _useState4[0],
       setExpandedKeys = _useState4[1];
@@ -138,7 +138,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       resolve(true); // 获取数据
 
       (0, _requestApis.getSubordinates)({
-        relationIds: '1,2'
+        relationIds: "1,2"
       }, {
         disabledDottedSubordinatesDig: true
       }).then(function (users) {

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

@@ -60,7 +60,8 @@ var MonthPanel = function MonthPanel(props) {
 
   var onYearChange = function onYearChange(diff) {
     if (onViewDateChange) {
-      onViewDateChange((0, _moment["default"])(newViewDate[0]).add(diff, 'y'));
+      onViewDateChange((0, _moment["default"])(newViewDate).add(diff, 'y'));
+      setNewViewDate((0, _moment["default"])(newViewDate).add(diff, 'y'));
     }
   };
 

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

@@ -26,23 +26,27 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 var DatePanel = function DatePanel(props) {
   var viewDate = props.viewDate,
       onViewDateChange = props.onViewDateChange;
+  var startDate = viewDate[0];
 
   var onMonthChange = function onMonthChange(diff) {
     if (onViewDateChange) {
-      onViewDateChange((0, _moment["default"])(viewDate).add(diff, "M"));
+      onViewDateChange((0, _moment["default"])(startDate).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, {
+    startDate: viewDate[0],
     onPrev: function onPrev() {
       return onMonthChange(-1);
     },
     onNext: function onNext() {
       return onMonthChange(1);
     }
-  })), /*#__PURE__*/_react["default"].createElement(_weekBody["default"], props));
+  })), /*#__PURE__*/_react["default"].createElement(_weekBody["default"], _extends({}, props, {
+    startDate: viewDate[0]
+  })));
 };
 
 var _default = DatePanel;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.endTime = endTime;
-exports.getWeeksNum = exports.getWeekNumber = exports.getPointYearMonthWeeksRange = exports.getPointYearMonthWeekStartTimeAndEndTime = exports.getDaysOfMonth = void 0;
+exports.getWeeksNum = exports.getWeekNumber = exports.getWeek = exports.getPointYearMonthWeeksRange = exports.getPointYearMonthWeekStartTimeAndEndTime = exports.getDaysOfMonth = void 0;
 exports.startTime = startTime;
 
 //获取当前日期在这个月是第几周
@@ -119,6 +119,28 @@ var getPointYearMonthWeeksRange = function getPointYearMonthWeeksRange(year, mon
   }
 
   return result;
+}; //获取某个日期处于的年月周
+
+
+exports.getPointYearMonthWeeksRange = getPointYearMonthWeeksRange;
+
+var getWeek = function getWeek(date) {
+  var month = date.getMonth() + 1; // 先计算出该日期为第几周
+
+  var week = Math.ceil(date.getDate() / 7);
+  var year = date.getFullYear(); // 判断这个月前7天是周几，如果不是周一，则计入上个月
+
+  if (date.getDate() < 7) {
+    if (date.getDay() !== 1) {
+      var preMonthDate = new Date(date.valueOf());
+      preMonthDate.setDate(0);
+      week = getWeek(new Date("".concat(preMonthDate.getFullYear(), "/").concat(preMonthDate.getMonth() + 1, "/").concat(preMonthDate.getDate())))[0];
+      month = preMonthDate.getMonth() + 1;
+      year = preMonthDate.getFullYear();
+    }
+  }
+
+  return [week, month, year];
 };
 
-exports.getPointYearMonthWeeksRange = getPointYearMonthWeeksRange;
+exports.getWeek = getWeek;

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

@@ -26,16 +26,24 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 var preCls = 'titaui__picker';
 
 var WeekPanelBody = function WeekPanelBody(props) {
-  var viewDate = props.viewDate,
+  var startDate = props.startDate,
       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 currentYear = (0, _utils.getWeek)(new Date(new Date()))[2];
+    var currentMonth = (0, _utils.getWeek)(new Date(new Date()))[1];
+    var currentWeek = (0, _utils.getWeek)(new Date(new Date()))[0];
+    var year = Number((0, _moment["default"])(date).format('YYYY')); //获取年
+
+    var month = Number((0, _moment["default"])(date).format('MM'));
+    var dateYear = Number((0, _moment["default"])(date).format('YYYY'));
+    var dateMonth = Number((0, _moment["default"])(date).format('MM'));
+
+    if (currentMonth !== dateMonth && dateMonth !== 1) {
+      dateMonth = dateMonth - 1;
+    } else if (currentMonth !== dateMonth && dateMonth === 1) {
+      dateMonth = 12;
+    }
 
     var range = (0, _utils.getPointYearMonthWeeksRange)(year, month);
 
@@ -43,11 +51,11 @@ var WeekPanelBody = function WeekPanelBody(props) {
       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))
+          className: (0, _classnames["default"])("".concat(preCls, "__week"), _defineProperty({}, "".concat(preCls, "__week--select"), currentWeek === i + 1))
         }, /*#__PURE__*/_react["default"].createElement("div", {
           onClick: function onClick() {
             if (onSelect) {
-              onSelect("".concat(year, "/").concat(item.startTime, "~").concat(year, "/").concat(item.endTime), 'week', year);
+              onSelect(["".concat(year, "/").concat(item.startTime), "".concat(year, "/").concat(item.endTime)], 'week', year);
             }
           },
           className: "".concat(preCls, "__week-box")
@@ -64,7 +72,7 @@ var WeekPanelBody = function WeekPanelBody(props) {
     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)))));
+  }, /*#__PURE__*/_react["default"].createElement("tbody", null, getCells((0, _moment["default"])(startDate)))));
 };
 
 var _default = WeekPanelBody;

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

@@ -15,17 +15,19 @@ var _getLocale = require("../../../../../utils/getLocale");
 
 var _utils = require("../../../utils");
 
+var _utils2 = require("./utils");
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function DatePanelHead(props) {
-  var viewDate = props.viewDate,
+  var startDate = props.startDate,
       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'));
+  var yearText = (0, _moment["default"])(startDate).year();
+  var monthText = (0, _utils2.getWeek)(new Date(startDate))[1];
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])(_utils.PickerHeadClass)
   }, !_getLocale.isEn && /*#__PURE__*/_react["default"].createElement("div", {
@@ -33,7 +35,7 @@ function DatePanelHead(props) {
   }, /*#__PURE__*/_react["default"].createElement("button", {
     className: (0, _classnames["default"])("".concat(_utils.PickerHeadClass, "-btn__year")),
     onClick: function onClick() {
-      return onPanelChange && onPanelChange(viewDate, 'year');
+      return onPanelChange && onPanelChange(startDate, 'year');
     },
     type: "button"
   }, yearText), /*#__PURE__*/_react["default"].createElement("span", {
@@ -41,7 +43,7 @@ function DatePanelHead(props) {
   }, "\xA0\u5E74"), /*#__PURE__*/_react["default"].createElement("button", {
     className: (0, _classnames["default"])("".concat(_utils.PickerHeadClass, "-btn__month")),
     onClick: function onClick() {
-      return onPanelChange && onPanelChange(viewDate, 'month');
+      return onPanelChange && onPanelChange(startDate, 'month');
     },
     type: "button"
   }, monthText), /*#__PURE__*/_react["default"].createElement("span", {
@@ -51,7 +53,7 @@ function DatePanelHead(props) {
   }, /*#__PURE__*/_react["default"].createElement("button", {
     className: (0, _classnames["default"])("".concat(_utils.PickerHeadClass, "-btn__month")),
     onClick: function onClick() {
-      return onPanelChange && onPanelChange(viewDate, 'month');
+      return onPanelChange && onPanelChange(startDate, 'month');
     },
     style: {
       marginRight: 4
@@ -60,7 +62,7 @@ function DatePanelHead(props) {
   }, _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');
+      return onPanelChange && onPanelChange(startDate, 'year');
     },
     type: "button"
   }, yearText)), /*#__PURE__*/_react["default"].createElement("div", {

package/lib/components/picker/picker-panels.js

@@ -123,11 +123,11 @@ var PickerPanels = function PickerPanels(props) {
 
   var onWeekSelect = function onWeekSelect(date, year) {
     setViewDate(function () {
-      return [date];
+      return date;
     });
 
     if (onChange) {
-      onChange([date]);
+      onChange(date);
     }
 
     onCloseHandler();
@@ -193,7 +193,7 @@ var PickerPanels = function PickerPanels(props) {
 
       case 'week':
         panel = /*#__PURE__*/_react["default"].createElement(_weekPanel["default"], {
-          viewDate: date,
+          viewDate: viewDate,
           onSelect: onSelectChange,
           onViewDateChange: onViewDateChange,
           onPanelChange: onPanelChange,

package/lib/components/picker/range-picker/components/select-input/index.js

@@ -11,6 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _tooltip = _interopRequireDefault(require("../../../../../components/tooltip"));
+
 var _utils = require("../../../utils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -61,10 +63,15 @@ var RangeSelectInput = function RangeSelectInput(props, ref) {
     onFocus: onFocus,
     ref: inputRef,
     value: date
-  }), /*#__PURE__*/_react["default"].createElement("span", {
+  }), /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+    defaultVisible: false,
+    placement: "top",
+    overlay: /*#__PURE__*/_react["default"].createElement("div", null, "\u6E05\u7A7A\u7B5B\u9009"),
+    trigger: ['hover']
+  }, /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])('tu-icon-cross', "".concat(_utils.PickerRangesClass, "__select-input__cancel"), _defineProperty({}, "".concat(_utils.PickerRangesClass, "__select-input__cancel--visible"), date)),
     onClick: onClearHandler
-  }));
+  })));
 };
 
 var _default = /*#__PURE__*/(0, _react.forwardRef)(RangeSelectInput);

package/lib/components/rate/index.css

@@ -33,7 +33,7 @@
   margin-right: 8px;
   position: relative;
   transition: all 0.3s;
-  color: #e9e9e9;
+  color: #dfe3ea;
   cursor: pointer;
   line-height: 1.5;
 }
@@ -74,12 +74,12 @@
 
 .rc-rate-star-half .rc-rate-star-first,
     .rc-rate-star-full .rc-rate-star-second {
-  color: #f5a623;
+  color: #ffc326;
 }
 
 .rc-rate-star-half:hover .rc-rate-star-first,
     .rc-rate-star-full:hover .rc-rate-star-second {
-  color: tint(#f5a623, 30%);
+  color: rgba(246, 189, 22, 0.3);
 }
 
 @font-face {

package/lib/components/textarea/index.css

@@ -91,12 +91,12 @@
 
 .area-error {
   border: 1px solid #f05e5e !important;
-  box-shadow: 0px 0px 6px 0px rgba(240, 94, 94, 0.3);
+  box-shadow: inset 0px 0px 6px 0px rgba(240, 94, 94, 0.3);
 }
 
 .area-focus {
   border: 1px solid #2879ff !important;
-  box-shadow: 0px 0px 6px 0px rgba(40, 121, 255, 0.3);
+  box-shadow: inset 0px 0px 6px 0px rgba(40, 121, 255, 0.3);
 }
 
 .area-normal {

package/lib/components/textarea/index.js

@@ -74,7 +74,7 @@ var Textarea = function Textarea(p) {
   var selfInputRef = (0, _react.useRef)();
   var realInputRef = inputRef || selfInputRef;
   var isControlled = ("value" in p);
-  var realValue = isControlled ? value : selfValue;
+  var realValue = isControlled ? value || '' : selfValue || '';
 
   var _useState5 = (0, _react.useState)(false),
       _useState6 = _slicedToArray(_useState5, 2),

package/lib/components/upvote/index.js

@@ -88,7 +88,8 @@ function UpvoteButton(_ref) {
       _ref$buttonType = _ref.buttonType,
       buttonType = _ref$buttonType === void 0 ? "" : _ref$buttonType,
       _ref$customUpvoteBtnC = _ref.customUpvoteBtnCls,
-      customUpvoteBtnCls = _ref$customUpvoteBtnC === void 0 ? "" : _ref$customUpvoteBtnC;
+      customUpvoteBtnCls = _ref$customUpvoteBtnC === void 0 ? "" : _ref$customUpvoteBtnC,
+      getPopupContainer = _ref.getPopupContainer;
 
   var _useState = (0, _react.useState)({
     type: type,
@@ -105,6 +106,7 @@ function UpvoteButton(_ref) {
       modalVisible = _useState4[0],
       setModalVisible = _useState4[1];
 
+  var wrapperRef = (0, _react.useRef)(document.createElement('div'));
   (0, _react.useEffect)(function () {
     setUpvoteState({
       type: type,
@@ -126,9 +128,13 @@ function UpvoteButton(_ref) {
   }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "feed-upvote pull-screen-click-through pull-screen-ignore",
-    style: style
-  }, /*#__PURE__*/_react["default"].createElement(_selector["default"] // visible={selectorVisible}
-  , {
+    style: style,
+    ref: wrapperRef
+  }, /*#__PURE__*/_react["default"].createElement(_selector["default"], {
+    getPopupContainer: function getPopupContainer() {
+      return wrapperRef.current || document.body;
+    } // visible={selectorVisible}
+    ,
     align: popAlign,
     onSelect: /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(type) {