tntd 1.3.57 → 1.3.62

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.
Files changed (110) hide show
  1. package/babel.config.js +2 -2
  2. package/components/Layout/Application.js +1 -1
  3. package/components/QueryForm/Field/index.js +2 -1
  4. package/components/QueryListScene/List.js +17 -13
  5. package/lib/0645cf743e4e44ca9da321d689897f07.png +0 -0
  6. package/lib/09db77de0c24fa0f45f8a5cf299a3d11.png +0 -0
  7. package/lib/1d0b52448de217857b270af807e9360d.png +0 -0
  8. package/lib/25d78d77c9c2f0d403e5d899ceb5b1ef.png +0 -0
  9. package/lib/27fa44ff0c98e1594d79b73045aabedf.png +0 -0
  10. package/lib/2c95075adb68d6131b59cae9fa554ec2.png +0 -0
  11. package/lib/377c871d922a25c773a9e7c2f42ed7c0.png +0 -0
  12. package/lib/3d901589b40bd56ff1fde2bbb700bfe1.png +0 -0
  13. package/lib/4abe481e130d7be0574e45573de8beb7.png +0 -0
  14. package/lib/95ee2260a509cd630d89c5367ed1973b.png +0 -0
  15. package/lib/ArrayInput/icon.js +31 -27
  16. package/lib/ArrayInput/index.js +298 -211
  17. package/lib/AuthContext.js +13 -2
  18. package/lib/BlockHeader/README.md +83 -0
  19. package/lib/BlockHeader/fonts/OswaldLight.ttf +0 -0
  20. package/lib/BlockHeader/index.js +42 -0
  21. package/lib/BlockHeader/index.less +141 -0
  22. package/lib/Columns/index.js +100 -71
  23. package/lib/DevelopmentLogin/LoginModal.js +141 -79
  24. package/lib/DevelopmentLogin/index.js +55 -28
  25. package/lib/Ellipsis/Svg/CopySVG.js +71 -23
  26. package/lib/Ellipsis/Svg/TickSVG.js +49 -17
  27. package/lib/Ellipsis/index.js +155 -149
  28. package/lib/Handle/index.js +109 -72
  29. package/lib/Icon/fonts/iconfont.js +43 -1
  30. package/lib/Icon/iconList.js +8 -119
  31. package/lib/Icon/index.js +45 -13
  32. package/lib/Img/Contain.js +81 -49
  33. package/lib/Img/Cover.js +136 -88
  34. package/lib/Img/index.js +89 -36
  35. package/lib/Layout/ActionsContext.js +11 -2
  36. package/lib/Layout/AppList.js +256 -262
  37. package/lib/Layout/Application.js +135 -119
  38. package/lib/Layout/Avatar.js +137 -137
  39. package/lib/Layout/CompatibleLanguage.js +195 -214
  40. package/lib/Layout/EnterpriseLayout/Avatar.js +168 -156
  41. package/lib/Layout/EnterpriseLayout/Language.js +100 -75
  42. package/lib/Layout/EnterpriseLayout/Theme.js +94 -96
  43. package/lib/Layout/EnterpriseLayout/index.js +45 -32
  44. package/lib/Layout/GlobalNavigation/NavigationPopup.js +407 -335
  45. package/lib/Layout/GlobalNavigation/index.js +158 -110
  46. package/lib/Layout/Header.js +116 -165
  47. package/lib/Layout/HeaderActions.js +129 -170
  48. package/lib/Layout/HeaderNavs.js +113 -90
  49. package/lib/Layout/HeaderTabs.js +278 -312
  50. package/lib/Layout/Iconfont.js +15 -2
  51. package/lib/Layout/Language.js +102 -63
  52. package/lib/Layout/Layout.js +261 -272
  53. package/lib/Layout/Logo.js +87 -132
  54. package/lib/Layout/OrgAppList.js +319 -440
  55. package/lib/Layout/SideMenu.js +343 -429
  56. package/lib/Layout/Theme.js +124 -95
  57. package/lib/Layout/checkAuth.js +35 -21
  58. package/lib/Layout/createActions.js +51 -38
  59. package/lib/Layout/images/index.js +41 -33
  60. package/lib/Layout/index.js +161 -110
  61. package/lib/Layout/locale.js +53 -0
  62. package/lib/Layout/paaslayout/CompactSideMenu.js +178 -200
  63. package/lib/Layout/paaslayout/Header.js +90 -84
  64. package/lib/Layout/paaslayout/Logo.js +32 -27
  65. package/lib/Layout/paaslayout/SideMenu.js +174 -161
  66. package/lib/Layout/paaslayout/index.js +261 -240
  67. package/lib/Layout/paaslayout/index.less +75 -0
  68. package/lib/Layout/storage.js +78 -20
  69. package/lib/Layout/utils.js +143 -93
  70. package/lib/LoadingButton/index.js +57 -29
  71. package/lib/Modal/index.js +108 -83
  72. package/lib/Page/Box.js +81 -56
  73. package/lib/Page/index.js +173 -151
  74. package/lib/Page/utils.js +30 -12
  75. package/lib/QueryForm/Field/Checkbox.js +33 -11
  76. package/lib/QueryForm/Field/Select.js +99 -63
  77. package/lib/QueryForm/Field/SelectInput.js +114 -69
  78. package/lib/QueryForm/Field/fieldsMap.js +52 -30
  79. package/lib/QueryForm/Field/index.js +158 -75
  80. package/lib/QueryForm/createActions.js +65 -50
  81. package/lib/QueryForm/index.js +382 -303
  82. package/lib/QueryForm/useForm.js +17 -6
  83. package/lib/QueryListScene/Field/SelectInput.js +115 -0
  84. package/lib/QueryListScene/Field/fieldsMap.js +52 -0
  85. package/lib/QueryListScene/Field/index.js +159 -0
  86. package/lib/QueryListScene/Field/select.js +100 -0
  87. package/lib/QueryListScene/List.js +362 -285
  88. package/lib/QueryListScene/QueryForm/index.js +423 -0
  89. package/lib/QueryListScene/QueryForm/index.less +141 -0
  90. package/lib/QueryListScene/QueryForm.js +159 -91
  91. package/lib/QueryListScene/QueryListScene.js +87 -33
  92. package/lib/QueryListScene/Title.js +20 -10
  93. package/lib/QueryListScene/Toolbar.js +31 -8
  94. package/lib/QueryListScene/createActions.js +79 -64
  95. package/lib/QueryListScene/index.js +40 -23
  96. package/lib/QueryListScene/useActions.js +17 -6
  97. package/lib/Select/DropDownWrap.js +124 -60
  98. package/lib/Select/index.js +563 -426
  99. package/lib/Table/ResizableTable/index.js +121 -77
  100. package/lib/Table/index.js +51 -19
  101. package/lib/Title/index.js +52 -34
  102. package/lib/b9dd5ff3622296fbee51ed68f4bca1bf.png +0 -0
  103. package/lib/bd2921989f9296089ba58efb7a76f3ef.png +0 -0
  104. package/lib/index.html +6 -0
  105. package/lib/index.js +159 -19
  106. package/lib/locale.js +63 -48
  107. package/lib/main.css +16420 -0
  108. package/lib/tntd.js +2 -0
  109. package/lib/tntd.js.LICENSE.txt +36 -0
  110. package/package.json +1 -1
