util-helpers 4.14.0 → 4.15.0
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/README.md +8 -2
- package/dist/util-helpers.js +257 -126
- package/dist/util-helpers.js.map +1 -1
- package/dist/util-helpers.min.js +1 -1
- package/dist/util-helpers.min.js.map +1 -1
- package/esm/calculateCursorPosition.js +1 -3
- package/esm/filterTree.js +62 -0
- package/esm/findTreeNode.js +11 -6
- package/esm/findTreeNodes.js +70 -0
- package/esm/findTreeSelect.js +8 -6
- package/esm/index.js +4 -2
- package/esm/listToTree.js +5 -2
- package/esm/transformFieldNames.doc.js +4 -3
- package/esm/transformFieldNames.js +8 -6
- package/esm/utils/config.js +1 -1
- package/lib/calculateCursorPosition.js +1 -3
- package/lib/filterTree.js +71 -0
- package/lib/findTreeNode.js +10 -6
- package/lib/findTreeNodes.js +79 -0
- package/lib/findTreeSelect.js +8 -6
- package/lib/index.js +16 -2
- package/lib/listToTree.js +5 -2
- package/lib/transformFieldNames.doc.js +4 -3
- package/lib/transformFieldNames.js +8 -6
- package/lib/utils/config.js +1 -1
- package/package.json +1 -1
- package/types/calculateCursorPosition.d.ts +0 -2
- package/types/filterTree.d.ts +28 -0
- package/types/findTreeNode.d.ts +1 -1
- package/types/findTreeNodes.d.ts +29 -0
- package/types/index.d.ts +4 -2
- package/types/listToTree.d.ts +2 -0
- package/types/transformFieldNames.d.ts +4 -3
package/lib/listToTree.js
CHANGED
|
@@ -57,6 +57,7 @@ function processEmptyChildren(arr) {
|
|
|
57
57
|
* @param {string} [options.parentField='pid'] 当前数据的父级字段名称
|
|
58
58
|
* @param {string} [options.childrenField='children'] 子级字段名称
|
|
59
59
|
* @param {'none'|'null'|'array'} [options.emptyChildrenValue='none'] 子级为空时的值,none表示删除该子级,null表示为null,array表示为[]。
|
|
60
|
+
* @param {'spread'|'self'} [options.nodeAssign='spread'] 节点赋值方式。spread表示使用展开运算符创建新值,self表示使用自身对象。
|
|
60
61
|
* @returns {R[]} 树结构
|
|
61
62
|
* @example
|
|
62
63
|
*
|
|
@@ -86,7 +87,9 @@ function listToTree(list) {
|
|
|
86
87
|
_options$childrenFiel2 = options.childrenField,
|
|
87
88
|
childrenField = _options$childrenFiel2 === void 0 ? 'children' : _options$childrenFiel2,
|
|
88
89
|
_options$emptyChildre2 = options.emptyChildrenValue,
|
|
89
|
-
emptyChildrenValue = _options$emptyChildre2 === void 0 ? 'none' : _options$emptyChildre2
|
|
90
|
+
emptyChildrenValue = _options$emptyChildre2 === void 0 ? 'none' : _options$emptyChildre2,
|
|
91
|
+
_options$nodeAssign = options.nodeAssign,
|
|
92
|
+
nodeAssign = _options$nodeAssign === void 0 ? 'spread' : _options$nodeAssign;
|
|
90
93
|
|
|
91
94
|
/** @type {R[]} */
|
|
92
95
|
var tree = [];
|
|
@@ -95,7 +98,7 @@ function listToTree(list) {
|
|
|
95
98
|
var record = {};
|
|
96
99
|
list.forEach(function (item) {
|
|
97
100
|
if ((0, _type.isObject)(item)) {
|
|
98
|
-
var newItem = _objectSpread({}, item);
|
|
101
|
+
var newItem = nodeAssign === 'spread' ? _objectSpread({}, item) : item;
|
|
99
102
|
|
|
100
103
|
/** @type {string} */
|
|
101
104
|
var id = newItem[keyField];
|
|
@@ -13,9 +13,10 @@ exports["default"] = void 0;
|
|
|
13
13
|
* @static
|
|
14
14
|
* @alias module:Processor.transformFieldNames
|
|
15
15
|
* @since 4.14.0
|
|
16
|
-
* @param {object[]} data 对象数组。如果是树结构数据,需要指定第三个参数
|
|
16
|
+
* @param {object[]} data 对象数组。如果是树结构数据,需要指定第三个参数 childrenField
|
|
17
17
|
* @param {object} fieldNames 字段名映射
|
|
18
|
-
* @param {string} [
|
|
18
|
+
* @param {string} [childrenField] 子级数据字段名
|
|
19
|
+
* @param {'spread'|'self'} [nodeAssign='spread'] 节点赋值方式。spread表示使用展开运算符创建新值,self表示使用自身对象。
|
|
19
20
|
* @returns {object[]}
|
|
20
21
|
* @example
|
|
21
22
|
*
|
|
@@ -36,6 +37,6 @@ exports["default"] = void 0;
|
|
|
36
37
|
* const newOptions4 = transformFieldNames(options3, {label: 'name', value: 'code', children: 'childs'}, 'childs');
|
|
37
38
|
* // [{value: '1', label: 'one'},{value:'2', label:'two', children: [{value: '2-1', label:'two-one'}]}]
|
|
38
39
|
*/
|
|
39
|
-
function transformFieldNames(data, fieldNames,
|
|
40
|
+
function transformFieldNames(data, fieldNames, childrenField) {}
|
|
40
41
|
var _default = transformFieldNames;
|
|
41
42
|
exports["default"] = _default;
|
|
@@ -20,9 +20,10 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
|
|
|
20
20
|
* @template {*} D
|
|
21
21
|
* @template {Record<string, keyof D>} F
|
|
22
22
|
* @template {string} C
|
|
23
|
-
* @param {D[]} data 对象数组。如果是树结构数据,需要指定第三个参数
|
|
23
|
+
* @param {D[]} data 对象数组。如果是树结构数据,需要指定第三个参数 childrenField
|
|
24
24
|
* @param {F} fieldNames 字段名映射
|
|
25
|
-
* @param {C} [
|
|
25
|
+
* @param {C} [childrenField] 子级数据字段名
|
|
26
|
+
* @param {'spread'|'self'} [nodeAssign='spread'] 节点赋值方式。spread表示使用展开运算符创建新值,self表示使用自身对象。
|
|
26
27
|
* @returns {import('./transformFieldNames.type.js').TransformFieldNames<D, F, C>}
|
|
27
28
|
* @example
|
|
28
29
|
*
|
|
@@ -43,7 +44,8 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
|
|
|
43
44
|
* const newOptions4 = transformFieldNames(options3, {label: 'name', value: 'code', children: 'childs'}, 'childs');
|
|
44
45
|
* // [{value: '1', label: 'one'},{value:'2', label:'two', children: [{value: '2-1', label:'two-one'}]}]
|
|
45
46
|
*/
|
|
46
|
-
function transformFieldNames(data, fieldNames,
|
|
47
|
+
function transformFieldNames(data, fieldNames, childrenField) {
|
|
48
|
+
var nodeAssign = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'spread';
|
|
47
49
|
if (!Array.isArray(data)) {
|
|
48
50
|
return data;
|
|
49
51
|
}
|
|
@@ -64,15 +66,15 @@ function transformFieldNames(data, fieldNames, childrenFieldName) {
|
|
|
64
66
|
if (!(0, _type.isObject)(item)) {
|
|
65
67
|
return item;
|
|
66
68
|
}
|
|
67
|
-
var newItem = _objectSpread({}, item);
|
|
69
|
+
var newItem = nodeAssign === 'spread' ? _objectSpread({}, item) : item;
|
|
68
70
|
/** @type {Array.<string>} */
|
|
69
71
|
var delKeys = [];
|
|
70
72
|
|
|
71
73
|
// 树形数据子节点
|
|
72
74
|
// @ts-ignore
|
|
73
|
-
if (
|
|
75
|
+
if (childrenField && Array.isArray(newItem[childrenField]) && newItem[childrenField].length > 0) {
|
|
74
76
|
// @ts-ignore
|
|
75
|
-
newItem[
|
|
77
|
+
newItem[childrenField] = recusion(newItem[childrenField].slice());
|
|
76
78
|
}
|
|
77
79
|
|
|
78
80
|
// 替换字段名
|
package/lib/utils/config.js
CHANGED
package/package.json
CHANGED
|
@@ -5,8 +5,6 @@ export default calculateCursorPosition;
|
|
|
5
5
|
* @static
|
|
6
6
|
* @alias module:Other.calculateCursorPosition
|
|
7
7
|
* @since 4.6.0
|
|
8
|
-
* @see 格式化手机号码 {@link https://doly-dev.github.io/util-helpers/module-Processor.html#.formatMobile|formatMobile}
|
|
9
|
-
* @see 格式化银行卡号 {@link https://doly-dev.github.io/util-helpers/module-Processor.html#.formatBankCard|formatBankCard}
|
|
10
8
|
* @see h5示例 {@link https://2950v9.csb.app/|点击查看}
|
|
11
9
|
* @see react示例 {@link https://33ccy9.csb.app/|点击查看}
|
|
12
10
|
* @param {number} prevPos 赋值前的光标位置,onChange/onInput的光标位置 e.target.selectionEnd
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
export default filterTree;
|
|
2
|
+
/**
|
|
3
|
+
* 过滤/筛选树节点。<br/><br/>如果某节点被过滤掉,它的子节点也一并抛弃
|
|
4
|
+
*
|
|
5
|
+
* @static
|
|
6
|
+
* @alias module:Processor.filterTree
|
|
7
|
+
* @since 4.15.0
|
|
8
|
+
* @template {any} T
|
|
9
|
+
* @template {(item: T) => boolean} F
|
|
10
|
+
* @param {T[]} tree 树结构数据
|
|
11
|
+
* @param {F} predicate 遍历每一项执行的函数,参数是当前遍历到的节点数据,如果返回 Truthy ,结果将包含该节点
|
|
12
|
+
* @param {string} [childrenField='children'] 子级字段名
|
|
13
|
+
* @param {'spread'|'self'} [nodeAssign='spread'] 节点赋值方式。spread表示使用展开运算符创建新值,self表示使用自身对象。
|
|
14
|
+
* @returns {T[]}
|
|
15
|
+
* @example
|
|
16
|
+
* const menus = [{ "id": "1", "name": "首页", "code": "trade", "pid": null }, { "id": "2", "name": "交易管理", "code": "trade", "pid": null, "children": [{ "id": "3", "name": "交易查询", "code": "trade-1", "pid": "2", "children": [{ "id": "4", "name": "交易查询-查询操作", "code": "trade-1-1", "pid": "3" }] }] }, { "id": "5", "name": "权限管理", "code": "authorization", "pid": null, "children": [{ "id": "6", "name": "角色管理", "code": "authorization-1", "pid": "5" }, { "id": "7", "name": "用户管理", "code": "authorization-2", "pid": "5" }] }];
|
|
17
|
+
*
|
|
18
|
+
* filterTree(menus, item=>item.name.indexOf('管理') > -1);
|
|
19
|
+
* // [{"id":"2","name":"交易管理","code":"trade","pid":null,"children":[]},{"id":"5","name":"权限管理","code":"authorization","pid":null,"children":[{"id":"6","name":"角色管理","code":"authorization-1","pid":"5"},{"id":"7","name":"用户管理","code":"authorization-2","pid":"5"}]}]
|
|
20
|
+
*
|
|
21
|
+
* // 如果某节点被过滤掉,它的子节点也一并抛弃
|
|
22
|
+
* filterTree(menus, item=>item.id === '7');
|
|
23
|
+
* // []
|
|
24
|
+
*
|
|
25
|
+
* filterTree(menus, item=>item.id === 'not found');
|
|
26
|
+
* // []
|
|
27
|
+
*/
|
|
28
|
+
declare function filterTree<T extends unknown, F extends (item: T) => boolean>(tree: T[], predicate: F, childrenField?: string | undefined, nodeAssign?: "spread" | "self" | undefined): T[];
|
package/types/findTreeNode.d.ts
CHANGED
|
@@ -8,7 +8,7 @@ export default findTreeNode;
|
|
|
8
8
|
* @template {any} T
|
|
9
9
|
* @template {(item: T) => boolean} F
|
|
10
10
|
* @param {T[]} tree 树结构数据
|
|
11
|
-
* @param {F} predicate 遍历每一项执行的函数,参数是当前遍历到的节点数据,如果返回 Truthy
|
|
11
|
+
* @param {F} predicate 遍历每一项执行的函数,参数是当前遍历到的节点数据,如果返回 Truthy ,将返回该节点
|
|
12
12
|
* @param {string} [childrenField='children'] 子级字段名
|
|
13
13
|
* @returns {T|undefined}
|
|
14
14
|
* @example
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
export default findTreeNodes;
|
|
2
|
+
/**
|
|
3
|
+
* 查找树结构数据多个节点
|
|
4
|
+
*
|
|
5
|
+
* @static
|
|
6
|
+
* @alias module:Other.findTreeNodes
|
|
7
|
+
* @since 4.15.0
|
|
8
|
+
* @template {any} T
|
|
9
|
+
* @template {(item: T) => boolean} F
|
|
10
|
+
* @param {T[]} tree 树结构数据
|
|
11
|
+
* @param {F} predicate 遍历每一项执行的函数,参数是当前遍历到的节点数据,如果返回 Truthy ,返回结果将包含该节点
|
|
12
|
+
* @param {string} [childrenField='children'] 子级字段名
|
|
13
|
+
* @returns {T[]}
|
|
14
|
+
* @example
|
|
15
|
+
* const menus = [{ "id": "1", "name": "首页", "code": "trade", "pid": null }, { "id": "2", "name": "交易管理", "code": "trade", "pid": null, "children": [{ "id": "3", "name": "交易查询", "code": "trade-1", "pid": "2", "children": [{ "id": "4", "name": "交易查询-查询操作", "code": "trade-1-1", "pid": "3" }] }] }, { "id": "5", "name": "权限管理", "code": "authorization", "pid": null, "children": [{ "id": "6", "name": "角色管理", "code": "authorization-1", "pid": "5" }, { "id": "7", "name": "用户管理", "code": "authorization-2", "pid": "5" }] }];
|
|
16
|
+
*
|
|
17
|
+
* findTreeNodes(menus, item=>item.id === '2');
|
|
18
|
+
* // [{"id":"2","name":"交易管理","code":"trade","pid":null,"children":[{"id":"3","name":"交易查询","code":"trade-1","pid":"2","children":[{"id":"4","name":"交易查询-查询操作","code":"trade-1-1","pid":"3"}]}]}]
|
|
19
|
+
*
|
|
20
|
+
* findTreeNodes(menus, item=>item.name.indexOf('管理') > -1);
|
|
21
|
+
* // [{"id":"2","name":"交易管理","code":"trade","pid":null,"children":[{"id":"3","name":"交易查询","code":"trade-1","pid":"2","children":[{"id":"4","name":"交易查询-查询操作","code":"trade-1-1","pid":"3"}]}]},{"id":"5","name":"权限管理","code":"authorization","pid":null,"children":[{"id":"6","name":"角色管理","code":"authorization-1","pid":"5"},{"id":"7","name":"用户管理","code":"authorization-2","pid":"5"}]},{"id":"7","name":"用户管理","code":"authorization-2","pid":"5"},{"id":"6","name":"角色管理","code":"authorization-1","pid":"5"}]
|
|
22
|
+
*
|
|
23
|
+
* findTreeNodes(menus, item=>item.id === '1' || item.id === '7');
|
|
24
|
+
* // [{"id":"1","name":"首页","code":"trade","pid":null},{"id":"7","name":"用户管理","code":"authorization-2","pid":"5"}]
|
|
25
|
+
*
|
|
26
|
+
* findTreeNodes(menus, item=>item.id === 'not found');
|
|
27
|
+
* // []
|
|
28
|
+
*/
|
|
29
|
+
declare function findTreeNodes<T extends unknown, F extends (item: T) => boolean>(tree: T[], predicate: F, childrenField?: string | undefined): T[];
|
package/types/index.d.ts
CHANGED
|
@@ -36,8 +36,7 @@ export { default as padZero } from "./padZero";
|
|
|
36
36
|
export { default as transformFieldNames } from "./transformFieldNames";
|
|
37
37
|
export { default as listToTree } from "./listToTree";
|
|
38
38
|
export { default as treeToList } from "./treeToList";
|
|
39
|
-
export { default as
|
|
40
|
-
export { default as findTreeSelect } from "./findTreeSelect";
|
|
39
|
+
export { default as filterTree } from "./filterTree";
|
|
41
40
|
export { default as plus } from "./plus";
|
|
42
41
|
export { default as minus } from "./minus";
|
|
43
42
|
export { default as times } from "./times";
|
|
@@ -47,4 +46,7 @@ export { default as waitTime } from "./waitTime";
|
|
|
47
46
|
export { default as calculateCursorPosition } from "./calculateCursorPosition";
|
|
48
47
|
export { default as randomString } from "./randomString";
|
|
49
48
|
export { default as strlen } from "./strlen";
|
|
49
|
+
export { default as findTreeNode } from "./findTreeNode";
|
|
50
|
+
export { default as findTreeNodes } from "./findTreeNodes";
|
|
51
|
+
export { default as findTreeSelect } from "./findTreeSelect";
|
|
50
52
|
export { setDisableWarning, version } from "./utils/config";
|
package/types/listToTree.d.ts
CHANGED
|
@@ -13,6 +13,7 @@ export default listToTree;
|
|
|
13
13
|
* @param {string} [options.parentField='pid'] 当前数据的父级字段名称
|
|
14
14
|
* @param {string} [options.childrenField='children'] 子级字段名称
|
|
15
15
|
* @param {'none'|'null'|'array'} [options.emptyChildrenValue='none'] 子级为空时的值,none表示删除该子级,null表示为null,array表示为[]。
|
|
16
|
+
* @param {'spread'|'self'} [options.nodeAssign='spread'] 节点赋值方式。spread表示使用展开运算符创建新值,self表示使用自身对象。
|
|
16
17
|
* @returns {R[]} 树结构
|
|
17
18
|
* @example
|
|
18
19
|
*
|
|
@@ -38,4 +39,5 @@ declare function listToTree<T extends Record<string, any> = Record<string, any>,
|
|
|
38
39
|
parentField?: string | undefined;
|
|
39
40
|
childrenField?: string | undefined;
|
|
40
41
|
emptyChildrenValue?: "none" | "null" | "array" | undefined;
|
|
42
|
+
nodeAssign?: "spread" | "self" | undefined;
|
|
41
43
|
}): R[];
|
|
@@ -8,9 +8,10 @@ export default transformFieldNames;
|
|
|
8
8
|
* @template {*} D
|
|
9
9
|
* @template {Record<string, keyof D>} F
|
|
10
10
|
* @template {string} C
|
|
11
|
-
* @param {D[]} data 对象数组。如果是树结构数据,需要指定第三个参数
|
|
11
|
+
* @param {D[]} data 对象数组。如果是树结构数据,需要指定第三个参数 childrenField
|
|
12
12
|
* @param {F} fieldNames 字段名映射
|
|
13
|
-
* @param {C} [
|
|
13
|
+
* @param {C} [childrenField] 子级数据字段名
|
|
14
|
+
* @param {'spread'|'self'} [nodeAssign='spread'] 节点赋值方式。spread表示使用展开运算符创建新值,self表示使用自身对象。
|
|
14
15
|
* @returns {import('./transformFieldNames.type.js').TransformFieldNames<D, F, C>}
|
|
15
16
|
* @example
|
|
16
17
|
*
|
|
@@ -31,4 +32,4 @@ export default transformFieldNames;
|
|
|
31
32
|
* const newOptions4 = transformFieldNames(options3, {label: 'name', value: 'code', children: 'childs'}, 'childs');
|
|
32
33
|
* // [{value: '1', label: 'one'},{value:'2', label:'two', children: [{value: '2-1', label:'two-one'}]}]
|
|
33
34
|
*/
|
|
34
|
-
declare function transformFieldNames<D extends unknown, F extends Record<string, keyof D>, C extends string>(data: D[], fieldNames: F,
|
|
35
|
+
declare function transformFieldNames<D extends unknown, F extends Record<string, keyof D>, C extends string>(data: D[], fieldNames: F, childrenField?: C | undefined, nodeAssign?: "spread" | "self" | undefined): import("./transformFieldNames.type.js").TransformFieldNames<D, F, C>;
|