@titaui/pc 1.11.40-beta.6 → 1.11.42

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 (56) hide show
  1. package/lib/components/avatar/name-avatar/index.css +0 -1
  2. package/lib/components/avatar/name-avatar/index.js +13 -22
  3. package/lib/components/button/rect-btn/index.css +11 -45
  4. package/lib/components/button/rect-btn/index.js +6 -12
  5. package/lib/components/change-okr-modal/index.js +1 -2
  6. package/lib/components/checkbox/index.css +3 -3
  7. package/lib/components/create-okr-modal/index.js +41 -45
  8. package/lib/components/create-okr-modal/request-api.js +1 -1
  9. package/lib/components/dialog-confirm/index.css +2 -2
  10. package/lib/components/drawer/headerAction.js +1 -5
  11. package/lib/components/drawer/headerDrop.js +4 -42
  12. package/lib/components/drawer/index.css +0 -33
  13. package/lib/components/drawer/index.js +3 -26
  14. package/lib/components/dynamic/dynamic-item/dynamic-ai-dialy/dynamic-footer.js +3 -3
  15. package/lib/components/dynamic/new-ui.css +4 -4
  16. package/lib/components/dynamic/online-broadcast/data.js +1 -13
  17. package/lib/components/e-priority/index.css +4 -4
  18. package/lib/components/e-priority/index.js +10 -2
  19. package/lib/components/nav-top/index.js +2 -6
  20. package/lib/components/okr-detail/base-info/other-infos/date-cycle/index.js +4 -20
  21. package/lib/components/okr-detail/base-info/other-infos/principal/index.js +1 -9
  22. package/lib/components/okr-detail/components/header/index.js +3 -10
  23. package/lib/components/okr-detail/components/header/o-name.js +3 -10
  24. package/lib/components/okr-detail/components/o-classify.js +1 -5
  25. package/lib/components/okr-detail/components/okr-tree/tree-node/kr-node/index.js +14 -13
  26. package/lib/components/okr-detail/detail-header/delete-confirm/delete-confirm.js +54 -111
  27. package/lib/components/okr-detail/detail-header/delete-confirm/style.js +38 -0
  28. package/lib/components/okr-detail/detail-header/index.css +0 -11
  29. package/lib/components/okr-detail/detail-header/index.js +234 -228
  30. package/lib/components/okr-detail/index.js +4 -21
  31. package/lib/components/okr-detail/okr-list/index.js +3 -8
  32. package/lib/components/okr-detail/request-apis.js +5 -11
  33. package/lib/components/okr-period-selector/index.js +5 -9
  34. package/lib/components/okr-period-selector/select-cycle.js +19 -23
  35. package/lib/components/operation-records/index.js +1 -1
  36. package/lib/components/operation-records/style.js +1 -1
  37. package/lib/components/task-relation-modal/request-api.js +1 -2
  38. package/lib/components/task-tree/task-item-node/constant.js +13 -1
  39. package/lib/components/toast/index.js +3 -5
  40. package/lib/index.js +0 -40
  41. package/lib/pages/new-okr-list/header/index.css +0 -45
  42. package/lib/pages/new-okr-list/header/index.js +29 -51
  43. package/lib/pages/new-okr-list/index.js +1 -3
  44. package/lib/pages/new-okr-list/list/index.js +2 -19
  45. package/lib/pages/new-okr-list/request-api.js +2 -8
  46. package/lib/pages/okr-map/unsupport-ie/index.js +5 -3
  47. package/lib/utils/format-time.js +1 -8
  48. package/lib/utils/open-data.js +1 -5
  49. package/package.json +1 -1
  50. package/lib/components/okr-detail/detail-header/constant.js +0 -53
  51. package/lib/components/okr-detail/detail-header/delete-confirm/index.css +0 -59
  52. package/lib/components/okr-detail/helper.js +0 -108
  53. package/lib/components/textarea/index.css +0 -142
  54. package/lib/components/textarea/index.js +0 -259
  55. package/lib/pages/new-okr-list/header/common.js +0 -52
  56. package/lib/pages/new-okr-list/header/operate-record.js +0 -129
@@ -1,19 +1,13 @@
1
1
  "use strict";
2
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
3
  Object.defineProperty(exports, "__esModule", {
6
4
  value: true
7
5
  });
8
6
  exports["default"] = void 0;
9
7
 
