tntd 3.0.45 → 3.0.47-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.
Files changed (101) hide show
  1. package/es/drawer/index.less +8 -8
  2. package/es/form/style/index.less +5 -5
  3. package/es/index.js +7 -0
  4. package/es/index.js.map +1 -1
  5. package/es/query-form/Field/Checkbox.js +1 -1
  6. package/es/query-form/Field/Checkbox.js.map +1 -1
  7. package/es/query-form/Field/Composition/FieldPopover.js +24 -117
  8. package/es/query-form/Field/Composition/Select.js +17 -112
  9. package/es/query-form/Field/Composition/SelectInput.js +10 -87
  10. package/es/query-form/Field/Composition/ValueTag.js +16 -92
  11. package/es/query-form/Field/Composition/index.js +23 -126
  12. package/es/query-form/Field/Composition/index.less +4 -4
  13. package/es/query-form/Field/Composition/utils.js +7 -9
  14. package/es/query-form/Field/SelectInput.js +20 -12
  15. package/es/query-form/Field/SelectInput.js.map +1 -1
  16. package/es/query-form/Field/fieldsMap.js +2 -2
  17. package/es/query-form/Field/fieldsMap.js.map +1 -1
  18. package/es/query-form/Field/index.js +2 -1
  19. package/es/query-form/Field/index.js.map +1 -1
  20. package/es/query-form/index.js +226 -357
  21. package/es/query-form/index.js.map +1 -1
  22. package/es/query-form/index.less +26 -63
  23. package/es/query-list-scene/List.js +16 -3
  24. package/es/query-list-scene/List.js.map +1 -1
  25. package/es/query-list-scene/QueryForm.js +35 -13
  26. package/es/query-list-scene/QueryForm.js.map +1 -1
  27. package/es/query-list-scene/index.js +2 -1
  28. package/es/query-list-scene/index.js.map +1 -1
  29. package/es/scroll-bar/Bar.js +10 -87
  30. package/es/scroll-bar/Context.js +1 -5
  31. package/es/scroll-bar/ScrollBar.js +4 -39
  32. package/es/scroll-bar/Thumb.js +10 -87
  33. package/es/scroll-bar/index.js +1 -5
  34. package/es/scroll-bar/util.js +4 -31
  35. package/es/table/hooks/use-column-setting.js.map +1 -1
  36. package/es/table/resizableTable/index.js +34 -5
  37. package/es/table/resizableTable/index.js.map +1 -1
  38. package/es/table/resizableTable/index.less +9 -1
  39. package/es/table/table.js +8 -2
  40. package/es/table/table.js.map +1 -1
  41. package/es/tntd-rc-select/style/index.less +3 -0
  42. package/es/tntd-select/index.js.map +1 -1
  43. package/es/tntd-virtual-tree/index.js +0 -3
  44. package/es/tntd-virtual-tree/index.js.map +1 -1
  45. package/lib/drawer/index.less +8 -8
  46. package/lib/form/style/index.less +5 -5
  47. package/lib/index.d.ts +1 -0
  48. package/lib/index.d.ts.map +1 -1
  49. package/lib/index.js +7 -0
  50. package/lib/index.js.map +1 -1
  51. package/lib/query-form/Field/Checkbox.js +1 -1
  52. package/lib/query-form/Field/Checkbox.js.map +1 -1
  53. package/lib/query-form/Field/Composition/FieldPopover.js +16 -13
  54. package/lib/query-form/Field/Composition/Select.js +9 -8
  55. package/lib/query-form/Field/Composition/ValueTag.js +11 -10
  56. package/lib/query-form/Field/Composition/index.js +11 -10
  57. package/lib/query-form/Field/Composition/index.less +4 -4
  58. package/lib/query-form/Field/Composition/utils.js +6 -4
  59. package/lib/query-form/Field/SelectInput.d.ts.map +1 -1
  60. package/lib/query-form/Field/SelectInput.js +20 -12
  61. package/lib/query-form/Field/SelectInput.js.map +1 -1
  62. package/lib/query-form/Field/fieldsMap.d.ts +6 -3
  63. package/lib/query-form/Field/fieldsMap.d.ts.map +1 -1
  64. package/lib/query-form/Field/fieldsMap.js +2 -2
  65. package/lib/query-form/Field/fieldsMap.js.map +1 -1
  66. package/lib/query-form/Field/index.d.ts.map +1 -1
  67. package/lib/query-form/Field/index.js +2 -1
  68. package/lib/query-form/Field/index.js.map +1 -1
  69. package/lib/query-form/index.d.ts +1 -36
  70. package/lib/query-form/index.d.ts.map +1 -1
  71. package/lib/query-form/index.js +262 -397
  72. package/lib/query-form/index.js.map +1 -1
  73. package/lib/query-form/index.less +26 -63
  74. package/lib/query-list-scene/List.d.ts.map +1 -1
  75. package/lib/query-list-scene/List.js +16 -3
  76. package/lib/query-list-scene/List.js.map +1 -1
  77. package/lib/query-list-scene/QueryForm.d.ts +5 -4
  78. package/lib/query-list-scene/QueryForm.d.ts.map +1 -1
  79. package/lib/query-list-scene/QueryForm.js +35 -13
  80. package/lib/query-list-scene/QueryForm.js.map +1 -1
  81. package/lib/query-list-scene/index.d.ts.map +1 -1
  82. package/lib/query-list-scene/index.js +2 -1
  83. package/lib/query-list-scene/index.js.map +1 -1
  84. package/lib/segmented/index.d.ts +1 -1
  85. package/lib/table/hooks/use-column-setting.d.ts +1 -0
  86. package/lib/table/hooks/use-column-setting.d.ts.map +1 -1
  87. package/lib/table/hooks/use-column-setting.js.map +1 -1
  88. package/lib/table/resizableTable/index.d.ts +3 -0
  89. package/lib/table/resizableTable/index.d.ts.map +1 -1
  90. package/lib/table/resizableTable/index.js +34 -5
  91. package/lib/table/resizableTable/index.js.map +1 -1
  92. package/lib/table/resizableTable/index.less +9 -1
  93. package/lib/table/table.d.ts.map +1 -1
  94. package/lib/table/table.js +8 -2
  95. package/lib/table/table.js.map +1 -1
  96. package/lib/tntd-rc-select/style/index.less +3 -0
  97. package/lib/tntd-select/index.d.ts.map +1 -1
  98. package/lib/tntd-select/index.js.map +1 -1
  99. package/lib/tntd-virtual-tree/index.js +0 -3
  100. package/lib/tntd-virtual-tree/index.js.map +1 -1
  101. package/package.json +2 -1
