@titaui/pc 1.11.4 → 1.11.5-beta.3

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 (28) hide show
  1. package/lib/components/button/rect-btn/index.css +25 -11
  2. package/lib/components/button/rect-btn/index.js +8 -4
  3. package/lib/components/create-okr-modal/request-api.js +1 -1
  4. package/lib/components/drawer/index.js +23 -5
  5. package/lib/components/nav-top/index.js +6 -2
  6. package/lib/components/okr-flow/child-node/index.css +46 -10
  7. package/lib/components/okr-flow/child-node/work-node.js +19 -3
  8. package/lib/components/okr-flow/export-modal/index.js +26 -2
  9. package/lib/components/okr-flow/export-modules/okr-search-panel/index.js +14 -9
  10. package/lib/components/okr-flow/okr-map/index.js +32 -14
  11. package/lib/components/okr-flow/request-apis.js +11 -4
  12. package/lib/components/okr-flow/utils/index.js +68 -28
  13. package/lib/components/okr-flow/utils/tree-handler.js +9 -1
  14. package/lib/components/textarea/index.css +120 -0
  15. package/lib/components/textarea/index.js +257 -0
  16. package/lib/index.js +40 -0
  17. package/lib/pages/new-okr-list/header/common.js +52 -0
  18. package/lib/pages/new-okr-list/header/index.css +45 -0
  19. package/lib/pages/new-okr-list/header/index.js +28 -16
  20. package/lib/pages/new-okr-list/header/operate-record.js +88 -0
  21. package/lib/pages/new-okr-list/index.js +3 -1
  22. package/lib/pages/okr-map/export-modules/okr-map/header/index.css +1 -1
  23. package/lib/pages/okr-map/export-modules/okr-map/header/index.js +29 -4
  24. package/lib/pages/okr-map/export-modules/okr-map/okr-map.js +27 -17
  25. package/lib/pages/okr-map/number-select/index.css +0 -1
  26. package/lib/utils/format-time.js +8 -1
  27. package/lib/utils/open-data.js +5 -1
  28. package/package.json +1 -1
@@ -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"]
@@ -23,43 +29,77 @@ exports.nodeTypes = nodeTypes;
23
29
 
