@titaui/pc 1.12.90 → 1.12.91-beta.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -54,7 +54,9 @@ var TableRowOKR = function TableRowOKR(_ref) {
54
54
  onClick: handleClickTitle
55
55
  }, /*#__PURE__*/_react["default"].createElement("i", {
56
56
  className: "tu-icon-H5-".concat(isO ? "O" : "KR", "-s ").concat(prefix, "__common-icon")
57
- }), /*#__PURE__*/_react["default"].createElement("span", null, (0, _openData.parseString)(text))), !isFirstLevel && /*#__PURE__*/_react["default"].createElement("div", {
57
+ }), /*#__PURE__*/_react["default"].createElement("span", null, (0, _openData.parseString)(text)), /*#__PURE__*/_react["default"].createElement("span", {
58
+ className: "".concat(prefix, "__common-time")
59
+ }, "\u7B2C\u4E00\u5B63\u5EA6")), !isFirstLevel && /*#__PURE__*/_react["default"].createElement("div", {
58
60
  className: (0, _classnames["default"])("".concat(prefix, "__kr")),
59
61
  onClick: handleClickTitle
60
62
  }, /*#__PURE__*/_react["default"].createElement("span", {
@@ -36,47 +36,107 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
36
36
  var prefix = "titaui-rich-editor-at";
37
37
 
38
38
  var RichEditorAt = function RichEditorAt(_ref) {
39
+ var _users$users;
40
+
39
41
  var _ref$users = _ref.users,
40
- users = _ref$users === void 0 ? [] : _ref$users,
42
+ users = _ref$users === void 0 ? {
43
+ users: [],
44
+ departments: [],
45
+ groups: []
46
+ } : _ref$users,
41
47
  onChange = _ref.onChange,
42
48
  _ref$text = _ref.text,
43
- text = _ref$text === void 0 ? "" : _ref$text;
44
-
45
- var _useState = (0, _react.useState)(users),
49
+ text = _ref$text === void 0 ? "" : _ref$text,
50
+ _ref$isOnlySelectUser = _ref.isOnlySelectUser,
51
+ isOnlySelectUser = _ref$isOnlySelectUser === void 0 ? true : _ref$isOnlySelectUser;
52
+ console.log(users);
53
+
54
+ var _useState = (0, _react.useState)((_users$users = users.users) === null || _users$users === void 0 ? void 0 : _users$users.map(function (item) {
55
+ return item.user;
56
+ })),
46
57
  _useState2 = _slicedToArray(_useState, 2),
47
- seleceUsers = _useState2[0],
58
+ selectUsers = _useState2[0],
48
59
  setSelectUsers = _useState2[1];
49
60
 
61
+ var _useState3 = (0, _react.useState)(users.departments),
62
+ _useState4 = _slicedToArray(_useState3, 2),
63
+ selectDepartments = _useState4[0],
64
+ setSelectDepartments = _useState4[1];
65
+
66
+ var _useState5 = (0, _react.useState)(users.groups),
67
+ _useState6 = _slicedToArray(_useState5, 2),
68
+ selectGroups = _useState6[0],
69
+ setSelectGroups = _useState6[1];
70
+
50
71
  var handleSelectUser = function handleSelectUser(_ref2) {
51
- var users = _ref2.users;
72
+ var users = _ref2.users,
73
+ departments = _ref2.departments,
74
+ groups = _ref2.groups;
52
75
  setSelectUsers(users);
76
+ console.log(users, 'usersusers');
77
+ setSelectDepartments(departments);
78
+ setSelectGroups(groups);
53
79
 
54
80
  if (onChange) {
55
- onChange(users);
81
+ onChange(users, departments, groups);
56
82
  }
57
83
  };
58
84
 
59
85
  var handleDeleteUser = function handleDeleteUser(info) {
60
- var newData = seleceUsers.filter(function (user) {
86
+ var newData = selectUsers.filter(function (user) {
61
87
  return user.userId !== info.userId;
62
88
  });
63
89
  setSelectUsers(newData);
64
90
 
65
91
  if (onChange) {
66
- onChange(newData);
92
+ onChange(newData, selectDepartments, selectGroups);
93
+ }
94
+ };
95
+
96
+ var handleDeleteDepart = function handleDeleteDepart(info) {
97
+ var newData = selectDepartments.filter(function (item) {
98
+ return item.id !== info.id;
99
+ });
100
+ setSelectDepartments(newData);
101
+
102
+ if (onChange) {
103
+ onChange(selectUsers, newData, selectGroups);
104
+ }
105
+ };
106
+
107
+ var handleDeleteGroup = function handleDeleteGroup(info) {
108
+ var newData = selectGroups.filter(function (item) {
109
+ return item.id !== info.id;
110
+ });
111
+ setSelectGroups(newData);
112
+
113
+ if (onChange) {
114
+ onChange(selectUsers, selectDepartments, newData);
67
115
  }
68
116
  };
69
117
 
70
118
  (0, _react.useEffect)(function () {
71
- setSelectUsers(users);
119
+ if (users && users.users && users.users[0].user) {
120
+ var _users$users2;
121
+
122
+ setSelectUsers((_users$users2 = users.users) === null || _users$users2 === void 0 ? void 0 : _users$users2.map(function (item) {
123
+ return item.user;
124
+ }));
125
+ } else {
126
+ setSelectUsers(users.users);
127
+ }
128
+
129
+ setSelectDepartments(users.departments);
130
+ setSelectGroups(users.groups);
72
131
  }, [users]);
132
+ console.log(selectUsers, 'selectUsers');
73
133
  return /*#__PURE__*/_react["default"].createElement("div", {
74
134
  className: prefix
75
135
  }, text && /*#__PURE__*/_react["default"].createElement("div", {
76
136
  className: "".concat(prefix, "__title")
77
137
  }, text), /*#__PURE__*/_react["default"].createElement("div", {
78
138
  className: "".concat(prefix, "__content")
79
- }, users.map(function (item) {
139
+ }, selectUsers === null || selectUsers === void 0 ? void 0 : selectUsers.map(function (item) {
80
140
  return /*#__PURE__*/_react["default"].createElement("span", {
81
141
  className: "".concat(prefix, "__content-user")
82
142
  }, /*#__PURE__*/_react["default"].createElement(_components["default"], {
@@ -90,16 +150,44 @@ var RichEditorAt = function RichEditorAt(_ref) {
90
150
  },
91
151
  color: item.avatar.color
92
152
  }));
153
+ }), selectDepartments && selectDepartments.map(function (item) {
154
+ return /*#__PURE__*/_react["default"].createElement("span", {
155
+ className: "".concat(prefix, "__content-user")
156
+ }, /*#__PURE__*/_react["default"].createElement(_components["default"], {
157
+ showNameTips: true,
158
+ canDelUser: true,
159
+ onDelUser: function onDelUser() {
160
+ return handleDeleteDepart(item);
161
+ },
162
+ color: '#3296fa',
163
+ name: item.name
164
+ }));
165
+ }), selectGroups && selectGroups.map(function (item) {
166
+ return /*#__PURE__*/_react["default"].createElement("span", {
167
+ className: "".concat(prefix, "__content-user")
168
+ }, /*#__PURE__*/_react["default"].createElement(_components["default"], {
169
+ showNameTips: true,
170
+ canDelUser: true,
171
+ onDelUser: function onDelUser() {
172
+ return handleDeleteGroup(item);
173
+ },
174
+ color: 'rgba(90, 216, 166)',
175
+ name: item.name
176
+ }));
93
177
  }), /*#__PURE__*/_react["default"].createElement(_userSelector["default"], {
94
178
  multiple: true,
95
179
  position: "right",
96
180
  onOk: handleSelectUser,
97
- disabledDepartSelect: true,
181
+ disabledDepartSelect: isOnlySelectUser,
98
182
  panes: {
99
- depart: true
183
+ depart: true,
184
+ group: !isOnlySelectUser,
185
+ subordinate: !isOnlySelectUser
100
186
  },
101
187
  selectNodes: {
102
- users: seleceUsers
188
+ users: selectUsers,
189
+ departments: selectDepartments,
190
+ groups: selectGroups
103
191
  },
104
192
  trigger: /*#__PURE__*/_react["default"].createElement("div", {
105
193
  className: "".concat(prefix, "__import")
@@ -111,8 +111,10 @@ function openData(p) {
111
111
 
112
112
  var ref = (0, _react.useRef)(null);
113
113
  (0, _react.useEffect)(function () {
114
+ var _ref;
115
+
114
116
  //@ts-ignore
115
- (window.WWOpenData && window.WWOpenData || window.top.WWOpenData).bind(ref.current);
117
+ (_ref = window.WWOpenData && window.WWOpenData || window.top.WWOpenData) === null || _ref === void 0 ? void 0 : _ref.bind(ref.current);
116
118
  if (!p.id) return;
117
119
  var openId = getOpenId(p.id, p.type);
118
120
 
@@ -353,7 +355,7 @@ var parseStringV2 = function parseStringV2(str) {
353
355
  exports.parseStringV2 = parseStringV2;
354
356
 
355
357
  var parseOpenDataStringToImg = /*#__PURE__*/function () {
356
- var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(str) {
358
+ var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(str) {
357
359
  var font,
358
360
  reg,
359
361
  strReg,
@@ -427,21 +429,21 @@ var parseOpenDataStringToImg = /*#__PURE__*/function () {
427
429
  }));
428
430
 
429
431
  return function parseOpenDataStringToImg(_x) {
430
- return _ref.apply(this, arguments);
432
+ return _ref2.apply(this, arguments);
431
433
  };
432
434
  }();
433
435
 
434
436
  exports.parseOpenDataStringToImg = parseOpenDataStringToImg;
435
437
 
436
438
  var getCanvasImg = /*#__PURE__*/function () {
437
- var _ref3 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(id, type, _ref2) {
439
+ var _ref4 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(id, type, _ref3) {
438
440
  var lineHeight, fontSize, fontWeight, color, font, canvas, ctx, name, img, _ctx$measureText, width, actualWidth, src;
439
441
 
440
442
  return regeneratorRuntime.wrap(function _callee2$(_context2) {
441
443
  while (1) {
442
444
  switch (_context2.prev = _context2.next) {
443
445
  case 0:
444
- lineHeight = _ref2.lineHeight, fontSize = _ref2.fontSize, fontWeight = _ref2.fontWeight, color = _ref2.color;
446
+ lineHeight = _ref3.lineHeight, fontSize = _ref3.fontSize, fontWeight = _ref3.fontWeight, color = _ref3.color;
445
447
  font = "".concat(fontWeight, " ").concat(fontSize, "px/").concat(lineHeight, "px arial,sans-serif");
446
448
  canvas = document.createElement("canvas");
447
449
  ctx = canvas.getContext("2d");
@@ -488,7 +490,7 @@ var getCanvasImg = /*#__PURE__*/function () {
488
490
  }));
489
491
 
490
492
  return function getCanvasImg(_x2, _x3, _x4) {
491
- return _ref3.apply(this, arguments);
493
+ return _ref4.apply(this, arguments);
492
494
  };
493
495
  }();
494
496
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@titaui/pc",
3
- "version": "1.12.90",
3
+ "version": "1.12.91-beta.3",
4
4
  "nameCN": "",
5
5
  "description": "",
6
6
  "main": "lib/index.js",