@@ -1,14 +1,6 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(o) {
4
- "@babel/helpers - typeof";
5
-
6
- return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
7
- return typeof o;
8
- } : function (o) {
9
- return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
10
- }, _typeof(o);
11
- }
3
+ 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); }
12
4
  Object.defineProperty(exports, "__esModule", {
13
5
  value: true
14
6
  });
@@ -17,84 +9,15 @@ var _react = _interopRequireWildcard(require("react"));
17
9
  var _Context = _interopRequireDefault(require("./Context"));
18
10
  var _Thumb = _interopRequireDefault(require("./Thumb"));
19
11
  var _util = require("./util");
20
- function _interopRequireDefault(e) {
21
- return e && e.__esModule ? e : {
22
- "default": e
23
- };
24
- }
25
- function _getRequireWildcardCache(e) {
26
- if ("function" != typeof WeakMap) return null;
27
- var r = new WeakMap(),
28
- t = new WeakMap();
29
- return (_getRequireWildcardCache = function _getRequireWildcardCache(e) {
30
- return e ? t : r;
31
- })(e);
32
- }
33
- function _interopRequireWildcard(e, r) {
34
- if (!r && e && e.__esModule) return e;
35
- if (null === e || "object" != _typeof(e) && "function" != typeof e) return {
36
- "default": e
37
- };
38
- var t = _getRequireWildcardCache(r);
39
- if (t && t.has(e)) return t.get(e);
40
- var n = {
41
- __proto__: null
42
- },
43
- a = Object.defineProperty && Object.getOwnPropertyDescriptor;
44
- for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {
45
- var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
46
- i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];
47
- }
48
- return n["default"] = e, t && t.set(e, n), n;
49
- }
50
- function _slicedToArray(r, e) {
51
- return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
52
- }
53
- function _nonIterableRest() {
54
- throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
55
- }
56
- function _unsupportedIterableToArray(r, a) {
57
- if (r) {
58
- if ("string" == typeof r) return _arrayLikeToArray(r, a);
59
- var t = {}.toString.call(r).slice(8, -1);
60
- 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;
61
- }
62
- }
63
- function _arrayLikeToArray(r, a) {
64
- (null == a || a > r.length) && (a = r.length);
65
- for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
66
- return n;
67
- }
68
- function _iterableToArrayLimit(r, l) {
69
- var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
70
- if (null != t) {
71
- var e,
72
- n,
73
- i,
74
- u,
75
- a = [],
76
- f = !0,
77
- o = !1;
78
- try {
79
- if (i = (t = t.call(r)).next, 0 === l) {
80
- if (Object(t) !== t) return;
81
- f = !1;
82
- } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
83
- } catch (r) {
84
- o = !0, n = r;
85
- } finally {
86
- try {
87
- if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
88
- } finally {
89
- if (o) throw n;
90
- }
91
- }
92
- return a;
93
- }
94
- }
95
- function _arrayWithHoles(r) {
96
- if (Array.isArray(r)) return r;
97
- }
12
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
13
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
14
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
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; }
98
21
  var _default = exports["default"] = (0, _react.forwardRef)(function (props, ref) {
99
22
  var _useContext = (0, _react.useContext)(_Context["default"]),
100
23
  wrapElement = _useContext.wrapElement;
@@ -5,11 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports["default"] = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
- function _interopRequireDefault(e) {
9
- return e && e.__esModule ? e : {
10
- "default": e
11
- };
12
- }
8
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
13
9
  var Context = _react["default"].createContext({
14
10
  scrollbarElement: null,
15
11
  wrapElement: null
@@ -1,14 +1,6 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(o) {
4
- "@babel/helpers - typeof";
5
-
6
- return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
7
- return typeof o;
8
- } : function (o) {
9
- return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
10
- }, _typeof(o);
11
- }
3
+ 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); }
12
4
  Object.defineProperty(exports, "__esModule", {
13
5
  value: true
14
6
  });
@@ -17,36 +9,9 @@ var _classnames = _interopRequireDefault(require("classnames"));
17
9
  var _react = _interopRequireWildcard(require("react"));
18
10
  var _Bar = _interopRequireDefault(require("./Bar"));
19
11
  var _Context = _interopRequireDefault(require("./Context"));
20
- function _getRequireWildcardCache(e) {
21
- if ("function" != typeof WeakMap) return null;
22
- var r = new WeakMap(),
23
- t = new WeakMap();
24
- return (_getRequireWildcardCache = function _getRequireWildcardCache(e) {
25
- return e ? t : r;
26
- })(e);
27
- }
28
- function _interopRequireWildcard(e, r) {
29
- if (!r && e && e.__esModule) return e;
30
- if (null === e || "object" != _typeof(e) && "function" != typeof e) return {
31
- "default": e
32
- };
33
- var t = _getRequireWildcardCache(r);
34
- if (t && t.has(e)) return t.get(e);
35
- var n = {
36
- __proto__: null
37
- },
38
- a = Object.defineProperty && Object.getOwnPropertyDescriptor;
39
- for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {
40
- var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
41
- i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];
42
- }
43
- return n["default"] = e, t && t.set(e, n), n;
44
- }
45
- function _interopRequireDefault(e) {
46
- return e && e.__esModule ? e : {
47
- "default": e
48
- };
49
- }
12
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
13
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
14
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
50
15
  var __rest = void 0 && (void 0).__rest || function (s, e) {
51
16
  var t = {};
52
17
  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -1,14 +1,6 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(o) {
4
- "@babel/helpers - typeof";
5
-
6
- return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
7
- return typeof o;
8
- } : function (o) {
9
- return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
10
- }, _typeof(o);
11
- }
3
+ 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); }
12
4
  Object.defineProperty(exports, "__esModule", {
13
5
  value: true
14
6
  });
