@titaui/pc 1.11.20 → 1.11.21-beta.13

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 (45) 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 +44 -0
  10. package/lib/components/drawer/index.js +36 -7
  11. package/lib/components/nav-top/index.js +6 -2
  12. package/lib/components/okr-detail/base-info/other-infos/date-cycle/index.js +22 -5
  13. package/lib/components/okr-detail/base-info/other-infos/principal/index.js +9 -1
  14. package/lib/components/okr-detail/components/header/index.js +10 -3
  15. package/lib/components/okr-detail/components/header/o-name.js +10 -3
  16. package/lib/components/okr-detail/components/o-classify.js +5 -1
  17. package/lib/components/okr-detail/components/okr-tree/tree-node/kr-node/index.js +12 -7
  18. package/lib/components/okr-detail/detail-header/constant.js +53 -0
  19. package/lib/components/okr-detail/detail-header/delete-confirm/delete-confirm.js +99 -54
  20. package/lib/components/okr-detail/detail-header/delete-confirm/index.css +55 -0
  21. package/lib/components/okr-detail/detail-header/index.js +232 -242
  22. package/lib/components/okr-detail/helper.js +83 -0
  23. package/lib/components/okr-detail/index.js +21 -2
  24. package/lib/components/okr-detail/okr-list/index.js +8 -3
  25. package/lib/components/okr-detail/request-apis.js +8 -2
  26. package/lib/components/okr-flow/export-modal/index.js +2 -2
  27. package/lib/components/okr-flow/okr-map/index.js +2 -2
  28. package/lib/components/okr-period-selector/select-cycle.js +23 -19
  29. package/lib/components/scroll-container/index.js +2 -2
  30. package/lib/components/superset-charts/components/chart/index.js +1 -1
  31. package/lib/components/task-relation-modal/request-api.js +2 -1
  32. package/lib/components/textarea/index.css +120 -0
  33. package/lib/components/textarea/index.js +257 -0
  34. package/lib/index.js +40 -0
  35. package/lib/pages/new-okr-list/header/common.js +52 -0
  36. package/lib/pages/new-okr-list/header/index.css +45 -0
  37. package/lib/pages/new-okr-list/header/index.js +38 -16
  38. package/lib/pages/new-okr-list/header/operate-record.js +129 -0
  39. package/lib/pages/new-okr-list/index.js +3 -1
  40. package/lib/pages/new-okr-list/list/index.js +19 -2
  41. package/lib/pages/new-okr-list/request-api.js +8 -2
  42. package/lib/utils/format-time.js +8 -1
  43. package/lib/utils/open-data.js +5 -1
  44. package/package.json +1 -1
  45. package/lib/components/okr-detail/detail-header/delete-confirm/style.js +0 -38
@@ -27,6 +27,8 @@ var _schedule = _interopRequireDefault(require("./schedule"));
27
27
 
28
28
  var _requestApis = require("./request-apis");
29
29
 
30
+ var _helper = require("./helper");
31
+
30
32
  var _okrReview = _interopRequireDefault(require("../okr-review"));
31
33
 
32
34
  var _reportList = _interopRequireDefault(require("../eReport/eReportLists/reportList"));
