@titaui/pc 1.11.10 → 1.11.13-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. package/.husky/pre-commit +1 -1
  2. package/lib/components/avatar/name-avatar/index.css +1 -0
  3. package/lib/components/avatar/name-avatar/index.js +22 -13
  4. package/lib/components/button/rect-btn/index.css +25 -11
  5. package/lib/components/button/rect-btn/index.js +8 -4
  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 +41 -4
  9. package/lib/components/drawer/index.css +44 -0
  10. package/lib/components/drawer/index.js +35 -6
  11. package/lib/components/dynamic/constant.js +9 -5
  12. package/lib/components/dynamic/dynamic-item/components/feed-operate/index.css +2 -0
  13. package/lib/components/dynamic/dynamic-item/dynamic-ai-dialy/dynamic-footer.js +243 -0
  14. package/lib/components/dynamic/dynamic-item/dynamic-ai-dialy/index.js +5 -1
  15. package/lib/components/dynamic/dynamic-item/dynamic-kr/index.js +1 -1
  16. package/lib/components/dynamic/dynamic-item/dynamic-task/index.js +1 -1
  17. package/lib/components/dynamic/dynamic-item/index.js +10 -11
  18. package/lib/components/e-priority/index.js +10 -4
  19. package/lib/components/icon-button-list/index.css +1 -1
  20. package/lib/components/nav-top/index.js +6 -2
  21. package/lib/components/okr-detail/components/header/index.js +9 -3
  22. package/lib/components/okr-detail/components/header/o-name.js +9 -3
  23. package/lib/components/okr-detail/components/o-classify.js +5 -1
  24. package/lib/components/okr-detail/components/okr-tree/tree-node/kr-node/index.js +10 -6
  25. package/lib/components/okr-detail/detail-header/constant.js +53 -0
  26. package/lib/components/okr-detail/detail-header/index.js +12 -1
  27. package/lib/components/okr-detail/helper.js +62 -0
  28. package/lib/components/okr-detail/index.js +21 -2
  29. package/lib/components/okr-detail/okr-list/index.js +7 -2
  30. package/lib/components/okr-detail/request-apis.js +7 -1
  31. package/lib/components/okr-flow/child-node/index.css +54 -15
  32. package/lib/components/okr-flow/child-node/work-node.js +19 -3
  33. package/lib/components/okr-flow/empty/index.css +8 -1
  34. package/lib/components/okr-flow/export-modal/index.js +26 -2
  35. package/lib/components/okr-flow/export-modules/okr-search-panel/index.css +3 -1
  36. package/lib/components/okr-flow/export-modules/okr-search-panel/index.js +14 -9
  37. package/lib/components/okr-flow/images/loading-light.gif +0 -0
  38. package/lib/components/okr-flow/okr-map/index.js +32 -14
  39. package/lib/components/okr-flow/request-apis.js +11 -4
  40. package/lib/components/okr-flow/root-node/index.css +2 -2
  41. package/lib/components/okr-flow/utils/index.js +43 -26
  42. package/lib/components/okr-flow/utils/tree-handler.js +14 -3
  43. package/lib/components/okrcase-library/okrcases-components/submitOkr-dialog.js +1 -0
  44. package/lib/components/period-selector/index.js +3 -0
  45. package/lib/components/textarea/index.css +120 -0
  46. package/lib/components/textarea/index.js +257 -0
  47. package/lib/index.js +40 -0
  48. package/lib/pages/new-okr-list/header/common.js +52 -0
  49. package/lib/pages/new-okr-list/header/index.css +45 -0
  50. package/lib/pages/new-okr-list/header/index.js +28 -16
  51. package/lib/pages/new-okr-list/header/operate-record.js +88 -0
  52. package/lib/pages/new-okr-list/index.js +3 -1
  53. package/lib/pages/new-okr-list/list/index.js +19 -2
  54. package/lib/pages/okr-map/export-modules/okr-map/header/index.css +6 -1
  55. package/lib/pages/okr-map/export-modules/okr-map/header/index.js +47 -13
  56. package/lib/pages/okr-map/export-modules/okr-map/okr-map.js +27 -17
  57. package/lib/pages/okr-map/number-select/index.css +4 -1
  58. package/lib/pages/okr-map/number-select/index.js +1 -1
  59. package/lib/utils/format-time.js +8 -1
  60. package/lib/utils/open-data.js +43 -19
  61. package/package.json +1 -1
@@ -1,6 +1,6 @@
1
1
  .titaui-okr-flow--root-node {
2
- padding: 5px 12px;
3
- background: #f0f2f5;
2
+ padding: 4px 12px;
3
+ background: rgba(255, 255, 255, 0.6);
4
4
  border-radius: 16px;
5
5
  color: #89919f;
6
6
  }
@@ -15,6 +15,12 @@ var _rootNode = _interopRequireDefault(require("../root-node"));
15
15
 
16
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
17
17
 