@@ -17,84 +9,15 @@ var _classnames = _interopRequireDefault(require("classnames"));
17
9
  var _react = _interopRequireWildcard(require("react"));
18
10
  var _Context = _interopRequireDefault(require("./Context"));
19
11
  var _util = require("./util");
20
- function _getRequireWildcardCache(e) {
21
- if ("function" != typeof WeakMap) return null;
22
- var r = new WeakMap(),
23
- t = new WeakMap();
24
- return (_getRequireWildcardCache = function _getRequireWildcardCache(e) {
25
- return e ? t : r;
26
- })(e);
27
- }
28
- function _interopRequireWildcard(e, r) {
29
- if (!r && e && e.__esModule) return e;
30
- if (null === e || "object" != _typeof(e) && "function" != typeof e) return {
31
- "default": e
32
- };
33
- var t = _getRequireWildcardCache(r);
34
- if (t && t.has(e)) return t.get(e);
35
- var n = {
36
- __proto__: null
37
- },
38
- a = Object.defineProperty && Object.getOwnPropertyDescriptor;
39
- for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {
40
- var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
41
- i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];
42
- }
43
- return n["default"] = e, t && t.set(e, n), n;
44
- }
45
- function _interopRequireDefault(e) {
46
- return e && e.__esModule ? e : {
47
- "default": e
48
- };
49
- }
50
- function _slicedToArray(r, e) {
51
- return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
52
- }
53
- function _nonIterableRest() {
54
- throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
55
- }
56
- function _unsupportedIterableToArray(r, a) {
57
- if (r) {
58
- if ("string" == typeof r) return _arrayLikeToArray(r, a);
59
- var t = {}.toString.call(r).slice(8, -1);
60
- 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;
61
- }
62
- }
63
- function _arrayLikeToArray(r, a) {
64
- (null == a || a > r.length) && (a = r.length);
65
- for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
66
- return n;
67
- }
68
- function _iterableToArrayLimit(r, l) {
69
- var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
70
- if (null != t) {
71
- var e,
72
- n,
73
- i,
74
- u,
75
- a = [],
76
- f = !0,
77
- o = !1;
78
- try {
79
- if (i = (t = t.call(r)).next, 0 === l) {
80
- if (Object(t) !== t) return;
81
- f = !1;
82
- } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
83
- } catch (r) {
84
- o = !0, n = r;
85
- } finally {
86
- try {
87
- if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
88
- } finally {
89
- if (o) throw n;
90
- }
91
- }
92
- return a;
93
- }
94
- }
95
- function _arrayWithHoles(r) {
96
- if (Array.isArray(r)) return r;
97
- }
12
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
13
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
14
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
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; }
98
21
  function Thumb(props) {
99
22
  var _useContext = (0, _react.useContext)(_Context["default"]),
100
23
  scrollbarElement = _useContext.scrollbarElement,
@@ -6,9 +6,5 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports["default"] = void 0;
7
7
  var _ScrollBar = _interopRequireDefault(require("./ScrollBar"));
8
8
  require("./scrollBar.less");
9
- function _interopRequireDefault(e) {
10
- return e && e.__esModule ? e : {
11
- "default": e
12
- };
13
- }
9
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
14
10
  var _default = exports["default"] = _ScrollBar["default"];
@@ -4,37 +4,10 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.renderThumbStyle = exports.GAP = exports.BAR_MAP = void 0;
7
- function _typeof(o) {
8
- "@babel/helpers - typeof";
9
-
10
- return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
11
- return typeof o;
12
- } : function (o) {
13
- return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
14
- }, _typeof(o);
15
- }
16
- function _defineProperty(e, r, t) {
17
- return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
18
- value: t,
19
- enumerable: !0,
20
- configurable: !0,
21
- writable: !0
22
- }) : e[r] = t, e;
23
- }
24
- function _toPropertyKey(t) {
25
- var i = _toPrimitive(t, "string");
26
- return "symbol" == _typeof(i) ? i : i + "";
27
- }
28
- function _toPrimitive(t, r) {
29
- if ("object" != _typeof(t) || !t) return t;
30
- var e = t[Symbol.toPrimitive];
31
- if (void 0 !== e) {
32
- var i = e.call(t, r || "default");
33
- if ("object" != _typeof(i)) return i;
34
- throw new TypeError("@@toPrimitive must return a primitive value.");
35
- }
36
- return ("string" === r ? String : Number)(t);
37
- }
7
+ 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); }
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); }
38
11
  var GAP = exports.GAP = 4; // top 2 + bottom 2 of bar instance
