@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.
- package/lib/components/button/rect-btn/index.css +25 -11
- package/lib/components/button/rect-btn/index.js +8 -4
- package/lib/components/create-okr-modal/request-api.js +1 -1
- package/lib/components/drawer/index.js +23 -5
- package/lib/components/nav-top/index.js +6 -2
- package/lib/components/okr-flow/child-node/index.css +46 -10
- package/lib/components/okr-flow/child-node/work-node.js +19 -3
- package/lib/components/okr-flow/export-modal/index.js +26 -2
- package/lib/components/okr-flow/export-modules/okr-search-panel/index.js +14 -9
- package/lib/components/okr-flow/okr-map/index.js +32 -14
- package/lib/components/okr-flow/request-apis.js +11 -4
- package/lib/components/okr-flow/utils/index.js +68 -28
- package/lib/components/okr-flow/utils/tree-handler.js +9 -1
- package/lib/components/textarea/index.css +120 -0
- package/lib/components/textarea/index.js +257 -0
- package/lib/index.js +40 -0
- package/lib/pages/new-okr-list/header/common.js +52 -0
- package/lib/pages/new-okr-list/header/index.css +45 -0
- package/lib/pages/new-okr-list/header/index.js +28 -16
- package/lib/pages/new-okr-list/header/operate-record.js +88 -0
- package/lib/pages/new-okr-list/index.js +3 -1
- package/lib/pages/okr-map/export-modules/okr-map/header/index.css +1 -1
- package/lib/pages/okr-map/export-modules/okr-map/header/index.js +29 -4
- package/lib/pages/okr-map/export-modules/okr-map/okr-map.js +27 -17
- package/lib/pages/okr-map/number-select/index.css +0 -1
- package/lib/utils/format-time.js +8 -1
- package/lib/utils/open-data.js +5 -1
- 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
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
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
|
-
|
|
36
|
-
|
|
67
|
+
nodesep: 12,
|
|
68
|
+
ranksep: 80
|
|
37
69
|
});
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
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
|
-
|
|
83
|
+
g.setEdge(element.source, element.target);
|
|
46
84
|
}
|
|
47
85
|
});
|
|
48
86
|
|
|
49
|
-
_dagre["default"].layout(
|
|
50
|
-
|
|
51
|
-
return elements.map(function (
|
|
52
|
-
if ((0, _reactFlowRenderer.isNode)(
|
|
53
|
-
var
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
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
|
|
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;
|