@titaui/pc 1.11.4-1 → 1.11.4-12

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

@@ -67,25 +67,25 @@ var EReportShare = /*#__PURE__*/function (_PureComponent) {
       sentData.ObjType = 4;
       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/emotions-selector/selector-pop.js

@@ -47,7 +47,7 @@ var EmotionsSelectorPop = /*#__PURE__*/function (_PureComponent) {
   var _super = _createSuper(EmotionsSelectorPop);
 
   function EmotionsSelectorPop() {
-    var _temp, _this;
+    var _this;
 
     _classCallCheck(this, EmotionsSelectorPop);
 
@@ -55,7 +55,7 @@ var EmotionsSelectorPop = /*#__PURE__*/function (_PureComponent) {
       args[_key] = arguments[_key];
     }
 
-    return _possibleConstructorReturn(_this, (_temp = _this = _super.call.apply(_super, [this].concat(args)), _this.handleShowPop = function () {
+    return _possibleConstructorReturn(_this, (_this = _super.call.apply(_super, [this].concat(args)), _this.handleShowPop = function () {
       setTimeout(function () {
         // @ts-ignore
         _this.refs.pop.show(_this.refs.trigger);
@@ -63,7 +63,7 @@ var EmotionsSelectorPop = /*#__PURE__*/function (_PureComponent) {
     }, _this.handleHide = function () {
       // @ts-ignore
       _this.refs.pop.hide();
-    }, _temp));
+    }, _assertThisInitialized(_this)));
   }
 
   _createClass(EmotionsSelectorPop, [{

package/lib/components/ereport-list/index.js

@@ -57,7 +57,7 @@ var EReportList = /*#__PURE__*/function (_React$Component) {
   var _super = _createSuper(EReportList);
 
   function EReportList() {
-    var _temp, _this;
+    var _this;
 
     _classCallCheck(this, EReportList);
 
@@ -65,7 +65,7 @@ var EReportList = /*#__PURE__*/function (_React$Component) {
       args[_key] = arguments[_key];
     }
 
-    return _possibleConstructorReturn(_this, (_temp = _this = _super.call.apply(_super, [this].concat(args)), _this.state = {
+    return _possibleConstructorReturn(_this, (_this = _super.call.apply(_super, [this].concat(args)), _this.state = {
       selectedPeriodValue: "",
       showDatePick: false,
       eReportWeekList: [],
@@ -178,7 +178,7 @@ var EReportList = /*#__PURE__*/function (_React$Component) {
           return _this.handlerEReportShareSubmit(submitStatus);
         }
       })));
-    }, _temp));
+    }, _assertThisInitialized(_this)));
   }
 
   _createClass(EReportList, [{

package/lib/components/file-list/components/single-file/index.js

@@ -39,7 +39,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var prefix = "titaui-new-file-list-single-file";
+var prefix = 'titaui-new-file-list-single-file';
 
 var SingleFile = function SingleFile(_ref) {
   var data = _ref.data,
@@ -75,24 +75,24 @@ var SingleFile = function SingleFile(_ref) {
   }, isMouseEnter && /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__operate"),
     onMouseLeave: handleMouseLeave
-  }, !isImg && canPreview && data.previewUrl && /*#__PURE__*/_react["default"].createElement("a", {
+  }, showDownload && /*#__PURE__*/_react["default"].createElement("a", {
+    className: (0, _classnames["default"])("".concat(prefix, "__operate-item"), _defineProperty({}, "".concat(prefix, "__not-preview"), !canPreview || !data.previewUrl)),
+    href: data.downloadUrl
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])('tu-icon-APP-xiazai', "".concat(prefix, "__operate-item-icon"))
+  }), (0, _getLocale.getLocale)('Mod_Download')), !isImg && canPreview && data.previewUrl && /*#__PURE__*/_react["default"].createElement("a", {
     className: (0, _classnames["default"])("".concat(prefix, "__operate-item"), _defineProperty({}, "".concat(prefix, "__operate-item--only"), !showDownload)),
     href: data.previewUrl,
     target: "_blank",
     rel: "noreferrer"
   }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: (0, _classnames["default"])("tu-icon-yulan", "".concat(prefix, "__operate-item-icon"))
-  }), (0, _getLocale.getLocale)("Mod_Preview")), isImg && data.previewUrl && /*#__PURE__*/_react["default"].createElement("a", {
+    className: (0, _classnames["default"])('tu-icon-yulan', "".concat(prefix, "__operate-item-icon"))
+  }), (0, _getLocale.getLocale)('Mod_Preview')), isImg && data.previewUrl && /*#__PURE__*/_react["default"].createElement("a", {
     className: (0, _classnames["default"])("".concat(prefix, "__operate-item"), _defineProperty({}, "".concat(prefix, "__operate-item--only"), !showDownload)),
     onClick: handlePreviewImg
   }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: (0, _classnames["default"])("tu-icon-yulan", "".concat(prefix, "__operate-item-icon"))
-  }), (0, _getLocale.getLocale)("Mod_Preview")), showDownload && /*#__PURE__*/_react["default"].createElement("a", {
-    className: (0, _classnames["default"])("".concat(prefix, "__operate-item"), _defineProperty({}, "".concat(prefix, "__not-preview"), !canPreview || !data.previewUrl)),
-    href: data.downloadUrl
-  }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: (0, _classnames["default"])("tu-icon-APP-xiazai", "".concat(prefix, "__operate-item-icon"))
-  }), (0, _getLocale.getLocale)("Mod_Download"))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('tu-icon-yulan', "".concat(prefix, "__operate-item-icon"))
+  }), (0, _getLocale.getLocale)('Mod_Preview'))), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(prefix, "__file-preview")),
     onMouseEnter: handleMouseEnter,
     style: {

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

@@ -17,7 +17,7 @@ var _timePicker = _interopRequireDefault(require("../../../time-picker"));
 
 require("./index.css");
 
-var _excluded = ["label", "layout", "require", "value", "onChange"];
+var _excluded = ["label", "layout", "require", "value", "onChange", "datePopupAlign", "timePopupAlign"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -29,7 +29,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 prefixCls = "form-field-date";
+var prefixCls = 'form-field-date';
 
 var Date = function Date(props) {
   var label = props.label,
@@ -38,13 +38,15 @@ var Date = function Date(props) {
       _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":
+      case 'date':
         newDate = (0, _moment["default"])(value || (0, _moment["default"])()).set({
           year: (0, _moment["default"])(date).year(),
           month: (0, _moment["default"])(date).month(),
@@ -52,10 +54,10 @@ var Date = function Date(props) {
         });
         break;
 
-      case "time":
+      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()
+          hour: (0, _moment["default"])(date, 'HH:mm').hour(),
+          minute: (0, _moment["default"])(date, 'HH:mm').minute()
         });
         break;
 
@@ -67,7 +69,7 @@ var Date = function Date(props) {
   };
 
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(prefixCls, _defineProperty({}, "".concat(prefixCls, "-row"), layout === "row"))
+    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", {
@@ -79,19 +81,21 @@ var Date = function Date(props) {
   }, /*#__PURE__*/_react["default"].createElement(_picker["default"], _extends({
     value: value,
     onChange: function onChange(date) {
-      return onDateChange(date, "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");
+      return onDateChange(time, 'time');
     }
   }, restProps))));
 };
 
 Date.defaultProps = {
   disabled: false,
-  layout: "column",
+  layout: 'column',
   require: false
 };
 var _default = Date;

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

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

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

