@titaui/pc 1.11.27-beta.8 → 1.11.29

package/lib/components/dynamic/quick-operation/index.js

@@ -0,0 +1,120 @@
+"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 _createOkr = _interopRequireDefault(require("./components/create-okr"));
+
+var _createTask = _interopRequireDefault(require("./components/create-task"));
+
+var _createShare = _interopRequireDefault(require("./components/create-share"));
+
+var _createAnnouncement = _interopRequireDefault(require("./components/create-announcement"));
+
+var _auth = require("../../../utils/auth");
+
+var _createOkrModal = _interopRequireDefault(require("../../create-okr-modal"));
+
+var _publishDynamicModal = _interopRequireDefault(require("../../publish-dynamic-modal/publish-dynamic-modal"));
+
+var _toast = _interopRequireDefault(require("../../toast"));
+
+var _bsGlobal = require("../../../utils/bs-global");
+
+var _getLocale = require("../../../utils/getLocale");
+
+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; }
+
+var prefix = "titaui-pc-dynamic-quick-operation";
+
+var DynamicQuickOperation = function DynamicQuickOperation(_ref) {
+  var _ref$showCreateOKr = _ref.showCreateOKr,
+      showCreateOKr = _ref$showCreateOKr === void 0 ? true : _ref$showCreateOKr,
+      _ref$showCreateTask = _ref.showCreateTask,
+      showCreateTask = _ref$showCreateTask === void 0 ? true : _ref$showCreateTask,
+      _ref$showCreateShare = _ref.showCreateShare,
+      showCreateShare = _ref$showCreateShare === void 0 ? true : _ref$showCreateShare,
+      _ref$showCreateAnnoun = _ref.showCreateAnnouncement,
+      showCreateAnnouncement = _ref$showCreateAnnoun === void 0 ? true : _ref$showCreateAnnoun;
+  var hasDynamicAnnouncementAuth = new _auth.DynamicManagerAuth().hasAuth();
+  var createTaskDivRef = (0, _react.useRef)(document.createElement("div"));
+  var isNewUI = (0, _bsGlobal.getBSGlobal)("tenantInfo").isNewIndex;
+  var newNavigation = (0, _bsGlobal.getBSGlobal)("newNavigation") || [];
+  var hasOKRApp = newNavigation.find(function (item) {
+    return item.appId === 113;
+  });
+
+  var handleShowCreateOKrModal = function handleShowCreateOKrModal() {
+    // @ts-ignore
+    window.showCreateOkrModal && window.showCreateOkrModal();
+  };
+
+  var handleShowCreateAnnouncement = function handleShowCreateAnnouncement() {
+    // @ts-ignore
+    window.showPublishAnnouncementDynamicModal && window.showPublishAnnouncementDynamicModal();
+  };
+
+  var handleShowCreatShare = function handleShowCreatShare() {
+    // @ts-ignore
+    window.showPublishShareDynamicModal && window.showPublishShareDynamicModal();
+  };
+
+  var handleCreateTaskClick = function handleCreateTaskClick() {
+    // @ts-ignore
+    window.openCreateTaskPop(createTaskDivRef.current, {
+      createParams: {
+        objId: "",
+        objType: 4,
+        AppId: 1,
+        AppType: 1,
+        TaskType: 0
+      }
+    }).then(function () {
+      _toast["default"].Success((0, _getLocale.getLocale)("Pro_tag_pop_Pubsuc"), {
+        canClose: false
+      });
+
+      setTimeout(function () {
+        // @ts-ignore 跳到我的发布页签
+        window.setTabsToPublish && window.setTabsToPublish();
+      }, 2000);
+    });
+  };
+
+  var handleAfterSuccess = function handleAfterSuccess() {
+    setTimeout(function () {
+      // @ts-ignore 跳到我的发布页签
+      window.setTabsToPublish && window.setTabsToPublish();
+    }, 2000);
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix
+  }, showCreateOKr && (isNewUI && hasOKRApp || !isNewUI && (0, _bsGlobal.hasWebHead)("okr")) && /*#__PURE__*/_react["default"].createElement(_createOkr["default"], {
+    onClick: handleShowCreateOKrModal
+  }), showCreateTask && /*#__PURE__*/_react["default"].createElement(_createTask["default"], {
+    onClick: handleCreateTaskClick,
+    ref: createTaskDivRef
+  }), showCreateShare && /*#__PURE__*/_react["default"].createElement(_createShare["default"], {
+    onClick: handleShowCreatShare
+  }), showCreateAnnouncement && hasDynamicAnnouncementAuth && /*#__PURE__*/_react["default"].createElement(_createAnnouncement["default"], {
+    onClick: handleShowCreateAnnouncement
+  }), /*#__PURE__*/_react["default"].createElement(_createOkrModal["default"], {
+    onSuccess: handleAfterSuccess
+  }), /*#__PURE__*/_react["default"].createElement(_publishDynamicModal["default"], null));
+};
+
+var _default = DynamicQuickOperation;
+exports["default"] = _default;

