@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))
|
|
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 ?
|
|
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
|
-
|
|
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
|
-
|
|
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 =
|
|
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
|
-
|
|
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
|
-
},
|
|
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:
|
|
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:
|
|
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")
|
package/lib/utils/open-data.js
CHANGED
|
@@ -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
|
|
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
|
|
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
|
|
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 =
|
|
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
|
|
493
|
+
return _ref4.apply(this, arguments);
|
|
492
494
|
};
|
|
493
495
|
}();
|
|
494
496
|
|