@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.
Files changed (44) hide show
  1. package/lib/components/avatar/name-avatar/index.css +1 -0
  2. package/lib/components/avatar/name-avatar/index.js +22 -13
  3. package/lib/components/button/rect-btn/index.css +45 -11
  4. package/lib/components/button/rect-btn/index.js +12 -6
  5. package/lib/components/change-okr-modal/index.js +2 -1
  6. package/lib/components/create-okr-modal/request-api.js +1 -1
  7. package/lib/components/drawer/headerAction.js +5 -1
  8. package/lib/components/drawer/headerDrop.js +42 -4
  9. package/lib/components/drawer/index.css +33 -0
  10. package/lib/components/drawer/index.js +30 -7
  11. package/lib/components/grid-layout/sub-employee-okr/person-okr.js +8 -2
  12. package/lib/components/nav-top/index.js +6 -2
  13. package/lib/components/okr-detail/base-info/other-infos/date-cycle/index.js +22 -5
  14. package/lib/components/okr-detail/base-info/other-infos/principal/index.js +9 -1
  15. package/lib/components/okr-detail/components/header/index.js +10 -3
  16. package/lib/components/okr-detail/components/header/o-name.js +10 -3
  17. package/lib/components/okr-detail/components/o-classify.js +5 -1
  18. package/lib/components/okr-detail/components/okr-tree/tree-node/kr-node/index.js +12 -7
  19. package/lib/components/okr-detail/detail-header/constant.js +53 -0
  20. package/lib/components/okr-detail/detail-header/delete-confirm/delete-confirm.js +98 -43
  21. package/lib/components/okr-detail/detail-header/delete-confirm/index.css +55 -0
  22. package/lib/components/okr-detail/detail-header/index.css +11 -0
  23. package/lib/components/okr-detail/detail-header/index.js +228 -234
  24. package/lib/components/okr-detail/helper.js +83 -0
  25. package/lib/components/okr-detail/index.js +21 -2
  26. package/lib/components/okr-detail/okr-list/index.js +8 -3
  27. package/lib/components/okr-detail/request-apis.js +8 -2
  28. package/lib/components/okr-period-selector/select-cycle.js +23 -19
  29. package/lib/components/operation-records/index.js +1 -1
  30. package/lib/components/task-relation-modal/request-api.js +2 -1
  31. package/lib/components/textarea/index.css +120 -0
  32. package/lib/components/textarea/index.js +257 -0
  33. package/lib/index.js +40 -0
  34. package/lib/pages/new-okr-list/header/common.js +52 -0
  35. package/lib/pages/new-okr-list/header/index.css +45 -0
  36. package/lib/pages/new-okr-list/header/index.js +38 -16
  37. package/lib/pages/new-okr-list/header/operate-record.js +131 -0
  38. package/lib/pages/new-okr-list/index.js +3 -1
  39. package/lib/pages/new-okr-list/list/index.js +19 -2
  40. package/lib/pages/new-okr-list/request-api.js +8 -2
  41. package/lib/utils/format-time.js +8 -1
  42. package/lib/utils/open-data.js +5 -1
  43. package/package.json +1 -1
  44. 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
- draggable: canEditOkr,
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)("v2")("work/deleteV2?workId=".concat(data.workId), {
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("OKR_CYCLE_SETTING");
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)("okr/cycleSetting");
105
- (0, _helper.taker)(url, "GET").then(function (res) {
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("div"));
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: "white",
152
- boxShadow: "0px 4px 12px 0px rgb(127 145 180 / 20%)",
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: "100%"
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: "1px solid #F0F2F5"
179
+ borderBottom: '1px solid #F0F2F5'
180
180
  }
181
- }, (0, _getLocale.getLocale)("Mod_StartDate"), "\uFF1A", /*#__PURE__*/_react["default"].createElement(_rangePickerPop["default"], {
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)("Mod_EndDate"), "\uFF1A", /*#__PURE__*/_react["default"].createElement(_rangePickerPop["default"], {
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: "flex",
212
- justifyContent: "flex-end"
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)("Mod_Cancel")), /*#__PURE__*/_react["default"].createElement(_titaUi.Button, {
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)("OKR_MyO_Butt_Determine"))));
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: "100%"
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;