@@ -19,12 +19,16 @@ var _userInput = _interopRequireDefault(require("./user-input"));
 
 require("./index.css");
 
+var _excluded = ["name", "label", "placeholder", "value", "onChange", "require", "maxSize", "multiple", "getContainer"];
+
 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 _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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -39,7 +43,11 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var preCls = "form-field-user";
+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 = 'form-field-user';
 
 function OverlayInner(_ref) {
   var hasError = _ref.hasError,
@@ -47,12 +55,12 @@ function OverlayInner(_ref) {
       tip = _ref.tip;
   if (hasError) return /*#__PURE__*/_react["default"].createElement("span", {
     style: {
-      color: "#F05E5E"
+      color: '#F05E5E'
     }
   }, tip);
   if (hasActive) return /*#__PURE__*/_react["default"].createElement("span", {
     style: {
-      color: "#3F4755"
+      color: '#3F4755'
     }
   }, tip);
   return /*#__PURE__*/_react["default"].createElement("span", null);
@@ -69,9 +77,10 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       require = props.require,
       maxSize = props.maxSize,
       multiple = props.multiple,
-      getContainer = props.getContainer;
+      getContainer = props.getContainer,
+      restProps = _objectWithoutProperties(props, _excluded);
 
-  var _useState = (0, _react.useState)(""),
+  var _useState = (0, _react.useState)(''),
       _useState2 = _slicedToArray(_useState, 2),
       tip = _useState2[0],
       setTip = _useState2[1];
@@ -119,7 +128,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var onUserSelectHandler = function onUserSelectHandler(data) {
     setHasActive(false);
     setHasError(false);
-    setTip("");
+    setTip('');
     var users = [];
 
     if (multiple) {
@@ -211,7 +220,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       tip: tip
     }),
     getTooltipContainer: getContainer
-  }, /*#__PURE__*/_react["default"].createElement(_userSelector["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_userSelector["default"], _extends({
     multiple: multiple,
     selectNodes: selectNodes,
     position: "centerRight",
@@ -229,7 +238,8 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       group: false
     },
     onPopupVisibleChange: onPopupVisibleChangeHandler
-  }, /*#__PURE__*/_react["default"].createElement(_userInput["default"], {
+  }, restProps), /*#__PURE__*/_react["default"].createElement(_userInput["default"], {
+    multiple: multiple,
     users: selectNodes.users,
     onClear: onClearHandler,
     placeholder: placeholder

package/lib/components/form/form-fields/user/user-input.js

@@ -15,21 +15,25 @@ var _tooltip = _interopRequireDefault(require("../../../tooltip"));
 
 var _getLocale = require("../../../../utils/getLocale");
 
+var _openData = require("../../../../utils/open-data");
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var preCls = "form-field-user";
+var preCls = 'form-field-user';
 
 function _default(props) {
-  var users = props.users,
+  var _props$multiple = props.multiple,
+      multiple = _props$multiple === void 0 ? false : _props$multiple,
+      users = props.users,
       _props$placeholder = props.placeholder,
-      placeholder = _props$placeholder === void 0 ? (0, _getLocale.getLocale)("Mod_Pleaseselect") : _props$placeholder,
+      placeholder = _props$placeholder === void 0 ? (0, _getLocale.getLocale)('Mod_Pleaseselect') : _props$placeholder,
       onClear = props.onClear;
   var userNames = [];
   (users || []).forEach(function (user) {
-    userNames.push( /*#__PURE__*/_react["default"].createElement("span", {
-      className: (0, _classnames["default"])("".concat(preCls, "__input-avatar"))
+    userNames.push( /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])("".concat(preCls, "__input-user-info"))
     }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
       overlay: user.name,
       placement: "top"
@@ -38,6 +42,11 @@ function _default(props) {
       src: user.avatar.small,
       color: user.avatar.color,
       userId: user.userId
+    })), !multiple && /*#__PURE__*/_react["default"].createElement("p", {
+      className: (0, _classnames["default"])("".concat(preCls, "__input-user-info__name"))
+    }, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
+      id: user.userId,
+      name: user.name
     }))));
   });
 