24
30
  var getLayoutedElements = function getLayoutedElements(elements) {
25
31
  var direction = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "horizontal";
26
- 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 {};
32
- });
33
- dagreGraph.setGraph({
32
+ var isHorizontal = direction === "horizontal"; // const dagreGraph = new dagre.graphlib.Graph();
33
+ // dagreGraph.setDefaultEdgeLabel(() => ({}));
34
+ // dagreGraph.setGraph({ rankdir: isHorizontal ? "LR" : "TB", ranksep: 80,nodesep:12});
35
+ // elements.forEach((el) => {
36
+ // if (isNode(el)) {
37
+ // // debugger
38
+ // // let krsLength = el?.data?.data?.Krs?.length || 0
39
+ // // if(krsLength){
40
+ // // debugger
41
+ // // nodeHeight = nodeHeight + (krsLength*20)
42
+ // // }
43
+ // // const nodeElement = document.querySelector(`.react-flow__node[data-id="${Number(el.id)}"]`);
44
+ // console.log(el.__rf)
45
+ // dagreGraph.setNode(el.id, { width: el.__rf?.width || 0, height:el.__rf?.height || 0 });
46
+ // } else {
47
+ // dagreGraph.setEdge(el.source, el.target)
48
+ // }
49
+ // });
50
+ // dagre.layout(dagreGraph);
51
+ // return elements.map((el) => {
52
+ // if (isNode(el)) {
53
+ // const 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
+ // };
60
+ // }
61
+ // return el;
62
+ // });
63
+
64
+ var g = new _dagre["default"].graphlib.Graph();
65
+ g.setGraph({
34
66
  rankdir: isHorizontal ? "LR" : "TB",
35
- ranksep: 80,
36
- nodesep: 12
67
+ nodesep: 12,
68
+ ranksep: 80
37
69
  });
38
- elements.forEach(function (el) {
39
- if ((0, _reactFlowRenderer.isNode)(el)) {
40
- dagreGraph.setNode(el.id, {
41
- width: nodeWidth,
42
- height: nodeHeight
70
+ g.setDefaultEdgeLabel(function () {
71
+ return {};
72
+ });
73
+ elements.forEach(function (element) {
74
+ if ((0, _reactFlowRenderer.isNode)(element)) {
75
+ var _element$__rf, _element$__rf2;
76
+
77
+ g.setNode(element.id, {
78
+ label: element.id,
79
+ width: (_element$__rf = element.__rf) === null || _element$__rf === void 0 ? void 0 : _element$__rf.width,
80
+ height: (_element$__rf2 = element.__rf) === null || _element$__rf2 === void 0 ? void 0 : _element$__rf2.height
43
81
  });
44
82
  } else {
45
- dagreGraph.setEdge(el.source, el.target);
83
+ g.setEdge(element.source, element.target);
46
84
  }
47
85
  });
48
86
 
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
- };
87
+ _dagre["default"].layout(g);
88
+
89
+ return elements.map(function (element) {
90
+ if ((0, _reactFlowRenderer.isNode)(element)) {
91
+ var node = g.node(element.id);
92
+ return _objectSpread(_objectSpread({}, element), {}, {
93
+ targetPosition: isHorizontal ? "left" : "top",
94
+ sourcePosition: isHorizontal ? "right" : "bottom",
95
+ position: {
96
+ x: node.x - node.width / 2,
97
+ y: node.y - node.height / 2
98
+ }
99
+ });
60
100
  }
61
101
 
62
- return el;
102
+ return element;
63
103
  });
64
104
  };
65
105
 
@@ -142,7 +142,11 @@ var flatTree = function flatTree(current, elements, showkr) {
142
142
  elements.push({
143
143
  id: "".concat(id),
144
144
  type: "RootNode",
145
- data: data
145
+ data: data,
146
+ position: {
147
+ x: 0,
148
+ y: 0
149
+ }
146
150
  });
147
151
  } else {
148
152
  var isChildExpand = false;
@@ -164,6 +168,10 @@ var flatTree = function flatTree(current, elements, showkr) {
164
168
  elements.push({
165
169
  id: "".concat(id),
166
170
  type: "ChildNode",
171
+ position: {
172
+ x: 0,
173
+ y: 0
174
+ },
167
175
  data: {
168
176
  id: id,
169
177
  data: data,
@@ -0,0 +1,120 @@
1
+ .inputWrapper {
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
+ .inputWrapper.has-error {
15
+ border: 1px solid #f05e5e !important;
16
+ }
17
+
18
+ .inputWrapper:hover {
19
+ border: 1px solid #2879ff;
20
+ }
21
+
22
+ .inputWrapper > 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
+ .inputWrapper > input ::-webkit-input-placeholder {
35
+ color: #bfc7d5;
36
+ }
37
+
38
+ .inputWrapper > input :-ms-input-placeholder {
39
+ color: #bfc7d5;
40
+ }
41
+
42
+ .inputWrapper > input :-moz-input-placeholder {
43
+ color: #bfc7d5;
44
+ }
45
+
46
+ .inputWrapper 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
+ .inputWrapper textarea ::-webkit-input-placeholder {
64
+ color: #bfc7d5;
65
+ }
66
+
67
+ .inputWrapper textarea :-ms-input-placeholder {
68
+ color: #bfc7d5;
69
+ }
70
+
71
+ .inputWrapper textarea :-moz-input-placeholder {
72
+ color: #bfc7d5;
73
+ }
74
+
75
+ .inputWrapper.disabled {
76
+ background-color: rgba(240, 242, 245, 0.4);
77
+ border-color: #f0f2f5;
78
+ color: #bfc7d5;
79
+ cursor: default;
80
+ }
81
+
82
+ .inputWrapper.disabled > input,
83
+ .inputWrapper.disabled textarea,
84
+ .inputWrapper.disabled .tail-wrapper {
85
+ color: #bfc7d5;
86
+ }
87
+
88
+ .inputWrapper.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 = "inputWrapper";
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() {
@@ -465,6 +489,12 @@ Object.defineProperty(exports, "TaskRelationModal", {
465
489
  return _taskRelationModal["default"];
466
490
  }
467
491
  });
492
+ Object.defineProperty(exports, "Textarea", {
493
+ enumerable: true,
494
+ get: function get() {
495
+ return _textarea["default"];
496
+ }
497
+ });
468
498
  Object.defineProperty(exports, "TitaChart", {
469
499
  enumerable: true,
470
500
  get: function get() {
@@ -766,4 +796,14 @@ var _videoModal = _interopRequireDefault(require("./components/video-modal"));
766
796
 
767
797
  var _supersetCharts = _interopRequireDefault(require("./components/superset-charts"));
768
798
 
799
+ var _conditionRender = _interopRequireDefault(require("./components/condition-render"));
800
+
801
+ var _publishDynamicModal = _interopRequireDefault(require("./components/publish-dynamic-modal"));
802
+
803
+ var _dangerousHtml = _interopRequireDefault(require("./components/dangerous-html"));
804
+
805
+ var _textarea = _interopRequireDefault(require("./components/textarea"));
806
+
807
+ var _formatTime = _interopRequireDefault(require("./utils/format-time"));
808
+
769
809
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -0,0 +1,52 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.formatPeriod = void 0;
7
+
8
+ var _getLocale = require("../../../utils/getLocale");
9
+
10
+ var _constant = require("../../../utils/constant");
11
+
12
+ var formatPeriod = function formatPeriod(selected) {
13
+ if (!selected) return "";
14
+ var quarter = ["", "".concat((0, _getLocale.getLocale)("OKR_MyO_Pop_1stQuarter")), "".concat((0, _getLocale.getLocale)("OKR_MyO_Pop_2ndQuarter")), "".concat((0, _getLocale.getLocale)("OKR_MyO_Pop_3rdQuarter")), "".concat((0, _getLocale.getLocale)("OKR_MyO_Pop_4thQuarter"))];
15
+ var cycleDate = "";
16
+ var annualNum = Number("".concat(selected.annualNum)) === -1 ? "".concat((0, _getLocale.getLocale)("OKR_MyO_Butt_Allyears")) : "".concat(selected.annualNum).concat(_getLocale.isEn ? "" : "年");
17
+ var month = (0, _constant.getMonth)();
18
+
19
+ switch ("".concat(selected.cycleType)) {
20
+ case "-1":
21
+ cycleDate = "".concat((0, _getLocale.getLocale)("OKR_MyO_Butt_AllStatee"));
22
+ break;
23
+
24
+ case "1":
25
+ cycleDate = "".concat((0, _getLocale.getLocale)("OKR_MyO_Pop_Year"));
26
+ break;
27
+
28
+ case "2":
29
+ // 季度
30
+ cycleDate = quarter[Number(selected.yqmNum)];
31
+ break;
32
+
33
+ case "3":
34
+ cycleDate = month[Number(selected.yqmNum) - 1];
35
+ break;
36
+
37
+ case "4":
38
+ cycleDate = "".concat(month[Number(selected.yqmNum) - 1], " - ").concat(month[((Number(selected.yqmNum) + 1) % 12 || 12) - 1]);
39
+ break;
40
+
41
+ case "5":
42
+ cycleDate = Number("".concat(selected.yqmNum)) === 1 ? "".concat((0, _getLocale.getLocale)("OKR_MyO_Pop_Firsthalf")) : "".concat((0, _getLocale.getLocale)("OKR_MyO_Pop_Secondhalf"));
43
+ break;
44
+
45
+ default:
46
+ cycleDate = "".concat((0, _getLocale.getLocale)("Mod_Customization"));
47
+ }
48
+
49
+ return "".concat(annualNum, " ").concat(cycleDate);
50
+ };
51
+
52
+ exports.formatPeriod = formatPeriod;