@titaui/pc 1.12.8 → 1.12.9-beta.1
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.
- package/lib/components/create-okr-modal/fields/okr-case.js +7 -5
- package/lib/components/create-okr-modal/index.js +29 -21
- package/lib/components/create-okr-modal/kr-items/krDatas.js +3 -2
- package/lib/components/okr-flow/export-modal/color.png +0 -0
- package/lib/components/okr-flow/export-modal/index.css +28 -13
- package/lib/components/okr-flow/export-modal/index.js +51 -8
- package/lib/components/okr-flow/export-modal/trans1.png +0 -0
- package/lib/components/period-selector/components/button/style.js +1 -1
- package/lib/components/period-selector/index.css +1 -0
- package/lib/components/period-selector/index.js +7 -2
- package/lib/components/select-layer/index.js +22 -8
- package/lib/components/task-relation-modal/helper.js +1 -56
- package/lib/components/task-relation-modal/okr-relation/relation-task-model/search-form.js +1 -4
- package/lib/components/task-relation-modal/okr-relation/request-api.js +2 -6
- package/lib/components/task-relation-modal/request-api.js +5 -2
- package/lib/components/task-relation-modal/tree/work-tree/index.js +27 -31
- package/lib/components/task-relation-modal/tree/work-tree/search-form.js +22 -3
- package/lib/components/task-relation-modal/tree-node/work-node/index.js +11 -11
- package/lib/components/tooltip/tooltip.js +9 -4
- package/lib/components/user-selector/category-selector-panel/depart-tree.js +3 -1
- package/lib/components/user-selector/export-modules/field-tree-selector/index.css +2 -1
- package/lib/components/user-selector/export-modules/field-tree-selector/index.js +17 -3
- package/lib/components/user-selector/export-modules/multiple-user-selector--bak/index.css +1 -1
- package/package.json +1 -1
- package/lib/utils/planDataJson.js +0 -11115
|
@@ -57,7 +57,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
|
|
|
57
57
|
|
|
58
58
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
59
59
|
|
|
60
|
-
var precls =
|
|
60
|
+
var precls = 'rel-work-tree';
|
|
61
61
|
|
|
62
62
|
function WorkTree() {
|
|
63
63
|
var _useContext = (0, _react.useContext)(_context2.Context),
|
|
@@ -105,7 +105,7 @@ function WorkTree() {
|
|
|
105
105
|
isScorll = _useState16[0],
|
|
106
106
|
setIsScorll = _useState16[1];
|
|
107
107
|
|
|
108
|
-
var contentRef = (0, _react.useRef)(document.createElement(
|
|
108
|
+
var contentRef = (0, _react.useRef)(document.createElement('div'));
|
|
109
109
|
var timer = null;
|
|
110
110
|
|
|
111
111
|
var setScorll = function setScorll(e) {
|
|
@@ -119,11 +119,11 @@ function WorkTree() {
|
|
|
119
119
|
|
|
120
120
|
(0, _react.useEffect)(function () {
|
|
121
121
|
if (contentRef.current) {
|
|
122
|
-
contentRef.current.addEventListener(
|
|
122
|
+
contentRef.current.addEventListener('scroll', setScorll, true);
|
|
123
123
|
}
|
|
124
124
|
|
|
125
125
|
return function () {
|
|
126
|
-
contentRef.current && contentRef.current.removeEventListener(
|
|
126
|
+
contentRef.current && contentRef.current.removeEventListener('scroll', setScorll, true);
|
|
127
127
|
};
|
|
128
128
|
}, [treeNodes]);
|
|
129
129
|
|
|
@@ -132,12 +132,12 @@ function WorkTree() {
|
|
|
132
132
|
var checked = !!selected.find(function (i) {
|
|
133
133
|
return i.id == "mileStoneId-".concat(item.mileStoneId);
|
|
134
134
|
});
|
|
135
|
-
item.workName = work.
|
|
135
|
+
item.workName = work.workName;
|
|
136
136
|
return {
|
|
137
137
|
key: "mileStoneId-".concat(item.mileStoneId),
|
|
138
|
-
nodeType:
|
|
138
|
+
nodeType: 'milestone',
|
|
139
139
|
data: item,
|
|
140
|
-
title:
|
|
140
|
+
title: '',
|
|
141
141
|
checked: checked,
|
|
142
142
|
index: key + 1,
|
|
143
143
|
disabled: !checked && selectedRoots.includes(item.workId)
|
|
@@ -147,47 +147,43 @@ function WorkTree() {
|
|
|
147
147
|
|
|
148
148
|
var transToTreeNode = function transToTreeNode(arr) {
|
|
149
149
|
return arr.map(function (item, _key) {
|
|
150
|
-
var _item$
|
|
151
|
-
|
|
150
|
+
var _item$workMileStones = item.workMileStones,
|
|
151
|
+
workMileStones = _item$workMileStones === void 0 ? [] : _item$workMileStones;
|
|
152
152
|
var checked = !!selected.find(function (i) {
|
|
153
|
-
return i.id == item.
|
|
153
|
+
return i.id == item.workId;
|
|
154
154
|
});
|
|
155
155
|
return {
|
|
156
|
-
key: item.
|
|
157
|
-
nodeType:
|
|
158
|
-
title:
|
|
159
|
-
children: formatKrNodes(
|
|
156
|
+
key: item.workId,
|
|
157
|
+
nodeType: 'work-node',
|
|
158
|
+
title: '',
|
|
159
|
+
children: formatKrNodes(workMileStones || [], item),
|
|
160
160
|
data: item,
|
|
161
161
|
checked: checked,
|
|
162
|
-
disabled: !checked && selectedRoots.includes(item.
|
|
162
|
+
disabled: !checked && selectedRoots.includes(item.workId)
|
|
163
163
|
};
|
|
164
164
|
});
|
|
165
165
|
};
|
|
166
166
|
|
|
167
167
|
var getTreeNodes = /*#__PURE__*/function () {
|
|
168
168
|
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
169
|
-
var
|
|
169
|
+
var res, _res$Data, _res$Data$works, works, _res$Data$total, total;
|
|
170
170
|
|
|
171
171
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
172
172
|
while (1) {
|
|
173
173
|
switch (_context.prev = _context.next) {
|
|
174
174
|
case 0:
|
|
175
175
|
_context.next = 2;
|
|
176
|
-
return (0, _requestApi.
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
}, query));
|
|
176
|
+
return (0, _requestApi.workData)(_objectSpread({
|
|
177
|
+
isGetMilestone: true
|
|
178
|
+
}, query), pageNum, pageSize);
|
|
180
179
|
|
|
181
180
|
case 2:
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
works = _yield$getWorks$works === void 0 ? [] : _yield$getWorks$works;
|
|
185
|
-
_yield$getWorks$total = _yield$getWorks.total;
|
|
186
|
-
total = _yield$getWorks$total === void 0 ? 0 : _yield$getWorks$total;
|
|
181
|
+
res = _context.sent;
|
|
182
|
+
_res$Data = res.Data, _res$Data$works = _res$Data.works, works = _res$Data$works === void 0 ? [] : _res$Data$works, _res$Data$total = _res$Data.total, total = _res$Data$total === void 0 ? 0 : _res$Data$total;
|
|
187
183
|
setWorks(works || []);
|
|
188
184
|
setTotal(total);
|
|
189
185
|
|
|
190
|
-
case
|
|
186
|
+
case 6:
|
|
191
187
|
case "end":
|
|
192
188
|
return _context.stop();
|
|
193
189
|
}
|
|
@@ -224,17 +220,17 @@ function WorkTree() {
|
|
|
224
220
|
onChange: onQueryChangeHandler
|
|
225
221
|
}), treeNodes.length == 0 && /*#__PURE__*/_react["default"].createElement("div", {
|
|
226
222
|
className: "".concat(precls, "__empty")
|
|
227
|
-
}, (0, _getLocale.getLocale)(
|
|
223
|
+
}, (0, _getLocale.getLocale)('Tasks_Tab_MyS_Noprojectilable')), treeNodes.length > 0 && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
|
|
228
224
|
className: "".concat(precls, "__header")
|
|
229
225
|
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
230
226
|
className: "".concat(precls, "__header-obj")
|
|
231
|
-
}, (0, _getLocale.getLocale)(
|
|
227
|
+
}, (0, _getLocale.getLocale)('Pro_detail_AssociatedObject')), /*#__PURE__*/_react["default"].createElement("span", {
|
|
232
228
|
className: "".concat(precls, "__header-status")
|
|
233
|
-
}, (0, _getLocale.getLocale)(
|
|
229
|
+
}, (0, _getLocale.getLocale)('Mod_States')), /*#__PURE__*/_react["default"].createElement("span", {
|
|
234
230
|
className: "".concat(precls, "__header-principle")
|
|
235
|
-
}, (0, _getLocale.getLocale)(
|
|
231
|
+
}, (0, _getLocale.getLocale)('Mod_Owner')), /*#__PURE__*/_react["default"].createElement("span", {
|
|
236
232
|
className: "".concat(precls, "__header-time")
|
|
237
|
-
}, (0, _getLocale.getLocale)(
|
|
233
|
+
}, (0, _getLocale.getLocale)('Mod_Startendtime'))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
238
234
|
className: "".concat(precls, "__content"),
|
|
239
235
|
ref: contentRef
|
|
240
236
|
}, /*#__PURE__*/_react["default"].createElement(_tree["default"], {
|
|
@@ -17,10 +17,14 @@ var _okrStatusSelect = _interopRequireDefault(require("../../search/okr-status-s
|
|
|
17
17
|
|
|
18
18
|
var _principal = _interopRequireDefault(require("../../search/principal"));
|
|
19
19
|
|
|
20
|
-
var
|
|
20
|
+
var _helpers = require("../../../../utils/helpers");
|
|
21
|
+
|
|
22
|
+
var _workRelation = _interopRequireDefault(require("../../search/work-relation"));
|
|
21
23
|
|
|
22
24
|
require("./index.css");
|
|
23
25
|
|
|
26
|
+
var _loginUser$UserAvatar;
|
|
27
|
+
|
|
24
28
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
25
29
|
|
|
26
30
|
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); }
|
|
@@ -39,6 +43,16 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
|
|
|
39
43
|
|
|
40
44
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
41
45
|
|
|
46
|
+
var loginUser = (0, _helpers.getLoginUserInfo)();
|
|
47
|
+
var user = {
|
|
48
|
+
userId: loginUser.Id,
|
|
49
|
+
name: loginUser.Name,
|
|
50
|
+
avatar: {
|
|
51
|
+
original: loginUser === null || loginUser === void 0 ? void 0 : (_loginUser$UserAvatar = loginUser.UserAvatar) === null || _loginUser$UserAvatar === void 0 ? void 0 : _loginUser$UserAvatar.Original,
|
|
52
|
+
color: '#bc97eb'
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
|
|
42
56
|
function SearchForm(props) {
|
|
43
57
|
var onChange = props.onChange;
|
|
44
58
|
|
|
@@ -62,6 +76,10 @@ function SearchForm(props) {
|
|
|
62
76
|
relation = _useState8[0],
|
|
63
77
|
setRelation = _useState8[1];
|
|
64
78
|
|
|
79
|
+
var _useState9 = (0, _react.useState)([user]),
|
|
80
|
+
_useState10 = _slicedToArray(_useState9, 1),
|
|
81
|
+
initPerson = _useState10[0];
|
|
82
|
+
|
|
65
83
|
(0, _react.useEffect)(function () {
|
|
66
84
|
onChange({
|
|
67
85
|
status: okrStatus,
|
|
@@ -80,13 +98,14 @@ function SearchForm(props) {
|
|
|
80
98
|
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
81
99
|
className: "rel-work-tree__search-item"
|
|
82
100
|
}, /*#__PURE__*/_react["default"].createElement(_principal["default"], {
|
|
101
|
+
multiple: false,
|
|
83
102
|
onChange: setUsers,
|
|
84
103
|
position: "bottomLeft",
|
|
85
|
-
initValue:
|
|
104
|
+
initValue: initPerson,
|
|
86
105
|
setRelation: setRelation
|
|
87
106
|
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
88
107
|
className: "rel-okr-tree__search-item"
|
|
89
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
|
108
|
+
}, /*#__PURE__*/_react["default"].createElement(_workRelation["default"], {
|
|
90
109
|
onChange: setRelation,
|
|
91
110
|
initValue: relation
|
|
92
111
|
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -43,7 +43,7 @@ function WorkNode(props) {
|
|
|
43
43
|
checked = _props$checked === void 0 ? false : _props$checked,
|
|
44
44
|
_props$disabled = props.disabled,
|
|
45
45
|
disabled = _props$disabled === void 0 ? false : _props$disabled;
|
|
46
|
-
var
|
|
46
|
+
var principalUser = data.principalUser;
|
|
47
47
|
|
|
48
48
|
var _useContext = (0, _react.useContext)(_context.Context),
|
|
49
49
|
multiple = _useContext.multiple,
|
|
@@ -58,13 +58,13 @@ function WorkNode(props) {
|
|
|
58
58
|
if (checked) {
|
|
59
59
|
addSelected({
|
|
60
60
|
type: "work",
|
|
61
|
-
workId: data.
|
|
61
|
+
workId: data.workId,
|
|
62
62
|
krId: 0,
|
|
63
|
-
id: data.
|
|
64
|
-
name: data.
|
|
63
|
+
id: data.workId,
|
|
64
|
+
name: data.workName
|
|
65
65
|
});
|
|
66
66
|
} else {
|
|
67
|
-
removeSelected(data.
|
|
67
|
+
removeSelected(data.workId);
|
|
68
68
|
}
|
|
69
69
|
};
|
|
70
70
|
|
|
@@ -87,7 +87,7 @@ function WorkNode(props) {
|
|
|
87
87
|
className: "".concat(precls, "__checkbox")
|
|
88
88
|
}, /*#__PURE__*/_react["default"].createElement(_radio["default"], {
|
|
89
89
|
onChange: onCheckHandler,
|
|
90
|
-
id: data.
|
|
90
|
+
id: data.workId,
|
|
91
91
|
checked: checked
|
|
92
92
|
})), /*#__PURE__*/_react["default"].createElement("span", {
|
|
93
93
|
className: "".concat(precls, "__name")
|
|
@@ -95,16 +95,16 @@ function WorkNode(props) {
|
|
|
95
95
|
className: (0, _classnames["default"])("tu-icon-project-s", "".concat(precls, "__name-icon"))
|
|
96
96
|
}), /*#__PURE__*/_react["default"].createElement("span", {
|
|
97
97
|
onClick: gotoWorkDetail
|
|
98
|
-
}, (0, _tools.htmlDecodeByHtmlRegExp)(data.
|
|
98
|
+
}, (0, _tools.htmlDecodeByHtmlRegExp)(data.workName))), /*#__PURE__*/_react["default"].createElement("span", {
|
|
99
99
|
className: "".concat(precls, "__status")
|
|
100
|
-
}, statusMap[data.
|
|
100
|
+
}, statusMap[data.status]), /*#__PURE__*/_react["default"].createElement("span", {
|
|
101
101
|
className: "".concat(precls, "__principle")
|
|
102
102
|
}, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
|
|
103
|
-
name:
|
|
104
|
-
id:
|
|
103
|
+
name: principalUser.name,
|
|
104
|
+
id: principalUser.userId
|
|
105
105
|
})), /*#__PURE__*/_react["default"].createElement("span", {
|
|
106
106
|
className: "".concat(precls, "__time")
|
|
107
|
-
}, (0, _helper.formatDateStr)(data.startDate), "-", (0, _helper.formatDateStr)(data.
|
|
107
|
+
}, (0, _helper.formatDateStr)(data.startDate), "-", (0, _helper.formatDateStr)(data.endDate)));
|
|
108
108
|
}
|
|
109
109
|
|
|
110
110
|
WorkNode.defaultProps = {
|
|
@@ -18,10 +18,15 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
|
18
18
|
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); }
|
|
19
19
|
|
|
20
20
|
function _default(props) {
|
|
21
|
-
var
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
21
|
+
var align = props.align,
|
|
22
|
+
placement = props.placement;
|
|
23
|
+
|
|
24
|
+
if (placement === "top" && !align) {
|
|
25
|
+
align = {
|
|
26
|
+
offset: [0, 5]
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
|
|
25
30
|
return /*#__PURE__*/_react["default"].createElement(_rcTooltip["default"], _extends({}, props, {
|
|
26
31
|
align: align,
|
|
27
32
|
transitionName: props.transitionName || "tita-common-fade"
|
|
@@ -31,6 +31,8 @@ function _default(props) {
|
|
|
31
31
|
height = props.height;
|
|
32
32
|
|
|
33
33
|
var _useContext = (0, _react.useContext)(_context.CommonContext),
|
|
34
|
+
_useContext$departId = _useContext.departId,
|
|
35
|
+
departId = _useContext$departId === void 0 ? "-1" : _useContext$departId,
|
|
34
36
|
departOnly = _useContext.departOnly,
|
|
35
37
|
sourceFrom = _useContext.sourceFrom,
|
|
36
38
|
auth = _useContext.auth,
|
|
@@ -39,7 +41,7 @@ function _default(props) {
|
|
|
39
41
|
disabledDepartSelect = _useContext.disabledDepartSelect;
|
|
40
42
|
|
|
41
43
|
var onGetDepartTreeData = function onGetDepartTreeData() {
|
|
42
|
-
return (0, _requestApis.getTreeData)(
|
|
44
|
+
return (0, _requestApis.getTreeData)(departId, {
|
|
43
45
|
departOnly: departOnly,
|
|
44
46
|
auth: auth,
|
|
45
47
|
authType: authType,
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
.persel-selector-field {
|
|
2
2
|
display: inline-block;
|
|
3
|
+
max-width: 100%;
|
|
3
4
|
min-width: 120px;
|
|
4
5
|
height: 36px;
|
|
5
6
|
line-height: 36px;
|
|
6
7
|
background: #ffffff;
|
|
7
|
-
border-radius:
|
|
8
|
+
border-radius: 18px !important;
|
|
8
9
|
border: 1px solid #e9ecf0;
|
|
9
10
|
padding: 8px 12px;
|
|
10
11
|
box-sizing: border-box;
|
|
@@ -51,6 +51,8 @@ var defauleSelectNodes = {
|
|
|
51
51
|
|
|
52
52
|
var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
53
53
|
var multiple = props.multiple,
|
|
54
|
+
_props$disabled = props.disabled,
|
|
55
|
+
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
|
54
56
|
trigger = props.trigger,
|
|
55
57
|
children = props.children,
|
|
56
58
|
_props$onOk = props.onOk,
|
|
@@ -64,6 +66,8 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
64
66
|
selectNodes = _props$selectNodes === void 0 ? defauleSelectNodes : _props$selectNodes,
|
|
65
67
|
sourceFrom = props.sourceFrom,
|
|
66
68
|
departOnly = props.departOnly,
|
|
69
|
+
_props$departId = props.departId,
|
|
70
|
+
departId = _props$departId === void 0 ? "-1" : _props$departId,
|
|
67
71
|
_props$auth = props.auth,
|
|
68
72
|
auth = _props$auth === void 0 ? false : _props$auth,
|
|
69
73
|
_props$placeholder = props.placeholder,
|
|
@@ -279,6 +283,10 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
279
283
|
onCancel && onCancel();
|
|
280
284
|
};
|
|
281
285
|
|
|
286
|
+
var onChangeVisible = function onChangeVisible() {
|
|
287
|
+
setVisible(!visible);
|
|
288
|
+
};
|
|
289
|
+
|
|
282
290
|
var popup = /*#__PURE__*/_react["default"].createElement(_selectorGenerater["default"], {
|
|
283
291
|
multiple: multiple,
|
|
284
292
|
onCancel: onCancelHandler,
|
|
@@ -288,11 +296,19 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
288
296
|
showSearchInput: showSearchInput
|
|
289
297
|
});
|
|
290
298
|
|
|
299
|
+
if (disabled) return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
|
|
300
|
+
className: "persel-selector-field"
|
|
301
|
+
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
302
|
+
className: "persel-selector-field__text"
|
|
303
|
+
}, (0, _openData.isWechat)() ? jsxDomValues : selectedText || /*#__PURE__*/_react["default"].createElement("span", {
|
|
304
|
+
className: "persel-selector-field__text-holder"
|
|
305
|
+
}, placeholder))));
|
|
291
306
|
return /*#__PURE__*/_react["default"].createElement(_context.CommonContext.Provider, {
|
|
292
307
|
value: {
|
|
293
308
|
sourceFrom: sourceFrom,
|
|
294
309
|
departOnly: departOnly,
|
|
295
310
|
auth: auth,
|
|
311
|
+
departId: departId,
|
|
296
312
|
authType: authType,
|
|
297
313
|
isGetRoot: isGetRoot,
|
|
298
314
|
disabledDepartSelect: disabledDepartSelect,
|
|
@@ -319,9 +335,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
319
335
|
}
|
|
320
336
|
}, children || trigger) : /*#__PURE__*/_react["default"].createElement("span", {
|
|
321
337
|
className: "persel-selector-field",
|
|
322
|
-
onClick:
|
|
323
|
-
return setVisible(!visible);
|
|
324
|
-
}
|
|
338
|
+
onClick: onChangeVisible
|
|
325
339
|
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
326
340
|
className: "persel-selector-field__text"
|
|
327
341
|
}, (0, _openData.isWechat)() ? jsxDomValues : selectedText || /*#__PURE__*/_react["default"].createElement("span", {
|