@titaui/pc 1.11.25 → 1.11.27-beta.2
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/avatar/name-avatar/index.css +1 -0
- package/lib/components/avatar/name-avatar/index.js +22 -13
- package/lib/components/button/rect-btn/index.css +45 -11
- package/lib/components/button/rect-btn/index.js +12 -6
- package/lib/components/change-okr-modal/index.js +2 -1
- package/lib/components/create-okr-modal/request-api.js +1 -1
- package/lib/components/drawer/headerAction.js +5 -1
- package/lib/components/drawer/headerDrop.js +42 -4
- package/lib/components/drawer/index.css +33 -0
- package/lib/components/drawer/index.js +30 -7
- package/lib/components/grid-layout/sub-employee-okr/person-okr.js +8 -2
- package/lib/components/nav-top/index.js +6 -2
- package/lib/components/okr-detail/base-info/other-infos/date-cycle/index.js +22 -5
- package/lib/components/okr-detail/base-info/other-infos/principal/index.js +9 -1
- package/lib/components/okr-detail/components/header/index.js +10 -3
- package/lib/components/okr-detail/components/header/o-name.js +10 -3
- package/lib/components/okr-detail/components/o-classify.js +5 -1
- package/lib/components/okr-detail/components/okr-tree/tree-node/kr-node/index.js +12 -7
- package/lib/components/okr-detail/detail-header/constant.js +53 -0
- package/lib/components/okr-detail/detail-header/delete-confirm/delete-confirm.js +98 -43
- package/lib/components/okr-detail/detail-header/delete-confirm/index.css +55 -0
- package/lib/components/okr-detail/detail-header/index.css +11 -0
- package/lib/components/okr-detail/detail-header/index.js +228 -234
- package/lib/components/okr-detail/helper.js +83 -0
- package/lib/components/okr-detail/index.js +21 -2
- package/lib/components/okr-detail/okr-list/index.js +8 -3
- package/lib/components/okr-detail/request-apis.js +8 -2
- package/lib/components/okr-period-selector/select-cycle.js +23 -19
- package/lib/components/operation-records/index.js +1 -1
- package/lib/components/task-relation-modal/request-api.js +2 -1
- package/lib/components/textarea/index.css +120 -0
- package/lib/components/textarea/index.js +257 -0
- package/lib/index.js +40 -0
- package/lib/pages/new-okr-list/header/common.js +52 -0
- package/lib/pages/new-okr-list/header/index.css +45 -0
- package/lib/pages/new-okr-list/header/index.js +38 -16
- package/lib/pages/new-okr-list/header/operate-record.js +131 -0
- package/lib/pages/new-okr-list/index.js +3 -1
- package/lib/pages/new-okr-list/list/index.js +19 -2
- package/lib/pages/new-okr-list/request-api.js +8 -2
- package/lib/utils/format-time.js +8 -1
- package/lib/utils/open-data.js +5 -1
- package/package.json +1 -1
- package/lib/components/okr-detail/detail-header/delete-confirm/style.js +0 -38
|
@@ -43,6 +43,8 @@ var _auth = require("../../../utils/auth");
|
|
|
43
43
|
|
|
44
44
|
var _getLocale = require("../../../utils/getLocale");
|
|
45
45
|
|
|
46
|
+
var _helper = require("../helper");
|
|
47
|
+
|
|
46
48
|
require("./index.css");
|
|
47
49
|
|
|
48
50
|
var _excluded = ["mileStoneId"];
|
|
@@ -151,7 +153,8 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
151
153
|
setShowOkrEvalute = _useContext.setShowOkrEvalute;
|
|
152
154
|
|
|
153
155
|
var _useContext2 = (0, _react.useContext)(_context2.CommonContext),
|
|
154
|
-
refreshAll = _useContext2.refreshAll
|
|
156
|
+
refreshAll = _useContext2.refreshAll,
|
|
157
|
+
approvalSetting = _useContext2.approvalSetting;
|
|
155
158
|
|
|
156
159
|
var parentId = generalParent.parentId,
|
|
157
160
|
parentOkr = generalParent.parentOkr,
|
|
@@ -440,9 +443,11 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
440
443
|
padding: "0 32px 0 18px"
|
|
441
444
|
}, /*#__PURE__*/_react["default"].createElement(_okrTree["default"], {
|
|
442
445
|
data: krs,
|
|
443
|
-
|
|
446
|
+
approvalSetting: approvalSetting,
|
|
447
|
+
okrInfo: okrInfo,
|
|
448
|
+
draggable: canEditOkr && (okrInfo === null || okrInfo === void 0 ? void 0 : okrInfo.applyState) === _helper.EApproveStatus.UnderApproval,
|
|
444
449
|
onDrop: onOkrItemDropHandler
|
|
445
|
-
}))), (canEditOkr || isInnerUser) && /*#__PURE__*/_react["default"].createElement("div", {
|
|
450
|
+
}))), (canEditOkr || isInnerUser) && (0, _helper.getApprovalIsShow)(approvalSetting, "createOkr", okrInfo === null || okrInfo === void 0 ? void 0 : okrInfo.applyState, okrInfo === null || okrInfo === void 0 ? void 0 : okrInfo.OkrAndKrApprovalTypes) && /*#__PURE__*/_react["default"].createElement("div", {
|
|
446
451
|
ref: wrapperRef,
|
|
447
452
|
className: (0, _classnames["default"])("".concat(preCls, "__addkr"))
|
|
448
453
|
}, /*#__PURE__*/_react["default"].createElement(_paddingLayout["default"], null, createKrShow ? /*#__PURE__*/_react["default"].createElement(_createKrItem["default"], {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.workDelete = exports.updateVisibility = exports.updateTaskStatus = exports.updateTaskPrincipal = exports.updateTaskDate = exports.updateProgressDesc = exports.updateProgress = exports.updateParentId = exports.updateOkrVisibility = exports.updateOkrPrincipal = exports.updateOkrName = exports.updateOScore = exports.updateOCommitType = exports.updateOClassify = exports.updateKrProgressAndStatus = exports.updateKrPrincipal = exports.updateKrName = exports.updateKrDate = exports.updateConfidenceIndex = exports.updateClassify = exports.updateChildOkrWeight = exports.transferPrincipal = exports.start = exports.setTaskPriority = exports.saveODesc = exports.remindAction = exports.krChangeOrder = exports.getRelWorks = exports.getRelProgress = exports.getProgress = exports.getPraiseComments = exports.getOrg = exports.getOkrUsers = exports.getOkrDetail = exports.getKrsByCondition = exports.getKrs = exports.getFeedById = exports.deleteUser = exports.deleteProgressDesc = exports.deleteKr = exports.createNewKr = exports.close = exports.cancelRel = exports.cancelPraise = exports.cancelParentOkr = exports.addUserRelation = exports.addUser = exports.addPraise = exports.addComment = void 0;
|
|
6
|
+
exports.workDelete = exports.updateVisibility = exports.updateTaskStatus = exports.updateTaskPrincipal = exports.updateTaskDate = exports.updateProgressDesc = exports.updateProgress = exports.updateParentId = exports.updateOkrVisibility = exports.updateOkrPrincipal = exports.updateOkrName = exports.updateOScore = exports.updateOCommitType = exports.updateOClassify = exports.updateKrProgressAndStatus = exports.updateKrPrincipal = exports.updateKrName = exports.updateKrDate = exports.updateConfidenceIndex = exports.updateClassify = exports.updateChildOkrWeight = exports.transferPrincipal = exports.start = exports.setTaskPriority = exports.saveODesc = exports.remindAction = exports.krChangeOrder = exports.getRelWorks = exports.getRelProgress = exports.getProgress = exports.getPraiseComments = exports.getOrg = exports.getOkrUsers = exports.getOkrDetail = exports.getOkrApprovalSettingInfo = exports.getKrsByCondition = exports.getKrs = exports.getFeedById = exports.deleteUser = exports.deleteProgressDesc = exports.deleteKr = exports.createNewKr = exports.close = exports.cancelRel = exports.cancelPraise = exports.cancelParentOkr = exports.addUserRelation = exports.addUser = exports.addPraise = exports.addComment = void 0;
|
|
7
7
|
|
|
8
8
|
var _qs = _interopRequireDefault(require("qs"));
|
|
9
9
|
|
|
@@ -110,6 +110,12 @@ var getOkrDetail = function getOkrDetail(_ref5) {
|
|
|
110
110
|
|
|
111
111
|
exports.getOkrDetail = getOkrDetail;
|
|
112
112
|
|
|
113
|
+
var getOkrApprovalSettingInfo = function getOkrApprovalSettingInfo() {
|
|
114
|
+
return (0, _request.rget)("v1")("WorkManageSetting/GetOkrApproval");
|
|
115
|
+
};
|
|
116
|
+
|
|
117
|
+
exports.getOkrApprovalSettingInfo = getOkrApprovalSettingInfo;
|
|
118
|
+
|
|
113
119
|
var updateClassify = function updateClassify(_ref6) {
|
|
114
120
|
var okrId = _ref6.okrId,
|
|
115
121
|
okrClassify = _ref6.okrClassify;
|
|
@@ -407,7 +413,7 @@ var deleteUser = function deleteUser(delUserId, okrId, relation) {
|
|
|
407
413
|
exports.deleteUser = deleteUser;
|
|
408
414
|
|
|
409
415
|
var workDelete = function workDelete(data) {
|
|
410
|
-
return (0, _request.rdelete)("
|
|
416
|
+
return (0, _request.rdelete)("v1")("okr/deleteV2?workId=".concat(data.workId), {
|
|
411
417
|
data: data
|
|
412
418
|
});
|
|
413
419
|
};
|
|
@@ -49,7 +49,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
|
|
|
49
49
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
50
50
|
|
|
51
51
|
function _formatCycleData(periodParams, getCycleRange) {
|
|
52
|
-
if (!periodParams) return
|
|
52
|
+
if (!periodParams) return '';
|
|
53
53
|
var startDate = periodParams.startDate;
|
|
54
54
|
var endDate = periodParams.endDate;
|
|
55
55
|
|
|
@@ -58,7 +58,7 @@ function _formatCycleData(periodParams, getCycleRange) {
|
|
|
58
58
|
endDate = periodParams.endDate.slice(5);
|
|
59
59
|
}
|
|
60
60
|
|
|
61
|
-
return "".concat(_periodSelector["default"].formatPeriod(periodParams)).concat(getCycleRange ? ",".concat(startDate, "~").concat(endDate) :
|
|
61
|
+
return "".concat(_periodSelector["default"].formatPeriod(periodParams)).concat(getCycleRange ? ",".concat(startDate, "~").concat(endDate) : '');
|
|
62
62
|
}
|
|
63
63
|
|
|
64
64
|
function CreateCycle(_ref) {
|
|
@@ -94,21 +94,21 @@ function CreateCycle(_ref) {
|
|
|
94
94
|
setCycleSetting = _useState4[1];
|
|
95
95
|
|
|
96
96
|
(0, _react.useEffect)(function () {
|
|
97
|
-
var settings = localStorage.getItem(
|
|
97
|
+
var settings = localStorage.getItem('OKR_CYCLE_SETTING');
|
|
98
98
|
|
|
99
99
|
if (settings) {
|
|
100
100
|
setCycleSetting(JSON.parse(settings));
|
|
101
101
|
return;
|
|
102
102
|
}
|
|
103
103
|
|
|
104
|
-
var url = (0, _helper.getApiUrl)(
|
|
105
|
-
(0, _helper.taker)(url,
|
|
104
|
+
var url = (0, _helper.getApiUrl)('okr/cycleSetting');
|
|
105
|
+
(0, _helper.taker)(url, 'GET').then(function (res) {
|
|
106
106
|
if (res.Code == 1) {
|
|
107
107
|
setCycleSetting(res.Data);
|
|
108
108
|
}
|
|
109
109
|
});
|
|
110
110
|
}, []);
|
|
111
|
-
var cycleWrapperRef = (0, _react.useRef)(document.createElement(
|
|
111
|
+
var cycleWrapperRef = (0, _react.useRef)(document.createElement('div'));
|
|
112
112
|
|
|
113
113
|
var onPeriodSelectorChangeHandler = function onPeriodSelectorChangeHandler(c) {
|
|
114
114
|
setSelfCycle(_objectSpread(_objectSpread({}, selfCycle), c));
|
|
@@ -148,13 +148,13 @@ function CreateCycle(_ref) {
|
|
|
148
148
|
},
|
|
149
149
|
ref: cycleWrapperRef,
|
|
150
150
|
style: {
|
|
151
|
-
backgroundColor:
|
|
152
|
-
boxShadow:
|
|
151
|
+
backgroundColor: 'white',
|
|
152
|
+
boxShadow: '0px 4px 12px 0px rgb(127 145 180 / 20%)',
|
|
153
153
|
borderRadius: 4
|
|
154
154
|
}
|
|
155
155
|
}, /*#__PURE__*/_react["default"].createElement(_periodSelector["default"], {
|
|
156
156
|
style: {
|
|
157
|
-
width:
|
|
157
|
+
width: '100%'
|
|
158
158
|
},
|
|
159
159
|
selected: selfCycle,
|
|
160
160
|
showFullCycle: false,
|
|
@@ -176,9 +176,9 @@ function CreateCycle(_ref) {
|
|
|
176
176
|
}))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
177
177
|
className: "okr-detail-date-cycle__date-line",
|
|
178
178
|
style: {
|
|
179
|
-
borderBottom:
|
|
179
|
+
borderBottom: '1px solid #F0F2F5'
|
|
180
180
|
}
|
|
181
|
-
}, (0, _getLocale.getLocale)(
|
|
181
|
+
}, (0, _getLocale.getLocale)('Mod_StartDate'), "\uFF1A", /*#__PURE__*/_react["default"].createElement(_rangePickerPop["default"], {
|
|
182
182
|
format: "YYYY/MM/DD",
|
|
183
183
|
controlled: true,
|
|
184
184
|
onConfirm: onStartDateConfirmHandler,
|
|
@@ -193,7 +193,7 @@ function CreateCycle(_ref) {
|
|
|
193
193
|
className: "tu-icon-arrow-down okr-detail-date-cycle__select-time-down-icon"
|
|
194
194
|
})))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
195
195
|
className: "okr-detail-date-cycle__date-line"
|
|
196
|
-
}, (0, _getLocale.getLocale)(
|
|
196
|
+
}, (0, _getLocale.getLocale)('Mod_EndDate'), "\uFF1A", /*#__PURE__*/_react["default"].createElement(_rangePickerPop["default"], {
|
|
197
197
|
format: "YYYY/MM/DD",
|
|
198
198
|
controlled: true,
|
|
199
199
|
onConfirm: onEndDateCOnfirmHandler,
|
|
@@ -208,8 +208,8 @@ function CreateCycle(_ref) {
|
|
|
208
208
|
className: "tu-icon-arrow-down okr-detail-date-cycle__select-time-down-icon"
|
|
209
209
|
})))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
210
210
|
style: {
|
|
211
|
-
display:
|
|
212
|
-
justifyContent:
|
|
211
|
+
display: 'flex',
|
|
212
|
+
justifyContent: 'flex-end'
|
|
213
213
|
}
|
|
214
214
|
}, /*#__PURE__*/_react["default"].createElement(_titaUi.Button, {
|
|
215
215
|
size: "s",
|
|
@@ -217,15 +217,15 @@ function CreateCycle(_ref) {
|
|
|
217
217
|
marginRight: 12
|
|
218
218
|
},
|
|
219
219
|
onClick: onCancelClickHandler
|
|
220
|
-
}, (0, _getLocale.getLocale)(
|
|
220
|
+
}, (0, _getLocale.getLocale)('Mod_Cancel')), /*#__PURE__*/_react["default"].createElement(_titaUi.Button, {
|
|
221
221
|
size: "s",
|
|
222
222
|
type: "primary",
|
|
223
223
|
onClick: onSureClickHandler
|
|
224
|
-
}, (0, _getLocale.getLocale)(
|
|
224
|
+
}, (0, _getLocale.getLocale)('OKR_MyO_Butt_Determine'))));
|
|
225
225
|
} else {
|
|
226
|
-
return /*#__PURE__*/_react["default"].createElement(_periodSelector["default"], {
|
|
226
|
+
return canEdit ? /*#__PURE__*/_react["default"].createElement(_periodSelector["default"], {
|
|
227
227
|
style: {
|
|
228
|
-
width:
|
|
228
|
+
width: '100%'
|
|
229
229
|
},
|
|
230
230
|
selected: cycle,
|
|
231
231
|
showFullCycle: false,
|
|
@@ -245,7 +245,11 @@ function CreateCycle(_ref) {
|
|
|
245
245
|
btnRef: btnRef,
|
|
246
246
|
clickCallback: function clickCallback() {},
|
|
247
247
|
text: _formatCycleData(cycle, getCycleRange)
|
|
248
|
-
}))
|
|
248
|
+
})) : renderInnerContent({
|
|
249
|
+
btnRef: btnRef,
|
|
250
|
+
clickCallback: function clickCallback() {},
|
|
251
|
+
text: _formatCycleData(cycle, getCycleRange)
|
|
252
|
+
});
|
|
249
253
|
}
|
|
250
254
|
}
|
|
251
255
|
|
|
@@ -80,7 +80,7 @@ var OperationRecord = /*#__PURE__*/function (_PureComponent) {
|
|
|
80
80
|
|
|
81
81
|
_this.setState({
|
|
82
82
|
operationTrackList: newOperationTrackList,
|
|
83
|
-
operationTrackTotal: _mockData.OperationData.length
|
|
83
|
+
operationTrackTotal: (_mockData.OperationData === null || _mockData.OperationData === void 0 ? void 0 : _mockData.OperationData.length) || 0
|
|
84
84
|
});
|
|
85
85
|
}
|
|
86
86
|
});
|
|
@@ -15,7 +15,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
|
15
15
|
|
|
16
16
|
var okrSearch = function okrSearch(params) {
|
|
17
17
|
return (0, _request.rpost)("v1")("okr/search", _objectSpread(_objectSpread({}, params), {}, {
|
|
18
|
-
orderType: 1
|
|
18
|
+
orderType: 1,
|
|
19
|
+
includeCreateFailApprovalOkr: false
|
|
19
20
|
})).then(function (res) {
|
|
20
21
|
return res.Data;
|
|
21
22
|
});
|
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
.titaui-textArea {
|
|
2
|
+
box-sizing: border-box;
|
|
3
|
+
position: relative;
|
|
4
|
+
min-height: 36px;
|
|
5
|
+
background: #ffffff;
|
|
6
|
+
cursor: text;
|
|
7
|
+
border-radius: 4px;
|
|
8
|
+
display: flex;
|
|
9
|
+
align-items: center;
|
|
10
|
+
padding: 7px 0;
|
|
11
|
+
transition: border 0.2s ease 0.2s, box-shadow 0.2s ease 0.2s;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.titaui-textArea.has-error {
|
|
15
|
+
border: 1px solid #f05e5e !important;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.titaui-textArea:hover {
|
|
19
|
+
border: 1px solid #2879ff;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.titaui-textArea > input {
|
|
23
|
+
flex-grow: 1;
|
|
24
|
+
border: none;
|
|
25
|
+
padding: 0 12px;
|
|
26
|
+
margin: 0;
|
|
27
|
+
outline: none;
|
|
28
|
+
width: 0;
|
|
29
|
+
box-sizing: border-box;
|
|
30
|
+
background-color: transparent;
|
|
31
|
+
color: #3f4755;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.titaui-textArea > input ::-webkit-input-placeholder {
|
|
35
|
+
color: #bfc7d5;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.titaui-textArea > input :-ms-input-placeholder {
|
|
39
|
+
color: #bfc7d5;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.titaui-textArea > input :-moz-input-placeholder {
|
|
43
|
+
color: #bfc7d5;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.titaui-textArea textarea {
|
|
47
|
+
flex: 1;
|
|
48
|
+
line-height: 20px;
|
|
49
|
+
min-height: 20px;
|
|
50
|
+
border: none;
|
|
51
|
+
padding: 0;
|
|
52
|
+
margin: 0;
|
|
53
|
+
outline: none;
|
|
54
|
+
resize: none;
|
|
55
|
+
padding: 0 12px;
|
|
56
|
+
width: 100%;
|
|
57
|
+
box-sizing: border-box;
|
|
58
|
+
background-color: transparent;
|
|
59
|
+
color: #3f4755;
|
|
60
|
+
word-break: break-all;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.titaui-textArea textarea ::-webkit-input-placeholder {
|
|
64
|
+
color: #bfc7d5;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.titaui-textArea textarea :-ms-input-placeholder {
|
|
68
|
+
color: #bfc7d5;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.titaui-textArea textarea :-moz-input-placeholder {
|
|
72
|
+
color: #bfc7d5;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.titaui-textArea.disabled {
|
|
76
|
+
background-color: rgba(240, 242, 245, 0.4);
|
|
77
|
+
border-color: #f0f2f5;
|
|
78
|
+
color: #bfc7d5;
|
|
79
|
+
cursor: default;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.titaui-textArea.disabled > input,
|
|
83
|
+
.titaui-textArea.disabled textarea,
|
|
84
|
+
.titaui-textArea.disabled .tail-wrapper {
|
|
85
|
+
color: #bfc7d5;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
.titaui-textArea.disabled:hover {
|
|
89
|
+
border-color: #f0f2f5;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.area-error {
|
|
93
|
+
border: 1px solid #f05e5e !important;
|
|
94
|
+
box-shadow: 0px 0px 6px 0px rgba(240, 94, 94, 0.3);
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
.area-focus {
|
|
98
|
+
border: 1px solid #2879ff !important;
|
|
99
|
+
box-shadow: 0px 0px 6px 0px rgba(40, 121, 255, 0.3);
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.area-normal {
|
|
103
|
+
border: 1px solid #e9ecf0 !important;
|
|
104
|
+
box-shadow: none;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.inner {
|
|
108
|
+
overflow: auto;
|
|
109
|
+
display: flex;
|
|
110
|
+
flex: 1;
|
|
111
|
+
width: 0;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
.err-color {
|
|
115
|
+
font-size: 12px;
|
|
116
|
+
font-weight: 400;
|
|
117
|
+
color: #f05e5e;
|
|
118
|
+
line-height: 18px;
|
|
119
|
+
padding-left: 12px;
|
|
120
|
+
}
|
|
@@ -0,0 +1,257 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
|
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
12
|
+
require("./index.css");
|
|
13
|
+
|
|
14
|
+
var _excluded = ["disabled", "onFocus", "onBlur", "inputRef", "onChange", "autoHeight", "style", "className", "value", "placeholder", "maxLine", "maxLength", "initValue", "onErrorChange", "validator", "onKeyDown"];
|
|
15
|
+
|
|
16
|
+
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); }
|
|
17
|
+
|
|
18
|
+
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; }
|
|
19
|
+
|
|
20
|
+
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); }
|
|
21
|
+
|
|
22
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
23
|
+
|
|
24
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
25
|
+
|
|
26
|
+
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; }
|
|
27
|
+
|
|
28
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
29
|
+
|
|
30
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
31
|
+
|
|
32
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
33
|
+
|
|
34
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
35
|
+
|
|
36
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
37
|
+
|
|
38
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
39
|
+
|
|
40
|
+
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; }
|
|
41
|
+
|
|
42
|
+
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; }
|
|
43
|
+
|
|
44
|
+
var Textarea = function Textarea(p) {
|
|
45
|
+
var disabled = p.disabled,
|
|
46
|
+
_onFocus = p.onFocus,
|
|
47
|
+
_onBlur = p.onBlur,
|
|
48
|
+
inputRef = p.inputRef,
|
|
49
|
+
_onChange = p.onChange,
|
|
50
|
+
_p$autoHeight = p.autoHeight,
|
|
51
|
+
autoHeight = _p$autoHeight === void 0 ? true : _p$autoHeight,
|
|
52
|
+
style = p.style,
|
|
53
|
+
className = p.className,
|
|
54
|
+
value = p.value,
|
|
55
|
+
placeholder = p.placeholder,
|
|
56
|
+
maxLine = p.maxLine,
|
|
57
|
+
maxLength = p.maxLength,
|
|
58
|
+
initValue = p.initValue,
|
|
59
|
+
onErrorChange = p.onErrorChange,
|
|
60
|
+
validator = p.validator,
|
|
61
|
+
_onKeyDown = p.onKeyDown,
|
|
62
|
+
others = _objectWithoutProperties(p, _excluded);
|
|
63
|
+
|
|
64
|
+
var prefixCls = "titaui-textArea";
|
|
65
|
+
|
|
66
|
+
var _useState = (0, _react.useState)(false),
|
|
67
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
68
|
+
active = _useState2[0],
|
|
69
|
+
setActive = _useState2[1];
|
|
70
|
+
|
|
71
|
+
var _useState3 = (0, _react.useState)(),
|
|
72
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
73
|
+
height = _useState4[0],
|
|
74
|
+
setHeight = _useState4[1];
|
|
75
|
+
|
|
76
|
+
var _useState5 = (0, _react.useState)(initValue || ""),
|
|
77
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
78
|
+
selfValue = _useState6[0],
|
|
79
|
+
setSelfValue = _useState6[1];
|
|
80
|
+
|
|
81
|
+
var hiddenRef = (0, _react.useRef)();
|
|
82
|
+
var selfInputRef = (0, _react.useRef)();
|
|
83
|
+
var realInputRef = inputRef || selfInputRef;
|
|
84
|
+
var isControlled = ("value" in p);
|
|
85
|
+
var realValue = isControlled ? value : selfValue;
|
|
86
|
+
|
|
87
|
+
var _useState7 = (0, _react.useState)(false),
|
|
88
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
89
|
+
error = _useState8[0],
|
|
90
|
+
setError = _useState8[1];
|
|
91
|
+
|
|
92
|
+
var _useState9 = (0, _react.useState)(""),
|
|
93
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
94
|
+
errorText = _useState10[0],
|
|
95
|
+
setErrorText = _useState10[1];
|
|
96
|
+
|
|
97
|
+
var _useState11 = (0, _react.useState)("auto"),
|
|
98
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
|
99
|
+
maxHeight = _useState12[0],
|
|
100
|
+
setMaxheight = _useState12[1];
|
|
101
|
+
|
|
102
|
+
var wrapperRef = (0, _react.useRef)();
|
|
103
|
+
|
|
104
|
+
var _useState13 = (0, _react.useState)(false),
|
|
105
|
+
_useState14 = _slicedToArray(_useState13, 2),
|
|
106
|
+
validateEnable = _useState14[0],
|
|
107
|
+
setvalidateEnable = _useState14[1];
|
|
108
|
+
|
|
109
|
+
var _useState15 = (0, _react.useState)(false),
|
|
110
|
+
_useState16 = _slicedToArray(_useState15, 2),
|
|
111
|
+
isTrue = _useState16[0],
|
|
112
|
+
setIsTrue = _useState16[1];
|
|
113
|
+
|
|
114
|
+
(0, _react.useEffect)(function () {
|
|
115
|
+
if (autoHeight && hiddenRef.current && realInputRef.current) {
|
|
116
|
+
// 自适应高度
|
|
117
|
+
hiddenRef.current.value = "".concat(realValue || "");
|
|
118
|
+
hiddenRef.current.style.width = window.getComputedStyle(realInputRef.current).width;
|
|
119
|
+
var _height = hiddenRef.current.scrollHeight;
|
|
120
|
+
|
|
121
|
+
if (maxLine && maxLine > 0) {
|
|
122
|
+
var lineHeight = Number(window.getComputedStyle(realInputRef.current).lineHeight.replace("px", "")); // setMaxheight(maxLine * lineHeight + "px");
|
|
123
|
+
|
|
124
|
+
setMaxheight("".concat(maxLine * lineHeight, "px"));
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
setHeight(_height);
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
if (!validateEnable) return;
|
|
131
|
+
var hasError = false;
|
|
132
|
+
var eText = "";
|
|
133
|
+
|
|
134
|
+
if (maxLength !== undefined) {
|
|
135
|
+
if (realValue.length > maxLength) {
|
|
136
|
+
hasError = true;
|
|
137
|
+
eText = "\u5DF2\u8F93\u5165 ".concat(realValue.length, " \u4E2A\u5B57\uFF0C\u6700\u591A\u53EF\u8F93\u5165 ").concat(maxLength, " \u4E2A\u5B57");
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
if (!hasError && validator) {
|
|
142
|
+
var _validator = validator(realValue),
|
|
143
|
+
isValid = _validator.isValid,
|
|
144
|
+
_errorText = _validator.errorText;
|
|
145
|
+
|
|
146
|
+
if (!isValid) {
|
|
147
|
+
hasError = true;
|
|
148
|
+
eText = _errorText || "";
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
setErrorText(eText);
|
|
153
|
+
|
|
154
|
+
if (hasError !== error) {
|
|
155
|
+
if (onErrorChange) {
|
|
156
|
+
onErrorChange(hasError);
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
setError(hasError);
|
|
160
|
+
}
|
|
161
|
+
}, [realValue]); // 鼠标移入
|
|
162
|
+
|
|
163
|
+
var changeMoveOver = function changeMoveOver() {
|
|
164
|
+
setIsTrue(true);
|
|
165
|
+
}; // 鼠标移出
|
|
166
|
+
|
|
167
|
+
|
|
168
|
+
var changeMoveOut = function changeMoveOut() {
|
|
169
|
+
setIsTrue(false);
|
|
170
|
+
};
|
|
171
|
+
|
|
172
|
+
var areaNormal = isTrue ? "area-focus" : "area-normal";
|
|
173
|
+
var areaFocus = active ? "area-focus" : areaNormal;
|
|
174
|
+
var areaError = error ? "area-error" : areaFocus;
|
|
175
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
|
|
176
|
+
className: "\n ".concat(prefixCls, "\n ").concat(areaError, " \n ").concat(disabled ? " disabled" : "", "\n "),
|
|
177
|
+
onFocus: function onFocus() {},
|
|
178
|
+
onBlur: function onBlur() {},
|
|
179
|
+
onMouseOver: changeMoveOver,
|
|
180
|
+
onMouseOut: changeMoveOut,
|
|
181
|
+
ref: wrapperRef,
|
|
182
|
+
onClick: function onClick() {
|
|
183
|
+
var _realInputRef$current;
|
|
184
|
+
|
|
185
|
+
(_realInputRef$current = realInputRef.current) === null || _realInputRef$current === void 0 ? void 0 : _realInputRef$current.focus();
|
|
186
|
+
}
|
|
187
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
188
|
+
className: "inner scrollbar-size-sm",
|
|
189
|
+
style: autoHeight ? {
|
|
190
|
+
maxHeight: maxHeight
|
|
191
|
+
} : {
|
|
192
|
+
height: "100%"
|
|
193
|
+
}
|
|
194
|
+
}, /*#__PURE__*/_react["default"].createElement("textarea", _extends({
|
|
195
|
+
className: "".concat(className, " scrollbar-size-sm"),
|
|
196
|
+
disabled: disabled,
|
|
197
|
+
ref: realInputRef,
|
|
198
|
+
style: _objectSpread(_objectSpread({}, style || {}), autoHeight ? {
|
|
199
|
+
height: height
|
|
200
|
+
} : {
|
|
201
|
+
height: "100%"
|
|
202
|
+
}),
|
|
203
|
+
value: realValue,
|
|
204
|
+
rows: 1,
|
|
205
|
+
placeholder: placeholder,
|
|
206
|
+
onChange: function onChange(e) {
|
|
207
|
+
if (!isControlled) {
|
|
208
|
+
setSelfValue(e.target.value);
|
|
209
|
+
}
|
|
210
|
+
|
|
211
|
+
if (_onChange) {
|
|
212
|
+
_onChange(e);
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
setvalidateEnable(true);
|
|
216
|
+
},
|
|
217
|
+
onFocus: function onFocus(e) {
|
|
218
|
+
setActive(true);
|
|
219
|
+
|
|
220
|
+
if (_onFocus) {
|
|
221
|
+
_onFocus(e);
|
|
222
|
+
}
|
|
223
|
+
},
|
|
224
|
+
onKeyDown: function onKeyDown(e) {
|
|
225
|
+
if (_onKeyDown) {
|
|
226
|
+
_onKeyDown(e);
|
|
227
|
+
}
|
|
228
|
+
|
|
229
|
+
if (e.keyCode === 13) {
|
|
230
|
+
e.preventDefault();
|
|
231
|
+
}
|
|
232
|
+
},
|
|
233
|
+
onBlur: function onBlur(e) {
|
|
234
|
+
setActive(false);
|
|
235
|
+
|
|
236
|
+
if (_onBlur) {
|
|
237
|
+
_onBlur(e);
|
|
238
|
+
}
|
|
239
|
+
}
|
|
240
|
+
}, others)), /*#__PURE__*/_react["default"].createElement("textarea", {
|
|
241
|
+
className: className,
|
|
242
|
+
ref: hiddenRef,
|
|
243
|
+
placeholder: placeholder,
|
|
244
|
+
value: realValue,
|
|
245
|
+
rows: 1,
|
|
246
|
+
style: _objectSpread(_objectSpread({}, style || {}), {
|
|
247
|
+
height: "0!important",
|
|
248
|
+
visibility: "hidden",
|
|
249
|
+
position: "absolute"
|
|
250
|
+
})
|
|
251
|
+
}))), error && /*#__PURE__*/_react["default"].createElement("div", {
|
|
252
|
+
className: "err-color"
|
|
253
|
+
}, errorText));
|
|
254
|
+
};
|
|
255
|
+
|
|
256
|
+
var _default = Textarea;
|
|
257
|
+
exports["default"] = _default;
|