tntd 1.4.20 → 1.4.21
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/Handle/README.md +0 -20
- package/components/Handle/index.js +27 -6
- package/components/locale.js +8 -2
- package/dist/1.tntd.js +1 -1
- package/dist/stats.json +23819 -24067
- package/dist/tntd.css +1 -1
- package/dist/tntd.js +13 -8
- package/es/ArrayInput/icon.js +5 -5
- package/es/ArrayInput/index.js +108 -76
- package/es/AuthContext.js +1 -1
- package/es/Columns/index.js +38 -31
- package/es/DevelopmentLogin/LoginModal.js +45 -32
- package/es/DevelopmentLogin/index.js +17 -13
- package/es/Ellipsis/Svg/CopySVG.js +13 -13
- package/es/Ellipsis/Svg/TickSVG.js +8 -8
- package/es/Ellipsis/index.js +69 -58
- package/es/Handle/README.md +0 -20
- package/es/Handle/index.js +67 -32
- package/es/Icon/fonts/iconfont.js +12 -7
- package/es/Icon/index.js +13 -10
- package/es/Img/Contain.js +29 -24
- package/es/Img/Cover.js +54 -40
- package/es/Img/index.js +45 -36
- package/es/Layout/ActionsContext.js +2 -3
- package/es/Layout/AppList.js +92 -37
- package/es/Layout/Application.js +72 -26
- package/es/Layout/Avatar.js +66 -29
- package/es/Layout/CompatibleLanguage.js +94 -39
- package/es/Layout/EnterpriseLayout/Avatar.js +76 -38
- package/es/Layout/EnterpriseLayout/Language.js +32 -14
- package/es/Layout/EnterpriseLayout/Theme.js +34 -16
- package/es/Layout/EnterpriseLayout/index.js +16 -14
- package/es/Layout/GlobalNavigation/NavigationPopup.js +170 -59
- package/es/Layout/GlobalNavigation/index.js +54 -20
- package/es/Layout/Header.js +46 -25
- package/es/Layout/HeaderActions.js +56 -42
- package/es/Layout/HeaderNavs.js +47 -20
- package/es/Layout/HeaderTabs.js +102 -49
- package/es/Layout/Iconfont.js +1 -1
- package/es/Layout/Language.js +32 -14
- package/es/Layout/Layout.js +108 -86
- package/es/Layout/Logo.js +32 -16
- package/es/Layout/OrgAppList.js +107 -62
- package/es/Layout/SideMenu.js +124 -63
- package/es/Layout/Theme.js +61 -23
- package/es/Layout/checkAuth.js +29 -0
- package/es/Layout/index.js +34 -26
- package/es/Layout/paaslayout/CompactSideMenu.js +74 -35
- package/es/Layout/paaslayout/Header.js +45 -22
- package/es/Layout/paaslayout/Logo.js +13 -3
- package/es/Layout/paaslayout/SideMenu.js +78 -39
- package/es/Layout/paaslayout/index.js +102 -75
- package/es/Layout/storage.js +9 -10
- package/es/Layout/utils.js +136 -0
- package/es/LoadingButton/index.js +24 -15
- package/es/Modal/index.js +46 -38
- package/es/Page/Box.js +41 -34
- package/es/Page/index.js +67 -52
- package/es/Page/utils.js +5 -0
- package/es/QueryForm/Field/Checkbox.js +9 -5
- package/es/QueryForm/Field/Select.js +41 -31
- package/es/QueryForm/Field/SelectInput.js +41 -26
- package/es/QueryForm/Field/fieldsMap.js +1 -0
- package/es/QueryForm/Field/index.js +71 -41
- package/es/QueryForm/createActions.js +7 -6
- package/es/QueryForm/index.js +135 -76
- package/es/QueryListScene/List.js +128 -74
- package/es/QueryListScene/QueryForm.js +81 -46
- package/es/QueryListScene/QueryListScene.js +40 -25
- package/es/QueryListScene/Title.js +3 -3
- package/es/QueryListScene/Toolbar.js +12 -11
- package/es/Select/DropDownWrap.js +50 -29
- package/es/Select/index.js +231 -135
- package/es/Table/ResizableTable/index.js +40 -26
- package/es/Table/index.js +16 -18
- package/es/Title/index.js +23 -21
- package/es/locale.js +11 -3
- package/es/utils/checkAuth.js +5 -3
- package/es/utils/findMenuInfoByPath.js +4 -0
- package/es/utils/index.js +23 -12
- package/lib/ArrayInput/icon.js +6 -6
- package/lib/ArrayInput/index.js +127 -78
- package/lib/AuthContext.js +4 -1
- package/lib/Columns/index.js +47 -31
- package/lib/DevelopmentLogin/LoginModal.js +58 -32
- package/lib/DevelopmentLogin/index.js +27 -16
- package/lib/Ellipsis/Svg/CopySVG.js +15 -13
- package/lib/Ellipsis/Svg/TickSVG.js +10 -8
- package/lib/Ellipsis/index.js +80 -57
- package/lib/Handle/README.md +0 -20
- package/lib/Handle/index.js +80 -32
- package/lib/Icon/fonts/iconfont.js +12 -7
- package/lib/Icon/index.js +20 -11
- package/lib/Img/Contain.js +34 -24
- package/lib/Img/Cover.js +65 -42
- package/lib/Img/index.js +51 -36
- package/lib/Layout/ActionsContext.js +4 -1
- package/lib/Layout/AppList.js +118 -40
- package/lib/Layout/Application.js +86 -26
- package/lib/Layout/Avatar.js +86 -32
- package/lib/Layout/CompatibleLanguage.js +110 -39
- package/lib/Layout/EnterpriseLayout/Avatar.js +100 -41
- package/lib/Layout/EnterpriseLayout/Header.js +113 -0
- package/lib/Layout/EnterpriseLayout/HeaderActions.js +104 -0
- package/lib/Layout/EnterpriseLayout/Language.js +48 -17
- package/lib/Layout/EnterpriseLayout/Theme.js +44 -16
- package/lib/Layout/EnterpriseLayout/index.js +23 -14
- package/lib/Layout/GlobalNavigation/NavigationPopup.js +186 -59
- package/lib/Layout/GlobalNavigation/index.js +74 -23
- package/lib/Layout/Header.js +63 -28
- package/lib/Layout/HeaderActions.js +74 -45
- package/lib/Layout/HeaderNavs.js +61 -23
- package/lib/Layout/HeaderTabs.js +118 -51
- package/lib/Layout/Iconfont.js +5 -1
- package/lib/Layout/Language.js +48 -17
- package/lib/Layout/Layout.js +128 -88
- package/lib/Layout/Logo.js +43 -19
- package/lib/Layout/OrgAppList.js +127 -64
- package/lib/Layout/SideMenu.js +143 -65
- package/lib/Layout/Theme.js +73 -23
- package/lib/Layout/checkAuth.js +39 -0
- package/lib/Layout/createActions.js +5 -0
- package/lib/Layout/images/index.js +28 -0
- package/lib/Layout/index.js +55 -30
- package/lib/Layout/paaslayout/CompactSideMenu.js +84 -35
- package/lib/Layout/paaslayout/Header.js +55 -22
- package/lib/Layout/paaslayout/Logo.js +19 -3
- package/lib/Layout/paaslayout/SideMenu.js +87 -39
- package/lib/Layout/paaslayout/index.js +122 -77
- package/lib/Layout/storage.js +40 -11
- package/lib/Layout/utils.js +166 -0
- package/lib/LoadingButton/index.js +29 -15
- package/lib/Modal/index.js +53 -38
- package/lib/Page/Box.js +45 -34
- package/lib/Page/index.js +77 -52
- package/lib/Page/utils.js +9 -1
- package/lib/QueryForm/Field/Checkbox.js +13 -5
- package/lib/QueryForm/Field/Select.js +53 -33
- package/lib/QueryForm/Field/SelectInput.js +56 -28
- package/lib/QueryForm/Field/fieldsMap.js +15 -1
- package/lib/QueryForm/Field/index.js +81 -43
- package/lib/QueryForm/createActions.js +12 -6
- package/lib/QueryForm/index.js +157 -78
- package/lib/QueryForm/useForm.js +5 -0
- package/lib/QueryListScene/List.js +140 -76
- package/lib/QueryListScene/QueryForm.js +86 -46
- package/lib/QueryListScene/QueryListScene.js +46 -25
- package/lib/QueryListScene/Title.js +7 -3
- package/lib/QueryListScene/Toolbar.js +16 -11
- package/lib/QueryListScene/createActions.js +5 -0
- package/lib/QueryListScene/index.js +10 -0
- package/lib/QueryListScene/useActions.js +5 -0
- package/lib/Select/DropDownWrap.js +56 -31
- package/lib/Select/index.js +241 -135
- package/lib/Table/ResizableTable/index.js +48 -26
- package/lib/Table/index.js +28 -17
- package/lib/Title/index.js +28 -21
- package/lib/index.js +56 -35
- package/lib/locale.js +19 -4
- package/lib/utils/checkAuth.js +9 -4
- package/lib/utils/findMenuInfoByPath.js +8 -1
- package/lib/utils/index.js +42 -15
- package/package.json +2 -2
|
@@ -1,72 +1,95 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
6
|
exports["default"] = void 0;
|
|
7
|
+
|
|
8
8
|
require("antd/lib/modal/style");
|
|
9
|
+
|
|
9
10
|
var _modal = _interopRequireDefault(require("antd/lib/modal"));
|
|
11
|
+
|
|
10
12
|
require("antd/lib/form/style");
|
|
13
|
+
|
|
11
14
|
var _form = _interopRequireDefault(require("antd/lib/form"));
|
|
15
|
+
|
|
12
16
|
require("antd/lib/input/style");
|
|
17
|
+
|
|
13
18
|
var _input = _interopRequireDefault(require("antd/lib/input"));
|
|
19
|
+
|
|
14
20
|
require("antd/lib/message/style");
|
|
21
|
+
|
|
15
22
|
var _message2 = _interopRequireDefault(require("antd/lib/message"));
|
|
23
|
+
|
|
16
24
|
var _react = require("react");
|
|
25
|
+
|
|
17
26
|
var _universalCookie = _interopRequireDefault(require("universal-cookie"));
|
|
27
|
+
|
|
18
28
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
-
|
|
20
|
-
function
|
|
21
|
-
|
|
22
|
-
function
|
|
23
|
-
|
|
24
|
-
function
|
|
25
|
-
|
|
26
|
-
function
|
|
27
|
-
|
|
28
|
-
function
|
|
29
|
+
|
|
30
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
31
|
+
|
|
32
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
33
|
+
|
|
34
|
+
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; }
|
|
35
|
+
|
|
36
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
|
|
37
|
+
|
|
38
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
|
|
39
|
+
|
|
40
|
+
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; }
|
|
41
|
+
|
|
29
42
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
30
|
-
|
|
31
|
-
// 默认
|
|
43
|
+
|
|
44
|
+
var cookies = new _universalCookie["default"](); // 默认
|
|
45
|
+
|
|
32
46
|
var accountInfoDefault = {
|
|
33
47
|
account: undefined,
|
|
34
48
|
password: undefined
|
|
35
49
|
};
|
|
50
|
+
|
|
36
51
|
var _default = function _default(_ref) {
|
|
37
52
|
var visible = _ref.visible,
|
|
38
|
-
|
|
39
|
-
|
|
53
|
+
close = _ref.close,
|
|
54
|
+
signIn = _ref.signIn;
|
|
55
|
+
|
|
40
56
|
var _useState = (0, _react.useState)(false),
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
57
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
58
|
+
confirmLoading = _useState2[0],
|
|
59
|
+
setConfirmLoading = _useState2[1]; // 如果storage中已存在,则取storage
|
|
60
|
+
|
|
44
61
|
|
|
45
|
-
// 如果storage中已存在,则取storage
|
|
46
62
|
var storageAccountInfo = localStorage.getItem('accountInfo');
|
|
63
|
+
|
|
47
64
|
if (storageAccountInfo) {
|
|
48
65
|
try {
|
|
49
66
|
accountInfoDefault = JSON.parse(storageAccountInfo);
|
|
50
67
|
} catch (e) {}
|
|
51
68
|
}
|
|
69
|
+
|
|
52
70
|
var _useState3 = (0, _react.useState)(accountInfoDefault),
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
71
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
72
|
+
accountInfo = _useState4[0],
|
|
73
|
+
setAccountInfo = _useState4[1];
|
|
74
|
+
|
|
56
75
|
var account = accountInfo.account,
|
|
57
|
-
|
|
76
|
+
password = accountInfo.password;
|
|
77
|
+
|
|
58
78
|
var onSubmit = function onSubmit() {
|
|
59
79
|
setConfirmLoading(true);
|
|
60
80
|
var returnVal = signIn && signIn(accountInfo);
|
|
81
|
+
|
|
61
82
|
if (returnVal && returnVal.then) {
|
|
62
83
|
returnVal.then(function (res) {
|
|
63
84
|
_message2["default"].success('模拟登陆成功');
|
|
85
|
+
|
|
64
86
|
localStorage.setItem('accountInfo', JSON.stringify(accountInfo));
|
|
65
87
|
setConfirmLoading(false);
|
|
66
88
|
setTimeout(function () {
|
|
67
89
|
var _ref2 = res || {},
|
|
68
|
-
|
|
69
|
-
|
|
90
|
+
token = _ref2.tdToken,
|
|
91
|
+
userId = _ref2.userId;
|
|
92
|
+
|
|
70
93
|
cookies.set('_td_token_', token, {
|
|
71
94
|
path: '/'
|
|
72
95
|
});
|
|
@@ -81,35 +104,37 @@ var _default = function _default(_ref) {
|
|
|
81
104
|
});
|
|
82
105
|
}
|
|
83
106
|
};
|
|
107
|
+
|
|
84
108
|
var changeFieldValue = function changeFieldValue(key, evt) {
|
|
85
|
-
setAccountInfo(_objectSpread(
|
|
109
|
+
setAccountInfo(_objectSpread({}, accountInfo, _defineProperty({}, key, evt.target.value)));
|
|
86
110
|
};
|
|
87
|
-
|
|
111
|
+
|
|
112
|
+
return React.createElement(_modal["default"], {
|
|
88
113
|
title: "\u5F00\u53D1\u8005\u6A21\u62DF\u767B\u9646",
|
|
89
114
|
visible: visible,
|
|
90
115
|
maskClosable: false,
|
|
91
116
|
onOk: onSubmit,
|
|
92
117
|
onCancel: close,
|
|
93
118
|
confirmLoading: confirmLoading
|
|
94
|
-
},
|
|
119
|
+
}, React.createElement(_form["default"], {
|
|
95
120
|
labelCol: {
|
|
96
121
|
span: 5
|
|
97
122
|
},
|
|
98
123
|
wrapperCol: {
|
|
99
124
|
span: 18
|
|
100
125
|
}
|
|
101
|
-
},
|
|
126
|
+
}, React.createElement(_form["default"].Item, {
|
|
102
127
|
label: "\u7528\u6237\u540D\uFF1A"
|
|
103
|
-
},
|
|
128
|
+
}, React.createElement(_input["default"], {
|
|
104
129
|
type: "text",
|
|
105
130
|
placeholder: "\u8BF7\u8F93\u5165\u7528\u6237\u540D",
|
|
106
131
|
value: account || undefined,
|
|
107
132
|
onChange: function onChange(evt) {
|
|
108
133
|
return changeFieldValue('account', evt);
|
|
109
134
|
}
|
|
110
|
-
})),
|
|
135
|
+
})), React.createElement(_form["default"].Item, {
|
|
111
136
|
label: "\u5BC6\u7801\uFF1A"
|
|
112
|
-
},
|
|
137
|
+
}, React.createElement(_input["default"], {
|
|
113
138
|
type: "text",
|
|
114
139
|
placeholder: "\u8BF7\u8F93\u5165\u7528\u6237\u540D",
|
|
115
140
|
value: password || undefined,
|
|
@@ -118,4 +143,5 @@ var _default = function _default(_ref) {
|
|
|
118
143
|
}
|
|
119
144
|
}))));
|
|
120
145
|
};
|
|
146
|
+
|
|
121
147
|
exports["default"] = _default;
|
|
@@ -4,37 +4,47 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
+
|
|
7
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
-
|
|
9
|
-
function
|
|
10
|
-
|
|
11
|
-
function
|
|
12
|
-
|
|
13
|
-
function
|
|
9
|
+
|
|
10
|
+
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
11
|
+
|
|
12
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
|
|
13
|
+
|
|
14
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
|
|
15
|
+
|
|
16
|
+
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; }
|
|
17
|
+
|
|
14
18
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
15
|
-
|
|
16
|
-
function
|
|
17
|
-
|
|
19
|
+
|
|
20
|
+
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
21
|
+
|
|
22
|
+
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
23
|
+
|
|
24
|
+
var DevelopmentLoginModal = _react["default"].lazy(function () {
|
|
18
25
|
return Promise.resolve().then(function () {
|
|
19
26
|
return _interopRequireWildcard(require('./LoginModal'));
|
|
20
27
|
});
|
|
21
28
|
});
|
|
29
|
+
|
|
22
30
|
var _default = function _default(_ref) {
|
|
23
31
|
var signIn = _ref.signIn;
|
|
32
|
+
|
|
24
33
|
var _useState = (0, _react.useState)(false),
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
34
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
35
|
+
loginVisible = _useState2[0],
|
|
36
|
+
setLoginVisible = _useState2[1];
|
|
37
|
+
|
|
38
|
+
return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement("a", {
|
|
29
39
|
style: {
|
|
30
40
|
fontSize: 14
|
|
31
41
|
},
|
|
32
42
|
onClick: function onClick() {
|
|
33
43
|
return setLoginVisible(true);
|
|
34
44
|
}
|
|
35
|
-
}, "\u6A21\u62DF\u767B\u5F55"), loginVisible &&
|
|
36
|
-
fallback:
|
|
37
|
-
},
|
|
45
|
+
}, "\u6A21\u62DF\u767B\u5F55"), loginVisible && _react["default"].createElement(_react["default"].Suspense, {
|
|
46
|
+
fallback: _react["default"].createElement("div", null, "\u6B63\u5728\u52A0\u8F7D\u4E2D")
|
|
47
|
+
}, _react["default"].createElement(DevelopmentLoginModal, {
|
|
38
48
|
visible: loginVisible,
|
|
39
49
|
signIn: signIn,
|
|
40
50
|
close: function close() {
|
|
@@ -42,4 +52,5 @@ var _default = function _default(_ref) {
|
|
|
42
52
|
}
|
|
43
53
|
})));
|
|
44
54
|
};
|
|
55
|
+
|
|
45
56
|
exports["default"] = _default;
|
|
@@ -4,30 +4,31 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
+
|
|
7
8
|
var _default = function _default(props) {
|
|
8
|
-
return
|
|
9
|
+
return React.createElement("div", props, React.createElement("svg", {
|
|
9
10
|
width: "16px",
|
|
10
11
|
height: "16px",
|
|
11
12
|
viewBox: "0 0 16 16"
|
|
12
|
-
},
|
|
13
|
+
}, React.createElement("g", {
|
|
13
14
|
id: "\u5168\u5BB6\u6876\u89C6\u89C9\u65B9\u6848\u4F18\u5316",
|
|
14
15
|
stroke: "none",
|
|
15
16
|
"stroke-width": "1",
|
|
16
17
|
fill: "none",
|
|
17
18
|
"fill-rule": "evenodd"
|
|
18
|
-
},
|
|
19
|
+
}, React.createElement("g", {
|
|
19
20
|
id: "\u5DE5\u4F5C\u53F01",
|
|
20
21
|
transform: "translate(-730.000000, -299.000000)"
|
|
21
|
-
},
|
|
22
|
+
}, React.createElement("g", {
|
|
22
23
|
id: "\u5206\u7EC4-6",
|
|
23
24
|
transform: "translate(240.000000, 96.000000)"
|
|
24
|
-
},
|
|
25
|
+
}, React.createElement("g", {
|
|
25
26
|
id: "\u7F16\u7EC4-18",
|
|
26
27
|
transform: "translate(0.000000, 171.000000)"
|
|
27
|
-
},
|
|
28
|
+
}, React.createElement("g", {
|
|
28
29
|
id: "\u590D\u5236",
|
|
29
30
|
transform: "translate(490.000000, 32.000000)"
|
|
30
|
-
},
|
|
31
|
+
}, React.createElement("rect", {
|
|
31
32
|
id: "\u77E9\u5F62",
|
|
32
33
|
fill: "#D8D8D8",
|
|
33
34
|
opacity: "0",
|
|
@@ -35,31 +36,31 @@ var _default = function _default(props) {
|
|
|
35
36
|
y: "0",
|
|
36
37
|
width: "16",
|
|
37
38
|
height: "16"
|
|
38
|
-
}),
|
|
39
|
+
}), React.createElement("g", {
|
|
39
40
|
id: "\u7F16\u7EC4-5",
|
|
40
41
|
transform: "translate(2.223389, 1.330322)",
|
|
41
42
|
stroke: "#1e90ff",
|
|
42
43
|
"stroke-linecap": "round",
|
|
43
44
|
"stroke-width": "1.2"
|
|
44
|
-
},
|
|
45
|
+
}, React.createElement("polygon", {
|
|
45
46
|
id: "\u8DEF\u5F84",
|
|
46
47
|
"stroke-linejoin": "round",
|
|
47
48
|
points: "2 11.3333333 11.3333333 11.3333333 11.3333333 4 7.66666667 -8.8817842e-15 2 -8.8817842e-15"
|
|
48
|
-
}),
|
|
49
|
+
}), React.createElement("polyline", {
|
|
49
50
|
id: "\u8DEF\u5F84",
|
|
50
51
|
"stroke-linejoin": "round",
|
|
51
52
|
points: "7.66666667 0 7.66666667 4 11.3333333 4"
|
|
52
|
-
}),
|
|
53
|
+
}), React.createElement("polyline", {
|
|
53
54
|
id: "\u8DEF\u5F84",
|
|
54
55
|
"stroke-linejoin": "round",
|
|
55
56
|
points: "0 5.33333333 0 13.3333333 7 13.3333333"
|
|
56
|
-
}),
|
|
57
|
+
}), React.createElement("line", {
|
|
57
58
|
x1: "4",
|
|
58
59
|
y1: "5.33333333",
|
|
59
60
|
x2: "5.33333333",
|
|
60
61
|
y2: "5.33333333",
|
|
61
62
|
id: "\u8DEF\u5F84"
|
|
62
|
-
}),
|
|
63
|
+
}), React.createElement("line", {
|
|
63
64
|
x1: "4",
|
|
64
65
|
y1: "8",
|
|
65
66
|
x2: "8",
|
|
@@ -67,4 +68,5 @@ var _default = function _default(props) {
|
|
|
67
68
|
id: "\u8DEF\u5F84"
|
|
68
69
|
})))))))));
|
|
69
70
|
};
|
|
71
|
+
|
|
70
72
|
exports["default"] = _default;
|
|
@@ -4,30 +4,31 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
+
|
|
7
8
|
var _default = function _default(props) {
|
|
8
|
-
return
|
|
9
|
+
return React.createElement("div", props, React.createElement("svg", {
|
|
9
10
|
width: "17px",
|
|
10
11
|
height: "16px",
|
|
11
12
|
viewBox: "0 0 17 16"
|
|
12
|
-
},
|
|
13
|
+
}, React.createElement("g", {
|
|
13
14
|
id: "\u5168\u5BB6\u6876\u89C6\u89C9\u65B9\u6848\u4F18\u5316",
|
|
14
15
|
stroke: "none",
|
|
15
16
|
"stroke-width": "1",
|
|
16
17
|
fill: "none",
|
|
17
18
|
"fill-rule": "evenodd"
|
|
18
|
-
},
|
|
19
|
+
}, React.createElement("g", {
|
|
19
20
|
id: "\u5DE5\u4F5C\u53F01",
|
|
20
21
|
transform: "translate(-754.000000, -299.000000)"
|
|
21
|
-
},
|
|
22
|
+
}, React.createElement("g", {
|
|
22
23
|
id: "\u5206\u7EC4-6",
|
|
23
24
|
transform: "translate(240.000000, 96.000000)"
|
|
24
|
-
},
|
|
25
|
+
}, React.createElement("g", {
|
|
25
26
|
id: "\u7F16\u7EC4-18",
|
|
26
27
|
transform: "translate(0.000000, 171.000000)"
|
|
27
|
-
},
|
|
28
|
+
}, React.createElement("g", {
|
|
28
29
|
id: "\u590D\u5236\u6210\u529F",
|
|
29
30
|
transform: "translate(514.500000, 32.000000)"
|
|
30
|
-
},
|
|
31
|
+
}, React.createElement("rect", {
|
|
31
32
|
id: "\u77E9\u5F62",
|
|
32
33
|
"fill-opacity": "0.01",
|
|
33
34
|
fill: "#FFFFFF",
|
|
@@ -36,7 +37,7 @@ var _default = function _default(props) {
|
|
|
36
37
|
y: "0",
|
|
37
38
|
width: "16",
|
|
38
39
|
height: "16"
|
|
39
|
-
}),
|
|
40
|
+
}), React.createElement("polyline", {
|
|
40
41
|
id: "\u8DEF\u5F84",
|
|
41
42
|
stroke: "#07C790",
|
|
42
43
|
"stroke-width": "1.2",
|
|
@@ -45,4 +46,5 @@ var _default = function _default(props) {
|
|
|
45
46
|
points: "14.3333333 3.66666667 5.625 12.3333333 1.66666667 8.39393333"
|
|
46
47
|
}))))))));
|
|
47
48
|
};
|
|
49
|
+
|
|
48
50
|
exports["default"] = _default;
|
package/lib/Ellipsis/index.js
CHANGED
|
@@ -1,98 +1,118 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
6
|
exports["default"] = void 0;
|
|
7
|
+
|
|
8
8
|
require("antd/lib/tooltip/style");
|
|
9
|
+
|
|
9
10
|
var _tooltip = _interopRequireDefault(require("antd/lib/tooltip"));
|
|
11
|
+
|
|
10
12
|
require("antd/lib/popover/style");
|
|
13
|
+
|
|
11
14
|
var _popover2 = _interopRequireDefault(require("antd/lib/popover"));
|
|
15
|
+
|
|
12
16
|
var _react = require("react");
|
|
17
|
+
|
|
13
18
|
var _copyToClipboard = _interopRequireDefault(require("copy-to-clipboard"));
|
|
19
|
+
|
|
14
20
|
var _CopySVG = _interopRequireDefault(require("./Svg/CopySVG"));
|
|
21
|
+
|
|
15
22
|
var _TickSVG = _interopRequireDefault(require("./Svg/TickSVG"));
|
|
23
|
+
|
|
16
24
|
require("./index.less");
|
|
25
|
+
|
|
17
26
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
18
|
-
|
|
19
|
-
function
|
|
20
|
-
|
|
21
|
-
function
|
|
22
|
-
|
|
23
|
-
function
|
|
24
|
-
|
|
25
|
-
function
|
|
26
|
-
|
|
27
|
-
function
|
|
28
|
-
|
|
27
|
+
|
|
28
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
29
|
+
|
|
30
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
31
|
+
|
|
32
|
+
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; }
|
|
33
|
+
|
|
34
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
35
|
+
|
|
36
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
|
|
37
|
+
|
|
38
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
|
|
39
|
+
|
|
40
|
+
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; }
|
|
41
|
+
|
|
29
42
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
43
|
+
|
|
30
44
|
var tolerance = 0; // In px. Depends on the font you are using
|
|
31
45
|
|
|
32
46
|
var isEllipsisActive = function isEllipsisActive(e) {
|
|
33
47
|
if (e.offsetWidth === e.scrollWidth && e.offsetHeight === e.scrollHeight) {
|
|
34
48
|
var _e$parentNode, _e$parentNode$getAttr;
|
|
49
|
+
|
|
35
50
|
var styleStr = 'overflow:visible; ';
|
|
36
|
-
|
|
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'))) {
|
|
37
53
|
styleStr += 'max-width:100%;';
|
|
38
54
|
}
|
|
55
|
+
|
|
39
56
|
e.parentNode.setAttribute('style', styleStr);
|
|
40
57
|
}
|
|
58
|
+
|
|
41
59
|
return e.offsetWidth + tolerance < e.scrollWidth || e.offsetHeight < e.scrollHeight;
|
|
42
60
|
};
|
|
61
|
+
|
|
43
62
|
var _default = function _default(props) {
|
|
44
63
|
var _props$_popover = props._popover,
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
64
|
+
_popover = _props$_popover === void 0 ? props.Popover : _props$_popover,
|
|
65
|
+
title = props.title,
|
|
66
|
+
content = props.content,
|
|
67
|
+
className = props.className,
|
|
68
|
+
style = props.style,
|
|
69
|
+
widthLimit = props.widthLimit,
|
|
70
|
+
_props$_lines = props._lines,
|
|
71
|
+
_lines = _props$_lines === void 0 ? props.lines !== 1 && props.lines : _props$_lines,
|
|
72
|
+
children = props.children,
|
|
73
|
+
emptyText = props.emptyText,
|
|
74
|
+
_props$_copyable = props._copyable,
|
|
75
|
+
_copyable = _props$_copyable === void 0 ? props.copyable : _props$_copyable,
|
|
76
|
+
prefix = props.prefix,
|
|
77
|
+
suffix = props.suffix; // allow visible or not state
|
|
78
|
+
|
|
79
|
+
|
|
61
80
|
var _useState = (0, _react.useState)(true),
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
81
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
82
|
+
flag = _useState2[0],
|
|
83
|
+
setFlag = _useState2[1]; // visible[Tooltip/Popover] state
|
|
84
|
+
|
|
85
|
+
|
|
66
86
|
var _useState3 = (0, _react.useState)(false),
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
87
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
88
|
+
tipVisible = _useState4[0],
|
|
89
|
+
setTipVisible = _useState4[1]; // copy animation state
|
|
90
|
+
|
|
91
|
+
|
|
71
92
|
var _useState5 = (0, _react.useState)(false),
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
93
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
94
|
+
hasCopy = _useState6[0],
|
|
95
|
+
setHasCopy = _useState6[1];
|
|
96
|
+
|
|
75
97
|
var elementRef = (0, _react.useRef)();
|
|
76
98
|
(0, _react.useEffect)(function () {
|
|
77
99
|
elementRef.current && isEllipsisActive(elementRef.current) ? setFlag(true) : (setFlag(false), setTipVisible(false));
|
|
78
|
-
});
|
|
100
|
+
}); // original Node
|
|
79
101
|
|
|
80
|
-
//
|
|
81
|
-
var inner = typeof children === 'string' ? children : _popover ? content : title;
|
|
102
|
+
var inner = typeof children === 'string' ? children : _popover ? content : title; // for className
|
|
82
103
|
|
|
83
|
-
// for className
|
|
84
104
|
var getClassName = function getClassName() {
|
|
85
105
|
return "overflow ".concat(_lines ? 'ellipsis-wrap' : 'ellipsis-nowrap', " ").concat(className || '');
|
|
86
|
-
};
|
|
106
|
+
}; // Tooltip.trigger(default 'hover') ==trigger==> onVisibleChange(visible)
|
|
107
|
+
|
|
87
108
|
|
|
88
|
-
// Tooltip.trigger(default 'hover') ==trigger==> onVisibleChange(visible)
|
|
89
109
|
var handleVisibleChange = function handleVisibleChange(visible) {
|
|
90
110
|
// const { onVisibleChange } = props;
|
|
91
111
|
// onVisibleChange(visible);
|
|
92
112
|
flag && setTipVisible(visible);
|
|
93
|
-
};
|
|
113
|
+
}; // onClick Copy Button
|
|
114
|
+
|
|
94
115
|
|
|
95
|
-
// onClick Copy Button
|
|
96
116
|
var handleCopy = function handleCopy(innerText) {
|
|
97
117
|
(0, _copyToClipboard["default"])(innerText);
|
|
98
118
|
setHasCopy(!hasCopy);
|
|
@@ -100,27 +120,28 @@ var _default = function _default(props) {
|
|
|
100
120
|
setHasCopy(false);
|
|
101
121
|
}, 1000);
|
|
102
122
|
};
|
|
123
|
+
|
|
103
124
|
var renderNode = function renderNode() {
|
|
104
|
-
var popoverNode =
|
|
125
|
+
var popoverNode = React.createElement(_popover2["default"], _extends({}, props, {
|
|
105
126
|
content: content || children,
|
|
106
127
|
visible: tipVisible,
|
|
107
128
|
onVisibleChange: function onVisibleChange(visible) {
|
|
108
129
|
return handleVisibleChange(visible);
|
|
109
130
|
}
|
|
110
|
-
}),
|
|
131
|
+
}), React.createElement("div", {
|
|
111
132
|
className: className,
|
|
112
133
|
style: {
|
|
113
134
|
WebkitLineClamp: _lines
|
|
114
135
|
},
|
|
115
136
|
ref: elementRef
|
|
116
137
|
}, children || content));
|
|
117
|
-
var tooltipNode =
|
|
138
|
+
var tooltipNode = React.createElement(_tooltip["default"], _extends({}, props, {
|
|
118
139
|
title: title || children,
|
|
119
140
|
visible: tipVisible,
|
|
120
141
|
onVisibleChange: function onVisibleChange(visible) {
|
|
121
142
|
return handleVisibleChange(visible);
|
|
122
143
|
}
|
|
123
|
-
}),
|
|
144
|
+
}), React.createElement("div", {
|
|
124
145
|
className: className,
|
|
125
146
|
style: {
|
|
126
147
|
WebkitLineClamp: _lines
|
|
@@ -129,18 +150,20 @@ var _default = function _default(props) {
|
|
|
129
150
|
}, children || title));
|
|
130
151
|
return _popover ? popoverNode : tooltipNode;
|
|
131
152
|
};
|
|
132
|
-
|
|
153
|
+
|
|
154
|
+
return React.createElement(React.Fragment, null, React.createElement("div", {
|
|
133
155
|
className: "tnt-ellipsis",
|
|
134
|
-
style: _objectSpread(
|
|
156
|
+
style: _objectSpread({}, style, {
|
|
135
157
|
maxWidth: widthLimit
|
|
136
158
|
})
|
|
137
|
-
}, prefix && prefix,
|
|
159
|
+
}, prefix && prefix, React.createElement("div", {
|
|
138
160
|
className: getClassName()
|
|
139
|
-
}, inner ? renderNode() : emptyText), suffix && suffix, inner && _copyable &&
|
|
161
|
+
}, inner ? renderNode() : emptyText), suffix && suffix, inner && _copyable && React.createElement("div", {
|
|
140
162
|
className: "svg-button",
|
|
141
163
|
onClick: function onClick() {
|
|
142
164
|
return handleCopy(elementRef.current.innerText);
|
|
143
165
|
}
|
|
144
|
-
}, !hasCopy ?
|
|
166
|
+
}, !hasCopy ? React.createElement(_CopySVG["default"], null) : React.createElement(_TickSVG["default"], null))));
|
|
145
167
|
};
|
|
168
|
+
|
|
146
169
|
exports["default"] = _default;
|