tntd 1.4.32 → 1.4.33-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/components/Ellipsis/index.js +47 -15
- package/components/QueryListScene/QueryForm.js +4 -4
- package/components/QueryListScene/createActions.js +4 -4
- package/dist/1.tntd.js +1 -1
- package/dist/stats.json +24089 -23289
- package/dist/tntd.css +1 -1
- package/dist/tntd.js +7 -10
- package/es/ArrayInput/icon.js +5 -5
- package/es/ArrayInput/index.js +79 -111
- package/es/AuthContext.js +1 -1
- package/es/Columns/index.js +33 -40
- package/es/DevelopmentLogin/LoginModal.js +33 -46
- package/es/DevelopmentLogin/index.js +14 -18
- package/es/Ellipsis/Svg/CopySVG.js +13 -13
- package/es/Ellipsis/Svg/TickSVG.js +8 -8
- package/es/Ellipsis/index.js +100 -79
- package/es/Handle/index.js +46 -64
- package/es/Icon/fonts/iconfont.js +7 -12
- package/es/Icon/index.js +12 -15
- package/es/Img/Contain.js +26 -31
- package/es/Img/Cover.js +43 -57
- package/es/Img/index.js +39 -48
- package/es/Layout/ActionsContext.js +3 -2
- package/es/Layout/AppList.js +39 -94
- package/es/Layout/Application.js +28 -74
- package/es/Layout/Avatar.js +30 -67
- package/es/Layout/CompatibleLanguage.js +41 -96
- package/es/Layout/EnterpriseLayout/Avatar.js +39 -77
- package/es/Layout/EnterpriseLayout/Language.js +16 -34
- package/es/Layout/EnterpriseLayout/Theme.js +18 -36
- package/es/Layout/EnterpriseLayout/index.js +14 -16
- package/es/Layout/GlobalNavigation/NavigationPopup.js +61 -172
- package/es/Layout/GlobalNavigation/index.js +22 -56
- package/es/Layout/Header.js +26 -47
- package/es/Layout/HeaderActions.js +45 -59
- package/es/Layout/HeaderNavs.js +24 -51
- package/es/Layout/HeaderTabs.js +53 -106
- package/es/Layout/Iconfont.js +1 -1
- package/es/Layout/Language.js +16 -34
- package/es/Layout/Layout.js +88 -110
- package/es/Layout/Logo.js +17 -33
- package/es/Layout/OrgAppList.js +64 -109
- package/es/Layout/SideMenu.js +67 -128
- package/es/Layout/Theme.js +25 -63
- package/es/Layout/index.js +28 -37
- package/es/Layout/paaslayout/CompactSideMenu.js +37 -76
- package/es/Layout/paaslayout/Header.js +23 -46
- package/es/Layout/paaslayout/Logo.js +4 -14
- package/es/Layout/paaslayout/SideMenu.js +41 -80
- package/es/Layout/paaslayout/index.js +77 -104
- package/es/Layout/storage.js +10 -9
- package/es/LoadingButton/index.js +18 -27
- package/es/Modal/index.js +42 -51
- package/es/Page/Box.js +36 -43
- package/es/Page/index.js +56 -71
- package/es/Page/utils.js +0 -5
- package/es/QueryForm/Field/Checkbox.js +7 -11
- package/es/QueryForm/Field/Select.js +34 -44
- package/es/QueryForm/Field/SelectInput.js +31 -46
- package/es/QueryForm/Field/fieldsMap.js +0 -1
- package/es/QueryForm/Field/index.js +46 -78
- package/es/QueryForm/createActions.js +6 -7
- package/es/QueryForm/index.js +79 -140
- package/es/QueryListScene/List.js +83 -139
- package/es/QueryListScene/QueryForm.js +54 -91
- package/es/QueryListScene/QueryListScene.js +29 -47
- package/es/QueryListScene/Title.js +3 -3
- package/es/QueryListScene/Toolbar.js +13 -14
- package/es/QueryListScene/createActions.js +4 -4
- package/es/Select/DropDownWrap.js +32 -55
- package/es/Select/index.js +140 -232
- package/es/Table/ResizableTable/index.js +29 -43
- package/es/Table/index.js +20 -19
- package/es/Title/index.js +23 -25
- package/es/locale.js +1 -5
- package/es/utils/checkAuth.js +6 -8
- package/es/utils/findMenuInfoByPath.js +0 -4
- package/es/utils/index.js +17 -27
- package/lib/ArrayInput/icon.js +7 -9
- package/lib/ArrayInput/index.js +82 -131
- package/lib/AuthContext.js +2 -6
- package/lib/Columns/index.js +36 -54
- package/lib/DevelopmentLogin/LoginModal.js +36 -63
- package/lib/DevelopmentLogin/index.js +21 -31
- package/lib/Ellipsis/Svg/CopySVG.js +15 -18
- package/lib/Ellipsis/Svg/TickSVG.js +10 -13
- package/lib/Ellipsis/index.js +105 -93
- package/lib/Handle/index.js +51 -87
- package/lib/Icon/fonts/iconfont.js +7 -12
- package/lib/Icon/iconList.js +1 -2
- package/lib/Icon/index.js +16 -26
- package/lib/Img/Contain.js +29 -40
- package/lib/Img/Cover.js +48 -72
- package/lib/Img/index.js +42 -58
- package/lib/Layout/ActionsContext.js +1 -5
- package/lib/Layout/AppList.js +45 -124
- package/lib/Layout/Application.js +31 -92
- package/lib/Layout/Avatar.js +36 -91
- package/lib/Layout/CompatibleLanguage.js +44 -116
- package/lib/Layout/EnterpriseLayout/Avatar.js +45 -105
- package/lib/Layout/EnterpriseLayout/Language.js +22 -54
- package/lib/Layout/EnterpriseLayout/Theme.js +21 -50
- package/lib/Layout/EnterpriseLayout/index.js +17 -27
- package/lib/Layout/GlobalNavigation/NavigationPopup.js +64 -192
- package/lib/Layout/GlobalNavigation/index.js +28 -80
- package/lib/Layout/Header.js +36 -68
- package/lib/Layout/HeaderActions.js +51 -81
- package/lib/Layout/HeaderNavs.js +30 -70
- package/lib/Layout/HeaderTabs.js +58 -127
- package/lib/Layout/Iconfont.js +4 -9
- package/lib/Layout/Language.js +22 -54
- package/lib/Layout/Layout.js +93 -134
- package/lib/Layout/Logo.js +26 -47
- package/lib/Layout/OrgAppList.js +69 -133
- package/lib/Layout/SideMenu.js +72 -151
- package/lib/Layout/Theme.js +28 -79
- package/lib/Layout/createActions.js +3 -9
- package/lib/Layout/images/index.js +5 -36
- package/lib/Layout/index.js +35 -63
- package/lib/Layout/paaslayout/CompactSideMenu.js +40 -90
- package/lib/Layout/paaslayout/Header.js +30 -60
- package/lib/Layout/paaslayout/Logo.js +11 -24
- package/lib/Layout/paaslayout/SideMenu.js +44 -93
- package/lib/Layout/paaslayout/index.js +82 -128
- package/lib/Layout/storage.js +26 -68
- package/lib/LoadingButton/index.js +21 -36
- package/lib/Modal/index.js +45 -62
- package/lib/Page/Box.js +38 -50
- package/lib/Page/index.js +58 -84
- package/lib/Page/utils.js +5 -16
- package/lib/QueryForm/Field/Checkbox.js +10 -19
- package/lib/QueryForm/Field/Select.js +39 -60
- package/lib/QueryForm/Field/SelectInput.js +36 -65
- package/lib/QueryForm/Field/fieldsMap.js +6 -23
- package/lib/QueryForm/Field/index.js +50 -91
- package/lib/QueryForm/createActions.js +9 -16
- package/lib/QueryForm/index.js +83 -165
- package/lib/QueryForm/useForm.js +1 -6
- package/lib/QueryListScene/List.js +89 -153
- package/lib/QueryListScene/QueryForm.js +58 -101
- package/lib/QueryListScene/QueryListScene.js +31 -56
- package/lib/QueryListScene/Title.js +6 -11
- package/lib/QueryListScene/Toolbar.js +16 -22
- package/lib/QueryListScene/createActions.js +7 -13
- package/lib/QueryListScene/index.js +5 -19
- package/lib/QueryListScene/useActions.js +1 -6
- package/lib/Select/DropDownWrap.js +35 -63
- package/lib/Select/index.js +142 -245
- package/lib/Table/ResizableTable/index.js +31 -54
- package/lib/Table/index.js +21 -34
- package/lib/Title/index.js +26 -34
- package/lib/index.js +36 -57
- package/lib/locale.js +9 -25
- package/lib/utils/checkAuth.js +9 -16
- package/lib/utils/findMenuInfoByPath.js +3 -12
- package/lib/utils/index.js +26 -60
- package/package.json +3 -2
package/lib/Ellipsis/index.js
CHANGED
|
@@ -1,147 +1,164 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
7
|
exports["default"] = void 0;
|
|
7
|
-
|
|
8
8
|
require("antd/lib/tooltip/style");
|
|
9
|
-
|
|
10
9
|
var _tooltip = _interopRequireDefault(require("antd/lib/tooltip"));
|
|
11
|
-
|
|
12
10
|
require("antd/lib/popover/style");
|
|
13
|
-
|
|
14
11
|
var _popover2 = _interopRequireDefault(require("antd/lib/popover"));
|
|
15
|
-
|
|
16
12
|
var _react = require("react");
|
|
17
|
-
|
|
18
13
|
var _copyToClipboard = _interopRequireDefault(require("copy-to-clipboard"));
|
|
19
|
-
|
|
20
14
|
var _CopySVG = _interopRequireDefault(require("./Svg/CopySVG"));
|
|
21
|
-
|
|
22
15
|
var _TickSVG = _interopRequireDefault(require("./Svg/TickSVG"));
|
|
23
|
-
|
|
24
16
|
require("./index.less");
|
|
25
|
-
|
|
26
|
-
function
|
|
27
|
-
|
|
28
|
-
function
|
|
29
|
-
|
|
30
|
-
function
|
|
31
|
-
|
|
32
|
-
function
|
|
33
|
-
|
|
34
|
-
function
|
|
35
|
-
|
|
36
|
-
function
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
43
|
-
|
|
17
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
18
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
19
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
20
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
21
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
22
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
23
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
24
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
25
|
+
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."); }
|
|
26
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
27
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
28
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
29
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } /*
|
|
30
|
+
* @Author: 梁洪刚
|
|
31
|
+
* @CreatDate: 2021-03-31 13:57:32
|
|
32
|
+
* @Describe: 省略号组件
|
|
33
|
+
*/
|
|
44
34
|
var tolerance = 0; // In px. Depends on the font you are using
|
|
45
35
|
|
|
46
36
|
var isEllipsisActive = function isEllipsisActive(e) {
|
|
47
37
|
if (e.offsetWidth === e.scrollWidth && e.offsetHeight === e.scrollHeight) {
|
|
48
38
|
var _e$parentNode, _e$parentNode$getAttr;
|
|
49
|
-
|
|
50
39
|
var styleStr = 'overflow:visible; ';
|
|
51
|
-
|
|
52
|
-
if (!(e == null ? void 0 : (_e$parentNode = e.parentNode) == null ? void 0 : (_e$parentNode$getAttr = _e$parentNode.getAttribute('style')) == null ? void 0 : _e$parentNode$getAttr.includes('width'))) {
|
|
40
|
+
if (!(e != null && (_e$parentNode = e.parentNode) != null && (_e$parentNode$getAttr = _e$parentNode.getAttribute('style')) != null && _e$parentNode$getAttr.includes('width'))) {
|
|
53
41
|
styleStr += 'max-width:100%;';
|
|
54
42
|
}
|
|
55
|
-
|
|
56
43
|
e.parentNode.setAttribute('style', styleStr);
|
|
57
44
|
}
|
|
58
|
-
|
|
59
45
|
return e.offsetWidth + tolerance < e.scrollWidth || e.offsetHeight < e.scrollHeight;
|
|
60
46
|
};
|
|
61
|
-
|
|
62
|
-
var _default = function _default(props) {
|
|
47
|
+
var _default = exports["default"] = function _default(props) {
|
|
63
48
|
var _props$_popover = props._popover,
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
49
|
+
_popover = _props$_popover === void 0 ? props.Popover : _props$_popover,
|
|
50
|
+
title = props.title,
|
|
51
|
+
content = props.content,
|
|
52
|
+
className = props.className,
|
|
53
|
+
style = props.style,
|
|
54
|
+
widthLimit = props.widthLimit,
|
|
55
|
+
_props$_lines = props._lines,
|
|
56
|
+
_lines = _props$_lines === void 0 ? props.lines !== 1 && props.lines : _props$_lines,
|
|
57
|
+
children = props.children,
|
|
58
|
+
emptyText = props.emptyText,
|
|
59
|
+
_props$_copyable = props._copyable,
|
|
60
|
+
_copyable = _props$_copyable === void 0 ? props.copyable : _props$_copyable,
|
|
61
|
+
prefix = props.prefix,
|
|
62
|
+
suffix = props.suffix;
|
|
63
|
+
|
|
64
|
+
// allow visible or not state
|
|
80
65
|
var _useState = (0, _react.useState)(true),
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
66
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
67
|
+
flag = _useState2[0],
|
|
68
|
+
setFlag = _useState2[1];
|
|
69
|
+
// visible[Tooltip/Popover] state
|
|
86
70
|
var _useState3 = (0, _react.useState)(false),
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
71
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
72
|
+
tipVisible = _useState4[0],
|
|
73
|
+
setTipVisible = _useState4[1];
|
|
74
|
+
// copy animation state
|
|
92
75
|
var _useState5 = (0, _react.useState)(false),
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
76
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
77
|
+
hasCopy = _useState6[0],
|
|
78
|
+
setHasCopy = _useState6[1];
|
|
97
79
|
var elementRef = (0, _react.useRef)();
|
|
80
|
+
var timeRef = (0, _react.useRef)();
|
|
98
81
|
(0, _react.useEffect)(function () {
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
82
|
+
// 检查元素是否存在
|
|
83
|
+
if (elementRef.current) {
|
|
84
|
+
var checkEllipsis = function checkEllipsis() {
|
|
85
|
+
var isActive = isEllipsisActive(elementRef.current);
|
|
86
|
+
setFlag(isActive);
|
|
87
|
+
if (!isActive) {
|
|
88
|
+
setTipVisible(false);
|
|
89
|
+
}
|
|
90
|
+
};
|
|
91
|
+
|
|
92
|
+
// 初始检查
|
|
93
|
+
checkEllipsis();
|
|
94
|
+
|
|
95
|
+
// 监听 resize 事件,因为窗口大小变化会影响文本截断
|
|
96
|
+
window.addEventListener('resize', checkEllipsis);
|
|
97
|
+
return function () {
|
|
98
|
+
window.removeEventListener('resize', checkEllipsis);
|
|
99
|
+
if (timeRef.current) {
|
|
100
|
+
clearTimeout(timeRef.current);
|
|
101
|
+
timeRef.current = null;
|
|
102
|
+
}
|
|
103
|
+
elementRef.current = null;
|
|
104
|
+
};
|
|
105
|
+
}
|
|
106
|
+
}, [children, content, title]); // 添加必要的依赖项
|
|
103
107
|
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
}; // Tooltip.trigger(default 'hover') ==trigger==> onVisibleChange(visible)
|
|
108
|
+
// original Node
|
|
109
|
+
var inner = typeof children === 'string' ? children : _popover ? content : title;
|
|
107
110
|
|
|
111
|
+
// for className
|
|
112
|
+
var getClassName = "overflow ".concat(_lines ? 'ellipsis-wrap' : 'ellipsis-nowrap', " ").concat(className || '');
|
|
108
113
|
|
|
114
|
+
// Tooltip.trigger(default 'hover') ==trigger==> onVisibleChange(visible)
|
|
109
115
|
var handleVisibleChange = function handleVisibleChange(visible) {
|
|
110
116
|
// const { onVisibleChange } = props;
|
|
111
117
|
// onVisibleChange(visible);
|
|
112
118
|
flag && setTipVisible(visible);
|
|
113
|
-
};
|
|
114
|
-
|
|
119
|
+
};
|
|
115
120
|
|
|
121
|
+
// onClick Copy Button
|
|
116
122
|
var handleCopy = function handleCopy(innerText) {
|
|
117
123
|
(0, _copyToClipboard["default"])(innerText);
|
|
118
|
-
|
|
119
|
-
|
|
124
|
+
|
|
125
|
+
// 清除之前的定时器
|
|
126
|
+
if (timeRef.current) {
|
|
127
|
+
clearTimeout(timeRef.current);
|
|
128
|
+
timeRef.current = null;
|
|
129
|
+
}
|
|
130
|
+
setHasCopy(true); // 直接设置为 true
|
|
131
|
+
timeRef.current = setTimeout(function () {
|
|
120
132
|
setHasCopy(false);
|
|
121
133
|
}, 1000);
|
|
122
134
|
};
|
|
135
|
+
var handleCopyClick = (0, _react.useCallback)(function () {
|
|
136
|
+
if (elementRef.current) {
|
|
137
|
+
handleCopy(elementRef.current.innerText);
|
|
138
|
+
}
|
|
139
|
+
}, []); // 没有外部依赖
|
|
123
140
|
|
|
124
141
|
var renderNode = function renderNode() {
|
|
125
|
-
var popoverNode = React.createElement(_popover2["default"], _extends({}, props, {
|
|
142
|
+
var popoverNode = /*#__PURE__*/React.createElement(_popover2["default"], _extends({}, props, {
|
|
126
143
|
content: content || children,
|
|
127
144
|
visible: tipVisible,
|
|
128
145
|
onVisibleChange: function onVisibleChange(visible) {
|
|
129
146
|
return handleVisibleChange(visible);
|
|
130
147
|
}
|
|
131
|
-
}), React.createElement("div", {
|
|
148
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
132
149
|
className: className,
|
|
133
150
|
style: {
|
|
134
151
|
WebkitLineClamp: _lines
|
|
135
152
|
},
|
|
136
153
|
ref: elementRef
|
|
137
154
|
}, children || content));
|
|
138
|
-
var tooltipNode = React.createElement(_tooltip["default"], _extends({}, props, {
|
|
155
|
+
var tooltipNode = /*#__PURE__*/React.createElement(_tooltip["default"], _extends({}, props, {
|
|
139
156
|
title: title || children,
|
|
140
157
|
visible: tipVisible,
|
|
141
158
|
onVisibleChange: function onVisibleChange(visible) {
|
|
142
159
|
return handleVisibleChange(visible);
|
|
143
160
|
}
|
|
144
|
-
}), React.createElement("div", {
|
|
161
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
145
162
|
className: className,
|
|
146
163
|
style: {
|
|
147
164
|
WebkitLineClamp: _lines
|
|
@@ -150,20 +167,15 @@ var _default = function _default(props) {
|
|
|
150
167
|
}, children || title));
|
|
151
168
|
return _popover ? popoverNode : tooltipNode;
|
|
152
169
|
};
|
|
153
|
-
|
|
154
|
-
return React.createElement(React.Fragment, null, React.createElement("div", {
|
|
170
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
155
171
|
className: "tnt-ellipsis",
|
|
156
|
-
style: _objectSpread({}, style, {
|
|
172
|
+
style: _objectSpread(_objectSpread({}, style), {}, {
|
|
157
173
|
maxWidth: widthLimit
|
|
158
174
|
})
|
|
159
|
-
}, prefix && prefix, React.createElement("div", {
|
|
160
|
-
className: getClassName
|
|
161
|
-
}, inner ? renderNode() : emptyText), suffix && suffix, inner && _copyable && React.createElement("div", {
|
|
175
|
+
}, prefix && prefix, /*#__PURE__*/React.createElement("div", {
|
|
176
|
+
className: getClassName
|
|
177
|
+
}, inner ? renderNode() : emptyText), suffix && suffix, inner && _copyable && /*#__PURE__*/React.createElement("div", {
|
|
162
178
|
className: "svg-button",
|
|
163
|
-
onClick:
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
}, !hasCopy ? React.createElement(_CopySVG["default"], null) : React.createElement(_TickSVG["default"], null))));
|
|
167
|
-
};
|
|
168
|
-
|
|
169
|
-
exports["default"] = _default;
|
|
179
|
+
onClick: handleCopyClick
|
|
180
|
+
}, !hasCopy ? /*#__PURE__*/React.createElement(_CopySVG["default"], null) : /*#__PURE__*/React.createElement(_TickSVG["default"], null))));
|
|
181
|
+
};
|
package/lib/Handle/index.js
CHANGED
|
@@ -1,111 +1,83 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
4
|
-
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
require("antd/lib/dropdown/style");
|
|
11
|
-
|
|
12
9
|
var _dropdown = _interopRequireDefault(require("antd/lib/dropdown"));
|
|
13
|
-
|
|
14
10
|
require("antd/lib/menu/style");
|
|
15
|
-
|
|
16
11
|
var _menu = _interopRequireDefault(require("antd/lib/menu"));
|
|
17
|
-
|
|
18
12
|
require("antd/lib/divider/style");
|
|
19
|
-
|
|
20
13
|
var _divider = _interopRequireDefault(require("antd/lib/divider"));
|
|
21
|
-
|
|
22
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
23
|
-
|
|
24
15
|
var _locale = require("../locale");
|
|
25
|
-
|
|
26
16
|
var _Icon = _interopRequireDefault(require("../Icon"));
|
|
27
|
-
|
|
28
17
|
require("./index.less");
|
|
29
|
-
|
|
30
|
-
function _getRequireWildcardCache() { if (typeof WeakMap
|
|
31
|
-
|
|
32
|
-
function
|
|
33
|
-
|
|
34
|
-
function
|
|
35
|
-
|
|
36
|
-
function
|
|
37
|
-
|
|
38
|
-
function
|
|
39
|
-
|
|
40
|
-
function
|
|
41
|
-
|
|
42
|
-
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; }
|
|
43
|
-
|
|
44
|
-
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; }
|
|
45
|
-
|
|
46
|
-
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; }
|
|
47
|
-
|
|
18
|
+
var _excluded = ["children", "type", "num", "divider", "lessOneMoreFit", "popConfirmHandle", "isIconBtn"];
|
|
19
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
20
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
21
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
22
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
23
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
24
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
25
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
26
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
27
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
28
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
29
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
48
30
|
var clsPrefix = 'tnt-more-menus';
|
|
49
|
-
|
|
50
|
-
var _default = function _default(props) {
|
|
31
|
+
var _default = exports["default"] = function _default(props) {
|
|
51
32
|
var _newChildren, _lastChildPart2;
|
|
52
|
-
|
|
53
33
|
var _ref = props || {},
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
34
|
+
_ref$children = _ref.children,
|
|
35
|
+
children = _ref$children === void 0 ? [] : _ref$children,
|
|
36
|
+
type = _ref.type,
|
|
37
|
+
_ref$num = _ref.num,
|
|
38
|
+
num = _ref$num === void 0 ? 3 : _ref$num,
|
|
39
|
+
_ref$divider = _ref.divider,
|
|
40
|
+
divider = _ref$divider === void 0 ? true : _ref$divider,
|
|
41
|
+
lessOneMoreFit = _ref.lessOneMoreFit,
|
|
42
|
+
popConfirmHandle = _ref.popConfirmHandle,
|
|
43
|
+
isIconBtn = _ref.isIconBtn,
|
|
44
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
66
45
|
var _ref2 = props || {},
|
|
67
|
-
|
|
68
|
-
|
|
46
|
+
propsLang = _ref2.lang;
|
|
69
47
|
var langRef = (0, _react.useRef)(propsLang || (0, _locale.getLanguage)());
|
|
70
48
|
var lang = langRef == null ? void 0 : langRef.current;
|
|
71
49
|
var newChildren = [];
|
|
72
|
-
|
|
73
50
|
if (Array.isArray(children)) {
|
|
74
51
|
newChildren = (children == null ? void 0 : children.filter(function (item) {
|
|
75
52
|
return !!item;
|
|
76
53
|
})) || [];
|
|
77
54
|
} else if (children) {
|
|
78
55
|
newChildren.push(children);
|
|
79
|
-
}
|
|
80
|
-
|
|
56
|
+
}
|
|
81
57
|
|
|
58
|
+
// 子元素大于1个,且不是 icon元素
|
|
82
59
|
var specialSceneDefaultShow = ((_newChildren = newChildren) == null ? void 0 : _newChildren.length) > 1 && !isIconBtn;
|
|
83
|
-
|
|
84
60
|
if (specialSceneDefaultShow && (lang === 'en' || popConfirmHandle)) {
|
|
85
61
|
var _newChildren2;
|
|
86
|
-
|
|
87
62
|
(_newChildren2 = newChildren) == null ? void 0 : _newChildren2.forEach(function (v, i) {
|
|
88
63
|
var type = v.type,
|
|
89
|
-
|
|
90
|
-
|
|
64
|
+
props = v.props;
|
|
91
65
|
if ((type == null ? void 0 : type.name) === 'Popconfirm' || props.hasOwnProperty('onConfirm') && typeof (props == null ? void 0 : props.onConfirm) === 'function') {
|
|
92
66
|
var placement = {};
|
|
93
|
-
|
|
94
67
|
if (lang === 'en' || num && !isNaN(num) && i + 1 > num && !(lessOneMoreFit && newChildren.length - num === 1)) {
|
|
95
68
|
placement = {
|
|
96
69
|
placement: 'left'
|
|
97
70
|
};
|
|
98
71
|
}
|
|
99
|
-
|
|
100
|
-
newChildren[i] = _react["default"].cloneElement(v, _objectSpread({
|
|
72
|
+
newChildren[i] = /*#__PURE__*/_react["default"].cloneElement(v, _objectSpread(_objectSpread(_objectSpread({
|
|
101
73
|
overlayStyle: {
|
|
102
74
|
width: 180
|
|
103
75
|
}
|
|
104
|
-
}, (v == null ? void 0 : v.props) || {}, {
|
|
76
|
+
}, (v == null ? void 0 : v.props) || {}), {}, {
|
|
105
77
|
onClick: function onClick(e) {
|
|
106
78
|
return e.stopPropagation();
|
|
107
79
|
}
|
|
108
|
-
}, placement, {
|
|
80
|
+
}, placement), {}, {
|
|
109
81
|
trigger: 'hover',
|
|
110
82
|
getPopupContainer: function getPopupContainer(trigger) {
|
|
111
83
|
return trigger.parentNode;
|
|
@@ -114,74 +86,66 @@ var _default = function _default(props) {
|
|
|
114
86
|
}
|
|
115
87
|
});
|
|
116
88
|
}
|
|
117
|
-
|
|
118
89
|
var preChildPart = newChildren,
|
|
119
|
-
|
|
90
|
+
lastChildPart = null;
|
|
120
91
|
|
|
92
|
+
// 只有1个时不适配
|
|
121
93
|
if (lessOneMoreFit && newChildren.length - num === 1) {
|
|
122
94
|
preChildPart = newChildren;
|
|
123
95
|
} else if (newChildren && num && !isNaN(num) && newChildren.length > num) {
|
|
124
96
|
preChildPart = newChildren.slice(0, num);
|
|
125
97
|
lastChildPart = newChildren.slice(num);
|
|
126
98
|
}
|
|
127
|
-
|
|
128
99
|
;
|
|
129
|
-
|
|
130
100
|
if (divider && preChildPart) {
|
|
131
101
|
var preChildLen = preChildPart.length;
|
|
132
102
|
preChildPart = preChildPart.map(function (dom, i) {
|
|
133
103
|
var _lastChildPart;
|
|
134
|
-
|
|
135
|
-
return _react["default"].createElement(_react.Fragment, {
|
|
104
|
+
return /*#__PURE__*/_react["default"].createElement(_react.Fragment, {
|
|
136
105
|
key: i
|
|
137
|
-
}, dom, !(i === preChildLen - 1 && !((_lastChildPart = lastChildPart)
|
|
138
|
-
) && _react["default"].createElement(_divider["default"], {
|
|
106
|
+
}, dom, !(i === preChildLen - 1 && !((_lastChildPart = lastChildPart) != null && _lastChildPart.length) // 没有更多 且 是最后一个时 不显示 Divider
|
|
107
|
+
) && /*#__PURE__*/_react["default"].createElement(_divider["default"], {
|
|
139
108
|
type: "vertical"
|
|
140
109
|
}));
|
|
141
110
|
});
|
|
142
111
|
}
|
|
143
|
-
|
|
144
112
|
var menu = function menu(childArr) {
|
|
145
|
-
return _react["default"].createElement(_menu["default"], {
|
|
113
|
+
return /*#__PURE__*/_react["default"].createElement(_menu["default"], {
|
|
146
114
|
className: "org-pop-opera-btn"
|
|
147
115
|
}, childArr == null ? void 0 : childArr.map(function (child, i) {
|
|
148
|
-
return _react["default"].createElement(_menu["default"].Item, {
|
|
116
|
+
return /*#__PURE__*/_react["default"].createElement(_menu["default"].Item, {
|
|
149
117
|
key: i
|
|
150
118
|
}, child);
|
|
151
119
|
}));
|
|
152
120
|
};
|
|
153
|
-
|
|
154
121
|
if (lang === 'en' && specialSceneDefaultShow) {
|
|
155
|
-
return _react["default"].createElement(_dropdown["default"], {
|
|
122
|
+
return /*#__PURE__*/_react["default"].createElement(_dropdown["default"], {
|
|
156
123
|
overlay: menu(newChildren || []),
|
|
157
124
|
arrow: true
|
|
158
|
-
}, type === 'icon' ? _react["default"].createElement(_Icon["default"], {
|
|
125
|
+
}, type === 'icon' ? /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
|
|
159
126
|
type: "more"
|
|
160
|
-
}) : _react["default"].createElement("a", {
|
|
127
|
+
}) : /*#__PURE__*/_react["default"].createElement("a", {
|
|
161
128
|
className: "ant-dropdown-more"
|
|
162
|
-
}, (0, _locale.getText)('handleMore', lang), _react["default"].createElement("i", {
|
|
129
|
+
}, (0, _locale.getText)('handleMore', lang), /*#__PURE__*/_react["default"].createElement("i", {
|
|
163
130
|
className: "".concat(clsPrefix, "-dropdown-icon")
|
|
164
|
-
}, _react["default"].createElement(_Icon["default"], {
|
|
131
|
+
}, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
|
|
165
132
|
type: "down"
|
|
166
133
|
}))));
|
|
167
134
|
}
|
|
168
|
-
|
|
169
|
-
return _react["default"].createElement("div", _extends({
|
|
135
|
+
return /*#__PURE__*/_react["default"].createElement("div", _extends({
|
|
170
136
|
onClick: function onClick(e) {
|
|
171
137
|
e.stopPropagation();
|
|
172
138
|
}
|
|
173
|
-
}, rest), preChildPart, !!((_lastChildPart2 = lastChildPart)
|
|
139
|
+
}, rest), preChildPart, !!((_lastChildPart2 = lastChildPart) != null && _lastChildPart2.length) && /*#__PURE__*/_react["default"].createElement(_dropdown["default"], {
|
|
174
140
|
overlay: menu(lastChildPart || []),
|
|
175
141
|
arrow: true
|
|
176
|
-
}, type === 'icon' ? _react["default"].createElement(_Icon["default"], {
|
|
142
|
+
}, type === 'icon' ? /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
|
|
177
143
|
type: "more"
|
|
178
|
-
}) : _react["default"].createElement("a", {
|
|
144
|
+
}) : /*#__PURE__*/_react["default"].createElement("a", {
|
|
179
145
|
className: "ant-dropdown-more"
|
|
180
|
-
}, (0, _locale.getText)('handleMore', lang), _react["default"].createElement("i", {
|
|
146
|
+
}, (0, _locale.getText)('handleMore', lang), /*#__PURE__*/_react["default"].createElement("i", {
|
|
181
147
|
className: "".concat(clsPrefix, "-dropdown-icon")
|
|
182
|
-
}, _react["default"].createElement(_Icon["default"], {
|
|
148
|
+
}, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
|
|
183
149
|
type: "down"
|
|
184
150
|
})))));
|
|
185
|
-
};
|
|
186
|
-
|
|
187
|
-
exports["default"] = _default;
|
|
151
|
+
};
|