@@ -1,24 +1,72 @@
1
- export default props => {
2
- return <div {...props}>
3
- <svg width="16px" height="16px" viewBox="0 0 16 16">
4
- <g id="全家桶视觉方案优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
- <g id="工作台1" transform="translate(-730.000000, -299.000000)">
6
- <g id="分组-6" transform="translate(240.000000, 96.000000)">
7
- <g id="编组-18" transform="translate(0.000000, 171.000000)">
8
- <g id="复制" transform="translate(490.000000, 32.000000)">
9
- <rect id="矩形" fill="#D8D8D8" opacity="0" x="0" y="0" width="16" height="16"></rect>
10
- <g id="编组-5" transform="translate(2.223389, 1.330322)" stroke="#1e90ff" stroke-linecap="round" stroke-width="1.2">
11
- <polygon id="路径" stroke-linejoin="round" points="2 11.3333333 11.3333333 11.3333333 11.3333333 4 7.66666667 -8.8817842e-15 2 -8.8817842e-15"></polygon>
12
- <polyline id="路径" stroke-linejoin="round" points="7.66666667 0 7.66666667 4 11.3333333 4"></polyline>
13
- <polyline id="路径" stroke-linejoin="round" points="0 5.33333333 0 13.3333333 7 13.3333333"></polyline>
14
- <line x1="4" y1="5.33333333" x2="5.33333333" y2="5.33333333" id="路径"></line>
15
- <line x1="4" y1="8" x2="8" y2="8" id="路径"></line>
16
- </g>
17
- </g>
18
- </g>
19
- </g>
20
- </g>
21
- </g>
22
- </svg>
23
- </div>;
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+
8
+ var _default = function _default(props) {
9
+ return React.createElement("div", props, React.createElement("svg", {
10
+ width: "16px",
11
+ height: "16px",
12
+ viewBox: "0 0 16 16"
13
+ }, React.createElement("g", {
14
+ id: "\u5168\u5BB6\u6876\u89C6\u89C9\u65B9\u6848\u4F18\u5316",
15
+ stroke: "none",
16
+ "stroke-width": "1",
17
+ fill: "none",
18
+ "fill-rule": "evenodd"
19
+ }, React.createElement("g", {
20
+ id: "\u5DE5\u4F5C\u53F01",
21
+ transform: "translate(-730.000000, -299.000000)"
22
+ }, React.createElement("g", {
23
+ id: "\u5206\u7EC4-6",
24
+ transform: "translate(240.000000, 96.000000)"
25
+ }, React.createElement("g", {
26
+ id: "\u7F16\u7EC4-18",
27
+ transform: "translate(0.000000, 171.000000)"
28
+ }, React.createElement("g", {
29
+ id: "\u590D\u5236",
30
+ transform: "translate(490.000000, 32.000000)"
31
+ }, React.createElement("rect", {
32
+ id: "\u77E9\u5F62",
33
+ fill: "#D8D8D8",
34
+ opacity: "0",
35
+ x: "0",
36
+ y: "0",
37
+ width: "16",
38
+ height: "16"
39
+ }), React.createElement("g", {
40
+ id: "\u7F16\u7EC4-5",
41
+ transform: "translate(2.223389, 1.330322)",
42
+ stroke: "#1e90ff",
43
+ "stroke-linecap": "round",
44
+ "stroke-width": "1.2"
45
+ }, React.createElement("polygon", {
46
+ id: "\u8DEF\u5F84",
47
+ "stroke-linejoin": "round",
48
+ points: "2 11.3333333 11.3333333 11.3333333 11.3333333 4 7.66666667 -8.8817842e-15 2 -8.8817842e-15"
49
+ }), React.createElement("polyline", {
50
+ id: "\u8DEF\u5F84",
51
+ "stroke-linejoin": "round",
52
+ points: "7.66666667 0 7.66666667 4 11.3333333 4"
53
+ }), React.createElement("polyline", {
54
+ id: "\u8DEF\u5F84",
55
+ "stroke-linejoin": "round",
56
+ points: "0 5.33333333 0 13.3333333 7 13.3333333"
57
+ }), React.createElement("line", {
58
+ x1: "4",
59
+ y1: "5.33333333",
60
+ x2: "5.33333333",
61
+ y2: "5.33333333",
62
+ id: "\u8DEF\u5F84"
63
+ }), React.createElement("line", {
64
+ x1: "4",
65
+ y1: "8",
66
+ x2: "8",
67
+ y2: "8",
68
+ id: "\u8DEF\u5F84"
69
+ })))))))));
24
70
  };
71
+
72
+ exports["default"] = _default;
@@ -1,18 +1,50 @@
1
- export default props => {
2
- return <div {...props}>
3
- <svg width="17px" height="16px" viewBox="0 0 17 16">
4
- <g id="全家桶视觉方案优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
- <g id="工作台1" transform="translate(-754.000000, -299.000000)">
6
- <g id="分组-6" transform="translate(240.000000, 96.000000)">
7
- <g id="编组-18" transform="translate(0.000000, 171.000000)">
8
- <g id="复制成功" transform="translate(514.500000, 32.000000)">
9
- <rect id="矩形" fill-opacity="0.01" fill="#FFFFFF" fill-rule="nonzero" x="0" y="0" width="16" height="16"></rect>
10
- <polyline id="路径" stroke="#07C790" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" points="14.3333333 3.66666667 5.625 12.3333333 1.66666667 8.39393333"></polyline>
11
- </g>
12
- </g>
13
- </g>
14
- </g>
15
- </g>
16
- </svg>
17
- </div>;
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+
8
+ var _default = function _default(props) {
9
+ return React.createElement("div", props, React.createElement("svg", {
10
+ width: "17px",
11
+ height: "16px",
12
+ viewBox: "0 0 17 16"
13
+ }, React.createElement("g", {
14
+ id: "\u5168\u5BB6\u6876\u89C6\u89C9\u65B9\u6848\u4F18\u5316",
15
+ stroke: "none",
16
+ "stroke-width": "1",
17
+ fill: "none",
18
+ "fill-rule": "evenodd"
19
+ }, React.createElement("g", {
20
+ id: "\u5DE5\u4F5C\u53F01",
21
+ transform: "translate(-754.000000, -299.000000)"
22
+ }, React.createElement("g", {
23
+ id: "\u5206\u7EC4-6",
24
+ transform: "translate(240.000000, 96.000000)"
25
+ }, React.createElement("g", {
26
+ id: "\u7F16\u7EC4-18",
27
+ transform: "translate(0.000000, 171.000000)"
28
+ }, React.createElement("g", {
29
+ id: "\u590D\u5236\u6210\u529F",
30
+ transform: "translate(514.500000, 32.000000)"
31
+ }, React.createElement("rect", {
32
+ id: "\u77E9\u5F62",
33
+ "fill-opacity": "0.01",
34
+ fill: "#FFFFFF",
35
+ "fill-rule": "nonzero",
36
+ x: "0",
37
+ y: "0",
38
+ width: "16",
39
+ height: "16"
40
+ }), React.createElement("polyline", {
41
+ id: "\u8DEF\u5F84",
42
+ stroke: "#07C790",
43
+ "stroke-width": "1.2",
44
+ "stroke-linecap": "round",
45
+ "stroke-linejoin": "round",
46
+ points: "14.3333333 3.66666667 5.625 12.3333333 1.66666667 8.39393333"
47
+ }))))))));
18
48
  };
49
+
50
+ exports["default"] = _default;
@@ -1,151 +1,157 @@
1
- /*
2
- * @Author: 梁洪刚
3
- * @CreatDate: 2021-03-31 13:57:32
4
- * @Describe: 省略号组件
5
- */
6
-
7
- import { useState, useEffect, useRef } from 'react';
8
- import { Popover, Tooltip } from 'antd';
9
- import copy from 'copy-to-clipboard';
10
- import CopySVG from './Svg/CopySVG';
11
- import TickSVG from './Svg/TickSVG';
12
- import './index.less';
13
-
14
- const tolerance = 0; // In px. Depends on the font you are using
15
-
16
- const isEllipsisActive = (e) => {
17
- return e.offsetWidth + tolerance < e.scrollWidth || e.offsetHeight < e.scrollHeight;
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+
8
+ require("antd/es/tooltip/style");
9
+
10
+ var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
11
+
12
+ require("antd/es/popover/style");
13
+
14
+ var _popover2 = _interopRequireDefault(require("antd/es/popover"));
15
+
16
+ var _react = require("react");
17
+
18
+ var _copyToClipboard = _interopRequireDefault(require("copy-to-clipboard"));
19
+
20
+ var _CopySVG = _interopRequireDefault(require("./Svg/CopySVG"));
21
+
22
+ var _TickSVG = _interopRequireDefault(require("./Svg/TickSVG"));
23
+
24
+ require("./index.less");
25
+
26
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
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
+
42
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
43
+
44
+ var tolerance = 0; // In px. Depends on the font you are using
45
+
46
+ var isEllipsisActive = function isEllipsisActive(e) {
47
+ return e.offsetWidth + tolerance < e.scrollWidth || e.offsetHeight < e.scrollHeight;
48
+ };
49
+
50
+ var _default = function _default(props) {
51
+ var _props$_popover = props._popover,
52
+ _popover = _props$_popover === void 0 ? props.Popover : _props$_popover,
53
+ title = props.title,
54
+ content = props.content,
55
+ className = props.className,
56
+ style = props.style,
57
+ widthLimit = props.widthLimit,
58
+ _props$_lines = props._lines,
59
+ _lines = _props$_lines === void 0 ? props.lines !== 1 && props.lines : _props$_lines,
60
+ children = props.children,
61
+ emptyText = props.emptyText,
62
+ _props$_copyable = props._copyable,
63
+ _copyable = _props$_copyable === void 0 ? props.copyable : _props$_copyable,
64
+ prefix = props.prefix,
65
+ suffix = props.suffix; // allow visible or not state
66
+
67
+
68
+ var _useState = (0, _react.useState)(true),
69
+ _useState2 = _slicedToArray(_useState, 2),
70
+ flag = _useState2[0],
71
+ setFlag = _useState2[1]; // visible[Tooltip/Popover] state
72
+
73
+
74
+ var _useState3 = (0, _react.useState)(false),
75
+ _useState4 = _slicedToArray(_useState3, 2),
76
+ tipVisible = _useState4[0],
77
+ setTipVisible = _useState4[1]; // copy animation state
78
+
79
+
80
+ var _useState5 = (0, _react.useState)(false),
81
+ _useState6 = _slicedToArray(_useState5, 2),
82
+ hasCopy = _useState6[0],
83
+ setHasCopy = _useState6[1];
84
+
85
+ var elementRef = (0, _react.useRef)();
86
+ (0, _react.useEffect)(function () {
87
+ elementRef.current && isEllipsisActive(elementRef.current) ? setFlag(true) : (setFlag(false), setTipVisible(false));
88
+ }); // original Node
89
+
90
+ var inner = typeof children === 'string' ? children : _popover ? content : title; // for className
91
+
92
+ var getClassName = function getClassName() {
93
+ return "overflow ".concat(_lines ? 'ellipsis-wrap' : 'ellipsis-nowrap', " ").concat(className || '');
94
+ }; // Tooltip.trigger(default 'hover') ==trigger==> onVisibleChange(visible)
95
+
96
+
97
+ var handleVisibleChange = function handleVisibleChange(visible) {
98
+ // const { onVisibleChange } = props;
99
+ // onVisibleChange(visible);
100
+ flag && setTipVisible(visible);
101
+ }; // onClick Copy Button
102
+
103
+
104
+ var handleCopy = function handleCopy(innerText) {
105
+ (0, _copyToClipboard["default"])(innerText);
106
+ setHasCopy(!hasCopy);
107
+ setTimeout(function () {
108
+ setHasCopy(false);
109
+ }, 1000);
110
+ };
111
+
112
+ var renderNode = function renderNode() {
113
+ var popoverNode = React.createElement(_popover2["default"], _extends({}, props, {
114
+ content: content || children,
115
+ visible: tipVisible,
116
+ onVisibleChange: function onVisibleChange(visible) {
117
+ return handleVisibleChange(visible);
118
+ }
119
+ }), React.createElement("div", {
120
+ className: className,
121
+ style: {
122
+ WebkitLineClamp: _lines
123
+ },
124
+ ref: elementRef
125
+ }, children || content));
126
+ var tooltipNode = React.createElement(_tooltip["default"], _extends({}, props, {
127
+ title: title || children,
128
+ visible: tipVisible,
129
+ onVisibleChange: function onVisibleChange(visible) {
130
+ return handleVisibleChange(visible);
131
+ }
132
+ }), React.createElement("div", {
133
+ className: className,
134
+ style: {
135
+ WebkitLineClamp: _lines
136
+ },
137
+ ref: elementRef
138
+ }, children || title));
139
+ return _popover ? popoverNode : tooltipNode;
140
+ };
141
+
142
+ return React.createElement(React.Fragment, null, React.createElement("div", {
143
+ "class": "tnt-ellipsis",
144
+ style: _objectSpread({}, style, {
145
+ maxWidth: widthLimit
146
+ })
147
+ }, prefix && prefix, React.createElement("div", {
148
+ "class": getClassName()
149
+ }, inner ? renderNode() : emptyText), suffix && suffix, inner && _copyable && React.createElement("div", {
150
+ "class": "svg-button",
151
+ onClick: function onClick() {
152
+ return handleCopy(elementRef.current.innerText);
153
+ }
154
+ }, !hasCopy ? React.createElement(_CopySVG["default"], null) : React.createElement(_TickSVG["default"], null))));
18
155
  };
19
156
 
20
- export default props => {
21
- let {
22
- _popover = props.Popover, // `Popover` or `Tooltip` ?
23
- title, // in most cases for `Tooltip`
24
- content, // in most cases for `Popover`
25
- className,
26
- style,
27
- widthLimit, // width trigger value
28
- _lines = props.lines !== 1 && props.lines, // number or lines, default 1 line;
29
- children, // children Node
30
- emptyText, // default: null
31
- _copyable = props.copyable, // copy function
32
- prefix, // 前缀dom
33
- suffix // 后缀dom
34
- } = props;
35
-
36
- // allow visible or not state
37
- const [flag, setFlag] = useState(true);
38
- // visible[Tooltip/Popover] state
39
- const [tipVisible, setTipVisible] = useState(false);
40
- // copy animation state
41
- const [hasCopy, setHasCopy] = useState(false);
42
-
43
- const elementRef = useRef();
44
-
45
- useEffect(() => {
46
- elementRef.current && isEllipsisActive(elementRef.current)
47
- ? setFlag(true)
48
- : (
49
- setFlag(false),
50
- setTipVisible(false)
51
- );
52
- });
53
-
54
- // original Node
55
- const inner = typeof children === 'string' ? children : (_popover ? content : title);
56
-
57
- // for className
58
- const getClassName = () => {
59
- return `overflow ${_lines ? 'ellipsis-wrap' : 'ellipsis-nowrap'} ${className || ''}`;
60
- };
61
-
62
- // Tooltip.trigger(default 'hover') ==trigger==> onVisibleChange(visible)
63
- const handleVisibleChange = (visible) => {
64
- // const { onVisibleChange } = props;
65
- // onVisibleChange(visible);
66
- flag && setTipVisible(visible);
67
- };
68
-
69
- // onClick Copy Button
70
- const handleCopy = (innerText) => {
71
- copy(innerText);
72
- setHasCopy(!hasCopy);
73
- setTimeout(() => {
74
- setHasCopy(false);
75
- }, 1000);
76
- };
77
-
78
- const renderNode = () => {
79
- const popoverNode = (
80
- <Popover
81
- {...props}
82
- content={content || children}
83
- visible={tipVisible}
84
- onVisibleChange={(visible) => handleVisibleChange(visible)}
85
- >
86
- <div
87
- className={className}
88
- style={{ WebkitLineClamp: _lines }}
89
- ref={elementRef}
90
- >
91
- {children || content}
92
- </div>
93
- </Popover>
94
- );
95
-
96
- const tooltipNode = (
97
- <Tooltip
98
- {...props}
99
- title={title || children}
100
- visible={tipVisible}
101
- onVisibleChange={(visible) => handleVisibleChange(visible)}
102
- >
103
- <div
104
- className={className}
105
- style={{ WebkitLineClamp: _lines }}
106
- ref={elementRef}
107
- >
108
- {children || title}
109
- </div>
110
- </Tooltip>
111
- );
112
-
113
- return _popover ? popoverNode : tooltipNode;
114
-
115
- };
116
-
117
- return <>
118
- <div
119
- class="tnt-ellipsis"
120
- style={{
121
- ...style,
122
- maxWidth: widthLimit
123
- }}
124
- >
125
- {/* prefix */}
126
- {prefix && prefix}
127
- {/* content */}
128
- <div
129
- class={getClassName()}
130
- >
131
- {inner ? renderNode() : emptyText}
132
- </div>
133
- {/* suffix */}
134
- {suffix && suffix}
135
- {/* copyable button */}
136
- {
137
- inner && _copyable &&
138
- <div
139
- class='svg-button'
140
- onClick={() => handleCopy(elementRef.current.innerText)}
141
- >
142
- {
143
- !hasCopy
144
- ? <CopySVG />
145
- : <TickSVG />
146
- }
147
- </div>
148
- }
149
- </div>
150
- </>;
151
- };
157
+ exports["default"] = _default;
@@ -1,75 +1,112 @@
1
- import { Fragment } from 'react';
2
- import { Dropdown, Menu, Divider } from 'antd';
3
- import Icon from '../Icon';
4
- import './index.less';
5
-
6
- const clsPrefix = 'tnt-more-menus';
7
-
8
- export default props => {
9
- const { children = [], type, num = 3, lang, divider = true, lessOneMoreFit, ...rest } = props || {};
10
- let newChildren = [];
11
- if(Array.isArray(children)){
12
- newChildren = children?.filter(item => !!item) || [];
13
- }else if(children){
14
- newChildren.push(children);
15
- }
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+
8
+ require("antd/es/dropdown/style");
9
+
10
+ var _dropdown = _interopRequireDefault(require("antd/es/dropdown"));
11
+
12
+ require("antd/es/menu/style");
13
+
14
+ var _menu = _interopRequireDefault(require("antd/es/menu"));
15
+
16
+ require("antd/es/divider/style");
17
+
18
+ var _divider = _interopRequireDefault(require("antd/es/divider"));
19
+
20
+ var _react = require("react");
21
+
22
+ var _Icon = _interopRequireDefault(require("../Icon"));
23
+
24
+ require("./index.less");
25
+
26
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
27
+
28
+ 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); }
16
29
 
17
- let [preChildPart, lastChildPart] = [newChildren, null];
18
-
19
- // 只有1个时不适配
20
- if (lessOneMoreFit && newChildren.length - num === 1) {
21
- preChildPart = newChildren;
22
- } else if (newChildren && num && !isNaN(num) && newChildren.length > num) {
23
- preChildPart = newChildren.slice(0, num);
24
- lastChildPart = newChildren.slice(num);
25
- };
26
-
27
- if (divider && preChildPart) {
28
- const preChildLen = preChildPart.length;
29
- preChildPart = preChildPart.map((dom, i) => (
30
- <Fragment key = {i}>
31
- {dom}
32
- {
33
- !(
34
- i === (preChildLen - 1) &&
35
- !lastChildPart?.length // 没有更多 且 是最后一个时 不显示 Divider
36
- ) &&
37
- <Divider type="vertical" />
38
- }
39
- </Fragment>
40
- ));
30
+ 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; }
31
+
32
+ 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; }
33
+
34
+ var clsPrefix = 'tnt-more-menus';
35
+
36
+ var _default = function _default(props) {
37
+ var _lastChildPart2, _lastChildPart3;
38
+
39
+ var _ref = props || {},
40
+ _ref$children = _ref.children,
41
+ children = _ref$children === void 0 ? [] : _ref$children,
42
+ type = _ref.type,
43
+ _ref$num = _ref.num,
44
+ num = _ref$num === void 0 ? 3 : _ref$num,
45
+ lang = _ref.lang,
46
+ _ref$divider = _ref.divider,
47
+ divider = _ref$divider === void 0 ? true : _ref$divider,
48
+ lessOneMoreFit = _ref.lessOneMoreFit,
49
+ rest = _objectWithoutProperties(_ref, ["children", "type", "num", "lang", "divider", "lessOneMoreFit"]);
50
+
51
+ var newChildren = [];
52
+
53
+ if (Array.isArray(children)) {
54
+ newChildren = (children == null ? void 0 : children.filter(function (item) {
55
+ return !!item;
56
+ })) || [];
57
+ } else if (children) {
58
+ newChildren.push(children);
59
+ }
60
+
61
+ var preChildPart = newChildren,
62
+ lastChildPart = null; // 只有1个时不适配
63
+
64
+ if (lessOneMoreFit && newChildren.length - num === 1) {
65
+ preChildPart = newChildren;
66
+ } else if (newChildren && num && !isNaN(num) && newChildren.length > num) {
67
+ preChildPart = newChildren.slice(0, num);
68
+ lastChildPart = newChildren.slice(num);
69
+ }
70
+
71
+ ;
72
+
73
+ if (divider && preChildPart) {
74
+ var preChildLen = preChildPart.length;
75
+ preChildPart = preChildPart.map(function (dom, i) {
76
+ var _lastChildPart;
77
+
78
+ return React.createElement(_react.Fragment, {
79
+ key: i
80
+ }, dom, !(i === preChildLen - 1 && !((_lastChildPart = lastChildPart) == null ? void 0 : _lastChildPart.length) // 没有更多 且 是最后一个时 不显示 Divider
81
+ ) && React.createElement(_divider["default"], {
82
+ type: "vertical"
83
+ }));
84
+ });
85
+ }
86
+
87
+ var menu = React.createElement(_menu["default"], {
88
+ className: "org-pop-opera-btn"
89
+ }, (_lastChildPart2 = lastChildPart) == null ? void 0 : _lastChildPart2.map(function (child, i) {
90
+ return React.createElement(_menu["default"].Item, {
91
+ key: i
92
+ }, child);
93
+ }));
94
+ return React.createElement("div", _extends({
95
+ onClick: function onClick(e) {
96
+ e.stopPropagation();
41
97
  }
42
- const menu = (
43
- <Menu className="org-pop-opera-btn">
44
- {
45
- lastChildPart?.map(
46
- (child,i) => <Menu.Item key={i}>{child}</Menu.Item>
47
- )
48
- }
49
- </Menu>
50
- );
51
-
52
- return (
53
- <div
54
- onClick={(e) => { e.stopPropagation(); }}
55
- {...rest}
56
- >
57
- {preChildPart}
58
- {
59
- lastChildPart?.length > 0 &&
60
- <Dropdown overlay={menu} arrow>
61
- {
62
- type === 'icon' ?
63
- <Icon type="more" /> :
64
- <a className="ant-dropdown-more">
65
- {lang === 'en' ? 'More' : '更多'}
66
- <i className={`${clsPrefix}-dropdown-icon`}>
67
- <Icon type="down" />
68
- </i>
69
- </a>
70
- }
71
- </Dropdown>
72
- }
73
- </div>
74
- );
98
+ }, rest), preChildPart, ((_lastChildPart3 = lastChildPart) == null ? void 0 : _lastChildPart3.length) > 0 && React.createElement(_dropdown["default"], {
99
+ overlay: menu,
100
+ arrow: true
101
+ }, type === 'icon' ? React.createElement(_Icon["default"], {
102
+ type: "more"
103
+ }) : React.createElement("a", {
104
+ className: "ant-dropdown-more"
105
+ }, lang === 'en' ? 'More' : '更多', React.createElement("i", {
106
+ className: "".concat(clsPrefix, "-dropdown-icon")
107
+ }, React.createElement(_Icon["default"], {
108
+ type: "down"
109
+ })))));
75
110
  };
111
+
112
+ exports["default"] = _default;