@@ -55,6 +64,6 @@ function _default(props) {
     className: (0, _classnames["default"])("tu-icon-cross ".concat(preCls, "__input--clear")),
     onClick: onHandleClear
   }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _classnames["default"])("".concat(preCls, "__input--down tu-icon-sort-down"))
+    className: (0, _classnames["default"])("".concat(preCls, "__input--down tu-icon-caret-down"))
   }));
 }

package/lib/components/icon-button-list/index.css

@@ -16,7 +16,7 @@
   height: 30px;
   margin-left: 10px;
   border: 1px solid #e6eaef;
-  border-radius: 4px;
+  border-radius: 50%;
   box-sizing: border-box;
   cursor: pointer;
 }
@@ -33,63 +33,8 @@
   border-color: #2879ff;
 }
 
-.titaui-icon-button-list__btn:hover .titaui-icon-button-list__btn-icon--export {
-  background-position: 0 -287px;
-}
-
-.titaui-icon-button-list__btn:hover .titaui-icon-button-list__btn-icon--share {
-  background-position: 0 -26px;
-}
-
-.titaui-icon-button-list__btn:hover .titaui-icon-button-list__btn-icon--fullscreen {
-  background-position: 0 -78px;
-}
-
-.titaui-icon-button-list__btn:hover .titaui-icon-button-list__btn-icon--quit-fullscreen {
-  background-position: 0 -130px;
-}
-
-.titaui-icon-button-list__btn:hover .titaui-icon-button-list__btn-icon--horizontal {
-  background-position: 0 -182px;
-}
-
-.titaui-icon-button-list__btn:hover .titaui-icon-button-list__btn-icon--vertical {
-  background-position: 0 -234px;
-}
-
 .titaui-icon-button-list__btn-icon {
   display: inline-block;
   box-sizing: border-box;
-}
-
-.titaui-icon-button-list__btn-icon--base {
-  width: 16px;
-  height: 16px;
-  background: url("./images/icons-2.png") no-repeat;
-  background-size: cover;
-}
-
-.titaui-icon-button-list__btn-icon--export {
-  background-position: 0 -261px;
-}
-
-.titaui-icon-button-list__btn-icon--share {
-  background-position: 0 0;
-}
-
-.titaui-icon-button-list__btn-icon--fullscreen {
-  background-position: 0 -52px;
-}
-
-.titaui-icon-button-list__btn-icon--quit-fullscreen {
-  background-position: 0 -104px;
-}
-
-.titaui-icon-button-list__btn-icon--horizontal {
-  background-position: 0 -156px;
-}
-
-.titaui-icon-button-list__btn-icon--vertical {
-  height: 17px;
-  background-position: 0 -208px;
+  font-size: 16px;
 }

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

