@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.
- package/.husky/pre-commit +1 -1
- package/lib/components/avatar/name-avatar/index.css +1 -0
- package/lib/components/avatar/name-avatar/index.js +22 -13
- 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/headerAction.js +5 -1
- package/lib/components/drawer/headerDrop.js +41 -4
- package/lib/components/drawer/index.css +44 -0
- package/lib/components/drawer/index.js +35 -6
- package/lib/components/dynamic/constant.js +9 -5
- package/lib/components/dynamic/dynamic-item/components/feed-operate/index.css +2 -0
- package/lib/components/dynamic/dynamic-item/dynamic-ai-dialy/dynamic-footer.js +243 -0
- package/lib/components/dynamic/dynamic-item/dynamic-ai-dialy/index.js +5 -1
- package/lib/components/dynamic/dynamic-item/dynamic-kr/index.js +1 -1
- package/lib/components/dynamic/dynamic-item/dynamic-task/index.js +1 -1
- package/lib/components/dynamic/dynamic-item/index.js +10 -11
- package/lib/components/e-priority/index.js +10 -4
- package/lib/components/icon-button-list/index.css +1 -1
- package/lib/components/nav-top/index.js +6 -2
- package/lib/components/okr-detail/components/header/index.js +9 -3
- package/lib/components/okr-detail/components/header/o-name.js +9 -3
- package/lib/components/okr-detail/components/o-classify.js +5 -1
- package/lib/components/okr-detail/components/okr-tree/tree-node/kr-node/index.js +10 -6
- package/lib/components/okr-detail/detail-header/constant.js +53 -0
- package/lib/components/okr-detail/detail-header/index.js +12 -1
- package/lib/components/okr-detail/helper.js +62 -0
- package/lib/components/okr-detail/index.js +21 -2
- package/lib/components/okr-detail/okr-list/index.js +7 -2
- package/lib/components/okr-detail/request-apis.js +7 -1
- package/lib/components/okr-flow/child-node/index.css +54 -15
- package/lib/components/okr-flow/child-node/work-node.js +19 -3
- package/lib/components/okr-flow/empty/index.css +8 -1
- package/lib/components/okr-flow/export-modal/index.js +26 -2
- package/lib/components/okr-flow/export-modules/okr-search-panel/index.css +3 -1
- package/lib/components/okr-flow/export-modules/okr-search-panel/index.js +14 -9
- package/lib/components/okr-flow/images/loading-light.gif +0 -0
- 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/root-node/index.css +2 -2
- package/lib/components/okr-flow/utils/index.js +43 -26
- package/lib/components/okr-flow/utils/tree-handler.js +14 -3
- package/lib/components/okrcase-library/okrcases-components/submitOkr-dialog.js +1 -0
- package/lib/components/period-selector/index.js +3 -0
- 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/new-okr-list/list/index.js +19 -2
- package/lib/pages/okr-map/export-modules/okr-map/header/index.css +6 -1
- package/lib/pages/okr-map/export-modules/okr-map/header/index.js +47 -13
- package/lib/pages/okr-map/export-modules/okr-map/okr-map.js +27 -17
- package/lib/pages/okr-map/number-select/index.css +4 -1
- package/lib/pages/okr-map/number-select/index.js +1 -1
- package/lib/utils/format-time.js +8 -1
- package/lib/utils/open-data.js +43 -19
- 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"]
|
|
@@ -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
|
|
28
|
-
|
|
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
|
-
|
|
36
|
+
g.setGraph({
|
|
34
37
|
rankdir: isHorizontal ? "LR" : "TB",
|
|
35
|
-
|
|
36
|
-
|
|
38
|
+
nodesep: 12,
|
|
39
|
+
ranksep: 80
|
|
37
40
|
});
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
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
|
-
|
|
60
|
+
g.setEdge(element.source, element.target);
|
|
46
61
|
}
|
|
47
62
|
});
|
|
48
63
|
|
|
49
|
-
_dagre["default"].layout(
|
|
50
|
-
|
|
51
|
-
return elements.map(function (
|
|
52
|
-
if ((0, _reactFlowRenderer.isNode)(
|
|
53
|
-
var
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
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
|
|
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 }; }
|