package/lib/components/dynamic/request-api.js

@@ -3,44 +3,105 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.topDynamic = exports.deleteDynamic = exports.collectDynamic = exports.cancelTopDynamic = exports.cancelCollectDynamic = void 0;
+exports.topDynamic = exports.getRanking = exports.getPraise = exports.getMenu = exports.getLeastPariseInfo = exports.getDynamicFeedList = exports.getAdvertise = exports.deleteDynamic = exports.collectDynamic = exports.cancelTopDynamic = exports.cancelCollectDynamic = void 0;
 
 var _request = require("../../utils/request");
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+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; }
+
 // @ts-ignore
 var userId = BSGlobal && BSGlobal.loginUserInfo.Id || 0;
 
 var topDynamic = function topDynamic(_ref) {
   var feedId = _ref.feedId;
-  return (0, _request.rget)('v2')("user/feednew/setTop?feedId=".concat(feedId));
+  return (0, _request.rget)("v2")("user/feednew/setTop?feedId=".concat(feedId));
 };
 
 exports.topDynamic = topDynamic;
 
 var cancelTopDynamic = function cancelTopDynamic(_ref2) {
   var feedId = _ref2.feedId;
-  return (0, _request.rget)('v2')("user/feednew/cancelTop?feedId=".concat(feedId));
+  return (0, _request.rget)("v2")("user/feednew/cancelTop?feedId=".concat(feedId));
 };
 
 exports.cancelTopDynamic = cancelTopDynamic;
 
 var collectDynamic = function collectDynamic(_ref3) {
   var feedId = _ref3.feedId;
-  return (0, _request.rput)('v2')("user/feed/Collect?feed_id=".concat(feedId));
+  return (0, _request.rput)("v2")("user/feed/Collect?feed_id=".concat(feedId));
 };
 
 exports.collectDynamic = collectDynamic;
 
 var cancelCollectDynamic = function cancelCollectDynamic(_ref4) {
   var feedId = _ref4.feedId;
-  return (0, _request.rdelete)('v2')("user/feed/CancelCollect?feed_id=".concat(feedId));
+  return (0, _request.rdelete)("v2")("user/feed/CancelCollect?feed_id=".concat(feedId));
 };
 
 exports.cancelCollectDynamic = cancelCollectDynamic;
 
 var deleteDynamic = function deleteDynamic(_ref5) {
   var feedId = _ref5.feedId;
-  return (0, _request.rdelete)('v2')("user/feed/Delete?feed_id=".concat(feedId));
+  return (0, _request.rdelete)("v2")("user/feed/Delete?feed_id=".concat(feedId));
+};
+
+exports.deleteDynamic = deleteDynamic;
+
+var getPraise = function getPraise(_ref6) {
+  var objId = _ref6.objId,
+      _ref6$start = _ref6.start,
+      start = _ref6$start === void 0 ? "" : _ref6$start,
+      _ref6$count = _ref6.count,
+      count = _ref6$count === void 0 ? 5 : _ref6$count,
+      _ref6$objType = _ref6.objType,
+      objType = _ref6$objType === void 0 ? 10 : _ref6$objType;
+  return (0, _request.rget)("v1")("praise/get?objId=".concat(objId, "&start=&count=").concat(count, "&objType=").concat(objType));
+};
+
+exports.getPraise = getPraise;
+
+var getRanking = function getRanking(data) {
+  return (0, _request.rpost)("v1")("praise/getRanking", data);
+};
+
+exports.getRanking = getRanking;
+
+var getLeastPariseInfo = function getLeastPariseInfo() {
+  return (0, _request.rget)("v1")("praise/getLeastPariseInfo?count=10");
+};
+
+exports.getLeastPariseInfo = getLeastPariseInfo;
+
+var getMenu = function getMenu() {
+  return (0, _request.rget)("v2")("feed/FeedTabMenus");
+};
+
+exports.getMenu = getMenu;
+
+var getDynamicFeedList = function getDynamicFeedList() {
+  var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+    PageSize: 20,
+    PageNum: 1,
+    KeyWord: "",
+    ChannelIds: "",
+    Domain: "",
+    TitaHost: "",
+    RequestSource: 0,
+    CommentCount: 3
+  };
+  return (0, _request.rpost)("v2")("feed/feeds", _objectSpread(_objectSpread({}, data), {}, {
+    CommentCount: 3
+  }));
+};
+
+exports.getDynamicFeedList = getDynamicFeedList;
+
+var getAdvertise = function getAdvertise() {
+  return (0, _request.rget)("v1")("operationAd/getByTerminalType?terminalType=1");
 };
 