@@ -19,7 +19,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 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-button-list";
+var preCls = 'titaui-icon-button-list';
 
 function _default(props) {
   var items = props.items,
@@ -32,22 +32,25 @@ function _default(props) {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(preCls, "__inner"))
   }, items.map(function (it) {
-    var _classNames;
-
     var icon = it.icon,
+        type = it.type,
         overlay = it.overlay,
         _it$placement = it.placement,
-        placement = _it$placement === void 0 ? "top" : _it$placement,
+        placement = _it$placement === void 0 ? 'top' : _it$placement,
         _it$trigger = it.trigger,
-        trigger = _it$trigger === void 0 ? ["hover"] : _it$trigger;
+        trigger = _it$trigger === void 0 ? ['hover'] : _it$trigger,
+        rotate = it.rotate;
 
     var content = /*#__PURE__*/_react["default"].createElement("span", {
       className: (0, _classnames["default"])("".concat(preCls, "__btn")),
       onClick: function onClick(e) {
-        return _onClick(e, icon);
+        return _onClick(e, type);
       }
     }, /*#__PURE__*/_react["default"].createElement("span", {
-      className: (0, _classnames["default"])("".concat(preCls, "__btn-icon"), (_classNames = {}, _defineProperty(_classNames, "".concat(preCls, "__btn-icon--base"), true), _defineProperty(_classNames, "".concat(preCls, "__btn-icon--").concat(icon), true), _classNames))
+      className: (0, _classnames["default"])("".concat(preCls, "__btn-icon"), _defineProperty({}, "tu-icon-".concat(icon), true)),
+      style: rotate ? {
+        transform: "rotate(".concat(rotate, "deg)")
+      } : {}
     }));
 
     if (overlay) {