tntd 3.0.56 → 3.0.57
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/es/handle-icon/index.js +129 -115
- package/es/handle-icon/index.js.map +1 -1
- package/es/query-form/Field/Composition/FieldPopover.js +2 -4
- package/es/query-form/Field/Composition/FieldPopover.js.map +1 -1
- package/es/query-form/Field/Composition/FieldPopover.less +3 -9
- package/es/query-form/Field/Composition/ValueTag.js +1 -2
- package/es/query-form/Field/Composition/ValueTag.js.map +1 -1
- package/es/query-form/Field/Composition/index.less +14 -36
- package/lib/handle-icon/index.d.ts.map +1 -1
- package/lib/handle-icon/index.js +160 -115
- package/lib/handle-icon/index.js.map +1 -1
- package/lib/query-form/Field/Composition/FieldPopover.js +2 -4
- package/lib/query-form/Field/Composition/FieldPopover.js.map +1 -1
- package/lib/query-form/Field/Composition/FieldPopover.less +3 -9
- package/lib/query-form/Field/Composition/ValueTag.d.ts.map +1 -1
- package/lib/query-form/Field/Composition/ValueTag.js +1 -2
- package/lib/query-form/Field/Composition/ValueTag.js.map +1 -1
- package/lib/query-form/Field/Composition/index.less +14 -36
- package/package.json +1 -1
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
max-height: 162px;
|
|
8
8
|
overflow-x: hidden;
|
|
9
9
|
cursor: text;
|
|
10
|
-
padding:
|
|
10
|
+
padding: 2px @padding-xl;
|
|
11
11
|
position: relative;
|
|
12
12
|
box-sizing: border-box;
|
|
13
13
|
background-color: @select-background;
|
|
@@ -17,16 +17,15 @@
|
|
|
17
17
|
outline: none;
|
|
18
18
|
transition: all 0.3s @ease-in-out;
|
|
19
19
|
user-select: none;
|
|
20
|
-
margin-bottom: @margin-
|
|
20
|
+
margin-bottom: @margin-sm;
|
|
21
21
|
|
|
22
22
|
&-prefix {
|
|
23
23
|
position: absolute;
|
|
24
24
|
left: @padding-sm;
|
|
25
25
|
top: 50%;
|
|
26
26
|
transform: translateY(-50%);
|
|
27
|
-
|
|
28
27
|
i.anticon {
|
|
29
|
-
color: #
|
|
28
|
+
color: #8B919E;
|
|
30
29
|
}
|
|
31
30
|
}
|
|
32
31
|
|
|
@@ -45,30 +44,24 @@
|
|
|
45
44
|
list-style: none;
|
|
46
45
|
margin: 0;
|
|
47
46
|
width: 100%;
|
|
48
|
-
|
|
49
47
|
&-item {
|
|
50
|
-
|
|
51
|
-
margin: 2px 0 !important;
|
|
48
|
+
padding: 3px 0;
|
|
52
49
|
}
|
|
53
|
-
|
|
54
50
|
li {
|
|
55
51
|
line-height: 1;
|
|
56
52
|
}
|
|
57
|
-
|
|
58
53
|
&-input {
|
|
59
54
|
flex: 1;
|
|
60
55
|
min-width: 160px;
|
|
61
|
-
|
|
62
56
|
.inputClass {
|
|
63
57
|
background: none;
|
|
64
58
|
border: none !important;
|
|
65
59
|
outline: none;
|
|
66
60
|
box-shadow: none !important;
|
|
67
61
|
width: 100% !important;
|
|
68
|
-
height:
|
|
69
|
-
line-height:
|
|
62
|
+
height: 26px;
|
|
63
|
+
line-height: 26px;
|
|
70
64
|
padding: 0;
|
|
71
|
-
|
|
72
65
|
input {
|
|
73
66
|
border: none !important;
|
|
74
67
|
outline: none !important;
|
|
@@ -77,18 +70,15 @@
|
|
|
77
70
|
line-height: 26px;
|
|
78
71
|
padding: 0;
|
|
79
72
|
}
|
|
80
|
-
|
|
81
73
|
textarea {
|
|
82
74
|
padding: 0;
|
|
83
75
|
}
|
|
84
76
|
}
|
|
85
|
-
|
|
86
77
|
.inputClass-with-placeholder {
|
|
87
78
|
min-width: 398px !important;
|
|
88
79
|
}
|
|
89
80
|
}
|
|
90
81
|
}
|
|
91
|
-
|
|
92
82
|
&-clear {
|
|
93
83
|
position: absolute;
|
|
94
84
|
// right: @margin-sm;
|
|
@@ -96,18 +86,15 @@
|
|
|
96
86
|
top: 50%;
|
|
97
87
|
transform: translateY(-50%);
|
|
98
88
|
display: none;
|
|
99
|
-
|
|
100
89
|
i.anticon {
|
|
101
90
|
color: tint(@bg-color-spotilight, 50%);
|
|
102
91
|
}
|
|
103
|
-
|
|
104
92
|
&:hover {
|
|
105
93
|
.anticon {
|
|
106
94
|
color: @text-color-secondary !important;
|
|
107
95
|
}
|
|
108
96
|
}
|
|
109
97
|
}
|
|
110
|
-
|
|
111
98
|
&-search {
|
|
112
99
|
position: absolute;
|
|
113
100
|
right: 0;
|
|
@@ -121,47 +108,38 @@
|
|
|
121
108
|
align-items: center;
|
|
122
109
|
transition: border-color 0.3s @ease-in-out;
|
|
123
110
|
cursor: pointer;
|
|
124
|
-
|
|
125
111
|
&:hover {
|
|
126
|
-
background-color: #
|
|
127
|
-
|
|
112
|
+
background-color: #E6F4FF;
|
|
128
113
|
i.anticon {
|
|
129
114
|
color: @primary-color;
|
|
130
115
|
}
|
|
131
116
|
}
|
|
132
117
|
}
|
|
133
|
-
|
|
134
118
|
&:hover,
|
|
135
119
|
&:focus,
|
|
136
120
|
&:active {
|
|
137
121
|
border-color: @primary-color;
|
|
138
|
-
box-shadow: 0px 0px 4px 0px rgba(18, 107, 251, 0.
|
|
122
|
+
box-shadow: 0px 0px 4px 0px rgba(18, 107, 251, 0.10), 0px 0px 5px 0px rgba(18, 107, 251, 0.30);
|
|
139
123
|
outline: 0;
|
|
140
|
-
|
|
141
124
|
.tnt-queryform-composition-input-prefix {
|
|
142
125
|
i.anticon {
|
|
143
126
|
color: @text-color;
|
|
144
127
|
}
|
|
145
128
|
}
|
|
146
|
-
|
|
147
129
|
.tnt-queryform-composition-input-clear {
|
|
148
130
|
display: block;
|
|
149
131
|
}
|
|
150
|
-
|
|
151
132
|
.tnt-queryform-composition-input-search {
|
|
152
133
|
border-color: @primary-color;
|
|
153
134
|
}
|
|
154
135
|
}
|
|
155
|
-
|
|
156
136
|
.ant-tag {
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
// height: 20px;
|
|
137
|
+
padding: 0 @padding-xs;
|
|
138
|
+
border: none;
|
|
139
|
+
background: @fill-color-tertiary;
|
|
140
|
+
height: 20px;
|
|
162
141
|
.ant-tag-addon-wrap {
|
|
163
|
-
margin-top:
|
|
164
|
-
vertical-align: top;
|
|
142
|
+
margin-top: -2px;
|
|
165
143
|
}
|
|
166
144
|
}
|
|
167
|
-
}
|
|
145
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/handle-icon/index.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/handle-icon/index.js"],"names":[],"mappings":";AA6BA,2DAgJC;;IAED,+BAiEC"}
|
package/lib/handle-icon/index.js
CHANGED
|
@@ -1,10 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
function _typeof(o) {
|
|
4
|
+
"@babel/helpers - typeof";
|
|
5
|
+
|
|
6
|
+
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
|
|
7
|
+
return typeof o;
|
|
8
|
+
} : function (o) {
|
|
9
|
+
return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
|
|
10
|
+
}, _typeof(o);
|
|
11
|
+
}
|
|
3
12
|
Object.defineProperty(exports, "__esModule", {
|
|
4
13
|
value: true
|
|
5
14
|
});
|
|
6
15
|
exports["default"] = void 0;
|
|
7
|
-
var _react =
|
|
16
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
17
|
var _LocaleReceiver = _interopRequireDefault(require("antd/lib/locale-provider/LocaleReceiver"));
|
|
9
18
|
var _toArray = _interopRequireDefault(require("rc-util/es/Children/toArray"));
|
|
10
19
|
var _icon = _interopRequireDefault(require("../icon"));
|
|
@@ -12,14 +21,40 @@ var _popconfirm = _interopRequireDefault(require("../popconfirm"));
|
|
|
12
21
|
var _divider = _interopRequireDefault(require("../divider"));
|
|
13
22
|
var _dropdown = _interopRequireDefault(require("../dropdown"));
|
|
14
23
|
var _tooltip = _interopRequireDefault(require("../tooltip"));
|
|
15
|
-
var
|
|
24
|
+
var _ellipsis = _interopRequireDefault(require("../ellipsis"));
|
|
16
25
|
var _menu = _interopRequireDefault(require("../menu"));
|
|
26
|
+
var _utils = require("../utils");
|
|
17
27
|
require("./index.less");
|
|
18
28
|
function _interopRequireDefault(e) {
|
|
19
29
|
return e && e.__esModule ? e : {
|
|
20
30
|
"default": e
|
|
21
31
|
};
|
|
22
32
|
}
|
|
33
|
+
function _getRequireWildcardCache(e) {
|
|
34
|
+
if ("function" != typeof WeakMap) return null;
|
|
35
|
+
var r = new WeakMap(),
|
|
36
|
+
t = new WeakMap();
|
|
37
|
+
return (_getRequireWildcardCache = function _getRequireWildcardCache(e) {
|
|
38
|
+
return e ? t : r;
|
|
39
|
+
})(e);
|
|
40
|
+
}
|
|
41
|
+
function _interopRequireWildcard(e, r) {
|
|
42
|
+
if (!r && e && e.__esModule) return e;
|
|
43
|
+
if (null === e || "object" != _typeof(e) && "function" != typeof e) return {
|
|
44
|
+
"default": e
|
|
45
|
+
};
|
|
46
|
+
var t = _getRequireWildcardCache(r);
|
|
47
|
+
if (t && t.has(e)) return t.get(e);
|
|
48
|
+
var n = {
|
|
49
|
+
__proto__: null
|
|
50
|
+
},
|
|
51
|
+
a = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
52
|
+
for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {
|
|
53
|
+
var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
|
|
54
|
+
i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];
|
|
55
|
+
}
|
|
56
|
+
return n["default"] = e, t && t.set(e, n), n;
|
|
57
|
+
}
|
|
23
58
|
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
24
59
|
var t = {};
|
|
25
60
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
@@ -28,121 +63,129 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
|
28
63
|
}
|
|
29
64
|
return t;
|
|
30
65
|
};
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
num = _a$num === void 0 ? 5 : _a$num,
|
|
40
|
-
_a$divider = _a.divider,
|
|
41
|
-
divider = _a$divider === void 0 ? false : _a$divider,
|
|
42
|
-
_a$stopPropagation = _a.stopPropagation,
|
|
43
|
-
stopPropagation = _a$stopPropagation === void 0 ? true : _a$stopPropagation,
|
|
44
|
-
_a$size = _a.size,
|
|
45
|
-
size = _a$size === void 0 ? 'large' : _a$size,
|
|
46
|
-
rest = __rest(_a, ["children", "num", "divider", "stopPropagation", "size"]);
|
|
47
|
-
var newChildren = [];
|
|
48
|
-
if (Array.isArray(children)) {
|
|
49
|
-
newChildren = (children === null || children === void 0 ? void 0 : children.filter(function (item) {
|
|
50
|
-
return !!item;
|
|
51
|
-
})) || [];
|
|
52
|
-
} else if (children) {
|
|
53
|
-
newChildren.push(children);
|
|
54
|
-
}
|
|
55
|
-
var _flattenChildren = function flattenChildren(children) {
|
|
56
|
-
if (!children) {
|
|
57
|
-
return [];
|
|
58
|
-
}
|
|
59
|
-
return (0, _toArray["default"])(children).reduce(function (flatChildren, child) {
|
|
60
|
-
if (child && child.type === _react["default"].Fragment) {
|
|
61
|
-
return flatChildren.concat(_flattenChildren(child.props.children));
|
|
62
|
-
}
|
|
63
|
-
flatChildren.push(child);
|
|
64
|
-
return flatChildren;
|
|
65
|
-
}, []);
|
|
66
|
-
};
|
|
67
|
-
// 解决需要Fragment包的场景
|
|
68
|
-
newChildren = _flattenChildren(newChildren);
|
|
69
|
-
var preChildPart = newChildren,
|
|
70
|
-
lastChildPart = null;
|
|
71
|
-
// 只有1个时不适配
|
|
72
|
-
if (newChildren.length - num === 1) {
|
|
73
|
-
preChildPart = newChildren;
|
|
74
|
-
} else if (newChildren && num && !isNaN(num) && newChildren.length > num) {
|
|
75
|
-
preChildPart = newChildren.slice(0, num);
|
|
76
|
-
lastChildPart = newChildren.slice(num);
|
|
77
|
-
}
|
|
78
|
-
if (divider && preChildPart) {
|
|
79
|
-
preChildPart = preChildPart === null || preChildPart === void 0 ? void 0 : preChildPart.map(function (dom, i) {
|
|
80
|
-
return _react["default"].createElement(_react["default"].Fragment, null, dom, !(i === (preChildPart === null || preChildPart === void 0 ? void 0 : preChildPart.length) - 1 && !(lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.length) // 没有更多 且 是最后一个时 不显示 Divider
|
|
81
|
-
) && _react["default"].createElement(_divider["default"], {
|
|
82
|
-
type: "vertical"
|
|
83
|
-
}));
|
|
84
|
-
});
|
|
66
|
+
// 数组拍平
|
|
67
|
+
var _flattenChildren = function flattenChildren(children) {
|
|
68
|
+
if (!children) {
|
|
69
|
+
return [];
|
|
70
|
+
}
|
|
71
|
+
return (0, _toArray["default"])(children).reduce(function (flatChildren, child) {
|
|
72
|
+
if (child && child.type === _react["default"].Fragment) {
|
|
73
|
+
return flatChildren.concat(_flattenChildren(child.props.children));
|
|
85
74
|
}
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
75
|
+
flatChildren.push(child);
|
|
76
|
+
return flatChildren;
|
|
77
|
+
}, []);
|
|
78
|
+
};
|
|
79
|
+
var HandleIcon = function HandleIcon(props) {
|
|
80
|
+
var _a = props || {},
|
|
81
|
+
_a$children = _a.children,
|
|
82
|
+
children = _a$children === void 0 ? [] : _a$children,
|
|
83
|
+
_a$num = _a.num,
|
|
84
|
+
num = _a$num === void 0 ? 5 : _a$num,
|
|
85
|
+
_a$divider = _a.divider,
|
|
86
|
+
divider = _a$divider === void 0 ? false : _a$divider,
|
|
87
|
+
_a$stopPropagation = _a.stopPropagation,
|
|
88
|
+
stopPropagation = _a$stopPropagation === void 0 ? true : _a$stopPropagation,
|
|
89
|
+
_a$size = _a.size,
|
|
90
|
+
size = _a$size === void 0 ? 'large' : _a$size,
|
|
91
|
+
rest = __rest(_a, ["children", "num", "divider", "stopPropagation", "size"]);
|
|
92
|
+
var decoratePopconfirm = (0, _react.useCallback)(function (element, parentElement) {
|
|
93
|
+
if (_react["default"].isValidElement(element)) {
|
|
94
|
+
var type = element.type,
|
|
95
|
+
_props = element.props;
|
|
96
|
+
if (type === _popconfirm["default"]) {
|
|
97
|
+
var placement = {
|
|
98
|
+
placement: 'left'
|
|
99
|
+
};
|
|
100
|
+
var _ref = (parentElement === null || parentElement === void 0 ? void 0 : parentElement.props) || {},
|
|
101
|
+
disabled = _ref.disabled;
|
|
102
|
+
var disableProps = {};
|
|
103
|
+
if (disabled) {
|
|
104
|
+
disableProps = {
|
|
105
|
+
disabled: disabled,
|
|
106
|
+
onConfirm: function onConfirm() {}
|
|
93
107
|
};
|
|
94
|
-
var _ref = (parentElement === null || parentElement === void 0 ? void 0 : parentElement.props) || {},
|
|
95
|
-
disabled = _ref.disabled;
|
|
96
|
-
var disableProps = {};
|
|
97
|
-
if (disabled) {
|
|
98
|
-
disableProps = {
|
|
99
|
-
disabled: disabled,
|
|
100
|
-
onConfirm: function onConfirm() {}
|
|
101
|
-
};
|
|
102
|
-
}
|
|
103
|
-
return _react["default"].cloneElement(element, Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
|
|
104
|
-
overlayStyle: {
|
|
105
|
-
minWidth: "200px",
|
|
106
|
-
maxWidth: "600px"
|
|
107
|
-
}
|
|
108
|
-
}, _props || {}), {
|
|
109
|
-
onClick: function onClick(e) {
|
|
110
|
-
return e.stopPropagation();
|
|
111
|
-
}
|
|
112
|
-
}), placement), {
|
|
113
|
-
trigger: 'hover',
|
|
114
|
-
getPopupContainer: function getPopupContainer(trigger) {
|
|
115
|
-
return trigger.parentNode;
|
|
116
|
-
}
|
|
117
|
-
}), disableProps || {}));
|
|
118
|
-
}
|
|
119
|
-
if (_props && _props.children) {
|
|
120
|
-
var modifiedChildren = _react["default"].Children.map(_props.children, function (child) {
|
|
121
|
-
return _decoratePopconfirm(child, element);
|
|
122
|
-
});
|
|
123
|
-
return _react["default"].cloneElement(element, _props, modifiedChildren);
|
|
124
108
|
}
|
|
109
|
+
return _react["default"].cloneElement(element, Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
|
|
110
|
+
overlayStyle: {
|
|
111
|
+
minWidth: "200px",
|
|
112
|
+
maxWidth: "600px",
|
|
113
|
+
zIndex: 1055
|
|
114
|
+
}
|
|
115
|
+
}, _props || {}), {
|
|
116
|
+
onClick: function onClick(e) {
|
|
117
|
+
return e.stopPropagation();
|
|
118
|
+
}
|
|
119
|
+
}), placement), {
|
|
120
|
+
trigger: 'hover'
|
|
121
|
+
}), disableProps || {}));
|
|
122
|
+
}
|
|
123
|
+
if (_props && _props.children) {
|
|
124
|
+
var modifiedChildren = _react["default"].Children.map(_props.children, function (child) {
|
|
125
|
+
return decoratePopconfirm(child, element);
|
|
126
|
+
});
|
|
127
|
+
return _react["default"].cloneElement(element, _props, modifiedChildren);
|
|
125
128
|
}
|
|
126
|
-
return element;
|
|
127
|
-
};
|
|
128
|
-
// 对更多的popConfirm
|
|
129
|
-
if (lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.length) {
|
|
130
|
-
lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.forEach(function (v, i) {
|
|
131
|
-
v = _decoratePopconfirm(v);
|
|
132
|
-
lastChildPart[i] = _react["default"].cloneElement(v, Object.assign(Object.assign({}, (v === null || v === void 0 ? void 0 : v.props) || {}), {
|
|
133
|
-
inMore: true
|
|
134
|
-
}));
|
|
135
|
-
});
|
|
136
129
|
}
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
130
|
+
return element;
|
|
131
|
+
}, []);
|
|
132
|
+
var _useMemo = (0, _react.useMemo)(function () {
|
|
133
|
+
var newChildren = [];
|
|
134
|
+
if (Array.isArray(children)) {
|
|
135
|
+
newChildren = (children === null || children === void 0 ? void 0 : children.filter(function (item) {
|
|
136
|
+
return !!item;
|
|
137
|
+
})) || [];
|
|
138
|
+
} else if (children) {
|
|
139
|
+
newChildren.push(children);
|
|
140
|
+
}
|
|
141
|
+
if (Array.isArray(newChildren)) {
|
|
142
|
+
newChildren = _flattenChildren(newChildren);
|
|
143
|
+
}
|
|
144
|
+
var preChildPart = newChildren,
|
|
145
|
+
lastChildPart = null;
|
|
146
|
+
// 只有1个时不适配
|
|
147
|
+
if (newChildren.length - num === 1) {
|
|
148
|
+
preChildPart = newChildren;
|
|
149
|
+
} else if (newChildren && num && !isNaN(num) && newChildren.length > num) {
|
|
150
|
+
preChildPart = newChildren.slice(0, num);
|
|
151
|
+
lastChildPart = newChildren.slice(num);
|
|
152
|
+
}
|
|
153
|
+
if (divider && preChildPart) {
|
|
154
|
+
preChildPart = preChildPart === null || preChildPart === void 0 ? void 0 : preChildPart.map(function (dom, i) {
|
|
155
|
+
return _react["default"].createElement(_react["default"].Fragment, null, dom, !(i === (preChildPart === null || preChildPart === void 0 ? void 0 : preChildPart.length) - 1 && !(lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.length) // 没有更多 且 是最后一个时 不显示 Divider
|
|
156
|
+
) && _react["default"].createElement(_divider["default"], {
|
|
157
|
+
type: "vertical"
|
|
158
|
+
}));
|
|
159
|
+
});
|
|
160
|
+
}
|
|
161
|
+
// 对更多的popConfirm
|
|
162
|
+
if (lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.length) {
|
|
163
|
+
lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.forEach(function (v, i) {
|
|
164
|
+
v = decoratePopconfirm(v);
|
|
165
|
+
lastChildPart[i] = _react["default"].cloneElement(v, Object.assign(Object.assign({}, (v === null || v === void 0 ? void 0 : v.props) || {}), {
|
|
166
|
+
inMore: true
|
|
167
|
+
}));
|
|
168
|
+
});
|
|
169
|
+
}
|
|
170
|
+
return {
|
|
171
|
+
preChildPart: preChildPart,
|
|
172
|
+
lastChildPart: lastChildPart
|
|
173
|
+
};
|
|
174
|
+
}, [children, num, divider, decoratePopconfirm]),
|
|
175
|
+
preChildPart = _useMemo.preChildPart,
|
|
176
|
+
lastChildPart = _useMemo.lastChildPart;
|
|
177
|
+
var menu = (0, _react.useMemo)(function () {
|
|
178
|
+
return _react["default"].createElement(_menu["default"], {
|
|
179
|
+
className: "menu-handle-icon-more tnt-handle-icon-".concat(size)
|
|
180
|
+
}, lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.map(function (child, i) {
|
|
181
|
+
return _react["default"].createElement(_menu["default"].Item, {
|
|
182
|
+
key: i
|
|
183
|
+
}, child);
|
|
184
|
+
}));
|
|
185
|
+
}, [lastChildPart, size]);
|
|
186
|
+
return _react["default"].createElement(_LocaleReceiver["default"], {
|
|
187
|
+
componentName: "HandleIcon"
|
|
188
|
+
}, function () {
|
|
146
189
|
return _react["default"].createElement("div", Object.assign({
|
|
147
190
|
onClick: function onClick(e) {
|
|
148
191
|
if (stopPropagation) {
|
|
@@ -152,7 +195,7 @@ var HandleIcon = function HandleIcon(props) {
|
|
|
152
195
|
}, rest, {
|
|
153
196
|
className: "tnt-handle-icon-wrap tnt-handle-icon-".concat(size, " ").concat((rest === null || rest === void 0 ? void 0 : rest.className) || '')
|
|
154
197
|
}), preChildPart, !!(lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.length) && _react["default"].createElement(_dropdown["default"], {
|
|
155
|
-
overlay: menu
|
|
198
|
+
overlay: menu,
|
|
156
199
|
arrow: true,
|
|
157
200
|
onClick: function onClick(e) {
|
|
158
201
|
stopPropagation && e.stopPropagation();
|
|
@@ -193,7 +236,9 @@ HandleIcon.Item = function (props) {
|
|
|
193
236
|
// 如果是更多需要替换文字
|
|
194
237
|
if (type === _icon["default"] || type === 'img') {
|
|
195
238
|
if (inMore) {
|
|
196
|
-
return _react["default"].createElement("a", Object.assign({}, eleProps, disabledProps),
|
|
239
|
+
return _react["default"].createElement("a", Object.assign({}, eleProps, disabledProps), _react["default"].createElement(_ellipsis["default"], {
|
|
240
|
+
title: upTitle
|
|
241
|
+
}));
|
|
197
242
|
}
|
|
198
243
|
}
|
|
199
244
|
if (disabled && (type === _icon["default"] || ['img', 'a'].includes(type))) {
|
|
@@ -216,7 +261,7 @@ HandleIcon.Item = function (props) {
|
|
|
216
261
|
} else {
|
|
217
262
|
newChildren = _replaceIconWithText(children);
|
|
218
263
|
}
|
|
219
|
-
if ((inMore && desc || !inMore) && tooltip) {
|
|
264
|
+
if ((inMore && desc && disabled || !inMore) && tooltip) {
|
|
220
265
|
return _react["default"].createElement(_tooltip["default"], Object.assign({
|
|
221
266
|
title: disabled ? desc || upTitle : upTitle
|
|
222
267
|
}, rest || {}), newChildren);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/handle-icon/index.js"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport LocaleReceiver from 'antd/lib/locale-provider/LocaleReceiver'\nimport toArray from \"rc-util/es/Children/toArray\";\nimport Icon from '../icon'\nimport PopConfirm from \"../popconfirm\"\nimport Divider from '../divider'\nimport Dropdown from '../dropdown'\nimport Tooltip from '../tooltip'\nimport { doUpperTitle } from '../utils'\nimport Menu from '../menu'\nimport './index.less'\n\nconst HandleIcon = (props) => {\n return (\n <LocaleReceiver componentName=\"HandleIcon\">\n {() => {\n const {\n children = [],\n num = 5,\n divider = false,\n stopPropagation=true,\n size= 'large',\n ...rest\n } = props || {}\n\n \n let newChildren = []\n if (Array.isArray(children)) {\n newChildren = children?.filter((item) => !!item) || []\n } else if (children) {\n newChildren.push(children)\n }\n\n const flattenChildren = (children) => {\n if (!children) {\n return [];\n }\n return toArray(children).reduce(function (flatChildren, child) {\n if (child && child.type === React.Fragment) {\n return flatChildren.concat(flattenChildren(child.props.children));\n }\n \n flatChildren.push(child);\n return flatChildren;\n }, []);\n }\n\n // 解决需要Fragment包的场景\n newChildren = flattenChildren(newChildren);\n\n let [preChildPart, lastChildPart] = [newChildren, null];\n \n // 只有1个时不适配\n if (newChildren.length - num === 1) {\n preChildPart = newChildren\n } else if (newChildren && num && !isNaN(num) && newChildren.length > num) {\n preChildPart = newChildren.slice(0, num)\n lastChildPart = newChildren.slice(num)\n }\n \n if (divider && preChildPart) {\n preChildPart = preChildPart?.map((dom, i) => (\n <>\n {dom}\n {!(\n (i === preChildPart?.length - 1 && !lastChildPart?.length) // 没有更多 且 是最后一个时 不显示 Divider\n ) && <Divider type=\"vertical\" />}\n </>\n ))\n }\n\n const decoratePopconfirm = (element, parentElement) => {\n if (React.isValidElement(element)) {\n const { type, props } = element;\n if (type === PopConfirm ) {\n const placement = { placement: 'left' }\n const {disabled} = parentElement?.props||{}\n let disableProps={};\n if(disabled){\n disableProps={\n disabled,\n onConfirm:()=>{}\n };\n }\n return React.cloneElement(element, {\n overlayStyle: { \n minWidth: \"200px\",\n maxWidth: \"600px\" \n },\n ...(props || {}),\n onClick: (e) => e.stopPropagation(),\n ...placement,\n trigger: 'hover',\n getPopupContainer: (trigger) => trigger.parentNode,\n ...disableProps||{}\n })\n }\n if (props && props.children) {\n const modifiedChildren = React.Children.map(props.children, (child) => {\n return decoratePopconfirm(child,element);\n });\n return React.cloneElement(element, props, modifiedChildren);\n }\n }\n return element;\n };\n \n\n // 对更多的popConfirm\n if(lastChildPart?.length){\n lastChildPart?.forEach((v, i) => {\n v = decoratePopconfirm(v);\n lastChildPart[i] = React.cloneElement(v, {\n ...(v?.props || {}),\n inMore:true,\n })\n }) \n }\n \n const menu = (childArr)=>(\n <Menu className={`menu-handle-icon-more tnt-handle-icon-${size}`}>\n {\n childArr?.map(\n (child,i) => (\n <Menu.Item key={i}>\n {child}\n </Menu.Item>\n )\n )\n }\n </Menu>\n );\n\n return (\n <div\n onClick={(e) => {\n if(stopPropagation){\n e.stopPropagation()\n }\n }}\n {...rest}\n className={`tnt-handle-icon-wrap tnt-handle-icon-${size} ${rest?.className||''}`}\n >\n {preChildPart}\n {!!lastChildPart?.length && (\n <Dropdown \n overlay={menu(lastChildPart || [])} \n arrow \n onClick={(e)=>{\n stopPropagation && e.stopPropagation()\n }}\n >\n <Icon type=\"more\" className='tnt-handle-icon-more'/>\n </Dropdown>\n )}\n </div>\n )\n }}\n </LocaleReceiver>\n )\n}\n\nHandleIcon.Item = (props) => {\n const {children, title, desc, tooltip=true, inMore, disabled,upperCaseIgnore=[],...rest} = props\n const upTitle = doUpperTitle(title,upperCaseIgnore);;\n\n const replaceIconWithText = (element) => {\n if (React.isValidElement(element)) {\n const { type, props:eleProps } = element;\n let disabledProps = {}\n if(disabled){\n disabledProps = {\n disabled,\n onClick:(e)=>{\n e.stopPropagation()\n },\n className:(eleProps?.className || \"\")+ (disabled?' disabled':\"\")\n }\n }\n // 如果是更多需要替换文字\n if (type === Icon || type ==='img') {\n if(inMore){\n return (\n <a \n {...eleProps}\n {...disabledProps}\n \n >{upTitle}</a>\n );\n }\n }\n\n if(disabled && (type===Icon || ['img','a'].includes(type))){\n return React.cloneElement(element, {\n ...element?.props || {} ,\n ...disabledProps||{}\n })\n }\n\n if (eleProps && eleProps.children) {\n const modifiedChildren = React.Children.map(eleProps.children, (child) => {\n return replaceIconWithText(child);\n });\n return React.cloneElement(element, eleProps, modifiedChildren);\n }\n }\n return element;\n };\n\n let newChildren = children;\n if(Array.isArray(newChildren)){\n newChildren= children?.map(child=> replaceIconWithText(child))\n }else{\n newChildren= replaceIconWithText(children)\n }\n\n\n if(((inMore && desc) || !inMore) && tooltip){\n return (\n <Tooltip title={disabled ? (desc||upTitle) : upTitle} {...(rest||{})}>\n {newChildren}\n </Tooltip>\n )\n }\n\n return newChildren\n \n}\nexport default HandleIcon"]}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/handle-icon/index.js"],"names":[],"mappings":"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","sourcesContent":["import React,{useCallback, useMemo} from 'react'\nimport LocaleReceiver from 'antd/lib/locale-provider/LocaleReceiver'\nimport toArray from \"rc-util/es/Children/toArray\";\nimport Icon from '../icon'\nimport PopConfirm from \"../popconfirm\"\nimport Divider from '../divider'\nimport Dropdown from '../dropdown'\nimport Tooltip from '../tooltip'\nimport Ellipsis from '../ellipsis'\nimport Menu from '../menu'\nimport { doUpperTitle } from '../utils'\nimport './index.less'\n\n\n// 数组拍平\nconst flattenChildren = (children) => {\n if (!children) {\n return [];\n }\n return toArray(children).reduce(function (flatChildren, child) {\n if (child && child.type === React.Fragment) {\n return flatChildren.concat(flattenChildren(child.props.children));\n }\n\n flatChildren.push(child);\n return flatChildren;\n }, []);\n}\n\nconst HandleIcon = (props) => {\n const {\n children = [],\n num = 5,\n divider = false,\n stopPropagation=true,\n size= 'large',\n ...rest\n } = props || {}\n\n\n const decoratePopconfirm = useCallback((element, parentElement) => {\n if (React.isValidElement(element)) {\n const { type, props } = element;\n if (type === PopConfirm ) {\n const placement = { placement: 'left' }\n const {disabled} = parentElement?.props||{}\n let disableProps={};\n if(disabled){\n disableProps={\n disabled,\n onConfirm:()=>{}\n };\n }\n return React.cloneElement(element, {\n overlayStyle: {\n minWidth: \"200px\",\n maxWidth: \"600px\" ,\n zIndex:1055\n },\n ...(props || {}),\n onClick: (e) => e.stopPropagation(),\n ...placement,\n trigger: 'hover',\n // getPopupContainer: (trigger) => trigger.parentNode,\n ...disableProps||{}\n })\n }\n if (props && props.children) {\n const modifiedChildren = React.Children.map(props.children, (child) => {\n return decoratePopconfirm(child,element);\n });\n return React.cloneElement(element, props, modifiedChildren);\n }\n }\n return element;\n },[]);\n\n\n const { preChildPart, lastChildPart } = useMemo(() => {\n let newChildren =[]\n if (Array.isArray(children)) {\n newChildren = children?.filter((item) => !!item) || []\n } else if (children) {\n newChildren.push(children)\n }\n if(Array.isArray(newChildren)){\n newChildren = flattenChildren(newChildren)\n }\n let [preChildPart, lastChildPart] = [newChildren, null];\n // 只有1个时不适配\n if (newChildren.length - num === 1) {\n preChildPart = newChildren\n } else if (newChildren && num && !isNaN(num) && newChildren.length > num) {\n preChildPart = newChildren.slice(0, num)\n lastChildPart = newChildren.slice(num)\n }\n\n if (divider && preChildPart) {\n preChildPart = preChildPart?.map((dom, i) => (\n <>\n {dom}\n {!(\n (i === preChildPart?.length - 1 && !lastChildPart?.length) // 没有更多 且 是最后一个时 不显示 Divider\n ) && <Divider type=\"vertical\" />}\n </>\n ))\n }\n\n // 对更多的popConfirm\n if(lastChildPart?.length){\n lastChildPart?.forEach((v, i) => {\n v = decoratePopconfirm(v);\n lastChildPart[i] = React.cloneElement(v, {\n ...(v?.props || {}),\n inMore:true,\n })\n })\n }\n return {\n preChildPart,\n lastChildPart,\n }\n },[children, num, divider, decoratePopconfirm])\n\n\n const menu = useMemo(() => {\n return (\n <Menu className={`menu-handle-icon-more tnt-handle-icon-${size}`}>\n {\n lastChildPart?.map(\n (child,i) => (\n <Menu.Item key={i}>\n {child}\n </Menu.Item>\n )\n )\n }\n </Menu>\n )\n },[lastChildPart,size]);\n\n\n\n return (\n <LocaleReceiver componentName=\"HandleIcon\">\n {() => {\n return (\n <div\n onClick={(e) => {\n if(stopPropagation){\n e.stopPropagation()\n }\n }}\n {...rest}\n className={`tnt-handle-icon-wrap tnt-handle-icon-${size} ${rest?.className||''}`}\n >\n {preChildPart}\n {!!lastChildPart?.length && (\n <Dropdown\n overlay={menu}\n arrow\n onClick={(e)=>{\n stopPropagation && e.stopPropagation()\n }}\n >\n <Icon type=\"more\" className='tnt-handle-icon-more'/>\n </Dropdown>\n )}\n </div>\n )\n }}\n </LocaleReceiver>\n )\n}\n\nHandleIcon.Item = (props) => {\n const {children, title, desc, tooltip=true, inMore, disabled,upperCaseIgnore=[],...rest} = props\n const upTitle = doUpperTitle(title,upperCaseIgnore);;\n\n const replaceIconWithText = (element) => {\n if (React.isValidElement(element)) {\n const { type, props:eleProps } = element;\n let disabledProps = {}\n if(disabled){\n disabledProps = {\n disabled,\n onClick:(e)=>{\n e.stopPropagation()\n },\n className:(eleProps?.className || \"\")+ (disabled?' disabled':\"\")\n }\n }\n // 如果是更多需要替换文字\n if (type === Icon || type ==='img') {\n if(inMore){\n return (\n <a\n {...eleProps}\n {...disabledProps}\n\n ><Ellipsis title={upTitle}/></a>\n );\n }\n }\n\n if(disabled && (type===Icon || ['img','a'].includes(type))){\n return React.cloneElement(element, {\n ...element?.props || {} ,\n ...disabledProps||{}\n })\n }\n\n if (eleProps && eleProps.children) {\n const modifiedChildren = React.Children.map(eleProps.children, (child) => {\n return replaceIconWithText(child);\n });\n return React.cloneElement(element, eleProps, modifiedChildren);\n }\n }\n return element;\n };\n\n let newChildren = children;\n if(Array.isArray(newChildren)){\n newChildren= children?.map(child=> replaceIconWithText(child))\n }else{\n newChildren= replaceIconWithText(children)\n }\n\n\n if(((inMore && desc && disabled) || !inMore) && tooltip){\n return (\n <Tooltip title={disabled ? (desc||upTitle) : upTitle} {...(rest||{})}>\n {newChildren}\n </Tooltip>\n )\n }\n\n return newChildren\n\n}\nexport default HandleIcon\n"]}
|
|
@@ -348,7 +348,7 @@ var FieldPopover = function FieldPopover(_a, ref) {
|
|
|
348
348
|
return (_label === null || _label === void 0 ? void 0 : _label.indexOf(searchText)) > -1;
|
|
349
349
|
});
|
|
350
350
|
}) : [];
|
|
351
|
-
return _react["default"].createElement("div", null, firstItems.length > 0 && _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement("label", null, locale.propTitle), _react["default"].createElement("ul", {
|
|
351
|
+
return _react["default"].createElement("div", null, firstItems.length > 0 && _react["default"].createElement(_react["default"].Fragment, null, (!searchText || (searchTarget === null || searchTarget === void 0 ? void 0 : searchTarget.propsTitle)) && _react["default"].createElement("label", null, locale.propTitle), _react["default"].createElement("ul", {
|
|
352
352
|
className: "ant-select-dropdown-menu"
|
|
353
353
|
}, firstItems.map(function (v) {
|
|
354
354
|
var _ref7 = v.props || {},
|
|
@@ -376,9 +376,7 @@ var FieldPopover = function FieldPopover(_a, ref) {
|
|
|
376
376
|
}
|
|
377
377
|
}) : _propsTitle
|
|
378
378
|
}));
|
|
379
|
-
}))), secondItems.length > 0 && _react["default"].createElement("div", {
|
|
380
|
-
className: "match-value-box"
|
|
381
|
-
}, _react["default"].createElement("label", null, locale.propValue), fieldItems === null || fieldItems === void 0 ? void 0 : fieldItems.map(function (v) {
|
|
379
|
+
}))), secondItems.length > 0 && _react["default"].createElement("div", null, (searchTarget === null || searchTarget === void 0 ? void 0 : searchTarget.propsValue) && _react["default"].createElement("label", null, locale.propValue), fieldItems === null || fieldItems === void 0 ? void 0 : fieldItems.map(function (v) {
|
|
382
380
|
var _ref8 = v.props || {},
|
|
383
381
|
name = _ref8.name,
|
|
384
382
|
_ref8$type = _ref8.type,
|