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
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
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); }
|
|
1
2
|
import "antd/lib/modal/style";
|
|
2
3
|
import _Modal from "antd/lib/modal";
|
|
3
4
|
import "antd/lib/form/style";
|
|
@@ -6,71 +7,59 @@ import "antd/lib/input/style";
|
|
|
6
7
|
import _Input from "antd/lib/input";
|
|
7
8
|
import "antd/lib/message/style";
|
|
8
9
|
import _message from "antd/lib/message";
|
|
9
|
-
|
|
10
|
-
function
|
|
11
|
-
|
|
12
|
-
function
|
|
13
|
-
|
|
14
|
-
function
|
|
15
|
-
|
|
16
|
-
function
|
|
17
|
-
|
|
18
|
-
function
|
|
19
|
-
|
|
20
|
-
function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_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; }
|
|
21
|
-
|
|
22
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
23
|
-
|
|
10
|
+
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; }
|
|
11
|
+
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; }
|
|
12
|
+
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; }
|
|
13
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
14
|
+
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); }
|
|
15
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
16
|
+
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."); }
|
|
17
|
+
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; } }
|
|
18
|
+
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; }
|
|
19
|
+
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; } }
|
|
20
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
24
21
|
import { useState } from 'react';
|
|
25
22
|
import Cookies from 'universal-cookie';
|
|
26
|
-
var cookies = new Cookies();
|
|
27
|
-
|
|
23
|
+
var cookies = new Cookies();
|
|
24
|
+
// 默认
|
|
28
25
|
var accountInfoDefault = {
|
|
29
26
|
account: undefined,
|
|
30
27
|
password: undefined
|
|
31
28
|
};
|
|
32
29
|
export default (function (_ref) {
|
|
33
30
|
var visible = _ref.visible,
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
31
|
+
close = _ref.close,
|
|
32
|
+
signIn = _ref.signIn;
|
|
37
33
|
var _useState = useState(false),
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
34
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
35
|
+
confirmLoading = _useState2[0],
|
|
36
|
+
setConfirmLoading = _useState2[1];
|
|
42
37
|
|
|
38
|
+
// 如果storage中已存在,则取storage
|
|
43
39
|
var storageAccountInfo = localStorage.getItem('accountInfo');
|
|
44
|
-
|
|
45
40
|
if (storageAccountInfo) {
|
|
46
41
|
try {
|
|
47
42
|
accountInfoDefault = JSON.parse(storageAccountInfo);
|
|
48
43
|
} catch (e) {}
|
|
49
44
|
}
|
|
50
|
-
|
|
51
45
|
var _useState3 = useState(accountInfoDefault),
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
46
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
47
|
+
accountInfo = _useState4[0],
|
|
48
|
+
setAccountInfo = _useState4[1];
|
|
56
49
|
var account = accountInfo.account,
|
|
57
|
-
|
|
58
|
-
|
|
50
|
+
password = accountInfo.password;
|
|
59
51
|
var onSubmit = function onSubmit() {
|
|
60
52
|
setConfirmLoading(true);
|
|
61
53
|
var returnVal = signIn && signIn(accountInfo);
|
|
62
|
-
|
|
63
54
|
if (returnVal && returnVal.then) {
|
|
64
55
|
returnVal.then(function (res) {
|
|
65
56
|
_message.success('模拟登陆成功');
|
|
66
|
-
|
|
67
57
|
localStorage.setItem('accountInfo', JSON.stringify(accountInfo));
|
|
68
58
|
setConfirmLoading(false);
|
|
69
59
|
setTimeout(function () {
|
|
70
60
|
var _ref2 = res || {},
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
61
|
+
token = _ref2.tdToken,
|
|
62
|
+
userId = _ref2.userId;
|
|
74
63
|
cookies.set('_td_token_', token, {
|
|
75
64
|
path: '/'
|
|
76
65
|
});
|
|
@@ -85,37 +74,35 @@ export default (function (_ref) {
|
|
|
85
74
|
});
|
|
86
75
|
}
|
|
87
76
|
};
|
|
88
|
-
|
|
89
77
|
var changeFieldValue = function changeFieldValue(key, evt) {
|
|
90
|
-
setAccountInfo(_objectSpread({}, accountInfo, _defineProperty({}, key, evt.target.value)));
|
|
78
|
+
setAccountInfo(_objectSpread(_objectSpread({}, accountInfo), {}, _defineProperty({}, key, evt.target.value)));
|
|
91
79
|
};
|
|
92
|
-
|
|
93
|
-
return React.createElement(_Modal, {
|
|
80
|
+
return /*#__PURE__*/React.createElement(_Modal, {
|
|
94
81
|
title: "\u5F00\u53D1\u8005\u6A21\u62DF\u767B\u9646",
|
|
95
82
|
visible: visible,
|
|
96
83
|
maskClosable: false,
|
|
97
84
|
onOk: onSubmit,
|
|
98
85
|
onCancel: close,
|
|
99
86
|
confirmLoading: confirmLoading
|
|
100
|
-
}, React.createElement(_Form, {
|
|
87
|
+
}, /*#__PURE__*/React.createElement(_Form, {
|
|
101
88
|
labelCol: {
|
|
102
89
|
span: 5
|
|
103
90
|
},
|
|
104
91
|
wrapperCol: {
|
|
105
92
|
span: 18
|
|
106
93
|
}
|
|
107
|
-
}, React.createElement(_Form.Item, {
|
|
94
|
+
}, /*#__PURE__*/React.createElement(_Form.Item, {
|
|
108
95
|
label: "\u7528\u6237\u540D\uFF1A"
|
|
109
|
-
}, React.createElement(_Input, {
|
|
96
|
+
}, /*#__PURE__*/React.createElement(_Input, {
|
|
110
97
|
type: "text",
|
|
111
98
|
placeholder: "\u8BF7\u8F93\u5165\u7528\u6237\u540D",
|
|
112
99
|
value: account || undefined,
|
|
113
100
|
onChange: function onChange(evt) {
|
|
114
101
|
return changeFieldValue('account', evt);
|
|
115
102
|
}
|
|
116
|
-
})), React.createElement(_Form.Item, {
|
|
103
|
+
})), /*#__PURE__*/React.createElement(_Form.Item, {
|
|
117
104
|
label: "\u5BC6\u7801\uFF1A"
|
|
118
|
-
}, React.createElement(_Input, {
|
|
105
|
+
}, /*#__PURE__*/React.createElement(_Input, {
|
|
119
106
|
type: "text",
|
|
120
107
|
placeholder: "\u8BF7\u8F93\u5165\u7528\u6237\u540D",
|
|
121
108
|
value: password || undefined,
|
|
@@ -1,36 +1,32 @@
|
|
|
1
|
-
function _slicedToArray(
|
|
2
|
-
|
|
3
|
-
function
|
|
4
|
-
|
|
5
|
-
function _iterableToArrayLimit(
|
|
6
|
-
|
|
7
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
8
|
-
|
|
1
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
2
|
+
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."); }
|
|
3
|
+
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; } }
|
|
4
|
+
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; }
|
|
5
|
+
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; } }
|
|
6
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
9
7
|
/**
|
|
10
8
|
* @file 本地开发登录入口
|
|
11
9
|
*/
|
|
12
10
|
import React, { useState } from 'react';
|
|
13
|
-
var DevelopmentLoginModal = React.lazy(function () {
|
|
11
|
+
var DevelopmentLoginModal = /*#__PURE__*/React.lazy(function () {
|
|
14
12
|
return import('./LoginModal');
|
|
15
13
|
});
|
|
16
14
|
export default (function (_ref) {
|
|
17
15
|
var signIn = _ref.signIn;
|
|
18
|
-
|
|
19
16
|
var _useState = useState(false),
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
return React.createElement(React.Fragment, null, React.createElement("a", {
|
|
17
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
18
|
+
loginVisible = _useState2[0],
|
|
19
|
+
setLoginVisible = _useState2[1];
|
|
20
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("a", {
|
|
25
21
|
style: {
|
|
26
22
|
fontSize: 14
|
|
27
23
|
},
|
|
28
24
|
onClick: function onClick() {
|
|
29
25
|
return setLoginVisible(true);
|
|
30
26
|
}
|
|
31
|
-
}, "\u6A21\u62DF\u767B\u5F55"), loginVisible && React.createElement(React.Suspense, {
|
|
32
|
-
fallback: React.createElement("div", null, "\u6B63\u5728\u52A0\u8F7D\u4E2D")
|
|
33
|
-
}, React.createElement(DevelopmentLoginModal, {
|
|
27
|
+
}, "\u6A21\u62DF\u767B\u5F55"), loginVisible && /*#__PURE__*/React.createElement(React.Suspense, {
|
|
28
|
+
fallback: /*#__PURE__*/React.createElement("div", null, "\u6B63\u5728\u52A0\u8F7D\u4E2D")
|
|
29
|
+
}, /*#__PURE__*/React.createElement(DevelopmentLoginModal, {
|
|
34
30
|
visible: loginVisible,
|
|
35
31
|
signIn: signIn,
|
|
36
32
|
close: function close() {
|
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
export default (function (props) {
|
|
2
|
-
return React.createElement("div", props, React.createElement("svg", {
|
|
2
|
+
return /*#__PURE__*/React.createElement("div", props, /*#__PURE__*/React.createElement("svg", {
|
|
3
3
|
width: "16px",
|
|
4
4
|
height: "16px",
|
|
5
5
|
viewBox: "0 0 16 16"
|
|
6
|
-
}, React.createElement("g", {
|
|
6
|
+
}, /*#__PURE__*/React.createElement("g", {
|
|
7
7
|
id: "\u5168\u5BB6\u6876\u89C6\u89C9\u65B9\u6848\u4F18\u5316",
|
|
8
8
|
stroke: "none",
|
|
9
9
|
"stroke-width": "1",
|
|
10
10
|
fill: "none",
|
|
11
11
|
"fill-rule": "evenodd"
|
|
12
|
-
}, React.createElement("g", {
|
|
12
|
+
}, /*#__PURE__*/React.createElement("g", {
|
|
13
13
|
id: "\u5DE5\u4F5C\u53F01",
|
|
14
14
|
transform: "translate(-730.000000, -299.000000)"
|
|
15
|
-
}, React.createElement("g", {
|
|
15
|
+
}, /*#__PURE__*/React.createElement("g", {
|
|
16
16
|
id: "\u5206\u7EC4-6",
|
|
17
17
|
transform: "translate(240.000000, 96.000000)"
|
|
18
|
-
}, React.createElement("g", {
|
|
18
|
+
}, /*#__PURE__*/React.createElement("g", {
|
|
19
19
|
id: "\u7F16\u7EC4-18",
|
|
20
20
|
transform: "translate(0.000000, 171.000000)"
|
|
21
|
-
}, React.createElement("g", {
|
|
21
|
+
}, /*#__PURE__*/React.createElement("g", {
|
|
22
22
|
id: "\u590D\u5236",
|
|
23
23
|
transform: "translate(490.000000, 32.000000)"
|
|
24
|
-
}, React.createElement("rect", {
|
|
24
|
+
}, /*#__PURE__*/React.createElement("rect", {
|
|
25
25
|
id: "\u77E9\u5F62",
|
|
26
26
|
fill: "#D8D8D8",
|
|
27
27
|
opacity: "0",
|
|
@@ -29,31 +29,31 @@ export default (function (props) {
|
|
|
29
29
|
y: "0",
|
|
30
30
|
width: "16",
|
|
31
31
|
height: "16"
|
|
32
|
-
}), React.createElement("g", {
|
|
32
|
+
}), /*#__PURE__*/React.createElement("g", {
|
|
33
33
|
id: "\u7F16\u7EC4-5",
|
|
34
34
|
transform: "translate(2.223389, 1.330322)",
|
|
35
35
|
stroke: "#1e90ff",
|
|
36
36
|
"stroke-linecap": "round",
|
|
37
37
|
"stroke-width": "1.2"
|
|
38
|
-
}, React.createElement("polygon", {
|
|
38
|
+
}, /*#__PURE__*/React.createElement("polygon", {
|
|
39
39
|
id: "\u8DEF\u5F84",
|
|
40
40
|
"stroke-linejoin": "round",
|
|
41
41
|
points: "2 11.3333333 11.3333333 11.3333333 11.3333333 4 7.66666667 -8.8817842e-15 2 -8.8817842e-15"
|
|
42
|
-
}), React.createElement("polyline", {
|
|
42
|
+
}), /*#__PURE__*/React.createElement("polyline", {
|
|
43
43
|
id: "\u8DEF\u5F84",
|
|
44
44
|
"stroke-linejoin": "round",
|
|
45
45
|
points: "7.66666667 0 7.66666667 4 11.3333333 4"
|
|
46
|
-
}), React.createElement("polyline", {
|
|
46
|
+
}), /*#__PURE__*/React.createElement("polyline", {
|
|
47
47
|
id: "\u8DEF\u5F84",
|
|
48
48
|
"stroke-linejoin": "round",
|
|
49
49
|
points: "0 5.33333333 0 13.3333333 7 13.3333333"
|
|
50
|
-
}), React.createElement("line", {
|
|
50
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
51
51
|
x1: "4",
|
|
52
52
|
y1: "5.33333333",
|
|
53
53
|
x2: "5.33333333",
|
|
54
54
|
y2: "5.33333333",
|
|
55
55
|
id: "\u8DEF\u5F84"
|
|
56
|
-
}), React.createElement("line", {
|
|
56
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
57
57
|
x1: "4",
|
|
58
58
|
y1: "8",
|
|
59
59
|
x2: "8",
|
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
export default (function (props) {
|
|
2
|
-
return React.createElement("div", props, React.createElement("svg", {
|
|
2
|
+
return /*#__PURE__*/React.createElement("div", props, /*#__PURE__*/React.createElement("svg", {
|
|
3
3
|
width: "17px",
|
|
4
4
|
height: "16px",
|
|
5
5
|
viewBox: "0 0 17 16"
|
|
6
|
-
}, React.createElement("g", {
|
|
6
|
+
}, /*#__PURE__*/React.createElement("g", {
|
|
7
7
|
id: "\u5168\u5BB6\u6876\u89C6\u89C9\u65B9\u6848\u4F18\u5316",
|
|
8
8
|
stroke: "none",
|
|
9
9
|
"stroke-width": "1",
|
|
10
10
|
fill: "none",
|
|
11
11
|
"fill-rule": "evenodd"
|
|
12
|
-
}, React.createElement("g", {
|
|
12
|
+
}, /*#__PURE__*/React.createElement("g", {
|
|
13
13
|
id: "\u5DE5\u4F5C\u53F01",
|
|
14
14
|
transform: "translate(-754.000000, -299.000000)"
|
|
15
|
-
}, React.createElement("g", {
|
|
15
|
+
}, /*#__PURE__*/React.createElement("g", {
|
|
16
16
|
id: "\u5206\u7EC4-6",
|
|
17
17
|
transform: "translate(240.000000, 96.000000)"
|
|
18
|
-
}, React.createElement("g", {
|
|
18
|
+
}, /*#__PURE__*/React.createElement("g", {
|
|
19
19
|
id: "\u7F16\u7EC4-18",
|
|
20
20
|
transform: "translate(0.000000, 171.000000)"
|
|
21
|
-
}, React.createElement("g", {
|
|
21
|
+
}, /*#__PURE__*/React.createElement("g", {
|
|
22
22
|
id: "\u590D\u5236\u6210\u529F",
|
|
23
23
|
transform: "translate(514.500000, 32.000000)"
|
|
24
|
-
}, React.createElement("rect", {
|
|
24
|
+
}, /*#__PURE__*/React.createElement("rect", {
|
|
25
25
|
id: "\u77E9\u5F62",
|
|
26
26
|
"fill-opacity": "0.01",
|
|
27
27
|
fill: "#FFFFFF",
|
|
@@ -30,7 +30,7 @@ export default (function (props) {
|
|
|
30
30
|
y: "0",
|
|
31
31
|
width: "16",
|
|
32
32
|
height: "16"
|
|
33
|
-
}), React.createElement("polyline", {
|
|
33
|
+
}), /*#__PURE__*/React.createElement("polyline", {
|
|
34
34
|
id: "\u8DEF\u5F84",
|
|
35
35
|
stroke: "#07C790",
|
|
36
36
|
"stroke-width": "1.2",
|
package/es/Ellipsis/index.js
CHANGED
|
@@ -1,30 +1,27 @@
|
|
|
1
|
+
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); }
|
|
1
2
|
import "antd/lib/tooltip/style";
|
|
2
3
|
import _Tooltip from "antd/lib/tooltip";
|
|
3
4
|
import "antd/lib/popover/style";
|
|
4
5
|
import _Popover from "antd/lib/popover";
|
|
5
|
-
|
|
6
|
-
function
|
|
7
|
-
|
|
8
|
-
function
|
|
9
|
-
|
|
10
|
-
function
|
|
11
|
-
|
|
12
|
-
function
|
|
13
|
-
|
|
14
|
-
function
|
|
15
|
-
|
|
16
|
-
function
|
|
17
|
-
|
|
18
|
-
function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_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; }
|
|
19
|
-
|
|
20
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
21
|
-
|
|
6
|
+
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; }
|
|
7
|
+
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; }
|
|
8
|
+
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; }
|
|
9
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
10
|
+
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); }
|
|
11
|
+
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); }
|
|
12
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
13
|
+
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."); }
|
|
14
|
+
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; } }
|
|
15
|
+
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; }
|
|
16
|
+
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; } }
|
|
17
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
22
18
|
/*
|
|
23
19
|
* @Author: 梁洪刚
|
|
24
20
|
* @CreatDate: 2021-03-31 13:57:32
|
|
25
21
|
* @Describe: 省略号组件
|
|
26
22
|
*/
|
|
27
|
-
|
|
23
|
+
|
|
24
|
+
import { useState, useEffect, useRef, useCallback } from 'react';
|
|
28
25
|
import copy from 'copy-to-clipboard';
|
|
29
26
|
import CopySVG from './Svg/CopySVG';
|
|
30
27
|
import TickSVG from './Svg/TickSVG';
|
|
@@ -34,102 +31,129 @@ var tolerance = 0; // In px. Depends on the font you are using
|
|
|
34
31
|
var isEllipsisActive = function isEllipsisActive(e) {
|
|
35
32
|
if (e.offsetWidth === e.scrollWidth && e.offsetHeight === e.scrollHeight) {
|
|
36
33
|
var _e$parentNode, _e$parentNode$getAttr;
|
|
37
|
-
|
|
38
34
|
var styleStr = 'overflow:visible; ';
|
|
39
|
-
|
|
40
|
-
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'))) {
|
|
35
|
+
if (!(e != null && (_e$parentNode = e.parentNode) != null && (_e$parentNode$getAttr = _e$parentNode.getAttribute('style')) != null && _e$parentNode$getAttr.includes('width'))) {
|
|
41
36
|
styleStr += 'max-width:100%;';
|
|
42
37
|
}
|
|
43
|
-
|
|
44
38
|
e.parentNode.setAttribute('style', styleStr);
|
|
45
39
|
}
|
|
46
|
-
|
|
47
40
|
return e.offsetWidth + tolerance < e.scrollWidth || e.offsetHeight < e.scrollHeight;
|
|
48
41
|
};
|
|
49
|
-
|
|
50
42
|
export default (function (props) {
|
|
51
43
|
var _props$_popover = props._popover,
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
44
|
+
_popover = _props$_popover === void 0 ? props.Popover : _props$_popover,
|
|
45
|
+
title = props.title,
|
|
46
|
+
content = props.content,
|
|
47
|
+
className = props.className,
|
|
48
|
+
style = props.style,
|
|
49
|
+
widthLimit = props.widthLimit,
|
|
50
|
+
_props$_lines = props._lines,
|
|
51
|
+
_lines = _props$_lines === void 0 ? props.lines !== 1 && props.lines : _props$_lines,
|
|
52
|
+
children = props.children,
|
|
53
|
+
emptyText = props.emptyText,
|
|
54
|
+
_props$_copyable = props._copyable,
|
|
55
|
+
_copyable = _props$_copyable === void 0 ? props.copyable : _props$_copyable,
|
|
56
|
+
prefix = props.prefix,
|
|
57
|
+
suffix = props.suffix;
|
|
58
|
+
|
|
59
|
+
// allow visible or not state
|
|
68
60
|
var _useState = useState(true),
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
61
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
62
|
+
flag = _useState2[0],
|
|
63
|
+
setFlag = _useState2[1];
|
|
64
|
+
// visible[Tooltip/Popover] state
|
|
74
65
|
var _useState3 = useState(false),
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
66
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
67
|
+
tipVisible = _useState4[0],
|
|
68
|
+
setTipVisible = _useState4[1];
|
|
69
|
+
// copy animation state
|
|
80
70
|
var _useState5 = useState(false),
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
71
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
72
|
+
hasCopy = _useState6[0],
|
|
73
|
+
setHasCopy = _useState6[1];
|
|
85
74
|
var elementRef = useRef();
|
|
75
|
+
var timeRef = useRef();
|
|
86
76
|
useEffect(function () {
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
77
|
+
// 检查元素是否存在
|
|
78
|
+
if (elementRef.current) {
|
|
79
|
+
var checkEllipsis = function checkEllipsis() {
|
|
80
|
+
var isActive = isEllipsisActive(elementRef.current);
|
|
81
|
+
setFlag(isActive);
|
|
82
|
+
if (!isActive) {
|
|
83
|
+
setTipVisible(false);
|
|
84
|
+
}
|
|
85
|
+
};
|
|
86
|
+
|
|
87
|
+
// 初始检查
|
|
88
|
+
checkEllipsis();
|
|
89
|
+
|
|
90
|
+
// 监听 resize 事件,因为窗口大小变化会影响文本截断
|
|
91
|
+
window.addEventListener('resize', checkEllipsis);
|
|
92
|
+
return function () {
|
|
93
|
+
window.removeEventListener('resize', checkEllipsis);
|
|
94
|
+
if (timeRef.current) {
|
|
95
|
+
clearTimeout(timeRef.current);
|
|
96
|
+
timeRef.current = null;
|
|
97
|
+
}
|
|
98
|
+
elementRef.current = null;
|
|
99
|
+
};
|
|
100
|
+
}
|
|
101
|
+
}, [children, content, title]); // 添加必要的依赖项
|
|
91
102
|
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
}; // Tooltip.trigger(default 'hover') ==trigger==> onVisibleChange(visible)
|
|
103
|
+
// original Node
|
|
104
|
+
var inner = typeof children === 'string' ? children : _popover ? content : title;
|
|
95
105
|
|
|
106
|
+
// for className
|
|
107
|
+
var getClassName = "overflow ".concat(_lines ? 'ellipsis-wrap' : 'ellipsis-nowrap', " ").concat(className || '');
|
|
96
108
|
|
|
109
|
+
// Tooltip.trigger(default 'hover') ==trigger==> onVisibleChange(visible)
|
|
97
110
|
var handleVisibleChange = function handleVisibleChange(visible) {
|
|
98
111
|
// const { onVisibleChange } = props;
|
|
99
112
|
// onVisibleChange(visible);
|
|
100
113
|
flag && setTipVisible(visible);
|
|
101
|
-
};
|
|
102
|
-
|
|
114
|
+
};
|
|
103
115
|
|
|
116
|
+
// onClick Copy Button
|
|
104
117
|
var handleCopy = function handleCopy(innerText) {
|
|
105
118
|
copy(innerText);
|
|
106
|
-
|
|
107
|
-
|
|
119
|
+
|
|
120
|
+
// 清除之前的定时器
|
|
121
|
+
if (timeRef.current) {
|
|
122
|
+
clearTimeout(timeRef.current);
|
|
123
|
+
timeRef.current = null;
|
|
124
|
+
}
|
|
125
|
+
setHasCopy(true); // 直接设置为 true
|
|
126
|
+
timeRef.current = setTimeout(function () {
|
|
108
127
|
setHasCopy(false);
|
|
109
128
|
}, 1000);
|
|
110
129
|
};
|
|
130
|
+
var handleCopyClick = useCallback(function () {
|
|
131
|
+
if (elementRef.current) {
|
|
132
|
+
handleCopy(elementRef.current.innerText);
|
|
133
|
+
}
|
|
134
|
+
}, []); // 没有外部依赖
|
|
111
135
|
|
|
112
136
|
var renderNode = function renderNode() {
|
|
113
|
-
var popoverNode = React.createElement(_Popover, _extends({}, props, {
|
|
137
|
+
var popoverNode = /*#__PURE__*/React.createElement(_Popover, _extends({}, props, {
|
|
114
138
|
content: content || children,
|
|
115
139
|
visible: tipVisible,
|
|
116
140
|
onVisibleChange: function onVisibleChange(visible) {
|
|
117
141
|
return handleVisibleChange(visible);
|
|
118
142
|
}
|
|
119
|
-
}), React.createElement("div", {
|
|
143
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
120
144
|
className: className,
|
|
121
145
|
style: {
|
|
122
146
|
WebkitLineClamp: _lines
|
|
123
147
|
},
|
|
124
148
|
ref: elementRef
|
|
125
149
|
}, children || content));
|
|
126
|
-
var tooltipNode = React.createElement(_Tooltip, _extends({}, props, {
|
|
150
|
+
var tooltipNode = /*#__PURE__*/React.createElement(_Tooltip, _extends({}, props, {
|
|
127
151
|
title: title || children,
|
|
128
152
|
visible: tipVisible,
|
|
129
153
|
onVisibleChange: function onVisibleChange(visible) {
|
|
130
154
|
return handleVisibleChange(visible);
|
|
131
155
|
}
|
|
132
|
-
}), React.createElement("div", {
|
|
156
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
133
157
|
className: className,
|
|
134
158
|
style: {
|
|
135
159
|
WebkitLineClamp: _lines
|
|
@@ -138,18 +162,15 @@ export default (function (props) {
|
|
|
138
162
|
}, children || title));
|
|
139
163
|
return _popover ? popoverNode : tooltipNode;
|
|
140
164
|
};
|
|
141
|
-
|
|
142
|
-
return React.createElement(React.Fragment, null, React.createElement("div", {
|
|
165
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
143
166
|
className: "tnt-ellipsis",
|
|
144
|
-
style: _objectSpread({}, style, {
|
|
167
|
+
style: _objectSpread(_objectSpread({}, style), {}, {
|
|
145
168
|
maxWidth: widthLimit
|
|
146
169
|
})
|
|
147
|
-
}, prefix && prefix, React.createElement("div", {
|
|
148
|
-
className: getClassName
|
|
149
|
-
}, inner ? renderNode() : emptyText), suffix && suffix, inner && _copyable && React.createElement("div", {
|
|
170
|
+
}, prefix && prefix, /*#__PURE__*/React.createElement("div", {
|
|
171
|
+
className: getClassName
|
|
172
|
+
}, inner ? renderNode() : emptyText), suffix && suffix, inner && _copyable && /*#__PURE__*/React.createElement("div", {
|
|
150
173
|
className: "svg-button",
|
|
151
|
-
onClick:
|
|
152
|
-
|
|
153
|
-
}
|
|
154
|
-
}, !hasCopy ? React.createElement(CopySVG, null) : React.createElement(TickSVG, null))));
|
|
174
|
+
onClick: handleCopyClick
|
|
175
|
+
}, !hasCopy ? /*#__PURE__*/React.createElement(CopySVG, null) : /*#__PURE__*/React.createElement(TickSVG, null))));
|
|
155
176
|
});
|