10
- var _react = _interopRequireWildcard(require("react"));
11
-
12
- var _context = require("../context");
13
-
14
- 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); }
8
+ var _react = _interopRequireDefault(require("react"));
15
9
 
16
- 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; }
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
17
11
 
18
12
  function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
19
13
 
@@ -37,19 +31,8 @@ function List(props) {
37
31
  refreshList = props.refreshList,
38
32
  replaceOkr = props.replaceOkr;
39
33
  var OkrListCmp = props.OkrListCmp;
40
-
41
- var _useContext = (0, _react.useContext)(_context.Context),
42
- annualNum = _useContext.annualNum,
43
- cycleType = _useContext.cycleType,
44
- yqmNum = _useContext.yqmNum;
45
-
46
34
  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(OkrListCmp, {
47
35
  okrData: okrs,
48
- cycle: {
49
- annualNum: annualNum,
50
- cycleType: cycleType,
51
- yqmNum: yqmNum
52
- },
53
36
  addOkr: function addOkr(okr) {
54
37
  setOkrs([].concat(_toConsumableArray(okrs), [okr]));
55
38
  },
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.visitOkrCyclePag = exports.okrSearch = exports.okrList = exports.okrCrowd = exports.getUserInfoById = exports.getOperateRecordAuth = exports.getOkrInfoWithListData = exports.getCycleSetting = void 0;
6
+ exports.visitOkrCyclePag = exports.okrSearch = exports.okrList = exports.okrCrowd = exports.getUserInfoById = exports.getOkrInfoWithListData = exports.getCycleSetting = void 0;
7
7
 
8
8
  var _request = require("../../utils/request");
9
9
 
@@ -224,10 +224,4 @@ var getCycleSetting = /*#__PURE__*/function () {
224
224
  };
225
225
  }();
226
226
 
227
- exports.getCycleSetting = getCycleSetting;
228
-
229
- var getOperateRecordAuth = function getOperateRecordAuth(toUserId) {
230
- return (0, _request.rget)('v1')("okr/cycleComment/checkRole?touser_id=".concat(toUserId));
231
- };
232
-
233
- exports.getOperateRecordAuth = getOperateRecordAuth;
227
+ exports.getCycleSetting = getCycleSetting;
@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
11
11
 
12
12
  var _classnames = _interopRequireDefault(require("classnames"));
13
13
 
14
- var _okrFlow = _interopRequireDefault(require("../../../components/okr-flow"));
14
+ var _importOkrFlow = _interopRequireDefault(require("&/components/import-okr-flow"));
15
15
 
16
16
  require("./index.css");
17
17
 
@@ -61,8 +61,10 @@ function _default(props) {
61
61
  isIE && setIsIE(true);
62
62
  setLoading(false);
63
63
  } else {
64
- okrMapCmp.current = _okrFlow["default"];
65
- setLoading(false);
64
+ (0, _importOkrFlow["default"])().then(function (okrmap) {
65
+ okrMapCmp.current = okrmap.OkrSearchPanel;
66
+ setLoading(false);
67
+ });
66
68
  }
67
69
  }, []);
68
70
  if (loading) return /*#__PURE__*/_react["default"].createElement("span", null);
@@ -167,12 +167,5 @@ var showNextMonthFirstDay = function showNextMonthFirstDay() {
167
167
  };
168
168
 
169
169
  exports.showNextMonthFirstDay = showNextMonthFirstDay;
170
- var _default = {
171
- getTimeString: getTimeString,
172
- timeFormat: timeFormat,
173
- showWeekFirstDay: showWeekFirstDay,
174
- showMonthFirstDay: showMonthFirstDay,
175
- showNextWeekFirstDay: showNextWeekFirstDay,
176
- showNextMonthFirstDay: showNextMonthFirstDay
177
- };
170
+ var _default = getTimeString;
178
171
  exports["default"] = _default;
@@ -356,10 +356,6 @@ exports.parseHtmlAndTextTag = parseHtmlAndTextTag;
356
356
  var _default = {
357
357
  OpenUserName: OpenUserName,
358
358
  OpenDepartmentName: OpenDepartmentName,
359
- isWechat: isWechat,
360
- isPlatform: isPlatform,
361
- parseString: parseString,
362
- parseTag: parseTag,
363
- parseHtmlAndTextTag: parseHtmlAndTextTag
359
+ isWechat: isWechat
364
360
  };
365
361
  exports["default"] = _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@titaui/pc",
