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.
- package/es/array-input/index.js +10 -1
- package/es/array-input/index.js.map +1 -1
- package/es/index.js +2 -0
- package/es/index.js.map +1 -1
- package/es/locale/en_US.js +17 -1
- package/es/locale/en_US.js.map +1 -1
- package/es/locale/zh_CN.js +16 -0
- package/es/locale/zh_CN.js.map +1 -1
- package/es/prev-locale.js +32 -2
- package/es/prev-locale.js.map +1 -1
- package/es/query-list-scene/index.less +4 -0
- package/es/svg-components/illustration-offline.js +11 -29
- package/es/svg-components/illustration-offline.js.map +1 -1
- package/es/table/index.js +2 -2
- package/es/table/index.js.map +1 -1
- package/es/table/resizableTable/index.js +87 -0
- package/es/table/resizableTable/index.js.map +1 -0
- package/es/table/resizableTable/index.less +36 -0
- package/es/table/table-hoc.js +26 -0
- package/es/table/table-hoc.js.map +1 -0
- package/es/table/table.js +27 -25
- package/es/table/table.js.map +1 -1
- package/es/title/index.js +18 -4
- package/es/title/index.js.map +1 -1
- package/es/title/index.less +88 -34
- package/es/tntd-reference/AHref/index.js +39 -0
- package/es/tntd-reference/AHref/index.js.map +1 -0
- package/es/tntd-reference/ReferenceBatchCheck/index.js +153 -0
- package/es/tntd-reference/ReferenceBatchCheck/index.js.map +1 -0
- package/es/tntd-reference/ReferenceBatchCheck/index.less +21 -0
- package/es/tntd-reference/ReferenceBatchDrawer/index.js +102 -0
- package/es/tntd-reference/ReferenceBatchDrawer/index.js.map +1 -0
- package/es/tntd-reference/ReferenceBatchDrawer/index.less +0 -0
- package/es/tntd-reference/ReferenceCheck/index.js +117 -0
- package/es/tntd-reference/ReferenceCheck/index.js.map +1 -0
- package/es/tntd-reference/ReferenceCheck/index.less +10 -0
- package/es/tntd-reference/ReferenceDrawer/index.js +69 -0
- package/es/tntd-reference/ReferenceDrawer/index.js.map +1 -0
- package/es/tntd-reference/ReferenceDrawer/index.less +0 -0
- package/es/tntd-reference/ReferenceInfo/index.js +150 -0
- package/es/tntd-reference/ReferenceInfo/index.js.map +1 -0
- package/es/tntd-reference/ReferenceInfo/index.less +31 -0
- package/es/tntd-reference/index.js +13 -0
- package/es/tntd-reference/index.js.map +1 -0
- package/es/tntd-virtual-tree/index.js +229 -0
- package/es/tntd-virtual-tree/index.js.map +1 -0
- package/es/tntd-virtual-tree/index.less +59 -0
- package/es/tntd-virtual-tree/utils.js +296 -0
- package/es/tntd-virtual-tree/utils.js.map +1 -0
- package/es/tntd-virtual-tree-select/index.js +98 -22
- package/es/tntd-virtual-tree-select/index.js.map +1 -1
- package/es/tntd-virtual-tree-select/utils.js +20 -124
- package/es/tntd-virtual-tree-select/utils.js.map +1 -1
- package/lib/array-input/index.d.ts.map +1 -1
- package/lib/array-input/index.js +14 -1
- package/lib/array-input/index.js.map +1 -1
- package/lib/index.d.ts +2 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +14 -0
- package/lib/index.js.map +1 -1
- package/lib/locale/default.d.ts +16 -0
- package/lib/locale/default.d.ts.map +1 -1
- package/lib/locale/en_US.d.ts +16 -0
- package/lib/locale/en_US.d.ts.map +1 -1
- package/lib/locale/en_US.js +17 -1
- package/lib/locale/en_US.js.map +1 -1
- package/lib/locale/zh_CN.d.ts +16 -0
- package/lib/locale/zh_CN.d.ts.map +1 -1
- package/lib/locale/zh_CN.js +16 -0
- package/lib/locale/zh_CN.js.map +1 -1
- package/lib/prev-locale.d.ts +42 -0
- package/lib/prev-locale.d.ts.map +1 -1
- package/lib/prev-locale.js +32 -2
- package/lib/prev-locale.js.map +1 -1
- package/lib/query-list-scene/index.less +4 -0
- package/lib/segmented/index.d.ts +1 -1
- package/lib/svg-components/illustration-offline.d.ts.map +1 -1
- package/lib/svg-components/illustration-offline.js +11 -29
- package/lib/svg-components/illustration-offline.js.map +1 -1
- package/lib/table/index.d.ts +2 -2
- package/lib/table/index.d.ts.map +1 -1
- package/lib/table/index.js +7 -7
- package/lib/table/index.js.map +1 -1
- package/lib/table/resizableTable/index.d.ts +12 -0
- package/lib/table/resizableTable/index.d.ts.map +1 -0
- package/lib/table/resizableTable/index.js +110 -0
- package/lib/table/resizableTable/index.js.map +1 -0
- package/lib/table/resizableTable/index.less +36 -0
- package/lib/table/table-hoc.d.ts +7 -0
- package/lib/table/table-hoc.d.ts.map +1 -0
- package/lib/{spin/spin.js → table/table-hoc.js} +12 -22
- package/lib/table/table-hoc.js.map +1 -0
- package/lib/table/table.js +18 -15
- package/lib/table/table.js.map +1 -1
- package/lib/table/table.stories.d.ts +1 -1
- package/lib/title/index.d.ts +1 -0
- package/lib/title/index.d.ts.map +1 -1
- package/lib/title/index.js +18 -4
- package/lib/title/index.js.map +1 -1
- package/lib/title/index.less +88 -34
- package/lib/tntd-reference/AHref/index.d.ts +4 -0
- package/lib/tntd-reference/AHref/index.d.ts.map +1 -0
- package/lib/tntd-reference/AHref/index.js +44 -0
- package/lib/tntd-reference/AHref/index.js.map +1 -0
- package/lib/tntd-reference/ReferenceBatchCheck/index.d.ts +3 -0
- package/lib/tntd-reference/ReferenceBatchCheck/index.d.ts.map +1 -0
- package/lib/tntd-reference/ReferenceBatchCheck/index.js +165 -0
- package/lib/tntd-reference/ReferenceBatchCheck/index.js.map +1 -0
- package/lib/tntd-reference/ReferenceBatchCheck/index.less +21 -0
- package/lib/tntd-reference/ReferenceBatchDrawer/index.d.ts +4 -0
- package/lib/tntd-reference/ReferenceBatchDrawer/index.d.ts.map +1 -0
- package/lib/tntd-reference/ReferenceBatchDrawer/index.js +126 -0
- package/lib/tntd-reference/ReferenceBatchDrawer/index.js.map +1 -0
- package/lib/tntd-reference/ReferenceBatchDrawer/index.less +0 -0
- package/lib/tntd-reference/ReferenceCheck/index.d.ts +3 -0
- package/lib/tntd-reference/ReferenceCheck/index.d.ts.map +1 -0
- package/lib/tntd-reference/ReferenceCheck/index.js +126 -0
- package/lib/tntd-reference/ReferenceCheck/index.js.map +1 -0
- package/lib/tntd-reference/ReferenceCheck/index.less +10 -0
- package/lib/tntd-reference/ReferenceDrawer/index.d.ts +4 -0
- package/lib/tntd-reference/ReferenceDrawer/index.d.ts.map +1 -0
- package/lib/tntd-reference/ReferenceDrawer/index.js +93 -0
- package/lib/tntd-reference/ReferenceDrawer/index.js.map +1 -0
- package/lib/tntd-reference/ReferenceDrawer/index.less +0 -0
- package/lib/tntd-reference/ReferenceInfo/index.d.ts +4 -0
- package/lib/tntd-reference/ReferenceInfo/index.d.ts.map +1 -0
- package/lib/tntd-reference/ReferenceInfo/index.js +164 -0
- package/lib/tntd-reference/ReferenceInfo/index.js.map +1 -0
- package/lib/tntd-reference/ReferenceInfo/index.less +31 -0
- package/lib/tntd-reference/index.d.ts +15 -0
- package/lib/tntd-reference/index.d.ts.map +1 -0
- package/lib/tntd-reference/index.js +20 -0
- package/lib/tntd-reference/index.js.map +1 -0
- package/lib/tntd-virtual-tree/index.d.ts +20 -0
- package/lib/tntd-virtual-tree/index.d.ts.map +1 -0
- package/lib/tntd-virtual-tree/index.js +263 -0
- package/lib/tntd-virtual-tree/index.js.map +1 -0
- package/lib/tntd-virtual-tree/index.less +59 -0
- package/lib/tntd-virtual-tree/utils.d.ts +17 -0
- package/lib/tntd-virtual-tree/utils.d.ts.map +1 -0
- package/lib/tntd-virtual-tree/utils.js +353 -0
- package/lib/tntd-virtual-tree/utils.js.map +1 -0
- package/lib/tntd-virtual-tree-select/index.d.ts +13 -4
- package/lib/tntd-virtual-tree-select/index.d.ts.map +1 -1
- package/lib/tntd-virtual-tree-select/index.js +100 -19
- package/lib/tntd-virtual-tree-select/index.js.map +1 -1
- package/lib/tntd-virtual-tree-select/utils.d.ts +2 -9
- package/lib/tntd-virtual-tree-select/utils.d.ts.map +1 -1
- package/lib/tntd-virtual-tree-select/utils.js +23 -142
- package/lib/tntd-virtual-tree-select/utils.js.map +1 -1
- package/package.json +4 -2
- package/es/spin/spin.js +0 -36
- package/es/spin/spin.js.map +0 -1
- package/es/spin/spin.less +0 -9
- package/es/tntd-virtual-tree-select/VirtualTree.js +0 -125
- package/es/tntd-virtual-tree-select/VirtualTree.js.map +0 -1
- package/es/tntd-virtual-tree-select/tree.less +0 -29
- package/lib/spin/spin.d.ts +0 -9
- package/lib/spin/spin.d.ts.map +0 -1
- package/lib/spin/spin.js.map +0 -1
- package/lib/spin/spin.less +0 -9
- package/lib/tntd-virtual-tree-select/VirtualTree.d.ts +0 -13
- package/lib/tntd-virtual-tree-select/VirtualTree.d.ts.map +0 -1
- package/lib/tntd-virtual-tree-select/VirtualTree.js +0 -155
- package/lib/tntd-virtual-tree-select/VirtualTree.js.map +0 -1
- 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.
|
|
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
|
-
*
|
|
24
|
-
* 用于判断后续展开/收起
|
|
14
|
+
* 给每个节点增加一个parent字段,记录其父节点用于showCheckedStrategy
|
|
25
15
|
* @param {*} treeData
|
|
16
|
+
* @param {*} fieldNames
|
|
17
|
+
* @param {*} parents
|
|
18
|
+
* @returns
|
|
26
19
|
*/
|
|
27
|
-
var
|
|
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
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
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
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
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
|
|
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":"
|
|
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.
|
|
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
|
-
});
|
package/es/spin/spin.js.map
DELETED
|
@@ -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,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":"AAAA;;;;;;GAMG;AACH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,KAAK,MAAM,UAAU,CAAC;AAC7B,OAAO,KAAK,MAAM,UAAU,CAAC;AAC7B,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC7E,OAAO,aAAa,CAAA;AAEpB,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,oBAAoB,EAAE,UAAU,EAAE,gBAAgB,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,EAAE;IAChI,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAC9B,UAAU;IACV,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IACpD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IACpD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAA;IAErD,SAAS,CAAC,GAAG,EAAE;QACb,IAAG,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;YACzC,eAAe,CAAC,KAAK,CAAC,CAAA;SACvB;aAAK;YACJ,eAAe,CAAC,SAAS,CAAC,CAAA;SAC3B;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,iCAAiC;IACjC,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,EAAE;QACpC,OAAO,eAAe,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAA;IAC9C,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAA;IAE1B,MAAM,yBAAyB,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7C,IAAG,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,gBAAgB,CAAC,MAAM,EAAE;YAC7D,OAAO,KAAK,CAAA;SACb;QAED,OAAO,oBAAoB,CAAA;IAC7B,CAAC,EAAE,CAAC,oBAAoB,EAAE,gBAAgB,CAAC,CAAC,CAAA;IAE5C,8CAA8C;IAC9C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,qBAAqB,GAAG,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAA;QACnF,IAAG,KAAK,EAAE;YACR,qBAAqB,GAAG,CAAC,GAAG,gBAAgB,EAAE,KAAK,CAAC,CAAA;SACrD;QACD,MAAM,aAAa,GAAG,mBAAmB,CAAC,gBAAgB,EAAE,qBAAqB,EAAE,yBAAyB,CAAC,CAAA;QAC7G,eAAe,CAAC,aAAa,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,KAAK,CAAC,CAAC,CAAA;IAE1E,cAAc;IACd,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,OAAO,YAAY,CAAC,gBAAgB,EAAE,SAAS,EAAE,YAAY,CAAC,CAAA;IAChE,CAAC,EAAE,CAAC,gBAAgB,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC,CAAA;IAE/C,cAAc;IACd,MAAM,YAAY,GAAG,CAAC,IAAI,EAAE,EAAE;QAC5B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,IAAI,EAAE,CAAA;QAC5B,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QAChF,IAAG,IAAI,EAAE;YACP,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;YACrF,eAAe,CAAC,IAAI,CAAC,CAAA;SACtB;aAAK;YACJ,eAAe,CAAC,CAAC,GAAG,YAAY,EAAE,KAAK,CAAC,CAAC,CAAA;SAC1C;IACH,CAAC,CAAA;IAED,MAAM,iBAAiB,GAAG,CAAC,IAAI,EAAE,YAAY,EAAE,EAAE;QAC/C,OAAO,oBAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,EAAE,MAAM,GAAI,CAAA;IAC5D,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,EAAE;QAC9B,eAAe,CAAC,MAAM,CAAC,CAAA;QACvB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,MAAM,CAAC,CAAA;IACpB,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,CAAC,CAAC,EAAE,EAAE;QACxB,MAAM,YAAY,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;QAEnC,YAAY,CAAC,YAAY,CAAC,CAAA;IAC5B,CAAC,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,kBAAkB;QAC9B,UAAU,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,oBAAC,KAAK,IAAC,QAAQ,EAAE,WAAW,EAAE,UAAU,SAAG,CAAC,CAAC,CAAC,EAAE;QAE5G,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;YAClD,oBAAC,KAAK,IAAC,IAAI,EAAC,OAAO,GAAG,CAAC,CAAC;YACxB,oBAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,GAAG,EACX,UAAU,EAAE,EAAE,EACd,IAAI,EAAE,UAAU,IAGd,CAAC,IAAI,EAAE,EAAE;gBACP,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;gBACjC,MAAM,IAAI,GAAG,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;gBAC9C,OAAO,CACL,6BAAK,SAAS,EAAC,uBAAuB,EAClC,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,GAAG,EAAE,EAAE;oBAClC,6BAAK,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,IACtC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,GAAI,CAAC,CAAC,CAAC,oBAAC,IAAI,OAAG,CAC7I;oBAEN,6BACE,SAAS,EAAE,+BAA+B,YAAY,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC,CAAC,EAAG,EAAE,EACpH,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,IAEtC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,IAAI,EAAE,YAAY,CAAC,CAChF,CACJ,CACP,CAAA;YACH,CAAC,CAEE,CAEL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAA","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
|
-
|
package/lib/spin/spin.d.ts
DELETED
|
@@ -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
|
package/lib/spin/spin.d.ts.map
DELETED
|
@@ -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"}
|
package/lib/spin/spin.js.map
DELETED
|
@@ -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"]}
|
package/lib/spin/spin.less
DELETED
|
@@ -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"}
|