@@ -173,7 +175,14 @@ function OkrDetail(props) {
173
175
  var _useState23 = (0, _react.useState)(),
174
176
  _useState24 = _slicedToArray(_useState23, 2),
175
177
  generalRoleType = _useState24[0],
176
- setGeneralRoleType = _useState24[1]; // 计算元素的ref,用于实现 tabs 吸顶,点赞吸底
178
+ setGeneralRoleType = _useState24[1];
179
+
180
+ var _useState25 = (0, _react.useState)({
181
+ isOpen: false
182
+ }),
183
+ _useState26 = _slicedToArray(_useState25, 2),
184
+ approvalSetting = _useState26[0],
185
+ setApprovalSetting = _useState26[1]; // 计算元素的ref,用于实现 tabs 吸顶,点赞吸底
177
186
 
178
187
 
179
188
  var tabRef = (0, _react.useRef)();
@@ -203,9 +212,18 @@ function OkrDetail(props) {
203
212
  getData();
204
213
  };
205
214
 
215
+ var getApprovalShow = function getApprovalShow() {
216
+ (0, _requestApis.getOkrApprovalSettingInfo)().then(function (resp) {
217
+ if (resp.Code === 1) {
218
+ setApprovalSetting((0, _helper.getApprovalOpenItem)(resp.Data));
219
+ }
220
+ });
221
+ };
222
+
206
223
  (0, _react.useEffect)(function () {
207
224
  setLoading(true);
208
225
  getData();
226
+ getApprovalShow();
209
227
  }, []);
210
228
  (0, _react.useEffect)(function () {
211
229
  if (!okrInfo || !okrInfo.workId) return;
@@ -276,7 +294,8 @@ function OkrDetail(props) {
276
294
  changeTabActive: changeTabActive,
277
295
  refreshAll: refreshAll,
278
296
  setOkrInfo: setOkrInfo,
279
- refreshKrs: refreshKrs
297
+ refreshKrs: refreshKrs,
298
+ approvalSetting: approvalSetting
280
299
  })
281
300
  }, /*#__PURE__*/_react["default"].createElement(_context.GeneralDataContext.Provider, {
282
301
  value: {
@@ -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
  };
@@ -33,7 +33,7 @@ var _precls = _interopRequireDefault(require("../precls"));
33
33
 
34
34
  var _getLocale = require("../../../utils/getLocale");
35
35
 
36
- var _lodash = _interopRequireDefault(require("lodash"));
36
+ var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
37
37
 
38
38
  require("rc-color-picker/assets/index.css");
39
39
 
@@ -250,7 +250,7 @@ var ExportMapModal = function ExportMapModal(props) {
250
250
  var NodeDebug = function NodeDebug() {
251
251
  var elements = (0, _reactFlowRenderer.useStoreState)(function (state) {
252
252
  return [].concat(_toConsumableArray(state.nodes), _toConsumableArray(state.edges));
253
- }, _lodash["default"].isEqual);
253
+ }, _isEqual["default"]);
254
254
  var setElements = (0, _reactFlowRenderer.useStoreActions)(function (actions) {
255
255
  return actions.setElements;
256
256
  });
@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
11
11
 
12
12
  var _reactFlowRenderer = _interopRequireWildcard(require("@titaui/react-flow-renderer"));
13
13
 
14
- var _lodash = _interopRequireDefault(require("lodash"));
14
+ var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
15
15
 
16
16
  var _classnames = _interopRequireDefault(require("classnames"));
17
17
 
@@ -117,7 +117,7 @@ var OkrMap = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
117
117
  var NodeDebug = function NodeDebug() {
118
118
  var elements = (0, _reactFlowRenderer.useStoreState)(function (state) {
119
119
  return [].concat(_toConsumableArray(state.nodes), _toConsumableArray(state.edges));
120
- }, _lodash["default"].isEqual);
120
+ }, _isEqual["default"]);
121
121
  var setElements = (0, _reactFlowRenderer.useStoreActions)(function (actions) {
122
122
  return actions.setElements;
123
123
  });
@@ -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
 
@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
11
11
 
12
12
  var _classnames = _interopRequireDefault(require("classnames"));
13
13
 
14
- var _lodash = require("lodash");
14
+ var _lodash = _interopRequireDefault(require("lodash.debounce"));
15
15
 
16
16
  var _easyBem = _interopRequireDefault(require("easy-bem"));
17
17
 
@@ -179,7 +179,7 @@ var ScrollContainer = /*#__PURE__*/function (_PureComponent) {
179
179
  };
180
180
 
181
181
  _this.container = /*#__PURE__*/_react["default"].createRef();
182
- _this.onEndScroll = (0, _lodash.debounce)(_this.onEndScroll, SCROLL_END_DEBOUNCE); // Is container scrolling now (for example by inertia)
182
+ _this.onEndScroll = (0, _lodash["default"])(_this.onEndScroll, SCROLL_END_DEBOUNCE); // Is container scrolling now (for example by inertia)
183
183
 
184
184
  _this.scrolling = false; // Is scrolling started
185
185
 
@@ -19,7 +19,7 @@ var Chart = function Chart(props) {
19
19
  // });
20
20
  // }, []);
21
21
  var Chart = (_window = window) === null || _window === void 0 ? void 0 : (_window$SupersetChart = _window.SupersetChart) === null || _window$SupersetChart === void 0 ? void 0 : _window$SupersetChart.SupersetChart;
22
- return Chart && /*#__PURE__*/_react["default"].createElement(Chart, props);
22
+ return Chart ? /*#__PURE__*/_react["default"].createElement(Chart, props) : /*#__PURE__*/_react["default"].createElement("div", null);
23
23
  };
24
24
 
25
25
  var _default = Chart;
@@ -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
+ }