3
- "version": "1.11.40-beta.6",
3
+ "version": "1.11.42",
4
4
  "nameCN": "",
5
5
  "description": "",
6
6
  "main": "lib/index.js",
@@ -1,53 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.getApproveStatusTextMap = exports.ApproveStatusColor = exports.ApproveStatus = void 0;
7
-
8
- var _getLocale = require("../../../utils/getLocale");
9
-
10
- 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; }
11
-
12
- var ApproveStatus;
13
- exports.ApproveStatus = ApproveStatus;
14
-
15
- (function (ApproveStatus) {
16
- ApproveStatus[ApproveStatus["None"] = 0] = "None";
17
- ApproveStatus[ApproveStatus["WaitCommit"] = 6] = "WaitCommit";
18
- ApproveStatus[ApproveStatus["Rejected"] = 3] = "Rejected";
19
- ApproveStatus[ApproveStatus["UnderApproval"] = 1] = "UnderApproval";
20
- ApproveStatus[ApproveStatus["ApproveAgree"] = 2] = "ApproveAgree";
21
- ApproveStatus[ApproveStatus["WithDraw"] = 4] = "WithDraw";
22
- ApproveStatus[ApproveStatus["Done"] = 5] = "Done";
23
- })(ApproveStatus || (exports.ApproveStatus = ApproveStatus = {}));
24
-
25
- var getApproveStatusTextMap = function getApproveStatusTextMap(status) {
26
- var _ApproveStatusTextMap;
27
-
28
- var ApproveStatusTextMap = (_ApproveStatusTextMap = {}, _defineProperty(_ApproveStatusTextMap, ApproveStatus.WaitCommit, (0, _getLocale.getLocale)('OKR_MyO_Tobesubmitted')), _defineProperty(_ApproveStatusTextMap, ApproveStatus.Rejected, (0, _getLocale.getLocale)('OKR_MyO_Tobesubmitted')), _defineProperty(_ApproveStatusTextMap, ApproveStatus.UnderApproval, (0, _getLocale.getLocale)('Pro_detail_Approval')), _defineProperty(_ApproveStatusTextMap, ApproveStatus.ApproveAgree, ''), _defineProperty(_ApproveStatusTextMap, ApproveStatus.WithDraw, ''), _defineProperty(_ApproveStatusTextMap, ApproveStatus.None, ''), _defineProperty(_ApproveStatusTextMap, ApproveStatus.Done, ''), _ApproveStatusTextMap);
29
- return ApproveStatusTextMap[status];
30
- };
31
-
32
- exports.getApproveStatusTextMap = getApproveStatusTextMap;
33
-
34
- var ApproveStatusColor = function ApproveStatusColor(status) {
35
- var _ApprovalStatusColorM;
36
-
37
- var ApprovalStatusColorMap = (_ApprovalStatusColorM = {}, _defineProperty(_ApprovalStatusColorM, ApproveStatus.WaitCommit, {
38
- color: '#F0A326',
39
- bgColor: 'rgba(240, 163, 38, 0.1)'
40
- }), _defineProperty(_ApprovalStatusColorM, ApproveStatus.Rejected, {
41
- color: '#F0A326',
42
- bgColor: 'rgba(240, 163, 38, 0.1)'
43
- }), _defineProperty(_ApprovalStatusColorM, ApproveStatus.UnderApproval, {
44
- color: '#2879FF',
45
- bgColor: 'rgba(40, 121, 255, 0.1)'
46
- }), _defineProperty(_ApprovalStatusColorM, ApproveStatus.ApproveAgree, {
47
- color: '#ffffff',
48
- bgColor: '#ffffff'
49
- }), _ApprovalStatusColorM);
50
- return ApprovalStatusColorMap[status];
51
- };
52
-
53
- exports.ApproveStatusColor = ApproveStatusColor;
@@ -1,59 +0,0 @@
1
- .okr-detail-delete-confirm__option {
2
- cursor: pointer;
3
- display: flex;
4
- margin-top: 10px;
5
- }
6
-
7
- .okr-detail-delete-confirm__option-text {
8
- font-size: 14px;
9
- color: #3F4755;
10
- line-height: 22px;
11
- }
12
-
13
- .okr-detail-delete-confirm__icon {
14
- font-size: 12px;
15
- color: #89919f;
16
- vertical-align: middle;
17
- }
18
-
19
- .okr-detail-delete-confirm__icon.tu-icon-singlebox-have, .okr-detail-delete-confirm__icon.tu-icon-singlebox-avtive {
20
- margin-top: 4px;
21
- font-size: 16px;
22
- color: #2879ff;
23
- }
24
-
25
- .okr-detail-delete-confirm__icon.tu-icon-singlebox-have {
26
- color: #BFC7D5;
27
- }
28
-
29
- .okr-detail-delete-confirm__icon.tu-icon-wiki {
30
- display: inline-block;
31
- font-size: 16px;
32
- color: #acb7bf;
33
- margin-left: 4px;
34
- margin-bottom: 2px;
35
- }
36
-
37
- .okr-detail-delete-confirm .form-field-radio__radios-item {
38
- margin-top: 10px;
39
- }
40
-
41
- .isApprovalDisabled {
42
- margin-bottom: 0;
43
- padding: 5px 24px;
44
- font-size: 14px;
45
- line-height: 22px;
46
- transition: all .3s ease-in;
47
- color: #BFC7D5;
48
- cursor: pointer;
49
- display: flex;
50
- align-items: center;
51
- white-space: nowrap;
52
- }
53
-
54
- .isApprovalDisabled .options-icon {
55
- margin-right: 12px;
56
- font-size: 14px;
57
- transition: all .3s ease-in;
58
- color: #89919f;
59
- }
@@ -1,108 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.getApprovalOpenItem = exports.getApprovalOkr = exports.getApprovalKr = exports.getApprovalIsShow = exports.getApproval = exports.EApproveStatus = exports.EApprovalTypes = exports.EApprovalKrTypes = void 0;
7
- var EApprovalTypes;
8
- exports.EApprovalTypes = EApprovalTypes;
9
-
10
- (function (EApprovalTypes) {
11
- EApprovalTypes[EApprovalTypes["CreateOkr"] = 53] = "CreateOkr";
12
- EApprovalTypes[EApprovalTypes["ChangeOkrName"] = 54] = "ChangeOkrName";
13
- EApprovalTypes[EApprovalTypes["ChangeOkrTime"] = 56] = "ChangeOkrTime";
14
- EApprovalTypes[EApprovalTypes["DeleteOkr"] = 55] = "DeleteOkr";
15
- })(EApprovalTypes || (exports.EApprovalTypes = EApprovalTypes = {}));
16
-
17
- var EApprovalKrTypes;
18
- exports.EApprovalKrTypes = EApprovalKrTypes;
19
-
20
- (function (EApprovalKrTypes) {
21
- EApprovalKrTypes[EApprovalKrTypes["Createkr"] = 57] = "Createkr";
22
- EApprovalKrTypes[EApprovalKrTypes["ChangekrName"] = 58] = "ChangekrName";
23
- EApprovalKrTypes[EApprovalKrTypes["ChangekrTime"] = 60] = "ChangekrTime";
24
- EApprovalKrTypes[EApprovalKrTypes["Deletekr"] = 59] = "Deletekr";
25
- })(EApprovalKrTypes || (exports.EApprovalKrTypes = EApprovalKrTypes = {}));
26
-
27
- var EApproveStatus;
28
- exports.EApproveStatus = EApproveStatus;
29
-
30
- (function (EApproveStatus) {
31
- EApproveStatus[EApproveStatus["None"] = 0] = "None";
32
- EApproveStatus[EApproveStatus["WaitCommit"] = 6] = "WaitCommit";
33
- EApproveStatus[EApproveStatus["Rejected"] = 3] = "Rejected";
34
- EApproveStatus[EApproveStatus["UnderApproval"] = 1] = "UnderApproval";
35
- EApproveStatus[EApproveStatus["ApproveAgree"] = 2] = "ApproveAgree";
36
- EApproveStatus[EApproveStatus["WithDraw"] = 4] = "WithDraw";
37
- EApproveStatus[EApproveStatus["Done"] = 5] = "Done";
38
- })(EApproveStatus || (exports.EApproveStatus = EApproveStatus = {}));
39
-
40
- var getApprovalOpenItem = function getApprovalOpenItem(setting) {
41
- var result = {
42
- isOpen: setting.isOpened === 1,
43
- changeOkrName: false,
44
- changeOkrTime: false,
45
- deleteOkr: false,
46
- createOkr: false
47
- };
48
-
49
- if (setting !== null && setting !== void 0 && setting.okrApprovalSettings) {
50
- setting.okrApprovalSettings.forEach(function (item) {
51
- if (item.approvalType === EApprovalTypes.ChangeOkrName) {
52
- result.changeOkrName = true;
53
- } else if (item.approvalType === EApprovalTypes.ChangeOkrTime) {
54
- result.changeOkrTime = true;
55
- } else if (item.approvalType === EApprovalTypes.CreateOkr) {
56
- result.createOkr = true;
57
- } else if (item.approvalType === EApprovalTypes.DeleteOkr) {
58
- result.deleteOkr = true;
59
- }
60
- });
61
- }
62
-
63
- return result;
64
- };
65
-
66
- exports.getApprovalOpenItem = getApprovalOpenItem;
67
-
68
- var getApprovalIsShow = function getApprovalIsShow(approvalSetting, type, applyState) {
69
- var okrType = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
70
- var krType = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];
71
- {
72
- /* 有编辑权限,
73
- 且审批开关没有开启
74
- 或者审批开关开启但是没开修改okr名字审批 且(状态不是审批中或者状态审批中且不为新建)
75
- 或者开启okr审批开关 且开启okr名字审批 且当前状态不是审批中的时候是可编辑的 */
76
- }
77
- var okrCreate = okrType === null || okrType === void 0 ? void 0 : okrType.includes(EApprovalTypes.CreateOkr);
78
- var krCreate = krType === null || krType === void 0 ? void 0 : krType.includes(EApprovalKrTypes.Createkr);
79
- var isCreate = okrCreate || krCreate;
80
- return !approvalSetting.isOpen || approvalSetting.isOpen && !(approvalSetting !== null && approvalSetting !== void 0 && approvalSetting[type]) && (applyState !== EApproveStatus.UnderApproval || applyState === EApproveStatus.UnderApproval && !isCreate) || approvalSetting.isOpen && (approvalSetting === null || approvalSetting === void 0 ? void 0 : approvalSetting[type]) && applyState !== EApproveStatus.UnderApproval;
81
- };
82
-
83
- exports.getApprovalIsShow = getApprovalIsShow;
84
-
85
- var getApproval = function getApproval(approvalSetting, type, applyState, isCreate) {
86
- return !(!(approvalSetting !== null && approvalSetting !== void 0 && approvalSetting[type]) && applyState === EApproveStatus.UnderApproval && isCreate || approvalSetting !== null && approvalSetting !== void 0 && approvalSetting[type] && applyState === EApproveStatus.UnderApproval);
87
- };
88
-
89
- exports.getApproval = getApproval;
90
-
91
- var getApprovalOkr = function getApprovalOkr(approvalSetting, type, applyState) {
92
- var okrType = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
93
- var okrCreate = okrType === null || okrType === void 0 ? void 0 : okrType.includes(EApprovalTypes.CreateOkr);
94
- return getApproval(approvalSetting, type, applyState, okrCreate);
95
- };
96
-
97
- exports.getApprovalOkr = getApprovalOkr;
98
-
99
- var getApprovalKr = function getApprovalKr(approvalSetting, type, applyState) {
100
- var okrType = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
101
- var krType = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];
102
- var okrCreate = okrType === null || okrType === void 0 ? void 0 : okrType.includes(EApprovalTypes.CreateOkr);
103
- var krCreate = krType === null || krType === void 0 ? void 0 : krType.includes(EApprovalKrTypes.Createkr);
104
- var isCreate = okrCreate || krCreate;
105
- return getApproval(approvalSetting, type, applyState, isCreate);
106
- };
107
-
108
- exports.getApprovalKr = getApprovalKr;
@@ -1,142 +0,0 @@
1
- .titaui-textArea {
2
- box-sizing: border-box;
3
- position: relative;
4
- min-height: 36px;
5
- background: #ffffff;
6
- cursor: text;
7
- border-radius: 8px;
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
- }
121
-
122
- .commonTextAreaWrapperTopShadow::before {
123
- content: '';
124
- border-radius: 8px;
125
- height: 30px;
126
- background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
127
- position: absolute;
128
- top: 0;
129
- width: 100%;
130
- z-index: 2;
131
- }
132
-
133
- .commonTextAreaWrapperBottomShadow::after {
134
- content: '';
135
- border-radius: 8px;
136
- height: 30px;
137
- background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
138
- position: absolute;
139
- bottom: 0;
140
- width: 100%;
141
- z-index: 2;
142
- }