-exports.deleteDynamic = deleteDynamic;
+exports.getAdvertise = getAdvertise;

package/lib/components/e-priority/index.js

@@ -35,7 +35,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var preCls = "tita-okrdt-tree";
+var preCls = 'tita-okrdt-tree';
 
 var EPriority = function EPriority(props) {
   var onChange = props.onChange,
@@ -43,7 +43,7 @@ var EPriority = function EPriority(props) {
       hasAuth = props.hasAuth,
       status = props.status;
 
-  var _useState = (0, _react.useState)("1"),
+  var _useState = (0, _react.useState)('1'),
       _useState2 = _slicedToArray(_useState, 2),
       level = _useState2[0],
       setLevel = _useState2[1];
@@ -62,7 +62,7 @@ var EPriority = function EPriority(props) {
   return /*#__PURE__*/_react["default"].createElement(_dropSelector["default"], {
     onChange: onMenuClickHandler,
     checked: level,
-    canEdit: hasAuth && status !== "5",
+    canEdit: hasAuth && status !== '5',
     limitHeight: false,
     trigger: /*#__PURE__*/_react["default"].createElement("span", {
       className: (0, _classnames["default"])("".concat(preCls, "__e-task-node-priority-p").concat(level))
@@ -71,23 +71,23 @@ var EPriority = function EPriority(props) {
     name: "1"
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(preCls, "__e-task-node-priority-p1 ").concat(preCls, "__e-task-node-select-priority"))
-  }), (0, _getLocale.getLocale)("OKR_MyO_E_Butt_Highest")), /*#__PURE__*/_react["default"].createElement(_dropSelector["default"].IconItem, {
+  }), (0, _getLocale.getLocale)('OKR_MyO_E_Butt_Highest')), /*#__PURE__*/_react["default"].createElement(_dropSelector["default"].IconItem, {
     name: "2"
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(preCls, "__e-task-node-priority-p2 ").concat(preCls, "__e-task-node-select-priority"))
-  }), (0, _getLocale.getLocale)("OKR_MyO_E_Butt_High")), /*#__PURE__*/_react["default"].createElement(_dropSelector["default"].IconItem, {
+  }), (0, _getLocale.getLocale)('OKR_MyO_E_Butt_High')), /*#__PURE__*/_react["default"].createElement(_dropSelector["default"].IconItem, {
     name: "3"
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(preCls, "__e-task-node-priority-p3 ").concat(preCls, "__e-task-node-select-priority"))
-  }), (0, _getLocale.getLocale)("OKR_MyO_E_Butt_Middle")), /*#__PURE__*/_react["default"].createElement(_dropSelector["default"].IconItem, {
+  }), (0, _getLocale.getLocale)('OKR_MyO_E_Butt_Middle')), /*#__PURE__*/_react["default"].createElement(_dropSelector["default"].IconItem, {
     name: "4"
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(preCls, "__e-task-node-priority-p4 ").concat(preCls, "__e-task-node-select-priority"))
-  }), (0, _getLocale.getLocale)("OKR_MyO_E_Butt_Low")), /*#__PURE__*/_react["default"].createElement(_dropSelector["default"].IconItem, {
+  }), (0, _getLocale.getLocale)('OKR_MyO_E_Butt_Low')), /*#__PURE__*/_react["default"].createElement(_dropSelector["default"].IconItem, {
     name: "5"
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(preCls, "__e-task-node-priority-p5 ").concat(preCls, "__e-task-node-select-priority"))
-  }), (0, _getLocale.getLocale)("OKR_MyO_E_Butt_Verylow")));
+  }), (0, _getLocale.getLocale)('OKR_MyO_E_Butt_Verylow')));
 };
 
 var _default = EPriority;