39
12
  var BAR_MAP = exports.BAR_MAP = {
40
13
  vertical: {
@@ -1 +1 @@
1
- {"version":3,"file":"use-column-setting.js","sourceRoot":"","sources":["../../../src/table/hooks/use-column-setting.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAA;AAG1D,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAwB/B,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,OAAyB,EACzB,UAAmB,EAKnB,EAAE;IACF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,uBAAuB,CAAkB,UAAU,EAAE,EAAE,CAAC,CAAA;IAClG,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,IAAI,CAAC,aAAa,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE;YAChD,OAAO,OAAO,CAAA;SACf;QAED,OAAO,OAAO;aACX,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,KAAK,MAAM,CAAC,GAAG,CAAC,CAAC;aAC/E,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YACb,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,CAAA;YACrE,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,CAAA;YAErE,OAAO,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,KAAI,CAAC,CAAC,GAAG,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,KAAI,CAAC,CAAC,CAAA;QACpD,CAAC,CAAC,CAAA;IACN,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,CAAA;IAE5B,OAAO,CAAC,cAAc,EAAE,aAAa,EAAE,gBAAgB,CAAC,CAAA;AAC1D,CAAC,CAAA","sourcesContent":["import { useLocalStorageMayEmpty } from '@stellaris/hooks'\nimport type { ColumnProps as AntdColumnProps } from 'antd/es/table'\nimport type { Dispatch, SetStateAction } from 'react'\nimport { useMemo } from 'react'\n\nexport interface ColumnSetting {\n key: string\n order: number\n enable: boolean\n}\n\nexport type ColumnProps<T> = AntdColumnProps<T> & {\n placement?:\n | 'top'\n | 'left'\n | 'right'\n | 'bottom'\n | 'topLeft'\n | 'topRight'\n | 'bottomLeft'\n | 'bottomRight'\n | 'leftTop'\n | 'leftBottom'\n | 'rightTop'\n | 'rightBottom'\n}\n\nexport const useColumnSetting = <T>(\n columns: ColumnProps<T>[],\n storageKey?: string\n): [\n ColumnProps<T>[],\n ColumnSetting[] | undefined,\n Dispatch<SetStateAction<ColumnSetting[] | undefined>>\n] => {\n const [columnSetting, setColumnSetting] = useLocalStorageMayEmpty<ColumnSetting[]>(storageKey, [])\n const displayColumns = useMemo(() => {\n if (!columnSetting || columnSetting.length === 0) {\n return columns\n }\n\n return columns\n .filter((column) => columnSetting.some((setting) => setting.key === column.key))\n .sort((a, b) => {\n const aIndex = columnSetting.find((setting) => setting.key === a.key)\n const bIndex = columnSetting.find((setting) => setting.key === b.key)\n\n return (aIndex?.order || 0) - (bIndex?.order || 0)\n })\n }, [columnSetting, columns])\n\n return [displayColumns, columnSetting, setColumnSetting]\n}\n"]}
1
+ {"version":3,"file":"use-column-setting.js","sourceRoot":"","sources":["../../../src/table/hooks/use-column-setting.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAA;AAG1D,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAyB/B,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,OAAyB,EACzB,UAAmB,EAKnB,EAAE;IACF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,uBAAuB,CAAkB,UAAU,EAAE,EAAE,CAAC,CAAA;IAClG,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,IAAI,CAAC,aAAa,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE;YAChD,OAAO,OAAO,CAAA;SACf;QAED,OAAO,OAAO;aACX,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,KAAK,MAAM,CAAC,GAAG,CAAC,CAAC;aAC/E,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YACb,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,CAAA;YACrE,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,CAAA;YAErE,OAAO,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,KAAI,CAAC,CAAC,GAAG,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,KAAI,CAAC,CAAC,CAAA;QACpD,CAAC,CAAC,CAAA;IACN,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,CAAA;IAE5B,OAAO,CAAC,cAAc,EAAE,aAAa,EAAE,gBAAgB,CAAC,CAAA;AAC1D,CAAC,CAAA","sourcesContent":["import { useLocalStorageMayEmpty } from '@stellaris/hooks'\nimport type { ColumnProps as AntdColumnProps } from 'antd/es/table'\nimport type { Dispatch, SetStateAction } from 'react'\nimport { useMemo } from 'react'\n\nexport interface ColumnSetting {\n key: string\n order: number\n enable: boolean\n}\n\nexport type ColumnProps<T> = AntdColumnProps<T> & {\n resizeKey?: number | string\n placement?:\n | 'top'\n | 'left'\n | 'right'\n | 'bottom'\n | 'topLeft'\n | 'topRight'\n | 'bottomLeft'\n | 'bottomRight'\n | 'leftTop'\n | 'leftBottom'\n | 'rightTop'\n | 'rightBottom'\n}\n\nexport const useColumnSetting = <T>(\n columns: ColumnProps<T>[],\n storageKey?: string\n): [\n ColumnProps<T>[],\n ColumnSetting[] | undefined,\n Dispatch<SetStateAction<ColumnSetting[] | undefined>>\n] => {\n const [columnSetting, setColumnSetting] = useLocalStorageMayEmpty<ColumnSetting[]>(storageKey, [])\n const displayColumns = useMemo(() => {\n if (!columnSetting || columnSetting.length === 0) {\n return columns\n }\n\n return columns\n .filter((column) => columnSetting.some((setting) => setting.key === column.key))\n .sort((a, b) => {\n const aIndex = columnSetting.find((setting) => setting.key === a.key)\n const bIndex = columnSetting.find((setting) => setting.key === b.key)\n\n return (aIndex?.order || 0) - (bIndex?.order || 0)\n })\n }, [columnSetting, columns])\n\n return [displayColumns, columnSetting, setColumnSetting]\n}\n"]}
@@ -34,9 +34,12 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
34
34
  var ResizableTitle = function ResizableTitle(props) {
35
35
  var onResize = props.onResize,
36
36
  width = props.width,
37
- restProps = __rest(props, ["onResize", "width"]);
37
+ titleTip = props.titleTip,
38
+ restProps = __rest(props, ["onResize", "width", "titleTip"]);
38
39
  if (!width) {
39
- return _react["default"].createElement("th", Object.assign({}, restProps));
40
+ return _react["default"].createElement("th", Object.assign({
41
+ title: titleTip
42
+ }, restProps));
40
43
  }
41
44
  return _react["default"].createElement(_reactResizable.Resizable, {
42
45
  width: width,
@@ -51,7 +54,9 @@ var ResizableTitle = function ResizableTitle(props) {
51
54
  draggableOpts: {
52
55
  enableUserSelectHack: false
53
56
  }
54
- }, _react["default"].createElement("th", Object.assign({}, restProps)));
57
+ }, _react["default"].createElement("th", Object.assign({
58
+ title: titleTip
59
+ }, restProps)));
55
60
  };
56
61
  var MyComponent = function MyComponent(props, ref) {
57
62
  var _useState = (0, _react.useState)([]),
@@ -59,13 +64,20 @@ var MyComponent = function MyComponent(props, ref) {
59
64
  columns = _useState2[0],
60
65
  setColumns = _useState2[1];
61
66
  var dataRef = (0, _react.useRef)([]);
67
+ var _useState3 = (0, _react.useState)(0),
68
+ _useState4 = _slicedToArray(_useState3, 2),
69
+ renderKey = _useState4[0],
70
+ setRenderKey = _useState4[1];
71
+ var renderKeyRef = (0, _react.useRef)(renderKey);
62
72
  var handleResize = function handleResize(index, minWidth) {
63
73
  return (0, _throttle2["default"])(function (e, _ref) {
64
74
  var size = _ref.size;
65
75
  var updatedColumns = dataRef.current || [];
76
+ var width = Math.max(size.width, minWidth || 52);
66
77
  setColumns(updatedColumns.map(function (column, idx) {
67
78
  return idx === index ? Object.assign(Object.assign({}, column), {
68
- width: Math.max(size.width, minWidth || 40)
79
+ width: width,
80
+ resizeKey: width
69
81
  }) : column;
70
82
  }));
71
83
  }, 25);
@@ -76,7 +88,19 @@ var MyComponent = function MyComponent(props, ref) {
76
88
  if (typeof (column === null || column === void 0 ? void 0 : column.width) === 'string' && ((_a = column === null || column === void 0 ? void 0 : column.width) === null || _a === void 0 ? void 0 : _a.includes('%'))) {
77
89
  return column;
78
90
  }
91
+ var titleTip;
92
+ if (column && typeof column.title === 'string') {
93
+ titleTip = column.title;
94
+ }
79
95
  return Object.assign(Object.assign({}, column), {
96
+ render: typeof (column === null || column === void 0 ? void 0 : column.render) === 'function' ? function () {
97
+ var _a2;
98
+ var _a;
99
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
100
+ args[_key] = arguments[_key];
101
+ }
102
+ return (_a = column === null || column === void 0 ? void 0 : column.render) === null || _a === void 0 ? void 0 : (_a2 = _a).call.apply(_a2, [column].concat(args, [renderKeyRef.current]));
103
+ } : column === null || column === void 0 ? void 0 : column.render,
80
104
  onHeaderCell: function onHeaderCell(column) {
81
105
  var width = column.width;
82
106
  var minWidth = column.minWidth;
@@ -88,7 +112,12 @@ var MyComponent = function MyComponent(props, ref) {
88
112
  }
89
113
  return {
90
114
  width: width,
91
- onResize: handleResize(index, minWidth)
115
+ titleTip: titleTip,
116
+ onResize: handleResize(index, minWidth),
117
+ onMouseUp: function onMouseUp() {
118
+ renderKeyRef.current += 1;
119
+ setRenderKey(renderKeyRef.current);
120
+ }
92
121
  };
93
122
  }
94
123
  });
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/table/resizableTable/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, forwardRef, useRef, useEffect } from 'react'\nimport cn from 'classnames'\nimport { throttle } from 'lodash'\nimport { Resizable } from 'react-resizable'\nimport { Table } from '../table'\nimport './index.less'\n\nconst ResizableTitle = (\n props: React.HTMLAttributes<any> & {\n onResize: (e: React.SyntheticEvent<Element>, data: any) => void\n width: number\n }\n) => {\n const { onResize, width, ...restProps } = props\n\n if (!width) {\n return <th {...restProps} />\n }\n\n return (\n <Resizable\n width={width}\n height={0}\n handle={\n <span\n className=\"react-resizable-handle\"\n onClick={(e) => {\n e.stopPropagation()\n }}\n />\n }\n onResize={onResize}\n draggableOpts={{ enableUserSelectHack: false }}\n >\n <th {...restProps} />\n </Resizable>\n )\n}\n\ninterface ColumnType {\n width?: any\n minWidth?: any\n}\n\ninterface MyComponentProps {\n columns?: ColumnType[]\n className?: string\n}\n\nconst MyComponent: React.ForwardRefRenderFunction<any, MyComponentProps> = (props, ref) => {\n const [columns, setColumns] = useState<ColumnType[]>([])\n const dataRef = useRef<ColumnType[]>([])\n\n const handleResize = (index: number, minWidth: number) =>\n throttle((e, { size }) => {\n const updatedColumns = dataRef.current || []\n setColumns(\n updatedColumns.map((column, idx) =>\n idx === index ? { ...column, width: Math.max(size.width, minWidth || 40) } : column\n )\n )\n }, 25)\n\n const buildColumns = (columns: ColumnType[]) =>\n columns?.map((column, index) => {\n if (typeof column?.width === 'string' && column?.width?.includes('%')) {\n return column\n }\n return {\n ...column,\n onHeaderCell: (column: ColumnType) => {\n let width = column.width\n let minWidth = column.minWidth\n if (typeof width === 'string' && !width.includes('%')) {\n width = Number(width.replace(/[^\\d]/g, ''))\n }\n\n if (minWidth && typeof minWidth === 'string' && !minWidth.includes('%')) {\n minWidth = Number(minWidth.replace(/[^\\d]/g, ''))\n }\n return { width, onResize: handleResize(index, minWidth) }\n },\n }\n })\n\n useEffect(() => {\n if (Array.isArray(props?.columns)) {\n const curColumns = buildColumns(props.columns)\n setColumns(curColumns || [])\n }\n }, [props?.columns])\n\n useEffect(() => {\n dataRef.current = columns\n }, [columns])\n\n return (\n <Table\n {...props}\n {...(Array.isArray(props?.columns) ? { columns } : {})}\n className={cn('tnt-resizable-table', { [props.className!]: props.className })}\n components={{ header: { cell: ResizableTitle } }}\n />\n )\n}\n\nexport default forwardRef(MyComponent)\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/table/resizableTable/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, forwardRef, useRef, useEffect } from 'react'\nimport cn from 'classnames'\nimport { throttle } from 'lodash'\nimport { Resizable } from 'react-resizable'\nimport { Table } from '../table'\nimport './index.less'\n\nconst ResizableTitle = (\n props: React.HTMLAttributes<any> & {\n onResize: (e: React.SyntheticEvent<Element>, data: any) => void\n width: number\n titleTip: string\n }\n) => {\n const { onResize, width, titleTip, ...restProps } = props\n\n if (!width) {\n return <th title={titleTip} {...restProps} />\n }\n\n return (\n <Resizable\n width={width}\n height={0}\n handle={\n <span\n className=\"react-resizable-handle\"\n onClick={(e) => {\n e.stopPropagation()\n }}\n />\n }\n onResize={onResize}\n draggableOpts={{ enableUserSelectHack: false }}\n >\n <th title={titleTip} {...restProps} />\n </Resizable>\n )\n}\n\ninterface ColumnType {\n width?: any\n minWidth?: any\n render?: any\n title?: any\n titleTip?: any\n}\n\ninterface MyComponentProps {\n columns?: ColumnType[]\n className?: string\n}\n\nconst MyComponent: React.ForwardRefRenderFunction<any, MyComponentProps> = (props, ref) => {\n const [columns, setColumns] = useState<ColumnType[]>([])\n const dataRef = useRef<ColumnType[]>([])\n const [renderKey, setRenderKey] = useState(0)\n const renderKeyRef = useRef(renderKey)\n\n const handleResize = (index: number, minWidth: number) =>\n throttle((e, { size }) => {\n const updatedColumns = dataRef.current || []\n const width = Math.max(size.width, minWidth || 52)\n setColumns(\n updatedColumns.map((column, idx) =>\n idx === index\n ? {\n ...column,\n width: width,\n resizeKey: width,\n }\n : column\n )\n )\n }, 25)\n\n const buildColumns = (columns: ColumnType[]) =>\n columns?.map((column, index) => {\n if (typeof column?.width === 'string' && column?.width?.includes('%')) {\n return column\n }\n\n let titleTip: string\n if (column && typeof column.title === 'string') {\n titleTip = column.title\n }\n\n return {\n ...column,\n render:\n typeof column?.render === 'function'\n ? (...args: any[]) => {\n return column?.render?.(...args, renderKeyRef.current)\n }\n : column?.render,\n onHeaderCell: (column: ColumnType) => {\n let width = column.width\n let minWidth = column.minWidth\n if (typeof width === 'string' && !width.includes('%')) {\n width = Number(width.replace(/[^\\d]/g, ''))\n }\n\n if (minWidth && typeof minWidth === 'string' && !minWidth.includes('%')) {\n minWidth = Number(minWidth.replace(/[^\\d]/g, ''))\n }\n\n return {\n width,\n titleTip,\n onResize: handleResize(index, minWidth),\n onMouseUp: () => {\n renderKeyRef.current += 1\n setRenderKey(renderKeyRef.current)\n },\n }\n },\n }\n })\n\n useEffect(() => {\n if (Array.isArray(props?.columns)) {\n const curColumns = buildColumns(props.columns)\n setColumns(curColumns || [])\n }\n }, [props?.columns])\n\n useEffect(() => {\n dataRef.current = columns\n }, [columns])\n\n return (\n <Table\n {...props}\n {...(Array.isArray(props?.columns) ? { columns } : {})}\n className={cn('tnt-resizable-table', { [props.className!]: props.className })}\n components={{ header: { cell: ResizableTitle } }}\n />\n )\n}\n\nexport default forwardRef(MyComponent)\n"]}
@@ -1,7 +1,16 @@
1
+ @table-prefix-cls: ~'@{ant-prefix}-table';
1
2
  .tnt-resizable-table {
2
3
  .react-resizable {
3
4
  position: relative;
4
5
  background-clip: padding-box;
6
+
7
+ .@{table-prefix-cls}-column-title{
8
+ min-width: 22px !important;
9
+ >.tntd-ellipsis{
10
+ min-width: 22px !important;
11
+ }
12
+ }
13
+
5
14
  }
6
15
  .ant-table-thead{
7
16
  tr:hover{
@@ -29,7 +38,6 @@
29
38
  bottom: 0;
30
39
  right: -5px;
31
40
  cursor: col-resize;
32
- z-index: 1;
33
41
  }
34
42
 
35
43
  &-handle {
package/es/table/table.js CHANGED
@@ -170,7 +170,7 @@ var Table = exports.Table = function Table(_a) {
170
170
  });
171
171
  }
172
172
  if (!unTooltip) {
173
- newColumns = newColumns === null || newColumns === void 0 ? void 0 : newColumns.map(function (column) {
173
+ newColumns = newColumns === null || newColumns === void 0 ? void 0 : newColumns.map(function (column, i) {
174
174
  if (!(column.width && !String(column.width).includes('%'))) {
175
175
  return column;
176
176
  } else {
@@ -190,7 +190,13 @@ var Table = exports.Table = function Table(_a) {
190
190
  widthLimit: Number(width) - Number(sizeWidthMap[size || 'default']) - (column.sorter ? 20 : 0)
191
191
  };
192
192
  }
193
- return _react["default"].createElement(_ellipsis["default"], Object.assign({}, widthLimitObj, {
193
+ var key = {};
194
+ if (column && 'resizeKey' in column && (typeof column.resizeKey === 'string' || typeof column.resizeKey === 'number')) {
195
+ key = {
196
+ key: i + '_' + column.resizeKey
197
+ };
198
+ }
199
+ return _react["default"].createElement(_ellipsis["default"], Object.assign({}, key, widthLimitObj, {
194
200
  placement: (column === null || column === void 0 ? void 0 : column.placement) || 'topLeft',
195
201
  title: title
196
202
  }));