@hi-ui/tree-select 4.0.0-alpha.5 → 4.0.0-beta.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 +87 -7
- package/lib/cjs/TreeSelect.js +29 -17
- package/lib/cjs/TreeSelect.js.map +1 -1
- package/lib/cjs/hooks/use-latest/lib/esm/index.js +65 -0
- package/lib/cjs/hooks/use-latest/lib/esm/index.js.map +1 -0
- package/lib/cjs/hooks/use-merge-refs/lib/esm/index.js +26 -10
- package/lib/cjs/hooks/use-merge-refs/lib/esm/index.js.map +1 -1
- package/lib/cjs/ui/input/lib/esm/Input.js +68 -83
- package/lib/cjs/ui/input/lib/esm/Input.js.map +1 -1
- package/lib/cjs/ui/input/lib/esm/MockInput.js +9 -6
- package/lib/cjs/ui/input/lib/esm/MockInput.js.map +1 -1
- package/lib/cjs/ui/input/lib/esm/styles/index.scss.js +1 -1
- package/lib/cjs/ui/input/lib/esm/use-input.js +139 -0
- package/lib/cjs/ui/input/lib/esm/use-input.js.map +1 -0
- package/lib/cjs/ui/input/lib/esm/utils/index.js +202 -0
- package/lib/cjs/ui/input/lib/esm/utils/index.js.map +1 -0
- package/lib/cjs/utils/dom-utils/lib/esm/index.js +34 -0
- package/lib/cjs/utils/dom-utils/lib/esm/index.js.map +1 -0
- package/lib/esm/TreeSelect.js +29 -18
- package/lib/esm/TreeSelect.js.map +1 -1
- package/lib/esm/hooks/use-latest/lib/esm/index.js +57 -0
- package/lib/esm/hooks/use-latest/lib/esm/index.js.map +1 -0
- package/lib/esm/hooks/use-merge-refs/lib/esm/index.js +26 -11
- package/lib/esm/hooks/use-merge-refs/lib/esm/index.js.map +1 -1
- package/lib/esm/ui/input/lib/esm/Input.js +67 -82
- package/lib/esm/ui/input/lib/esm/Input.js.map +1 -1
- package/lib/esm/ui/input/lib/esm/MockInput.js +9 -6
- package/lib/esm/ui/input/lib/esm/MockInput.js.map +1 -1
- package/lib/esm/ui/input/lib/esm/styles/index.scss.js +1 -1
- package/lib/esm/ui/input/lib/esm/use-input.js +128 -0
- package/lib/esm/ui/input/lib/esm/use-input.js.map +1 -0
- package/lib/esm/ui/input/lib/esm/utils/index.js +186 -0
- package/lib/esm/ui/input/lib/esm/utils/index.js.map +1 -0
- package/lib/esm/utils/dom-utils/lib/esm/index.js +29 -0
- package/lib/esm/utils/dom-utils/lib/esm/index.js.map +1 -0
- package/lib/types/TreeSelect.d.ts +6 -18
- package/package.json +21 -20
package/README.md
CHANGED
@@ -1,11 +1,91 @@
|
|
1
|
-
#
|
1
|
+
# TreeSelect 树形多项选择器
|
2
2
|
|
3
|
-
|
3
|
+
一种接收树形数据结构的选择器,为用户提供复杂数据展示的能力
|
4
4
|
|
5
|
-
##
|
5
|
+
## 何时使用
|
6
6
|
|
7
|
-
|
8
|
-
|
7
|
+
- 选择部门的组织结构、部门等
|
8
|
+
- 选择商品目录等
|
9
9
|
|
10
|
-
|
11
|
-
|
10
|
+
## 使用示例
|
11
|
+
|
12
|
+
<!-- Inject Stories -->
|
13
|
+
|
14
|
+
## Props
|
15
|
+
|
16
|
+
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
17
|
+
| ------------------ | ---------------------------------------------------------------- | ---------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------- |
|
18
|
+
| data | 展示数据 | DataItem [] | - | - |
|
19
|
+
| fieldNames | 设置 data 中 id, title, disabled, children 对应的 key (3.0 新增) | object | - | { title: 'title', id: 'id',disabled:'disabled', children: 'children'} |
|
20
|
+
| checkedMode | 数据回显模式 | string | ALL: 所有被选中节点,不区分父子节点 <br/>PARENT: 当所有子节点被选中时将只保留父节点<br/>CHILD:仅显示子节点 | ALL |
|
21
|
+
| disabled | 是否禁用 | boolean | true \| false | false |
|
22
|
+
| defaultExpandAll | 是否默认展开所有树节点 | boolean | true \| false | false |
|
23
|
+
| expandedIds | 展开的节点(受控) | ReactText[] | - | - |
|
24
|
+
| defaultExpandedIds | 默认展开的节点(非受控) | ReactText[] | - | - |
|
25
|
+
| defaultValue | 默认选中项 (非受控) | ReactText | - | - |
|
26
|
+
| value | 默认选中项 (受控) | ReactText | - | - |
|
27
|
+
| displayRender | 自定义渲染 Input 中展示内容 | (valueItem: checkedNode) => ReactNode | - | - |
|
28
|
+
| placeholder | 输入框占位 | string | - | 请选择 |
|
29
|
+
| searchPlaceholder | 搜索输入框占位 | string | - | 搜索 |
|
30
|
+
| loadingContent | 加载中文字提示 | string | - | 数据加载中... |
|
31
|
+
| searchMode | 节点搜索模式 | string | 'highlight' \| 'filter' | - |
|
32
|
+
| dataSource | 异步加载数据 | (key: string) => DataSource \| DataSource \| Promise | - | - |
|
33
|
+
| emptyContent | 没有选项时的提示 | ReactNode | - | 无内容 |
|
34
|
+
| optionWidth | 自定义下拉选项宽度 | number | - | |
|
35
|
+
| overlayClassName | 下拉根元素的类名称 | string | - | - |
|
36
|
+
| popper | 自定义控制弹出层 popper 行为 | Omit<PopperProps, 'visible' \| 'attachEl'> | - | - |
|
37
|
+
|
38
|
+
## Events
|
39
|
+
|
40
|
+
| 名称 | 说明 | 类型 | 参数 | 返回值 |
|
41
|
+
| -------- | ---------- | --------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------- | ------ |
|
42
|
+
| onChange | 选中时触发 | (checkedIds: ReactText[], checkedNodes: DataItem[], targetNode: DataItem, shouldChecked: boolean) => void | checkedIds: 选中项 ID 集合 <br/> checkedNodes: 选中项数据项集合 <br/> targetNode: 当前操作节点 <br/> shouldChecked: 是否要被选中 | - |
|
43
|
+
|
44
|
+
### DataItem
|
45
|
+
|
46
|
+
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
47
|
+
| -------- | --------------- | ---------------- | ------ | ------ |
|
48
|
+
| title | 下拉选项标题 | string | - | - |
|
49
|
+
| id | 下拉选项唯一 id | string \| number | - | - |
|
50
|
+
| disabled | 是否禁用 | boolean | - | false |
|
51
|
+
| children | 子级数据 | DataItem[] | - | - |
|
52
|
+
|
53
|
+
### DataSource
|
54
|
+
|
55
|
+
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
56
|
+
| ----------------- | ---------------------------------- | -------------------------------- | -------------------------------------------------- | ------------- |
|
57
|
+
| url | 请求的 url | string | - | - |
|
58
|
+
| type | 请求方法 | string | get \| post | get |
|
59
|
+
| data | post 请求时请求体参数 | object | - | - |
|
60
|
+
| params | url 查询参数 | object | - | - |
|
61
|
+
| headers | 请求头 | object | - | - |
|
62
|
+
| mode | 请求模式 | string | 'same-origin' \| 'cors' \| 'no-cors' \| 'navigate' | 'same-origin' |
|
63
|
+
| transformResponse | 成功时的回调,用于对数据进行预处理 | (response: object) => DataItem[] | - | - |
|
64
|
+
|
65
|
+
## CHANGELOG
|
66
|
+
|
67
|
+
> 从原 TreeSelect 组件抽离单选模式出来,作为为单独单选的 TreeSelect 组件。
|
68
|
+
|
69
|
+
| 参数 | 变更类型 | 变更内容 | 解决的问题 |
|
70
|
+
| ------------------ | ------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------- |
|
71
|
+
| propName | feature \| deprecated \| update | 变更了什么 | 之前是什么样子,解决什么问题 |
|
72
|
+
| ---- | ---- | ---- | ---- |
|
73
|
+
| value | update | 类型 DataItem[] \| string[] \| string -> <string \| number> | 对于表单控件 id 值的控制,均使用 React.ReactText(即 string 和 number 都支持) |
|
74
|
+
| defaultValue | update | 类型 DataItem[] \| string[] \| string -> <string \| number> | 对于表单控件 id 值的控制,均使用 React.ReactText(即 string 和 number 都支持) |
|
75
|
+
| id | update | 类型 string -> string \| number | 对于表单控件 id 值的控制,均使用 React.ReactText(即 string 和 number 都支持) |
|
76
|
+
| bordered | deprecated | 字段 `bordered` -> `appearance` | 对于 Picker 类型的组件,统一使用 appearance 设置外形(线\面\无边框)值 |
|
77
|
+
| searchPlaceholder | feature | - | Picker 类型组件统一支持 |
|
78
|
+
| loadingContent | feature | - | Picker 类型组件统一支持,适配新 UI |
|
79
|
+
| popper | feature | - | Picker 类型组件统一支持,聚合管理。比如: placement,之前有的加了有的没加 |
|
80
|
+
| render | feature | - | 统一支持自定义渲染每一项 |
|
81
|
+
| virtual | feature | - | 支持虚拟列表 |
|
82
|
+
| height | feature | - | 支持虚拟列表 |
|
83
|
+
| itemHeight | feature | - | 支持虚拟列表 |
|
84
|
+
| type | deprecated | - | 拆分单选多选组件单独维护 |
|
85
|
+
| autoload | deprecated | - | 页面级首次渲染执行数据加载操作,取消内置 |
|
86
|
+
| mode | deprecated | - | 面包屑模式可以使用 checkCascade 组件替代,交互形式更为优雅。 |
|
87
|
+
| appearance | feature | - | 统一支持:线性\面性\无边框 |
|
88
|
+
| valueRender | update | valueRender(items: DataItem[]) -> displayRender(item: DataItem) | 统一字段命名及其含义 |
|
89
|
+
| expandedIds | update | 字段:expandIds -> expandedIds | 统一字段命名及其含义 |
|
90
|
+
| defaultExpandedIds | update | defaultExpandIds -> defaultExpandedIds | 统一字段命名及其含义 |
|
91
|
+
| onChange | update | 类型:`(checkedIds \| checkedId, checkedNodes \| checkedNode, currentNode) => void` -> `(checkedIds: ReactText[], checkedNodes: DataItem[], targetNode: DataItem, shouldChecked: boolean) => void` | 1. 移除数组结构,方便用户获取;2. 暴露 shouldSelected 执行相应拦截之类的操作; 3. 点击清空时触发 onChange |
|
package/lib/cjs/TreeSelect.js
CHANGED
@@ -47,6 +47,8 @@ var MockInput = require('./ui/input/lib/esm/MockInput.js');
|
|
47
47
|
|
48
48
|
var icons = require('@hi-ui/icons');
|
49
49
|
|
50
|
+
var localeContext = require('@hi-ui/locale-context');
|
51
|
+
|
50
52
|
var useSearchMode = require('@hi-ui/use-search-mode');
|
51
53
|
|
52
54
|
function _interopDefaultLegacy(e) {
|
@@ -90,15 +92,17 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
90
92
|
searchableProp = _a.searchable,
|
91
93
|
searchModeProp = _a.searchMode,
|
92
94
|
onLoadChildren = _a.onLoadChildren,
|
93
|
-
titleRender = _a.
|
95
|
+
titleRender = _a.render,
|
94
96
|
filterOption = _a.filterOption,
|
95
97
|
clearable = _a.clearable,
|
96
98
|
invalid = _a.invalid,
|
97
|
-
|
98
|
-
|
99
|
-
placeholder = _a$placeholder === void 0 ? '请选择' : _a$placeholder,
|
99
|
+
displayRenderProp = _a.displayRender,
|
100
|
+
placeholderProp = _a.placeholder,
|
100
101
|
appearance = _a.appearance,
|
101
|
-
rest = tslib.__rest(_a, ["prefixCls", "role", "className", "data", "dataSource", "disabled", "fieldNames", "
|
102
|
+
rest = tslib.__rest(_a, ["prefixCls", "role", "className", "data", "dataSource", "disabled", "fieldNames", "defaultExpandAll", "expandedIds", "defaultExpandedIds", "onExpand", "defaultValue", "value", "onChange", "searchable", "searchMode", "onLoadChildren", "render", "filterOption", "clearable", "invalid", "displayRender", "placeholder", "appearance"]);
|
103
|
+
|
104
|
+
var i18n = localeContext.useLocaleContext();
|
105
|
+
var placeholder = typeAssertion.isUndef(placeholderProp) ? i18n.get('treeSelect.placeholder') : placeholderProp;
|
102
106
|
|
103
107
|
var _useToggle = useToggle.useToggle(),
|
104
108
|
menuVisible = _useToggle[0],
|
@@ -112,11 +116,22 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
112
116
|
return node[fieldNames[key] || key];
|
113
117
|
}, [fieldNames]);
|
114
118
|
var flattedData = React.useMemo(function () {
|
115
|
-
return treeUtils.
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
119
|
+
return treeUtils.baseFlattenTree({
|
120
|
+
tree: data,
|
121
|
+
childrenFieldName: function childrenFieldName(node) {
|
122
|
+
return getKeyFields(node, 'children');
|
123
|
+
},
|
124
|
+
transform: function transform(node) {
|
125
|
+
var _a, _b;
|
126
|
+
|
127
|
+
var flattedNode = node;
|
128
|
+
var raw = node.raw;
|
129
|
+
flattedNode.id = getKeyFields(raw, 'id');
|
130
|
+
flattedNode.title = getKeyFields(raw, 'title');
|
131
|
+
flattedNode.disabled = (_a = getKeyFields(raw, 'disabled')) !== null && _a !== void 0 ? _a : false;
|
132
|
+
flattedNode.isLeaf = (_b = getKeyFields(raw, 'isLeaf')) !== null && _b !== void 0 ? _b : false;
|
133
|
+
return flattedNode;
|
134
|
+
}
|
120
135
|
});
|
121
136
|
}, [data, getKeyFields]); // TODO: 抽离展开hook
|
122
137
|
// TODO: onLoadChildren 和 defaultExpandAll 共存时
|
@@ -139,6 +154,7 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
139
154
|
tryChangeValue = _useUncontrolledState2[1];
|
140
155
|
|
141
156
|
var onSelect = React.useCallback(function (selectedId, selectedNode) {
|
157
|
+
// 关闭反选功能
|
142
158
|
if (selectedId) {
|
143
159
|
tryChangeValue(selectedId, selectedNode);
|
144
160
|
setSelectedItem(selectedNode);
|
@@ -213,7 +229,7 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
213
229
|
});
|
214
230
|
});
|
215
231
|
} : tryChangeExpandedIds,
|
216
|
-
|
232
|
+
render: proxyTitleRender
|
217
233
|
}; // 下拉菜单不能合并(因为树形数据,不知道是第几级)
|
218
234
|
|
219
235
|
var mergedData = React.useMemo(function () {
|
@@ -239,16 +255,12 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
239
255
|
searchable: searchable,
|
240
256
|
onSearch: onSearch,
|
241
257
|
loading: loading,
|
242
|
-
trigger: /*#__PURE__*/React__default['default'].createElement(MockInput.MockInput //
|
243
|
-
// onClick={openMenu}
|
244
|
-
// disabled={disabled}
|
258
|
+
trigger: /*#__PURE__*/React__default['default'].createElement(MockInput.MockInput // disabled={disabled}
|
245
259
|
, {
|
246
|
-
// ref={targetElementRef}
|
247
|
-
// onClick={openMenu}
|
248
260
|
// disabled={disabled}
|
249
261
|
clearable: clearable,
|
250
262
|
placeholder: placeholder,
|
251
|
-
displayRender:
|
263
|
+
displayRender: displayRenderProp,
|
252
264
|
suffix: menuVisible ? /*#__PURE__*/React__default['default'].createElement(icons.UpOutlined, null) : /*#__PURE__*/React__default['default'].createElement(icons.DownOutlined, null),
|
253
265
|
focused: menuVisible,
|
254
266
|
value: value,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TreeSelect.js","sources":["../../src/TreeSelect.tsx"],"sourcesContent":[null],"names":["TREE_SELECT_PREFIX","getPrefixCls","DEFAULT_DATA","DEFAULT_FIELD_NAMES","DEFAULT_EXPANDED_IDS","TreeSelect","forwardRef","_a","ref","prefixCls","className","data","dataSource","disabled","fieldNames","defaultExpandAll","expandedIdsProp","expandedIds","defaultExpandedIds","onExpand","defaultValue","valueProp","value","onChange","searchableProp","searchable","searchModeProp","searchMode","onLoadChildren","titleRender","filterOption","clearable","invalid","displayRender","placeholder","appearance","rest","useToggle","menuVisible","menuVisibleAction","getKeyFields","useCallback","node","key","flattedData","useMemo","
|
1
|
+
{"version":3,"file":"TreeSelect.js","sources":["../../src/TreeSelect.tsx"],"sourcesContent":[null],"names":["TREE_SELECT_PREFIX","getPrefixCls","DEFAULT_DATA","DEFAULT_FIELD_NAMES","DEFAULT_EXPANDED_IDS","TreeSelect","forwardRef","_a","ref","prefixCls","className","data","dataSource","disabled","fieldNames","defaultExpandAll","expandedIdsProp","expandedIds","defaultExpandedIds","onExpand","defaultValue","valueProp","value","onChange","searchableProp","searchable","searchModeProp","searchMode","onLoadChildren","titleRender","render","filterOption","clearable","invalid","displayRenderProp","displayRender","placeholderProp","placeholder","appearance","rest","i18n","useLocaleContext","isUndef","get","useToggle","menuVisible","menuVisibleAction","getKeyFields","useCallback","node","key","flattedData","useMemo","baseFlattenTree","tree","childrenFieldName","transform","flattedNode","raw","id","title","isLeaf","useUncontrolledState","getDefaultExpandedIds","map","tryChangeExpandedIds","tryChangeValue","onSelect","selectedId","selectedNode","setSelectedItem","off","useState","selectedItem","_b","useAsyncSearch","loading","hasError","dataSourceStrategy","customSearchStrategy","useTreeCustomSearch","filterSearchStrategy","useFilterSearch","highlightSearchStrategy","useHighlightSearch","useSearchMode","strategies","stateInSearch","state","setStateInSearch","onSearch","searchValue","keyword","proxyTitleRender","ret","highlight","React","Highlighter","shouldUseSearch","treeProps","ids","prev","mergedData","nextData","concat","uniqBy","cls","cx","Picker","visible","onOpen","on","onClose","trigger","MockInput","suffix","UpOutlined","DownOutlined","focused","isArrayNonEmpty","Tree","selectable","__DEV__","displayName"],"mappings":"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"}
|
@@ -0,0 +1,65 @@
|
|
1
|
+
/** @LICENSE
|
2
|
+
* @hi-ui/tree-select
|
3
|
+
* https://github.com/XiaoMi/hiui/tree/master/packages/ui/tree-select#readme
|
4
|
+
*
|
5
|
+
* Copyright (c) HIUI <mi-hiui@xiaomi.com>.
|
6
|
+
*
|
7
|
+
* This source code is licensed under the MIT license found in the
|
8
|
+
* LICENSE file in the root directory of this source tree.
|
9
|
+
*/
|
10
|
+
'use strict';
|
11
|
+
|
12
|
+
Object.defineProperty(exports, '__esModule', {
|
13
|
+
value: true
|
14
|
+
});
|
15
|
+
|
16
|
+
var React = require('react');
|
17
|
+
/** @LICENSE
|
18
|
+
* @hi-ui/use-latest
|
19
|
+
* https://github.com/XiaoMi/hiui/tree/master/packages/hooks/use-latest#readme
|
20
|
+
*
|
21
|
+
* Copyright (c) HIUI <mi-hiui@xiaomi.com>.
|
22
|
+
*
|
23
|
+
* This source code is licensed under the MIT license found in the
|
24
|
+
* LICENSE file in the root directory of this source tree.
|
25
|
+
*/
|
26
|
+
|
27
|
+
/**
|
28
|
+
* Keep value up-to-date if it changes.
|
29
|
+
*
|
30
|
+
* @param value
|
31
|
+
* @returns
|
32
|
+
*/
|
33
|
+
|
34
|
+
|
35
|
+
var useLatestRef = function useLatestRef(value) {
|
36
|
+
var ref = React.useRef(value);
|
37
|
+
ref.current = value;
|
38
|
+
return ref;
|
39
|
+
};
|
40
|
+
/**
|
41
|
+
* Keep callback function up-to-date if it changes.
|
42
|
+
*
|
43
|
+
* @param callback
|
44
|
+
* @returns
|
45
|
+
*/
|
46
|
+
|
47
|
+
|
48
|
+
var useLatestCallback = function useLatestCallback(callback) {
|
49
|
+
var ref = useLatestRef(callback);
|
50
|
+
return React.useCallback(function () {
|
51
|
+
var _a2;
|
52
|
+
|
53
|
+
var _a;
|
54
|
+
|
55
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
56
|
+
args[_key] = arguments[_key];
|
57
|
+
}
|
58
|
+
|
59
|
+
return (_a = ref.current) === null || _a === void 0 ? void 0 : (_a2 = _a).call.apply(_a2, [ref].concat(args));
|
60
|
+
}, []);
|
61
|
+
};
|
62
|
+
|
63
|
+
exports.useLatestCallback = useLatestCallback;
|
64
|
+
exports.useLatestRef = useLatestRef;
|
65
|
+
//# sourceMappingURL=index.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../../../../hooks/use-latest/lib/esm/index.js"],"sourcesContent":["/** @LICENSE\n * @hi-ui/use-latest\n * https://github.com/XiaoMi/hiui/tree/master/packages/hooks/use-latest#readme\n *\n * Copyright (c) HIUI <mi-hiui@xiaomi.com>.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { useRef, useCallback } from 'react';\n/**\n * Keep value up-to-date if it changes.\n *\n * @param value\n * @returns\n */\n\nvar useLatestRef = function useLatestRef(value) {\n var ref = useRef(value);\n ref.current = value;\n return ref;\n};\n/**\n * Keep callback function up-to-date if it changes.\n *\n * @param callback\n * @returns\n */\n\n\nvar useLatestCallback = function useLatestCallback(callback) {\n var ref = useLatestRef(callback);\n return useCallback(function () {\n var _a2;\n\n var _a;\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return (_a = ref.current) === null || _a === void 0 ? void 0 : (_a2 = _a).call.apply(_a2, [ref].concat(args));\n }, []);\n};\n\nexport { useLatestCallback, useLatestRef };\n//# sourceMappingURL=index.js.map\n"],"names":["useLatestRef","value","ref","useRef","useLatestCallback","callback","useCallback","args","_a","current","_a2","call","apply","concat"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;;;;;;;;IAMaA,YAAY,GAAG,SAAfA,YAAe,CAAAC,KAAA,EAAA;MACpBC,GAAG,GAAGC,YAAAA,CAAMF,KAANE;AACZD,EAAAA,GAAG,CAAHA,OAAAA,GAAAA,KAAAA;SACOA;;AAGT;;;;;;;;IAMaE,iBAAiB,GAAG,SAApBA,iBAAoB,CAAAC,QAAA,EAAA;MAGzBH,GAAG,GAAGF,YAAY,CAAAK,QAAA;SACjBC,iBAAAA,CAAY,YAAA;;;;;sCAAIC,IAAAA,GAAAA,IAAAA,KAAAA,CAAAA,IAAAA,GAAAA,IAAAA,GAAAA,GAAAA,IAAAA,GAAAA,MAAAA,IAAAA,IAAAA;AAAAA,MAAAA,IAAAA,CAAAA,IAAAA,CAAAA,GAAAA,SAAAA,CAAAA,IAAAA,CAAAA;;;WAAgB,CAAAC,EAAA,GAAAN,GAAG,CAAHO,OAAA,MAAA,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAAE,GAAA,GAAAF,EAAA,EAAAG,IAAA,CAAAC,KAAA,CAAAF,GAAA,EAAA,CAAAR,GAAA,EAAAW,MAAA,CAAiBN,IAAjB,CAAA;AAArB,GAAXD,EAAW,EAAXA;;;;"}
|
@@ -25,7 +25,7 @@ var React = require('react');
|
|
25
25
|
*/
|
26
26
|
|
27
27
|
/**
|
28
|
-
*
|
28
|
+
* A hook to merge multiple refs into a single function ref.
|
29
29
|
*
|
30
30
|
* @param refs
|
31
31
|
*/
|
@@ -37,17 +37,32 @@ var useMergeRefs = function useMergeRefs() {
|
|
37
37
|
}
|
38
38
|
|
39
39
|
return React.useMemo(function () {
|
40
|
-
|
41
|
-
if (refs.some(function (ref) {
|
42
|
-
return ref;
|
43
|
-
}) === false) return null;
|
44
|
-
return function (value) {
|
45
|
-
refs.forEach(function (ref) {
|
46
|
-
setRef(ref, value);
|
47
|
-
});
|
48
|
-
}; // every ref will be dependent
|
40
|
+
return mergeRefs.apply(void 0, refs);
|
49
41
|
}, refs);
|
50
42
|
};
|
43
|
+
/**
|
44
|
+
* Merges multiple refs into a single function ref.
|
45
|
+
*
|
46
|
+
* @param refs
|
47
|
+
* @returns
|
48
|
+
*/
|
49
|
+
|
50
|
+
|
51
|
+
function mergeRefs() {
|
52
|
+
for (var _len2 = arguments.length, refs = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
53
|
+
refs[_key2] = arguments[_key2];
|
54
|
+
} // Empty check
|
55
|
+
|
56
|
+
|
57
|
+
if (refs.some(function (ref) {
|
58
|
+
return ref;
|
59
|
+
}) === false) return null;
|
60
|
+
return function (value) {
|
61
|
+
refs.forEach(function (ref) {
|
62
|
+
setRef(ref, value);
|
63
|
+
});
|
64
|
+
};
|
65
|
+
}
|
51
66
|
|
52
67
|
function setRef(ref, value) {
|
53
68
|
if (typeof ref === 'function') {
|
@@ -57,5 +72,6 @@ function setRef(ref, value) {
|
|
57
72
|
}
|
58
73
|
}
|
59
74
|
|
75
|
+
exports.mergeRefs = mergeRefs;
|
60
76
|
exports.useMergeRefs = useMergeRefs;
|
61
77
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../../../../hooks/use-merge-refs/lib/esm/index.js"],"sourcesContent":["/** @LICENSE\n * @hi-ui/use-merge-refs\n * https://github.com/XiaoMi/hiui/tree/master/packages/hooks/use-merge-refs#readme\n *\n * Copyright (c) HIUI <mi-hiui@xiaomi.com>.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { useMemo } from 'react';\n/**\n *
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../../../../hooks/use-merge-refs/lib/esm/index.js"],"sourcesContent":["/** @LICENSE\n * @hi-ui/use-merge-refs\n * https://github.com/XiaoMi/hiui/tree/master/packages/hooks/use-merge-refs#readme\n *\n * Copyright (c) HIUI <mi-hiui@xiaomi.com>.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { useMemo } from 'react';\n/**\n * A hook to merge multiple refs into a single function ref.\n *\n * @param refs\n */\n\nvar useMergeRefs = function useMergeRefs() {\n for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {\n refs[_key] = arguments[_key];\n }\n\n return useMemo(function () {\n return mergeRefs.apply(void 0, refs);\n }, refs);\n};\n/**\n * Merges multiple refs into a single function ref.\n *\n * @param refs\n * @returns\n */\n\n\nfunction mergeRefs() {\n for (var _len2 = arguments.length, refs = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n refs[_key2] = arguments[_key2];\n } // Empty check\n\n\n if (refs.some(function (ref) {\n return ref;\n }) === false) return null;\n return function (value) {\n refs.forEach(function (ref) {\n setRef(ref, value);\n });\n };\n}\n\nfunction setRef(ref, value) {\n if (typeof ref === 'function') {\n ref(value);\n } else if (ref) {\n ref.current = value;\n }\n}\n\nexport { mergeRefs, useMergeRefs };\n//# sourceMappingURL=index.js.map\n"],"names":["useMergeRefs","refs","useMemo","mergeRefs","some","ref","value","setRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAIA;;;;;;;IAKaA,YAAY,GAAG,SAAfA,YAAe,GAAA;oCAAOC,IAAAA,GAAAA,IAAAA,KAAAA,CAAAA,IAAAA,GAAAA,IAAAA,GAAAA,GAAAA,IAAAA,GAAAA,MAAAA,IAAAA,IAAAA;AAAAA,IAAAA,IAAAA,CAAAA,IAAAA,CAAAA,GAAAA,SAAAA,CAAAA,IAAAA,CAAAA;;;SAC1BC,aAAAA,CAAQ,YAAA;WAAMC,SAAS,CAATA,KAAAA,CAAAA,KAAAA,CAAAA,EAAAA,IAAAA;AAAP,GAAPD,EAAOD,IAAPC;;AAGT;;;;;;;;SAMgBC,YAAAA;qCAAgBF,IAAAA,GAAAA,IAAAA,KAAAA,CAAAA,KAAAA,GAAAA,KAAAA,GAAAA,GAAAA,KAAAA,GAAAA,OAAAA,KAAAA,IAAAA;AAAAA,IAAAA,IAAAA,CAAAA,KAAAA,CAAAA,GAAAA,SAAAA,CAAAA,KAAAA,CAAAA;AAAhBE,GAAAA;;;MAEVF,IAAI,CAAJG,IAAA,CAAU,UAAAC,GAAA,EAAA;WAASA;AAAnB,GAAA,MAA4B,OAAO,OAAA,IAAA;SAEhC,UAAAC,KAAA,EAAA;AACLL,IAAAA,IAAI,CAAJA,OAAAA,CAAa,UAAAI,GAAA,EAAA;AACXE,MAAAA,MAAM,CAAAF,GAAA,EAANE,KAAM,CAANA;AADFN,KAAAA;;;;AAMJ,SAAAM,MAAA,CAAAF,GAAA,EAAAC,KAAA,EAAA;MACM,OAAAD,GAAA,KAAe,YAAY;AAC7BA,IAAAA,GAAG,CAAHA,KAAG,CAAHA;SACK,IAAAA,GAAA,EAAS;AACdA,IAAAA,GAAG,CAAHA,OAAAA,GAAAA,KAAAA;;;;;"}
|