18
+ 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; }
19
+
20
+ 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; }
21
+
22
+ 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; }
23
+
18
24
  var nodeTypes = {
19
25
  ChildNode: _childNode["default"],
20
26
  RootNode: _rootNode["default"]
@@ -24,42 +30,53 @@ exports.nodeTypes = nodeTypes;
24
30
  var getLayoutedElements = function getLayoutedElements(elements) {
25
31
  var direction = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "horizontal";
26
32
  var isHorizontal = direction === "horizontal";
27
- var nodeWidth = 320;
28
- var nodeHeight = 96;
29
- var dagreGraph = new _dagre["default"].graphlib.Graph();
30
- dagreGraph.setDefaultEdgeLabel(function () {
31
- return {};
33
+ var g = new _dagre["default"].graphlib.Graph({
34
+ compound: true
32
35
  });
33
- dagreGraph.setGraph({
36
+ g.setGraph({
34
37
  rankdir: isHorizontal ? "LR" : "TB",
35
- ranksep: 80,
36
- nodesep: 12
38
+ nodesep: 12,
39
+ ranksep: 80
37
40
  });
38
- elements.forEach(function (el) {
39
- if ((0, _reactFlowRenderer.isNode)(el)) {
40
- dagreGraph.setNode(el.id, {
41
- width: nodeWidth,
42
- height: nodeHeight
41
+ g.setDefaultEdgeLabel(function () {
42
+ return {};
43
+ });
44
+ elements.forEach(function (element) {
45
+ if ((0, _reactFlowRenderer.isNode)(element)) {
46
+ var _element$__rf, _element$__rf2;
47
+
48
+ // const { data,id } = element
49
+ // if(id!=="0"){
50
+ // const {parentId} = data
51
+ // if(parentId===0||parentId){
52
+ // g.setParent(id, parentId+"");
53
+ // }
54
+ // }
55
+ g.setNode(element.id, {
56
+ width: (_element$__rf = element.__rf) === null || _element$__rf === void 0 ? void 0 : _element$__rf.width,
57
+ height: (_element$__rf2 = element.__rf) === null || _element$__rf2 === void 0 ? void 0 : _element$__rf2.height
43
58
  });
44
59
  } else {
45
- dagreGraph.setEdge(el.source, el.target);
60
+ g.setEdge(element.source, element.target);
46
61
  }
47
62
  });
48
63
 
49
- _dagre["default"].layout(dagreGraph);
50
-
51
- return elements.map(function (el) {
52
- if ((0, _reactFlowRenderer.isNode)(el)) {
53
- var nodeWithPosition = dagreGraph.node(el.id);
54
- el.targetPosition = isHorizontal ? "left" : "top";
55
- el.sourcePosition = isHorizontal ? "right" : "bottom";
56
- el.position = {
57
- x: nodeWithPosition.x,
58
- y: nodeWithPosition.y
59
- };
64
+ _dagre["default"].layout(g);
65
+
66
+ return elements.map(function (element) {
67
+ if ((0, _reactFlowRenderer.isNode)(element)) {
68
+ var node = g.node(element.id);
69
+ return _objectSpread(_objectSpread({}, element), {}, {
70
+ targetPosition: isHorizontal ? "left" : "top",
71
+ sourcePosition: isHorizontal ? "right" : "bottom",
72
+ position: {
73
+ x: node.x - node.width / 2,
74
+ y: node.y - node.height / 2
75
+ }
76
+ });
60
77
  }
61
78
 
62
- return el;
79
+ return element;
63
80
  });
64
81
  };
65
82
 
@@ -130,6 +130,7 @@ exports.formatNodes = formatNodes;
130
130
 
131
131
  var flatTree = function flatTree(current, elements, showkr) {
132
132
  var isParentExpand = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
133
+ var parentId = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
133
134
  if (!current) return;
134
135
  var id = current.id,
135
136
  data = current.data,
@@ -142,7 +143,12 @@ var flatTree = function flatTree(current, elements, showkr) {
142
143
  elements.push({
143
144
  id: "".concat(id),
144
145
  type: "RootNode",
145
- data: data
146
+ data: data,
147
+ isParent: true,
148
+ position: {
149
+ x: 0,
150
+ y: 0
151
+ }
146
152
  });
147
153
  } else {
148
154
  var isChildExpand = false;
@@ -164,11 +170,16 @@ var flatTree = function flatTree(current, elements, showkr) {
164
170
  elements.push({
165
171
  id: "".concat(id),
166
172
  type: "ChildNode",
173
+ position: {
174
+ x: 0,
175
+ y: 0
176
+ },
167
177
  data: {
168
178
  id: id,
169
179
  data: data,
170
180
  isParentExpand: isParentExpand,
171
181
  isChildExpand: isChildExpand,
182
+ parentId: parentId,
172
183
  modelType: modelType,
173
184
  isSearchRes: isSearchRes
174
185
  }
@@ -191,7 +202,7 @@ var flatTree = function flatTree(current, elements, showkr) {
191
202
  source: "".concat(id),
192
203
  target: "".concat(sub.id)
193
204
  });
194
- flatTree(sub, elements, showkr, current.modelType != "root");
205
+ flatTree(sub, elements, showkr, current.modelType != "root", id);
195
206
  });
196
207
  }
197
208
  } else {
@@ -200,7 +211,7 @@ var flatTree = function flatTree(current, elements, showkr) {
200
211
  source: "".concat(id),
201
212
  target: "".concat(child.id)
202
213
  });
203
- flatTree(child, elements, showkr, current.modelType != "root");
214
+ flatTree(child, elements, showkr, current.modelType != "root", id);
204
215
  }
205
216
  });
206
217
  }
@@ -303,6 +303,7 @@ function PayDialog(props) {
303
303
  if (payCode === "wxPay") {
304
304
  e.preventDefault();
305
305
  var path = window.location.href.split("#")[0];
306
+ path = path.replace(/eLearningHome/, "Home");
306
307
  var encode = encodeURIComponent("orderId=".concat(orderId, "&payCode=").concat(payCode, "&payName=").concat(payName));
307
308
  window.open("".concat(path, "#/pay?").concat(encode), "_blank"); // postWxPayOrder({
308
309
  // order_id: orderId,
@@ -73,6 +73,8 @@ function PeriodSelector(_ref) {
73
73
  wrapperStyle = _ref.wrapperStyle,
74
74
  popClass = _ref.popClass,
75
75
  style = _ref.style,
76
+ _ref$buttonClass = _ref.buttonClass,
77
+ buttonClass = _ref$buttonClass === void 0 ? "" : _ref$buttonClass,
76
78
  _ref$noBorder = _ref.noBorder,
77
79
  noBorder = _ref$noBorder === void 0 ? false : _ref$noBorder;
78
80
 
@@ -174,6 +176,7 @@ function PeriodSelector(_ref) {
174
176
  className: className
175
177
  }, children || /*#__PURE__*/_react["default"].createElement(_button["default"], {
176
178
  type: "default",
179
+ className: buttonClass,
177
180
  style: noBorder ? {
178
181
  padding: "0",
179
182
  border: "none"
@@ -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;
package/lib/index.js CHANGED
@@ -51,6 +51,12 @@ Object.defineProperty(exports, "Communication", {
51
51
  return _communication["default"];
52
52
  }
53
53
  });
54
+ Object.defineProperty(exports, "ConditionRender", {
55
+ enumerable: true,
56
+ get: function get() {
57
+ return _conditionRender["default"];
58
+ }
59
+ });
54
60
  Object.defineProperty(exports, "Confidence", {
55
61
  enumerable: true,
56
62
  get: function get() {
@@ -63,6 +69,12 @@ Object.defineProperty(exports, "CreateOkrModal", {
63
69
  return _createOkrModal["default"];
64
70
  }
65
71
  });
72
+ Object.defineProperty(exports, "DangerousHtml", {
73
+ enumerable: true,
74
+ get: function get() {
75
+ return _dangerousHtml["default"];
76
+ }
77
+ });
66
78
  Object.defineProperty(exports, "DatePicker", {
67
79
  enumerable: true,
68
80
  get: function get() {
@@ -159,6 +171,12 @@ Object.defineProperty(exports, "Form", {
159
171
  return _form["default"];
160
172
  }
161
173
  });
174
+ Object.defineProperty(exports, "FormatTime", {
175
+ enumerable: true,
176
+ get: function get() {
177
+ return _formatTime["default"];
178
+ }
179
+ });
162
180
  Object.defineProperty(exports, "GridLayout", {
163
181
  enumerable: true,
164
182
  get: function get() {
@@ -375,6 +393,12 @@ Object.defineProperty(exports, "Progress", {
375
393
  return _progress["default"];
376
394
  }
377
395
  });
396
+ Object.defineProperty(exports, "PublishDynamicModal", {
397
+ enumerable: true,
398
+ get: function get() {
399
+ return _publishDynamicModal["default"];
400
+ }
401
+ });
378
402
  Object.defineProperty(exports, "Radio", {
379
403
  enumerable: true,
380
404
  get: function get() {
@@ -471,6 +495,12 @@ Object.defineProperty(exports, "TaskRelationModal", {
471
495
  return _taskRelationModal["default"];
472
496
  }
473
497
  });
498
+ Object.defineProperty(exports, "Textarea", {
499
+ enumerable: true,
500
+ get: function get() {
501
+ return _textarea["default"];
502
+ }
503
+ });
474
504
  Object.defineProperty(exports, "TitaChart", {
475
505
  enumerable: true,
476
506
  get: function get() {
@@ -782,4 +812,14 @@ var _weeklyReport = _interopRequireDefault(require("./components/weekly-report")
782
812
 
783
813
  var _wechatBtn = _interopRequireDefault(require("./components/wechat-btn"));
784
814
 
815
+ var _conditionRender = _interopRequireDefault(require("./components/condition-render"));
816
+
817
+ var _publishDynamicModal = _interopRequireDefault(require("./components/publish-dynamic-modal"));
818
+
819
+ var _dangerousHtml = _interopRequireDefault(require("./components/dangerous-html"));
820
+
821
+ var _textarea = _interopRequireDefault(require("./components/textarea"));
822
+
823
+ var _formatTime = _interopRequireDefault(require("./utils/format-time"));
824
+
785
825
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }