tntd 2.8.9 → 2.8.11

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 (166) hide show
  1. package/es/array-input/index.js +10 -1
  2. package/es/array-input/index.js.map +1 -1
  3. package/es/index.js +2 -0
  4. package/es/index.js.map +1 -1
  5. package/es/locale/en_US.js +17 -1
  6. package/es/locale/en_US.js.map +1 -1
  7. package/es/locale/zh_CN.js +16 -0
  8. package/es/locale/zh_CN.js.map +1 -1
  9. package/es/prev-locale.js +32 -2
  10. package/es/prev-locale.js.map +1 -1
  11. package/es/query-list-scene/index.less +4 -0
  12. package/es/svg-components/illustration-offline.js +11 -29
  13. package/es/svg-components/illustration-offline.js.map +1 -1
  14. package/es/table/index.js +2 -2
  15. package/es/table/index.js.map +1 -1
  16. package/es/table/resizableTable/index.js +87 -0
  17. package/es/table/resizableTable/index.js.map +1 -0
  18. package/es/table/resizableTable/index.less +36 -0
  19. package/es/table/table-hoc.js +26 -0
  20. package/es/table/table-hoc.js.map +1 -0
  21. package/es/table/table.js +27 -25
  22. package/es/table/table.js.map +1 -1
  23. package/es/title/index.js +18 -4
  24. package/es/title/index.js.map +1 -1
  25. package/es/title/index.less +88 -34
  26. package/es/tntd-reference/AHref/index.js +39 -0
  27. package/es/tntd-reference/AHref/index.js.map +1 -0
  28. package/es/tntd-reference/ReferenceBatchCheck/index.js +153 -0
  29. package/es/tntd-reference/ReferenceBatchCheck/index.js.map +1 -0
  30. package/es/tntd-reference/ReferenceBatchCheck/index.less +21 -0
  31. package/es/tntd-reference/ReferenceBatchDrawer/index.js +102 -0
  32. package/es/tntd-reference/ReferenceBatchDrawer/index.js.map +1 -0
  33. package/es/tntd-reference/ReferenceBatchDrawer/index.less +0 -0
  34. package/es/tntd-reference/ReferenceCheck/index.js +117 -0
  35. package/es/tntd-reference/ReferenceCheck/index.js.map +1 -0
  36. package/es/tntd-reference/ReferenceCheck/index.less +10 -0
  37. package/es/tntd-reference/ReferenceDrawer/index.js +69 -0
  38. package/es/tntd-reference/ReferenceDrawer/index.js.map +1 -0
  39. package/es/tntd-reference/ReferenceDrawer/index.less +0 -0
  40. package/es/tntd-reference/ReferenceInfo/index.js +150 -0
  41. package/es/tntd-reference/ReferenceInfo/index.js.map +1 -0
  42. package/es/tntd-reference/ReferenceInfo/index.less +31 -0
  43. package/es/tntd-reference/index.js +13 -0
  44. package/es/tntd-reference/index.js.map +1 -0
  45. package/es/tntd-virtual-tree/index.js +229 -0
  46. package/es/tntd-virtual-tree/index.js.map +1 -0
  47. package/es/tntd-virtual-tree/index.less +59 -0
  48. package/es/tntd-virtual-tree/utils.js +296 -0
  49. package/es/tntd-virtual-tree/utils.js.map +1 -0
  50. package/es/tntd-virtual-tree-select/index.js +98 -22
  51. package/es/tntd-virtual-tree-select/index.js.map +1 -1
  52. package/es/tntd-virtual-tree-select/utils.js +20 -124
  53. package/es/tntd-virtual-tree-select/utils.js.map +1 -1
  54. package/lib/array-input/index.d.ts.map +1 -1
  55. package/lib/array-input/index.js +14 -1
  56. package/lib/array-input/index.js.map +1 -1
  57. package/lib/index.d.ts +2 -0
  58. package/lib/index.d.ts.map +1 -1
  59. package/lib/index.js +14 -0
  60. package/lib/index.js.map +1 -1
  61. package/lib/locale/default.d.ts +16 -0
  62. package/lib/locale/default.d.ts.map +1 -1
  63. package/lib/locale/en_US.d.ts +16 -0
  64. package/lib/locale/en_US.d.ts.map +1 -1
  65. package/lib/locale/en_US.js +17 -1
  66. package/lib/locale/en_US.js.map +1 -1
  67. package/lib/locale/zh_CN.d.ts +16 -0
  68. package/lib/locale/zh_CN.d.ts.map +1 -1
  69. package/lib/locale/zh_CN.js +16 -0
  70. package/lib/locale/zh_CN.js.map +1 -1
  71. package/lib/prev-locale.d.ts +42 -0
  72. package/lib/prev-locale.d.ts.map +1 -1
  73. package/lib/prev-locale.js +32 -2
  74. package/lib/prev-locale.js.map +1 -1
  75. package/lib/query-list-scene/index.less +4 -0
  76. package/lib/segmented/index.d.ts +1 -1
  77. package/lib/svg-components/illustration-offline.d.ts.map +1 -1
  78. package/lib/svg-components/illustration-offline.js +11 -29
  79. package/lib/svg-components/illustration-offline.js.map +1 -1
  80. package/lib/table/index.d.ts +2 -2
  81. package/lib/table/index.d.ts.map +1 -1
  82. package/lib/table/index.js +7 -7
  83. package/lib/table/index.js.map +1 -1
  84. package/lib/table/resizableTable/index.d.ts +12 -0
  85. package/lib/table/resizableTable/index.d.ts.map +1 -0
  86. package/lib/table/resizableTable/index.js +110 -0
  87. package/lib/table/resizableTable/index.js.map +1 -0
  88. package/lib/table/resizableTable/index.less +36 -0
  89. package/lib/table/table-hoc.d.ts +7 -0
  90. package/lib/table/table-hoc.d.ts.map +1 -0
  91. package/lib/{spin/spin.js → table/table-hoc.js} +12 -22
  92. package/lib/table/table-hoc.js.map +1 -0
  93. package/lib/table/table.js +18 -15
  94. package/lib/table/table.js.map +1 -1
  95. package/lib/table/table.stories.d.ts +1 -1
  96. package/lib/title/index.d.ts +1 -0
  97. package/lib/title/index.d.ts.map +1 -1
  98. package/lib/title/index.js +18 -4
  99. package/lib/title/index.js.map +1 -1
  100. package/lib/title/index.less +88 -34
  101. package/lib/tntd-reference/AHref/index.d.ts +4 -0
  102. package/lib/tntd-reference/AHref/index.d.ts.map +1 -0
  103. package/lib/tntd-reference/AHref/index.js +44 -0
  104. package/lib/tntd-reference/AHref/index.js.map +1 -0
  105. package/lib/tntd-reference/ReferenceBatchCheck/index.d.ts +3 -0
  106. package/lib/tntd-reference/ReferenceBatchCheck/index.d.ts.map +1 -0
  107. package/lib/tntd-reference/ReferenceBatchCheck/index.js +165 -0
  108. package/lib/tntd-reference/ReferenceBatchCheck/index.js.map +1 -0
  109. package/lib/tntd-reference/ReferenceBatchCheck/index.less +21 -0
  110. package/lib/tntd-reference/ReferenceBatchDrawer/index.d.ts +4 -0
  111. package/lib/tntd-reference/ReferenceBatchDrawer/index.d.ts.map +1 -0
  112. package/lib/tntd-reference/ReferenceBatchDrawer/index.js +126 -0
  113. package/lib/tntd-reference/ReferenceBatchDrawer/index.js.map +1 -0
  114. package/lib/tntd-reference/ReferenceBatchDrawer/index.less +0 -0
  115. package/lib/tntd-reference/ReferenceCheck/index.d.ts +3 -0
  116. package/lib/tntd-reference/ReferenceCheck/index.d.ts.map +1 -0
  117. package/lib/tntd-reference/ReferenceCheck/index.js +126 -0
  118. package/lib/tntd-reference/ReferenceCheck/index.js.map +1 -0
  119. package/lib/tntd-reference/ReferenceCheck/index.less +10 -0
  120. package/lib/tntd-reference/ReferenceDrawer/index.d.ts +4 -0
  121. package/lib/tntd-reference/ReferenceDrawer/index.d.ts.map +1 -0
  122. package/lib/tntd-reference/ReferenceDrawer/index.js +93 -0
  123. package/lib/tntd-reference/ReferenceDrawer/index.js.map +1 -0
  124. package/lib/tntd-reference/ReferenceDrawer/index.less +0 -0
  125. package/lib/tntd-reference/ReferenceInfo/index.d.ts +4 -0
  126. package/lib/tntd-reference/ReferenceInfo/index.d.ts.map +1 -0
  127. package/lib/tntd-reference/ReferenceInfo/index.js +164 -0
  128. package/lib/tntd-reference/ReferenceInfo/index.js.map +1 -0
  129. package/lib/tntd-reference/ReferenceInfo/index.less +31 -0
  130. package/lib/tntd-reference/index.d.ts +15 -0
  131. package/lib/tntd-reference/index.d.ts.map +1 -0
  132. package/lib/tntd-reference/index.js +20 -0
  133. package/lib/tntd-reference/index.js.map +1 -0
  134. package/lib/tntd-virtual-tree/index.d.ts +20 -0
  135. package/lib/tntd-virtual-tree/index.d.ts.map +1 -0
  136. package/lib/tntd-virtual-tree/index.js +263 -0
  137. package/lib/tntd-virtual-tree/index.js.map +1 -0
  138. package/lib/tntd-virtual-tree/index.less +59 -0
  139. package/lib/tntd-virtual-tree/utils.d.ts +17 -0
  140. package/lib/tntd-virtual-tree/utils.d.ts.map +1 -0
  141. package/lib/tntd-virtual-tree/utils.js +353 -0
  142. package/lib/tntd-virtual-tree/utils.js.map +1 -0
  143. package/lib/tntd-virtual-tree-select/index.d.ts +13 -4
  144. package/lib/tntd-virtual-tree-select/index.d.ts.map +1 -1
  145. package/lib/tntd-virtual-tree-select/index.js +100 -19
  146. package/lib/tntd-virtual-tree-select/index.js.map +1 -1
  147. package/lib/tntd-virtual-tree-select/utils.d.ts +2 -9
  148. package/lib/tntd-virtual-tree-select/utils.d.ts.map +1 -1
  149. package/lib/tntd-virtual-tree-select/utils.js +23 -142
  150. package/lib/tntd-virtual-tree-select/utils.js.map +1 -1
  151. package/package.json +4 -2
  152. package/es/spin/spin.js +0 -36
  153. package/es/spin/spin.js.map +0 -1
  154. package/es/spin/spin.less +0 -9
  155. package/es/tntd-virtual-tree-select/VirtualTree.js +0 -125
  156. package/es/tntd-virtual-tree-select/VirtualTree.js.map +0 -1
  157. package/es/tntd-virtual-tree-select/tree.less +0 -29
  158. package/lib/spin/spin.d.ts +0 -9
  159. package/lib/spin/spin.d.ts.map +0 -1
  160. package/lib/spin/spin.js.map +0 -1
  161. package/lib/spin/spin.less +0 -9
  162. package/lib/tntd-virtual-tree-select/VirtualTree.d.ts +0 -13
  163. package/lib/tntd-virtual-tree-select/VirtualTree.d.ts.map +0 -1
  164. package/lib/tntd-virtual-tree-select/VirtualTree.js +0 -155
  165. package/lib/tntd-virtual-tree-select/VirtualTree.js.map +0 -1
  166. package/lib/tntd-virtual-tree-select/tree.less +0 -29
@@ -3,165 +3,46 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.getNodeStr = exports.getNodeKeys = exports.getFullExpandedKeys = exports.flatTreeData = exports.addTreeNodeKeys = void 0;
7
- function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
6
+ exports.flatWithParents = exports.filterLastestNode = void 0;
8
7
  function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
9
8
  function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
10
9
  function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
11
10
  function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
12
11
  function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
13
12
  function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
14
- var __rest = void 0 && (void 0).__rest || function (s, e) {
15
- var t = {};
16
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
17
- if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
19
- }
20
- return t;
21
- };
22
13
  /**
23
- * 初始化给树的每个节点增加一个keys字段(数组),keys的值是当前节点下的所有子节点的value和
24
- * 用于判断后续展开/收起
14
+ * 给每个节点增加一个parent字段,记录其父节点用于showCheckedStrategy
25
15
  * @param {*} treeData
16
+ * @param {*} fieldNames
17
+ * @param {*} parents
18
+ * @returns
26
19
  */
27
- var addTreeNodeKeys = exports.addTreeNodeKeys = function addTreeNodeKeys(treeData) {
20
+ var flatWithParents = exports.flatWithParents = function flatWithParents(treeData) {
28
21
  var fieldNames = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
29
22
  title: 'title',
30
23
  value: 'value',
31
- children: 'children'
24
+ children: 'children',
25
+ disabled: 'disabled'
32
26
  };
33
- if (Array.isArray(treeData) && !!treeData.length) {
34
- return treeData.map(function (item) {
35
- item.children = item[fieldNames['children']];
36
- item.title = item[fieldNames['title']];
37
- item.value = item[fieldNames['value']];
38
- var children = item.children,
39
- query = __rest(item, ["children"]);
40
- if (Array.isArray(children) && !!children.length) {
41
- query.children = addTreeNodeKeys(children, fieldNames);
42
- }
43
- return Object.assign(Object.assign({}, query), {
44
- title: query[fieldNames['title']],
45
- value: query[fieldNames['value']],
46
- keys: getNodeKeys(query),
47
- titleTotal: getNodeStr(query, fieldNames['title'])
48
- });
49
- });
50
- }
51
- return [];
52
- };
53
- var getNodeStr = exports.getNodeStr = function getNodeStr(node, key) {
54
- var result = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
55
- result.push(node[key]);
56
- if (Array.isArray(node.children) && !!node.children.length) {
57
- node.children.forEach(function (element) {
58
- result = [].concat(_toConsumableArray(result), _toConsumableArray(getNodeStr(element, key)));
27
+ var parents = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
28
+ var result = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
29
+ if (Array.isArray(treeData)) {
30
+ treeData.forEach(function (i) {
31
+ result[i[fieldNames['value']]] = parents;
32
+ if (Array.isArray(i[fieldNames['children']])) {
33
+ var list = flatWithParents(i[fieldNames['children']], fieldNames, [].concat(_toConsumableArray(parents), [i[fieldNames['value']]]));
34
+ result = Object.assign(Object.assign({}, result), list);
35
+ } else {}
59
36
  });
60
37
  }
61
38
  return result;
62
39
  };
63
- /**
64
- * 获取每个节点下面所有子节点的value值
65
- * @param {*} node
66
- * @param {*} widthSelf 是否包含自己
67
- * @param {*} result
68
- * @returns []
69
- */
70
- var getNodeKeys = exports.getNodeKeys = function getNodeKeys(node) {
71
- var widthSelf = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
72
- var result = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
73
- if (widthSelf) {
74
- result.push(node.value);
75
- }
76
- if (Array.isArray(node.children) && !!node.children.length) {
77
- node.children.forEach(function (element) {
78
- result = [].concat(_toConsumableArray(result), _toConsumableArray(getNodeKeys(element)));
40
+ var filterLastestNode = exports.filterLastestNode = function filterLastestNode(treeNodeWithParents, item, list) {
41
+ var parents = treeNodeWithParents[item] || {};
42
+ if (Array.isArray(parents) && !!parents.length && Array.isArray(list) && !!list.length) {
43
+ return parents.every(function (el) {
44
+ return !list.includes(el);
79
45
  });
80
46
  }
81
- return result;
82
- };
83
- /**
84
- * 扁平树
85
- * @param {*} treeData
86
- * @param {*} expandedKeys 展开的节点
87
- * @param {*} treeDefaultExpandAll
88
- * @param {*} level
89
- * @param {*} result
90
- * @returns
91
- */
92
- var flatTreeData = exports.flatTreeData = function flatTreeData(treeData) {
93
- var filterKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
94
- var expandedKeys = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
95
- var treeDefaultExpandAll = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
96
- var level = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
97
- var result = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : [];
98
- if (Array.isArray(treeData)) {
99
- var _iterator = _createForOfIteratorHelper(treeData),
100
- _step;
101
- try {
102
- for (_iterator.s(); !(_step = _iterator.n()).done;) {
103
- var i = _step.value;
104
- var value = i.value,
105
- children = i.children,
106
- titleTotal = i.titleTotal,
107
- title = i.title,
108
- rest = __rest(i, ["value", "children", "titleTotal", "title"]);
109
- // 判断是否命中过滤
110
- var bingo = true;
111
- var transFilterKey = !['', null, undefined].includes(filterKey);
112
- if (transFilterKey) {
113
- bingo = Array.isArray(titleTotal) ? titleTotal.some(function (i) {
114
- return i.includes(filterKey);
115
- }) : false;
116
- }
117
- if (bingo) {
118
- result.push({
119
- value: value,
120
- children: children,
121
- title: title,
122
- level: level,
123
- titleTotal: titleTotal
124
- });
125
- }
126
- var selfIn = Array.isArray(expandedKeys) ? expandedKeys.includes(value) : false;
127
- if ((treeDefaultExpandAll || selfIn || transFilterKey && bingo) && Array.isArray(children) && !!children.length) {
128
- result = [].concat(_toConsumableArray(result), _toConsumableArray(flatTreeData(children, filterKey, expandedKeys, treeDefaultExpandAll, level + 1)));
129
- }
130
- }
131
- } catch (err) {
132
- _iterator.e(err);
133
- } finally {
134
- _iterator.f();
135
- }
136
- }
137
- return result;
138
- };
139
- /**
140
- * 获取所有展开的节点 (组件传入最后一层,需要将其上层全部加入到expandedKeys)
141
- * @param {*} treeDataWithKeys
142
- * @param {*} treeExpandedKeys
143
- * @param {*} result
144
- * @returns
145
- */
146
- var getFullExpandedKeys = exports.getFullExpandedKeys = function getFullExpandedKeys(treeDataWithKeys) {
147
- var treeExpandedKeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
148
- var treeDefaultExpandAll = arguments.length > 2 ? arguments[2] : undefined;
149
- var result = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
150
- if (!treeDefaultExpandAll && (!Array.isArray(treeDataWithKeys) || !treeDataWithKeys.length || !Array.isArray(treeExpandedKeys) || !treeExpandedKeys.length)) {
151
- return [];
152
- }
153
- treeDataWithKeys.forEach(function (i) {
154
- var keys = i.keys,
155
- value = i.value,
156
- children = i.children;
157
- if (treeDefaultExpandAll || Array.isArray(keys) && keys.some(function (el) {
158
- return treeExpandedKeys.includes(el);
159
- })) {
160
- result.push(value);
161
- if (Array.isArray(children) && !!children.length) {
162
- result = [].concat(_toConsumableArray(result), _toConsumableArray(getFullExpandedKeys(children, treeExpandedKeys, treeDefaultExpandAll)));
163
- }
164
- }
165
- });
166
- return result;
47
+ return false;
167
48
  };
@@ -1 +1 @@
1
- {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/tntd-virtual-tree-select/utils.js"],"names":[],"mappings":"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","sourcesContent":["/**\n * 初始化给树的每个节点增加一个keys字段(数组),keys的值是当前节点下的所有子节点的value和\n * 用于判断后续展开/收起\n * @param {*} treeData \n */\nexport const addTreeNodeKeys = (treeData, fieldNames = { title: 'title', value: 'value', children: 'children' }) => {\n if(Array.isArray(treeData) && !!treeData.length) {\n return treeData.map((item) => {\n item.children = item[fieldNames['children']]\n item.title = item[fieldNames['title']]\n item.value = item[fieldNames['value']]\n const { children, ...query } = item;\n if(Array.isArray(children) && !!children.length) {\n query.children = addTreeNodeKeys(children, fieldNames)\n } \n return {\n ...query,\n title: query[fieldNames['title']],\n value: query[fieldNames['value']],\n keys: getNodeKeys(query),\n titleTotal: getNodeStr(query, fieldNames['title'])\n }\n })\n }\n\n return []\n}\n\nexport const getNodeStr = (node, key, result = []) => {\n result.push(node[key]);\n\n if(Array.isArray(node.children) && !!node.children.length) {\n node.children.forEach(element => {\n result = [...result, ...getNodeStr(element, key)]\n });\n }\n\n return result\n}\n\n/**\n * 获取每个节点下面所有子节点的value值\n * @param {*} node \n * @param {*} widthSelf 是否包含自己\n * @param {*} result \n * @returns []\n */\nexport const getNodeKeys = (node, widthSelf = true, result = []) => {\n if(widthSelf) {\n result.push(node.value);\n }\n\n if(Array.isArray(node.children) && !!node.children.length) {\n node.children.forEach(element => {\n result = [...result, ...getNodeKeys(element)]\n });\n }\n\n return result;\n}\n\n/**\n * 扁平树\n * @param {*} treeData \n * @param {*} expandedKeys 展开的节点\n * @param {*} treeDefaultExpandAll\n * @param {*} level \n * @param {*} result \n * @returns \n */\nexport const flatTreeData = (treeData, filterKey = '', expandedKeys = [], treeDefaultExpandAll = false, level = 0, result = []) => {\n if(Array.isArray(treeData)) {\n for(const i of treeData){\n const { value, children, titleTotal, title, ...rest } = i;\n\n // 判断是否命中过滤\n let bingo = true\n const transFilterKey = !['', null, undefined].includes(filterKey)\n if(transFilterKey) {\n bingo = Array.isArray(titleTotal) ? titleTotal.some(i => i.includes(filterKey)) : false\n }\n\n if(bingo) {\n result.push({ value, children, title, level, titleTotal })\n }\n\n const selfIn = Array.isArray(expandedKeys) ? expandedKeys.includes(value) : false;\n if((treeDefaultExpandAll || selfIn || (transFilterKey && bingo)) && Array.isArray(children) && !!children.length){\n result = [...result, ...flatTreeData(children, filterKey, expandedKeys, treeDefaultExpandAll, level+1)]\n }\n }\n }\n return result\n}\n\n/**\n * 获取所有展开的节点 (组件传入最后一层,需要将其上层全部加入到expandedKeys)\n * @param {*} treeDataWithKeys \n * @param {*} treeExpandedKeys \n * @param {*} result \n * @returns \n */\nexport const getFullExpandedKeys = (treeDataWithKeys, treeExpandedKeys = [], treeDefaultExpandAll, result = []) => {\n if(!treeDefaultExpandAll && (!Array.isArray(treeDataWithKeys) || !treeDataWithKeys.length || !Array.isArray(treeExpandedKeys) || !treeExpandedKeys.length)) {\n return []\n }\n \n treeDataWithKeys.forEach(i => {\n const { keys, value, children } = i;\n\n if(treeDefaultExpandAll || (Array.isArray(keys) && keys.some(el => treeExpandedKeys.includes(el)))) {\n result.push(value)\n\n if(Array.isArray(children) && !!children.length) {\n result = [...result, ...getFullExpandedKeys(children, treeExpandedKeys, treeDefaultExpandAll)]\n }\n }\n })\n\n return result;\n}\n\n\n"]}
1
+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/tntd-virtual-tree-select/utils.js"],"names":[],"mappings":";;;AAAA;;;;;;GAMG;AACI,MAAM,eAAe,GAAG,CAAC,QAAQ,EAAE,UAAU,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,OAAO,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,EAAE;IAClK,IAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;QAC1B,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YACnB,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC;YACzC,IAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,EAAC;gBAC1C,MAAM,IAAI,GAAG,IAAA,uBAAe,EAAC,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;gBACzG,MAAM,mCAAO,MAAM,GAAK,IAAI,CAAC,CAAA;aAC9B;iBAAI;aAEJ;QACH,CAAC,CAAC,CAAA;KACH;IACD,OAAO,MAAM,CAAA;AACf,CAAC,CAAA;AAbY,QAAA,eAAe,mBAa3B;AAEM,MAAM,iBAAiB,GAAG,CAAC,mBAAmB,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE;IACnE,MAAM,OAAO,GAAG,mBAAmB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAA;IAE/C,IAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE;QACrF,OAAO,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAA;KAC/C;IAED,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AARY,QAAA,iBAAiB,qBAQ7B","sourcesContent":["/**\n * 给每个节点增加一个parent字段,记录其父节点用于showCheckedStrategy\n * @param {*} treeData \n * @param {*} fieldNames \n * @param {*} parents \n * @returns \n */\nexport const flatWithParents = (treeData, fieldNames = { title: 'title', value: 'value', children: 'children', disabled: 'disabled' }, parents = [], result = {}) => {\n if(Array.isArray(treeData)) {\n treeData.forEach(i => {\n result[i[fieldNames['value']]] = parents;\n if(Array.isArray(i[fieldNames['children']])){\n const list = flatWithParents(i[fieldNames['children']], fieldNames, [...parents, i[fieldNames['value']]])\n result = {...result, ...list}\n }else{\n \n }\n })\n }\n return result\n}\n\nexport const filterLastestNode = (treeNodeWithParents, item, list) => {\n const parents = treeNodeWithParents[item] || {}\n \n if(Array.isArray(parents) && !!parents.length && Array.isArray(list) && !!list.length) {\n return parents.every(el => !list.includes(el))\n }\n\n return false\n}\n\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tntd",
3
- "version": "2.8.9",
3
+ "version": "2.8.11",
4
4
  "license": "MIT",
5
5
  "scripts": {
6
6
  "start": "heft start --storybook",
@@ -42,7 +42,9 @@
42
42
  "scroll-into-view-if-needed": "^2.2.25",
43
43
  "@tntd/icons": "^1.0.10",
44
44
  "@ant-design/colors": "^3.1.0",
45
- "rc-resize-observer": "~1.4.0"
45
+ "rc-resize-observer": "~1.4.0",
46
+ "react-resizable": "~3.0.4",
47
+ "@types/react-resizable": "~3.0.8"
46
48
  },
47
49
  "devDependencies": {
48
50
  "@react-types/shared": "^3.10.1",
package/es/spin/spin.js DELETED
@@ -1,36 +0,0 @@
1
- /*
2
- * @Author: 周泽飞 zefei.zhou@tongdun.net
3
- * @Date: 2024-07-19 18:49:24
4
- * @LastEditors: 周泽飞 zefei.zhou@tongdun.net
5
- * @LastEditTime: 2024-07-19 18:54:42
6
- * @FilePath: /tntd/packages/tntd/src/spin/spin.tsx
7
- * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
8
- */
9
- var __rest = this && this.__rest || function (s, e) {
10
- var t = {};
11
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
12
- if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
13
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
14
- }
15
- return t;
16
- };
17
- import React, { forwardRef } from 'react';
18
- import { ConfigConsumer } from 'antd/es/config-provider';
19
- import { default as AntdSpin } from 'antd/es/spin';
20
- import classNames from 'classnames';
21
- import './spin.less';
22
- export const Spin = forwardRef((props, ref) => {
23
- const {
24
- className,
25
- wrapperClassName
26
- } = props,
27
- restProps = __rest(props, ["className", "wrapperClassName"]);
28
- return React.createElement(ConfigConsumer, null, () => {
29
- return React.createElement(AntdSpin, Object.assign({
30
- wrapperClassName: classNames('tnt-spin-nested', className || ''),
31
- className: classNames('tnt-spin', className || '')
32
- }, restProps, {
33
- ref: ref
34
- }));
35
- });
36
- });
@@ -1 +0,0 @@
1
- {"version":3,"file":"spin.js","sourceRoot":"","sources":["../../src/spin/spin.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;;;;;;;;;;;;AAEH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,aAAa,CAAA;AAKpB,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAA0B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACrE,MAAM,EAAE,SAAS,EAAE,gBAAgB,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAArD,iCAA6C,CAAQ,CAAA;IAC3D,OAAO,CACL,oBAAC,cAAc,QACZ,GAAG,EAAE;QACJ,OAAO,CACL,oBAAC,QAAQ,kBACP,gBAAgB,EAAE,UAAU,CAAC,iBAAiB,EAAE,SAAS,IAAI,EAAE,CAAC,EAChE,SAAS,EAAE,UAAU,CAAC,UAAU,EAAE,SAAS,IAAI,EAAE,CAAC,IAC9C,SAAS,IACb,GAAG,EAAE,GAAG,IACR,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAkB,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2024-07-19 18:49:24\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2024-07-19 18:54:42\n * @FilePath: /tntd/packages/tntd/src/spin/spin.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\n\nimport React, { forwardRef } from 'react'\nimport type { SpinProps as AntdSpinProps } from 'antd/es/spin'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport { default as AntdSpin } from 'antd/es/spin'\nimport classNames from 'classnames'\n\nimport './spin.less'\n\ninterface SpinComponent\n extends React.ForwardRefExoticComponent<AntdSpinProps & React.RefAttributes<AntdSpin>> {}\n\nexport const Spin = forwardRef<AntdSpin, AntdSpinProps>((props, ref) => {\n const { className, wrapperClassName, ...restProps } = props\n return (\n <ConfigConsumer>\n {() => {\n return (\n <AntdSpin\n wrapperClassName={classNames('tnt-spin-nested', className || '')}\n className={classNames('tnt-spin', className || '')}\n {...restProps}\n ref={ref}\n />\n )\n }}\n </ConfigConsumer>\n )\n}) as SpinComponent\n"]}
package/es/spin/spin.less DELETED
@@ -1,9 +0,0 @@
1
- @spin-prefix-cls: ~'@{ant-prefix}-spin';
2
- .tnt-spin-nested{
3
- .@{spin-prefix-cls}-container {
4
- &::after{
5
- content:'';
6
- background-color: transparent;
7
- }
8
- }
9
- }
@@ -1,125 +0,0 @@
1
- /*
2
- * @Descripttion: 最简单的tree下拉框,增加了虚拟滚动
3
- * @Author: 郑泳健
4
- * @Date: 2024-07-31 14:46:55
5
- * @LastEditors: 郑泳健
6
- * @LastEditTime: 2024-08-05 15:58:47
7
- */
8
- import React, { useState, useMemo, useEffect } from 'react';
9
- import List from 'rc-virtual-list';
10
- import Icon from '../icon';
11
- import Ellipsis from '../ellipsis';
12
- import Empty from '../empty';
13
- import Input from '../input';
14
- import { flatTreeData, getFullExpandedKeys, addTreeNodeKeys } from './utils';
15
- import './tree.less';
16
- const VirtualTree = ({
17
- value,
18
- onChange,
19
- treeDefaultExpandAll,
20
- fieldNames,
21
- treeExpandedKeys,
22
- showSearch,
23
- treeData,
24
- renderItem
25
- }) => {
26
- const ref = React.useRef(null);
27
- // 展开的节点列表
28
- const [expandedKeys, setExpandedKeys] = useState([]);
29
- const [choosedValue, setChoosedValue] = useState([]);
30
- const [filterKey, setFilterKey] = useState(undefined);
31
- useEffect(() => {
32
- if (!['', null, undefined].includes(value)) {
33
- setChoosedValue(value);
34
- } else {
35
- setChoosedValue(undefined);
36
- }
37
- }, [value]);
38
- /** 给每个节点增加属性keys,值为其下面所有节点的集合 */
39
- const treeDataWithKeys = useMemo(() => {
40
- return addTreeNodeKeys(treeData, fieldNames);
41
- }, [treeData, fieldNames]);
42
- const mergeTreeDefaultExpandAll = useMemo(() => {
43
- if (Array.isArray(treeExpandedKeys) && treeExpandedKeys.length) {
44
- return false;
45
- }
46
- return treeDefaultExpandAll;
47
- }, [treeDefaultExpandAll, treeExpandedKeys]);
48
- /** 获取到所有展开的节点,因为treeDataWithKeys可能传入的是最后一级 */
49
- useEffect(() => {
50
- let transTreeExpandedKeys = Array.isArray(treeExpandedKeys) ? treeExpandedKeys : [];
51
- if (value) {
52
- transTreeExpandedKeys = [...treeExpandedKeys, value];
53
- }
54
- const _expandedKeys = getFullExpandedKeys(treeDataWithKeys, transTreeExpandedKeys, mergeTreeDefaultExpandAll);
55
- setExpandedKeys(_expandedKeys);
56
- }, [treeDataWithKeys, treeExpandedKeys, mergeTreeDefaultExpandAll, value]);
57
- /** 最终渲染的数据 */
58
- const renderData = useMemo(() => {
59
- return flatTreeData(treeDataWithKeys, filterKey, expandedKeys);
60
- }, [treeDataWithKeys, filterKey, expandedKeys]);
61
- /** 切换展开/收起 */
62
- const handleToggle = item => {
63
- const {
64
- value
65
- } = item || {};
66
- const bool = Array.isArray(expandedKeys) ? expandedKeys.includes(value) : false;
67
- if (bool) {
68
- const list = Array.isArray(expandedKeys) ? expandedKeys.filter(i => i !== value) : [];
69
- setExpandedKeys(list);
70
- } else {
71
- setExpandedKeys([...expandedKeys, value]);
72
- }
73
- };
74
- const defaultRenderItem = (item, expandedKeys) => {
75
- return React.createElement(Ellipsis, {
76
- title: item.title,
77
- widthLimit: '100%'
78
- });
79
- };
80
- const handleChange = _value => {
81
- setChoosedValue(_value);
82
- onChange === null || onChange === void 0 ? void 0 : onChange(_value);
83
- };
84
- const handleInput = e => {
85
- const _filterValue = e.target.value;
86
- setFilterKey(_filterValue);
87
- };
88
- return React.createElement("div", {
89
- className: 'tntd-tree-select'
90
- }, showSearch && Array.isArray(treeData) && !!treeData.length ? React.createElement(Input, {
91
- onChange: handleInput,
92
- allowClear: true
93
- }) : '', !Array.isArray(renderData) || !renderData.length ? React.createElement(Empty, {
94
- size: 'small'
95
- }) : React.createElement(List, {
96
- ref: ref,
97
- height: 300,
98
- itemHeight: 44,
99
- data: renderData
100
- }, item => {
101
- const {
102
- level,
103
- children
104
- } = item;
105
- const bool = expandedKeys.includes(item.value);
106
- return React.createElement("div", {
107
- className: "tntd-tree-select-item",
108
- style: {
109
- paddingLeft: level * 18
110
- }
111
- }, React.createElement("div", {
112
- style: {
113
- width: 18,
114
- paddingLeft: 3
115
- }
116
- }, Array.isArray(children) && !!children.length ? React.createElement(Icon, {
117
- type: bool ? 'caret-down' : 'caret-right',
118
- onClick: () => handleToggle(item)
119
- }) : React.createElement(Icon, null)), React.createElement("div", {
120
- className: `tntd-tree-select-item-title ${choosedValue === item.value ? 'tntd-tree-select-item-title_active' : ''}`,
121
- onClick: () => handleChange(item.value)
122
- }, renderItem ? renderItem(item, expandedKeys) : defaultRenderItem(item, expandedKeys)));
123
- }));
124
- };
125
- export default VirtualTree;
@@ -1 +0,0 @@
1
- {"version":3,"file":"VirtualTree.js","sourceRoot":"","sources":["../../src/tntd-virtual-tree-select/VirtualTree.jsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Descripttion: 最简单的tree下拉框,增加了虚拟滚动\n * @Author: 郑泳健\n * @Date: 2024-07-31 14:46:55\n * @LastEditors: 郑泳健\n * @LastEditTime: 2024-08-05 15:58:47\n */\nimport React, { useState, useMemo, useEffect } from 'react';\nimport List from 'rc-virtual-list';\nimport Icon from '../icon'\nimport Ellipsis from '../ellipsis';\nimport Empty from '../empty';\nimport Input from '../input';\nimport { flatTreeData, getFullExpandedKeys, addTreeNodeKeys } from './utils';\nimport './tree.less'\n\nconst VirtualTree = ({ value, onChange, treeDefaultExpandAll, fieldNames, treeExpandedKeys, showSearch, treeData, renderItem }) => {\n const ref = React.useRef(null)\n // 展开的节点列表\n const [expandedKeys, setExpandedKeys] = useState([])\n const [choosedValue, setChoosedValue] = useState([])\n const [filterKey, setFilterKey] = useState(undefined)\n\n useEffect(() => {\n if(!['', null, undefined].includes(value)) {\n setChoosedValue(value)\n }else {\n setChoosedValue(undefined)\n }\n }, [value])\n\n /** 给每个节点增加属性keys,值为其下面所有节点的集合 */\n const treeDataWithKeys = useMemo(() => {\n return addTreeNodeKeys(treeData, fieldNames)\n }, [treeData, fieldNames])\n\n const mergeTreeDefaultExpandAll = useMemo(() => {\n if(Array.isArray(treeExpandedKeys) && treeExpandedKeys.length) {\n return false\n }\n\n return treeDefaultExpandAll\n }, [treeDefaultExpandAll, treeExpandedKeys])\n\n /** 获取到所有展开的节点,因为treeDataWithKeys可能传入的是最后一级 */\n useEffect(() => {\n let transTreeExpandedKeys = Array.isArray(treeExpandedKeys) ? treeExpandedKeys : []\n if(value) {\n transTreeExpandedKeys = [...treeExpandedKeys, value]\n }\n const _expandedKeys = getFullExpandedKeys(treeDataWithKeys, transTreeExpandedKeys, mergeTreeDefaultExpandAll)\n setExpandedKeys(_expandedKeys)\n }, [treeDataWithKeys, treeExpandedKeys, mergeTreeDefaultExpandAll, value])\n\n /** 最终渲染的数据 */\n const renderData = useMemo(() => {\n return flatTreeData(treeDataWithKeys, filterKey, expandedKeys)\n }, [treeDataWithKeys, filterKey, expandedKeys])\n\n /** 切换展开/收起 */\n const handleToggle = (item) => {\n const { value } = item || {}\n const bool = Array.isArray(expandedKeys) ? expandedKeys.includes(value) : false;\n if(bool) {\n const list = Array.isArray(expandedKeys) ? expandedKeys.filter(i => i !== value) : []\n setExpandedKeys(list)\n }else {\n setExpandedKeys([...expandedKeys, value])\n }\n }\n\n const defaultRenderItem = (item, expandedKeys) => {\n return <Ellipsis title={item.title} widthLimit={'100%'} />\n }\n\n const handleChange = (_value) => {\n setChoosedValue(_value)\n onChange?.(_value)\n }\n\n const handleInput = (e) => {\n const _filterValue = e.target.value\n\n setFilterKey(_filterValue)\n }\n\n return (\n <div className='tntd-tree-select'>\n {showSearch && Array.isArray(treeData) && !!treeData.length ? <Input onChange={handleInput} allowClear /> : ''}\n {\n !Array.isArray(renderData) || !renderData.length ? \n <Empty size='small' /> :\n <List\n ref={ref}\n height={300}\n itemHeight={44}\n data={renderData}\n >\n {\n (item) => { \n const { level, children } = item;\n const bool = expandedKeys.includes(item.value)\n return (\n <div className=\"tntd-tree-select-item\"\n style={{ paddingLeft: level * 18 }}>\n <div style={{ width: 18, paddingLeft: 3 }}>\n {Array.isArray(children) && !!children.length ? <Icon type={bool ? 'caret-down' : 'caret-right'} onClick={() => handleToggle(item)} /> : <Icon />}\n </div>\n \n <div \n className={`tntd-tree-select-item-title ${choosedValue === item.value ? 'tntd-tree-select-item-title_active' : '' }`}\n onClick={() => handleChange(item.value)}\n >\n {renderItem ? renderItem(item, expandedKeys) : defaultRenderItem(item, expandedKeys)}\n </div>\n </div>\n )\n }\n }\n </List>\n }\n </div>\n );\n};\n\nexport default VirtualTree\n"]}
@@ -1,29 +0,0 @@
1
- .tntd-tree-select{
2
- padding: 0;
3
- white-space: nowrap;
4
- .tntd-tree-select-item{
5
- display: flex;
6
- border-radius: var(--border-radius-sm);
7
- color: #17233d;
8
- text-decoration: none;
9
- cursor: pointer;
10
- line-height: 30px;
11
- font-size: 14px;
12
-
13
- .anticon-caret-down,.anticon-caret-right {
14
- vertical-align: middle;
15
- font-size: 12px;
16
- }
17
-
18
- .tntd-tree-select-item-title{
19
- padding: 3px 5px;
20
- flex: 1;
21
- overflow: hidden;
22
-
23
- &_active{
24
- background-color: var(--blue-2);
25
- }
26
- }
27
- }
28
- }
29
-
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- import type { SpinProps as AntdSpinProps } from 'antd/lib/spin';
3
- import { default as AntdSpin } from 'antd/lib/spin';
4
- import './spin.less';
5
- interface SpinComponent extends React.ForwardRefExoticComponent<AntdSpinProps & React.RefAttributes<AntdSpin>> {
6
- }
7
- export declare const Spin: SpinComponent;
8
- export {};
9
- //# sourceMappingURL=spin.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"spin.d.ts","sourceRoot":"","sources":["../../src/spin/spin.tsx"],"names":[],"mappings":"AASA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,cAAc,CAAA;AAE9D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAA;AAGlD,OAAO,aAAa,CAAA;AAEpB,UAAU,aACR,SAAQ,KAAK,CAAC,yBAAyB,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;CAAG;AAE3F,eAAO,MAAM,IAAI,eAgBE,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"spin.js","sourceRoot":"","sources":["../../src/spin/spin.tsx"],"names":[],"mappings":";AAAA;;;;;;;GAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,+CAAyC;AAEzC,6DAAwD;AACxD,wDAAkD;AAClD,4DAAmC;AAEnC,uBAAoB;AAKP,QAAA,IAAI,GAAG,IAAA,kBAAU,EAA0B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACrE,MAAM,EAAE,SAAS,EAAE,gBAAgB,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAArD,iCAA6C,CAAQ,CAAA;IAC3D,OAAO,CACL,8BAAC,gCAAc,QACZ,GAAG,EAAE;QACJ,OAAO,CACL,8BAAC,cAAQ,kBACP,gBAAgB,EAAE,IAAA,oBAAU,EAAC,iBAAiB,EAAE,SAAS,IAAI,EAAE,CAAC,EAChE,SAAS,EAAE,IAAA,oBAAU,EAAC,UAAU,EAAE,SAAS,IAAI,EAAE,CAAC,IAC9C,SAAS,IACb,GAAG,EAAE,GAAG,IACR,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAkB,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2024-07-19 18:49:24\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2024-07-19 18:54:42\n * @FilePath: /tntd/packages/tntd/src/spin/spin.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\n\nimport React, { forwardRef } from 'react'\nimport type { SpinProps as AntdSpinProps } from 'antd/lib/spin'\nimport { ConfigConsumer } from 'antd/lib/config-provider'\nimport { default as AntdSpin } from 'antd/lib/spin'\nimport classNames from 'classnames'\n\nimport './spin.less'\n\ninterface SpinComponent\n extends React.ForwardRefExoticComponent<AntdSpinProps & React.RefAttributes<AntdSpin>> {}\n\nexport const Spin = forwardRef<AntdSpin, AntdSpinProps>((props, ref) => {\n const { className, wrapperClassName, ...restProps } = props\n return (\n <ConfigConsumer>\n {() => {\n return (\n <AntdSpin\n wrapperClassName={classNames('tnt-spin-nested', className || '')}\n className={classNames('tnt-spin', className || '')}\n {...restProps}\n ref={ref}\n />\n )\n }}\n </ConfigConsumer>\n )\n}) as SpinComponent\n"]}
@@ -1,9 +0,0 @@
1
- @spin-prefix-cls: ~'@{ant-prefix}-spin';
2
- .tnt-spin-nested{
3
- .@{spin-prefix-cls}-container {
4
- &::after{
5
- content:'';
6
- background-color: transparent;
7
- }
8
- }
9
- }
@@ -1,13 +0,0 @@
1
- export default VirtualTree;
2
- declare function VirtualTree({ value, onChange, treeDefaultExpandAll, fieldNames, treeExpandedKeys, showSearch, treeData, renderItem }: {
3
- value: any;
4
- onChange: any;
5
- treeDefaultExpandAll: any;
6
- fieldNames: any;
7
- treeExpandedKeys: any;
8
- showSearch: any;
9
- treeData: any;
10
- renderItem: any;
11
- }): React.JSX.Element;
12
- import React from "react";
13
- //# sourceMappingURL=VirtualTree.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"VirtualTree.d.ts","sourceRoot":"","sources":["../../src/tntd-virtual-tree-select/VirtualTree.jsx"],"names":[],"mappings":";AAgBA;;;;;;;;;sBA2GC"}