@titaui/pc 1.11.60 → 1.11.61

package/lib/components/task-relation-modal/search/principal.js

@@ -13,6 +13,8 @@ var _userSelector = _interopRequireDefault(require("../../user-selector"));
 
 var _searchDropdown = _interopRequireDefault(require("./search-dropdown"));
 
+var _openData = require("../../../utils/open-data");
+
 var _getLocale = require("../../../utils/getLocale");
 
 require("./search-dropdown/index.css");
@@ -41,7 +43,7 @@ function Principal(props) {
       initValue = _props$initValue === void 0 ? [] : _props$initValue,
       setRelation = props.setRelation,
       _props$position = props.position,
-      position = _props$position === void 0 ? "bottom" : _props$position,
+      position = _props$position === void 0 ? 'bottom' : _props$position,
       _props$multiple = props.multiple,
       multiple = _props$multiple === void 0 ? true : _props$multiple;
 
@@ -55,12 +57,7 @@ function Principal(props) {
       isInit = _useState4[0],
       setIsInit = _useState4[1];
 
-  var _useState5 = (0, _react.useState)((0, _getLocale.getLocale)("Pro_page_Plan_Allpersonnel")),
-      _useState6 = _slicedToArray(_useState5, 2),
-      selectText = _useState6[0],
-      setSelectText = _useState6[1];
-
-  var userSelectorRef = (0, _react.useRef)(document.createElement("div"));
+  var userSelectorRef = (0, _react.useRef)(document.createElement('div'));
 
   var singleSelect = function singleSelect(users) {
     var _users$;
@@ -84,25 +81,30 @@ function Principal(props) {
     setIsInit(true);
   }, []);
   (0, _react.useEffect)(function () {
-    setRelation(0); // console.log(users);
+    setRelation(0);
+    isInit && onChange(users);
+  }, [users]);
 
+  var renderName = function renderName() {
     if (users.length > 0) {
-      var text = ""; // 我在拼name
-
-      users.forEach(function (item, key) {
+      return users.map(function (item, key) {
         if (key === users.length - 1) {
-          text += item.name;
+          return /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
+            name: item.name,
+            id: item.userId
+          });
         } else {
-          text = "".concat(text + item.name, ",");
+          return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
+            name: item.name,
+            id: item.userId
+          }), ",");
         }
       });
-      setSelectText(text);
     } else {
-      setSelectText((0, _getLocale.getLocale)("Pro_page_Plan_Allpersonnel"));
+      return (0, _getLocale.getLocale)('Pro_page_Plan_Allpersonnel');
     }
+  };
 
-    isInit && onChange(users);
-  }, [users]);
   return /*#__PURE__*/_react["default"].createElement("div", {
     ref: userSelectorRef
   }, /*#__PURE__*/_react["default"].createElement(_userSelector["default"], {
@@ -126,7 +128,7 @@ function Principal(props) {
     popClass: "pull-screen-ignore"
   }, /*#__PURE__*/_react["default"].createElement(_searchDropdown["default"], null, /*#__PURE__*/_react["default"].createElement("span", {
     className: "titaui-search-dropdown__principal-text"
-  }, selectText))));
+  }, renderName()))));
 }
 
 var _default = Principal;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@titaui/pc",
-  "version": "1.11.60",
+  "version": "1.11.61",
   "nameCN": "",
   "description": "",
   "main": "lib/index.js",