package/lib/components/eReport/eReportShare/index.js

@@ -67,25 +67,25 @@ var EReportShare = /*#__PURE__*/function (_PureComponent) {
       sentData.ObjType = 62;
       sentData.ObjId = workId;
 
-      if (submitType === "submit") {
+      if (submitType === 'submit') {
         _this.setState({
           submitStatus: 2
         });
 
-        var url = (0, _requestV.getApiUrl2)("user/feed/AddShare");
-        (0, _requestV.taker)(url, "POST", sentData).then(function (res) {
+        var url = (0, _requestV.getApiUrl2)('user/feed/AddShare');
+        (0, _requestV.taker)(url, 'POST', sentData).then(function (res) {
           if (res.Code == 1) {
             _this.setState({
               submitStatus: 1
             });
 
-            onSubmit("success");
+            onSubmit('success');
           } else {
             _this.setState({
               submitStatus: 0
             });
 
-            onSubmit("failed");
+            onSubmit('failed');
           }
         });
       } else {
@@ -93,7 +93,7 @@ var EReportShare = /*#__PURE__*/function (_PureComponent) {
           submitStatus: 0
         });
 
-        onSubmit("cancel");
+        onSubmit('cancel');
       }
     };
 
@@ -122,12 +122,12 @@ var EReportShare = /*#__PURE__*/function (_PureComponent) {
           submitStatus = _this$state.submitStatus,
           popContainer = _this$state.popContainer; // let eReportURL = `${location.origin}${location.pathname}#okr/eReport?okrId=${eReportId}&back=#okr%2Fmanage%3Fwork_id%3D${workId}%26detail_type%3Detask`
 
-      var eReportURL = "".concat(location.origin).concat(location.pathname, "#okr/eReport?okrId=").concat(eReportId, "&back=#okr/manage?work_id=").concat(workId, "&detail_type=etask");
-      var defaultContent = this.isManager ? "@[\u6240\u6709\u540C\u4E8B:all_members] ".concat((0, _getLocale.getLocale)("Mod_Objective"), "\uFF1A").concat(workName, "\uFF08").concat(eReportDate, "\uFF09E\u5468\u62A5").concat(eReportURL, "\uFF0C\u70B9\u51FB\u94FE\u63A5\u5373\u53EF\u67E5\u770B\uFF5E") : "".concat((0, _getLocale.getLocale)("Mod_Objective"), "\uFF1A").concat(workName, "\uFF08").concat(eReportDate, "\uFF09E\u5468\u62A5").concat(eReportURL, "\uFF0C\u70B9\u51FB\u94FE\u63A5\u5373\u53EF\u67E5\u770B\uFF5E");
+      var eReportURL = "".concat(location.origin).concat(location.pathname, "#okr/eReport?okrId=").concat(eReportId, "&work_id=").concat(workId);
+      var defaultContent = this.isManager ? "@[\u6240\u6709\u540C\u4E8B:all_members] ".concat((0, _getLocale.getLocale)('Mod_Objective'), "\uFF1A").concat(workName, "\uFF08").concat(eReportDate, "\uFF09E\u5468\u62A5").concat(eReportURL, "\uFF0C\u70B9\u51FB\u94FE\u63A5\u5373\u53EF\u67E5\u770B\uFF5E") : "".concat((0, _getLocale.getLocale)('Mod_Objective'), "\uFF1A").concat(workName, "\uFF08").concat(eReportDate, "\uFF09E\u5468\u62A5").concat(eReportURL, "\uFF0C\u70B9\u51FB\u94FE\u63A5\u5373\u53EF\u67E5\u770B\uFF5E");
       return /*#__PURE__*/_react["default"].createElement(_style.ModalWrapper, {
         className: "".concat(className, " document-mouse-event-ignore"),
         onClick: function onClick() {
-          return onSubmit("cancel");
+          return onSubmit('cancel');
         }
       }, /*#__PURE__*/_react["default"].createElement(_style.ModalContainer, {
         width: "800px",
@@ -140,7 +140,7 @@ var EReportShare = /*#__PURE__*/function (_PureComponent) {
       }, /*#__PURE__*/_react["default"].createElement("span", null, "\u53D1\u5206\u4EAB\uFF08@Ta\uFF09"), /*#__PURE__*/_react["default"].createElement(_style.PraiseRecordClose, {
         className: "tu-icon-close",
         onMouseDown: function onMouseDown() {
-          return onSubmit("cancel");
+          return onSubmit('cancel');
         }
       })), /*#__PURE__*/_react["default"].createElement(_context["default"].Provider, {
         value: {
@@ -152,7 +152,7 @@ var EReportShare = /*#__PURE__*/function (_PureComponent) {
         isShowRangeDropDown: false,
         isShowSendSms: false,
         isShowBtnCancel: false,
-        submitText: (0, _getLocale.getLocale)("OKR_MyO_KRP_Butt_Release"),
+        submitText: (0, _getLocale.getLocale)('OKR_MyO_KRP_Butt_Release'),
         initialTextHeight: 96,
         autoResizing: false,
         privateValue: isVisible,

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

@@ -0,0 +1,24 @@
+.form-field-date__label {
+  height: 22px;
+  margin-bottom: 5px;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 22px;
+}
+
+.form-field-date__label-text {
+  color: #3f4755;
+}
+
+.form-field-date__label-symbol {
+  color: red;
+}
+
+.form-field-date__pickers {
+  display: flex;
+}
+
+.form-field-date__pickers .tita-ui__picker-trigger {
+  flex: 1;
+  margin-right: 10px;
+}

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

@@ -0,0 +1,102 @@
+"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", "datePopupAlign", "timePopupAlign"];
+
+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,
+      datePopupAlign = props.datePopupAlign,
+      timePopupAlign = props.timePopupAlign,
+      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');
+    },
+    popupAlign: datePopupAlign
+  }, restProps)), /*#__PURE__*/_react["default"].createElement(_timePicker["default"], _extends({
+    value: value,
+    popupAlign: timePopupAlign,
+    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/input/index.js

@@ -43,7 +43,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 = "form-field-input";
+var preCls = 'form-field-input';
 
 function OverlayInner(_ref) {
   var hasError = _ref.hasError,
@@ -52,12 +52,12 @@ function OverlayInner(_ref) {
       activeTips = _ref.activeTips;
   if (hasActive) return /*#__PURE__*/_react["default"].createElement("span", {
     style: {
-      color: "#3F4755"
+      color: '#3F4755'
     }
   }, activeTips);
   if (hasError) return /*#__PURE__*/_react["default"].createElement("span", {
     style: {
-      color: "#F05E5E"
+      color: '#F05E5E'
     }
   }, tip);
   return /*#__PURE__*/_react["default"].createElement("span", null);
@@ -79,7 +79,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       layout = props.layout,
       onCheckSuccess = props.onCheckSuccess,
       _props$className = props.className,
-      className = _props$className === void 0 ? "" : _props$className,
+      className = _props$className === void 0 ? '' : _props$className,
       tail = props.tail,
       restProps = _objectWithoutProperties(props, _excluded);
 
@@ -95,12 +95,12 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       hasActive = _useState4[0],
       setHasActive = _useState4[1];
 
-  var _useState5 = (0, _react.useState)(""),
+  var _useState5 = (0, _react.useState)(''),
       _useState6 = _slicedToArray(_useState5, 2),
       tip = _useState6[0],
       setTip = _useState6[1];
 
-  var _useState7 = (0, _react.useState)(props.value || ""),
+  var _useState7 = (0, _react.useState)(props.value || ''),
       _useState8 = _slicedToArray(_useState7, 2),
       value = _useState8[0],
       setValue = _useState8[1];
@@ -133,7 +133,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
   var onInputFocusHandler = function onInputFocusHandler() {
     setHasActive(true);
-    if (type && type == "number") return;
+    if (type && type == 'number') return;
     inputRef.current.setSelectionRange(9999999, 9999999);
   };
 
@@ -147,7 +147,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       setTip(errors[0].tip);
     } else {
       setHasError(false);
-      setTip("");
+      setTip('');
     }
   };
 
@@ -196,7 +196,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     };
   });
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(preCls, _defineProperty({}, "".concat(preCls, "-row"), layout === "row"), className)
+    className: (0, _classnames["default"])(preCls, _defineProperty({}, "".concat(preCls, "-row"), layout === 'row'), className)
   }, !!label && /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(preCls, "__label"))
   }, /*#__PURE__*/_react["default"].createElement("span", {
@@ -227,7 +227,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     onBlur: onBlurHandler,
     onChange: onChangeHandler,
     autoComplete: "off"
-  }, restProps))), typeof tail === "string" ? /*#__PURE__*/_react["default"].createElement("span", {
+  }, restProps))), typeof tail === 'string' ? /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(preCls, "__tail"))
   }, tail) : tail));
 });

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;
@@ -42,6 +42,7 @@
   font-weight: 400;
   color: #3f4755;
   cursor: pointer;
+  display: flex;
   position: relative;
 }
 
@@ -49,8 +50,21 @@
   display: block;
 }
 
-.form-field-user__input-avatar {
+.form-field-user__input-user-info {
   margin-right: 5px;
+  display: flex;
+  align-items: center;
+}
+
+.form-field-user__input-user-info .titaui-pc-avator-container {
+  display: flex;
+}
+
+.form-field-user__input-user-info__name {
+  margin-left: 4px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .form-field-user__input--placeholder {
@@ -72,10 +86,16 @@
 }
 
 .form-field-user__input--down {
-  color: #c2cbd1;
+  font-size: 16px;
+  color: #3f4755;
   position: absolute;
   right: -32px;
   top: 50%;
   transform: translate(0, -50%);
   cursor: pointer;
 }
+
+.form-field-user__input--down::before {
+  transform: scale(0.5);
+  display: inline-block;
+}