@hi-ui/check-cascader 4.0.0-alpha.7 → 4.0.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +95 -7
- package/lib/cjs/CheckCascader.js +201 -67
- package/lib/cjs/CheckCascader.js.map +1 -1
- package/lib/cjs/CheckCascaderMenu.js +8 -1
- package/lib/cjs/CheckCascaderMenu.js.map +1 -1
- package/lib/cjs/CheckCascaderMenus.js +13 -5
- package/lib/cjs/CheckCascaderMenus.js.map +1 -1
- package/lib/cjs/context.js.map +1 -1
- package/lib/cjs/hooks/use-async-switch.js +4 -1
- package/lib/cjs/hooks/use-async-switch.js.map +1 -1
- package/lib/cjs/hooks/use-check.js +3 -12
- package/lib/cjs/hooks/use-check.js.map +1 -1
- package/lib/cjs/hooks/use-search.js +13 -71
- package/lib/cjs/hooks/use-search.js.map +1 -1
- package/lib/cjs/index.js +0 -3
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/styles/index.scss.js +1 -1
- package/lib/cjs/utils/index.js +0 -36
- package/lib/cjs/utils/index.js.map +1 -1
- package/lib/esm/CheckCascader.js +192 -67
- package/lib/esm/CheckCascader.js.map +1 -1
- package/lib/esm/CheckCascaderMenu.js +8 -1
- package/lib/esm/CheckCascaderMenu.js.map +1 -1
- package/lib/esm/CheckCascaderMenus.js +13 -5
- package/lib/esm/CheckCascaderMenus.js.map +1 -1
- package/lib/esm/context.js.map +1 -1
- package/lib/esm/hooks/use-async-switch.js +5 -2
- package/lib/esm/hooks/use-async-switch.js.map +1 -1
- package/lib/esm/hooks/use-check.js +3 -10
- package/lib/esm/hooks/use-check.js.map +1 -1
- package/lib/esm/hooks/use-search.js +13 -72
- package/lib/esm/hooks/use-search.js.map +1 -1
- package/lib/esm/index.js +0 -1
- package/lib/esm/index.js.map +1 -1
- package/lib/esm/styles/index.scss.js +1 -1
- package/lib/esm/utils/index.js +1 -36
- package/lib/esm/utils/index.js.map +1 -1
- package/lib/types/CheckCascader.d.ts +23 -33
- package/lib/types/CheckCascaderMenus.d.ts +1 -1
- package/lib/types/context.d.ts +1 -1
- package/lib/types/hooks/index.d.ts +0 -1
- package/lib/types/hooks/use-async-switch.d.ts +1 -1
- package/lib/types/hooks/use-search.d.ts +4 -0
- package/lib/types/index.d.ts +0 -1
- package/package.json +29 -21
- package/lib/cjs/CheckCascaderPanel.js +0 -189
- package/lib/cjs/CheckCascaderPanel.js.map +0 -1
- package/lib/cjs/TagInput.js +0 -183
- package/lib/cjs/TagInput.js.map +0 -1
- package/lib/cjs/hooks/use-tag-input.js +0 -122
- package/lib/cjs/hooks/use-tag-input.js.map +0 -1
- package/lib/esm/CheckCascaderPanel.js +0 -156
- package/lib/esm/CheckCascaderPanel.js.map +0 -1
- package/lib/esm/TagInput.js +0 -153
- package/lib/esm/TagInput.js.map +0 -1
- package/lib/esm/hooks/use-tag-input.js +0 -113
- package/lib/esm/hooks/use-tag-input.js.map +0 -1
- package/lib/types/CheckCascaderPanel.d.ts +0 -88
- package/lib/types/TagInput.d.ts +0 -68
- package/lib/types/hooks/use-tag-input.d.ts +0 -3
@@ -1,156 +0,0 @@
|
|
1
|
-
/** @LICENSE
|
2
|
-
* @hi-ui/check-cascader
|
3
|
-
* https://github.com/XiaoMi/hiui/tree/master/packages/ui/check-cascader#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
|
-
import { __rest } from 'tslib';
|
11
|
-
import React, { forwardRef, useMemo, useCallback } from 'react';
|
12
|
-
import { getPrefixCls, cx } from '@hi-ui/classname';
|
13
|
-
import { __DEV__ } from '@hi-ui/env';
|
14
|
-
import Input from '@hi-ui/input';
|
15
|
-
import { useSearch } from './hooks/use-search.js';
|
16
|
-
import '@hi-ui/use-check';
|
17
|
-
import '@hi-ui/use-uncontrolled-state';
|
18
|
-
import '@hi-ui/use-latest';
|
19
|
-
import { flattenTreeData, getNodeAncestors } from './utils/index.js';
|
20
|
-
import { useCache } from './hooks/use-cache.js';
|
21
|
-
import '@babel/runtime/regenerator';
|
22
|
-
import '@hi-ui/tree-utils';
|
23
|
-
import { SearchOutlined } from '@hi-ui/icons';
|
24
|
-
import { CheckCascaderMenus } from './CheckCascaderMenus.js';
|
25
|
-
var _role = 'check-cascader-panel';
|
26
|
-
|
27
|
-
var _prefix = getPrefixCls(_role);
|
28
|
-
|
29
|
-
var NOOP_ARRAY = [];
|
30
|
-
/**
|
31
|
-
* TODO: What is CheckCascaderPanel
|
32
|
-
*/
|
33
|
-
|
34
|
-
var CheckCascaderPanel = /*#__PURE__*/forwardRef(function (_a, ref) {
|
35
|
-
var _a$prefixCls = _a.prefixCls,
|
36
|
-
prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
|
37
|
-
_a$role = _a.role,
|
38
|
-
role = _a$role === void 0 ? _role : _a$role,
|
39
|
-
className = _a.className,
|
40
|
-
data = _a.data,
|
41
|
-
value = _a.value,
|
42
|
-
_a$defaultValue = _a.defaultValue,
|
43
|
-
defaultValue = _a$defaultValue === void 0 ? NOOP_ARRAY : _a$defaultValue,
|
44
|
-
_a$disabled = _a.disabled,
|
45
|
-
disabled = _a$disabled === void 0 ? false : _a$disabled,
|
46
|
-
_a$expandTrigger = _a.expandTrigger,
|
47
|
-
expandTrigger = _a$expandTrigger === void 0 ? 'click' : _a$expandTrigger,
|
48
|
-
_a$changeOnSelect = _a.changeOnSelect,
|
49
|
-
changeOnSelect = _a$changeOnSelect === void 0 ? false : _a$changeOnSelect,
|
50
|
-
_a$checkCascaded = _a.checkCascaded,
|
51
|
-
checkCascaded = _a$checkCascaded === void 0 ? true : _a$checkCascaded,
|
52
|
-
_a$searchable = _a.searchable,
|
53
|
-
searchable = _a$searchable === void 0 ? true : _a$searchable,
|
54
|
-
_a$flatted = _a.flatted,
|
55
|
-
flatted = _a$flatted === void 0 ? false : _a$flatted,
|
56
|
-
_a$upMatch = _a.upMatch,
|
57
|
-
upMatch = _a$upMatch === void 0 ? false : _a$upMatch,
|
58
|
-
_a$emptyContent = _a.emptyContent,
|
59
|
-
emptyContent = _a$emptyContent === void 0 ? '无匹配选项' : _a$emptyContent,
|
60
|
-
placeholder = _a.placeholder,
|
61
|
-
onChange = _a.onChange,
|
62
|
-
onSelect = _a.onSelect,
|
63
|
-
titleRender = _a.titleRender,
|
64
|
-
onLoadChildren = _a.onLoadChildren,
|
65
|
-
rest = __rest(_a, ["prefixCls", "role", "className", "children", "data", "value", "defaultValue", "disabled", "expandTrigger", "changeOnSelect", "checkCascaded", "searchable", "flatted", "upMatch", "emptyContent", "placeholder", "onChange", "onSelect", "titleRender", "onLoadChildren"]);
|
66
|
-
|
67
|
-
var _useCache = useCache(data),
|
68
|
-
cascaderData = _useCache[0],
|
69
|
-
setCascaderData = _useCache[1];
|
70
|
-
|
71
|
-
var flattedData = useMemo(function () {
|
72
|
-
return flattenTreeData(cascaderData);
|
73
|
-
}, [cascaderData]);
|
74
|
-
|
75
|
-
var _useSearch = useSearch(flattedData, upMatch),
|
76
|
-
inSearch = _useSearch[0],
|
77
|
-
matchedNodes = _useSearch[1],
|
78
|
-
inputProps = _useSearch[2],
|
79
|
-
isEmpty = _useSearch[3];
|
80
|
-
|
81
|
-
var renderTitleWithSearch = useCallback(function (option) {
|
82
|
-
// 如果 titleRender 返回 `true`,则使用默认 title
|
83
|
-
var title = titleRender ? titleRender(option) : true;
|
84
|
-
|
85
|
-
if (title !== true) {
|
86
|
-
return title;
|
87
|
-
}
|
88
|
-
|
89
|
-
if (!inSearch) return true;
|
90
|
-
if (typeof option.title !== 'string') return true;
|
91
|
-
var searchValue = inputProps.value;
|
92
|
-
var found = false;
|
93
|
-
return /*#__PURE__*/React.createElement("span", {
|
94
|
-
className: cx("title__text", "title__text--cols")
|
95
|
-
}, getNodeAncestors(option).map(function (item) {
|
96
|
-
var title = item.title,
|
97
|
-
id = item.id;
|
98
|
-
var raw = /*#__PURE__*/React.createElement("span", {
|
99
|
-
className: "title__text--col",
|
100
|
-
key: id
|
101
|
-
}, title);
|
102
|
-
if (typeof title !== 'string') return raw;
|
103
|
-
if (found) return raw;
|
104
|
-
var index = title.indexOf(searchValue);
|
105
|
-
if (index === -1) return raw;
|
106
|
-
found = true;
|
107
|
-
var beforeStr = title.substr(0, index);
|
108
|
-
var afterStr = title.substr(index + searchValue.length);
|
109
|
-
return /*#__PURE__*/React.createElement("span", {
|
110
|
-
className: "title__text--col",
|
111
|
-
key: id
|
112
|
-
}, beforeStr, /*#__PURE__*/React.createElement("span", {
|
113
|
-
className: "title__text--matched"
|
114
|
-
}, searchValue), afterStr);
|
115
|
-
}).reverse());
|
116
|
-
}, [titleRender, inSearch, inputProps.value]);
|
117
|
-
var cls = cx(prefixCls, className);
|
118
|
-
return /*#__PURE__*/React.createElement("div", Object.assign({
|
119
|
-
ref: ref,
|
120
|
-
role: role,
|
121
|
-
className: cls
|
122
|
-
}, rest), searchable ? /*#__PURE__*/React.createElement("div", {
|
123
|
-
className: prefixCls + "-search"
|
124
|
-
}, /*#__PURE__*/React.createElement(Input, {
|
125
|
-
appearance: "underline",
|
126
|
-
placeholder: placeholder,
|
127
|
-
prefix: /*#__PURE__*/React.createElement(SearchOutlined, null),
|
128
|
-
value: inputProps.value,
|
129
|
-
onChange: inputProps.onChange
|
130
|
-
}), isEmpty ? /*#__PURE__*/React.createElement("span", {
|
131
|
-
className: prefixCls + "-search__empty"
|
132
|
-
}, emptyContent) : null) : null, /*#__PURE__*/React.createElement(CheckCascaderMenus, Object.assign({}, {
|
133
|
-
disabled: disabled,
|
134
|
-
value: value,
|
135
|
-
defaultValue: defaultValue,
|
136
|
-
onChange: onChange,
|
137
|
-
expandTrigger: expandTrigger,
|
138
|
-
changeOnSelect: changeOnSelect,
|
139
|
-
checkCascaded: checkCascaded,
|
140
|
-
onSelect: onSelect,
|
141
|
-
onLoadChildren: onLoadChildren
|
142
|
-
}, {
|
143
|
-
data: cascaderData,
|
144
|
-
onChangeData: setCascaderData,
|
145
|
-
titleRender: renderTitleWithSearch,
|
146
|
-
flatted: flatted || inSearch,
|
147
|
-
flattedData: inSearch ? matchedNodes : flattedData
|
148
|
-
})));
|
149
|
-
});
|
150
|
-
|
151
|
-
if (__DEV__) {
|
152
|
-
CheckCascaderPanel.displayName = 'CheckCascaderPanel';
|
153
|
-
}
|
154
|
-
|
155
|
-
export { CheckCascaderPanel };
|
156
|
-
//# sourceMappingURL=CheckCascaderPanel.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"CheckCascaderPanel.js","sources":["../../src/CheckCascaderPanel.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","NOOP_ARRAY","CheckCascaderPanel","forwardRef","_a","ref","prefixCls","role","className","data","value","defaultValue","disabled","expandTrigger","changeOnSelect","checkCascaded","searchable","flatted","upMatch","emptyContent","placeholder","onChange","onSelect","titleRender","onLoadChildren","rest","useCache","cascaderData","setCascaderData","flattedData","useMemo","flattenTreeData","useSearch","inSearch","matchedNodes","inputProps","isEmpty","renderTitleWithSearch","useCallback","option","title","searchValue","found","React","cx","getNodeAncestors","map","item","id","raw","key","index","indexOf","beforeStr","substr","afterStr","length","reverse","cls","Input","appearance","prefix","SearchOutlined","CheckCascaderMenus","onChangeData","__DEV__","displayName"],"mappings":"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"}
|
package/lib/esm/TagInput.js
DELETED
@@ -1,153 +0,0 @@
|
|
1
|
-
/** @LICENSE
|
2
|
-
* @hi-ui/check-cascader
|
3
|
-
* https://github.com/XiaoMi/hiui/tree/master/packages/ui/check-cascader#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
|
-
import { __rest } from 'tslib';
|
11
|
-
import React, { forwardRef, useMemo, useRef, useCallback, useState } from 'react';
|
12
|
-
import { getPrefixCls, cx } from '@hi-ui/classname';
|
13
|
-
import { __DEV__ } from '@hi-ui/env';
|
14
|
-
import { useUncontrolledState } from '@hi-ui/use-uncontrolled-state';
|
15
|
-
import { times } from '@hi-ui/times';
|
16
|
-
import { CloseOutlined, CloseCircleFilled } from '@hi-ui/icons';
|
17
|
-
import { useMergeRefs } from '@hi-ui/use-merge-refs';
|
18
|
-
import '@hi-ui/use-latest';
|
19
|
-
import '@hi-ui/use-check';
|
20
|
-
import { useTagInput } from './hooks/use-tag-input.js';
|
21
|
-
import '@babel/runtime/regenerator';
|
22
|
-
import '@hi-ui/tree-utils';
|
23
|
-
import { flattenTreeData } from './utils/index.js';
|
24
|
-
var _role = 'tag-input';
|
25
|
-
|
26
|
-
var _prefix = getPrefixCls(_role);
|
27
|
-
|
28
|
-
var NOOP_ARRAY = [];
|
29
|
-
/**
|
30
|
-
* TODO: What is TagInput
|
31
|
-
*/
|
32
|
-
|
33
|
-
var TagInput = /*#__PURE__*/forwardRef(function (_a, ref) {
|
34
|
-
var _a$prefixCls = _a.prefixCls,
|
35
|
-
prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
|
36
|
-
_a$role = _a.role,
|
37
|
-
role = _a$role === void 0 ? _role : _a$role,
|
38
|
-
className = _a.className,
|
39
|
-
_a$defaultValue = _a.defaultValue,
|
40
|
-
defaultValue = _a$defaultValue === void 0 ? NOOP_ARRAY : _a$defaultValue,
|
41
|
-
valueProp = _a.value,
|
42
|
-
onChange = _a.onChange,
|
43
|
-
placeholder = _a.placeholder,
|
44
|
-
data = _a.data,
|
45
|
-
_a$wrap = _a.wrap,
|
46
|
-
wrap = _a$wrap === void 0 ? true : _a$wrap,
|
47
|
-
_a$clearable = _a.clearable,
|
48
|
-
clearable = _a$clearable === void 0 ? false : _a$clearable,
|
49
|
-
_a$disabled = _a.disabled,
|
50
|
-
disabled = _a$disabled === void 0 ? false : _a$disabled,
|
51
|
-
displayRender = _a.displayRender,
|
52
|
-
suffix = _a.suffix,
|
53
|
-
rest = __rest(_a, ["prefixCls", "role", "className", "defaultValue", "value", "onChange", "placeholder", "data", "wrap", "clearable", "disabled", "displayRender", "suffix"]);
|
54
|
-
|
55
|
-
var flattedData = useMemo(function () {
|
56
|
-
return flattenTreeData(data);
|
57
|
-
}, [data]);
|
58
|
-
|
59
|
-
var _useUncontrolledState = useUncontrolledState(defaultValue, valueProp, onChange),
|
60
|
-
value = _useUncontrolledState[0],
|
61
|
-
tryChangeValue = _useUncontrolledState[1];
|
62
|
-
|
63
|
-
var showData = useMemo(function () {
|
64
|
-
return flattedData.filter(function (item) {
|
65
|
-
return item && item.checkable && value.indexOf(item.id) !== -1;
|
66
|
-
});
|
67
|
-
}, [flattedData, value]);
|
68
|
-
var tagSelector = "." + prefixCls + "__tag";
|
69
|
-
var tagInputRef = useRef(null);
|
70
|
-
|
71
|
-
var _useTagInput = useTagInput(true, tagSelector, showData, tagInputRef),
|
72
|
-
tagMaxWidth = _useTagInput[0],
|
73
|
-
showTagCount = _useTagInput[1];
|
74
|
-
|
75
|
-
var handleClear = useCallback(function (evt) {
|
76
|
-
if (disabled) return;
|
77
|
-
evt.stopPropagation();
|
78
|
-
tryChangeValue(NOOP_ARRAY);
|
79
|
-
}, [tryChangeValue, disabled]);
|
80
|
-
|
81
|
-
var _useState = useState(false),
|
82
|
-
hover = _useState[0],
|
83
|
-
setHover = _useState[1];
|
84
|
-
|
85
|
-
var trySetHover = function trySetHover(hovered) {
|
86
|
-
if (disabled) return;
|
87
|
-
setHover(hovered);
|
88
|
-
}; // 在开启 clearable 下展示 清除内容按钮,可点击进行内容清楚
|
89
|
-
|
90
|
-
|
91
|
-
var showClearableIcon = clearable && value.length > 0 && !disabled;
|
92
|
-
var cls = cx(prefixCls, className, disabled && 'disabled', wrap ? prefixCls + "--wrap" : prefixCls + "--nowrap");
|
93
|
-
return /*#__PURE__*/React.createElement("div", Object.assign({
|
94
|
-
ref: useMergeRefs(ref, tagInputRef),
|
95
|
-
role: role,
|
96
|
-
className: cls,
|
97
|
-
onMouseOver: function onMouseOver(e) {
|
98
|
-
trySetHover(true);
|
99
|
-
},
|
100
|
-
onMouseLeave: function onMouseLeave(e) {
|
101
|
-
trySetHover(false);
|
102
|
-
}
|
103
|
-
}, rest), value.length !== 0 ? /*#__PURE__*/React.createElement("span", {
|
104
|
-
className: prefixCls + "__value"
|
105
|
-
}, /*#__PURE__*/React.createElement("span", {
|
106
|
-
className: cx(prefixCls + "__tags", wrap && prefixCls + "__tags--all")
|
107
|
-
}, times(showTagCount, function (index) {
|
108
|
-
var option = showData[index];
|
109
|
-
if (!option) return null;
|
110
|
-
var title = displayRender ? displayRender(option) : true;
|
111
|
-
var closeable = !option.disabled;
|
112
|
-
return /*#__PURE__*/React.createElement("span", {
|
113
|
-
className: prefixCls + "__tag",
|
114
|
-
key: option.id,
|
115
|
-
style: {
|
116
|
-
maxWidth: tagMaxWidth
|
117
|
-
}
|
118
|
-
}, /*#__PURE__*/React.createElement("span", {
|
119
|
-
className: prefixCls + "__tag-content",
|
120
|
-
style: {
|
121
|
-
maxWidth: tagMaxWidth
|
122
|
-
}
|
123
|
-
}, title === true ? option.title : title), closeable ? /*#__PURE__*/React.createElement("span", {
|
124
|
-
className: prefixCls + "__tag-closed",
|
125
|
-
onClick: function onClick(evt) {
|
126
|
-
if (disabled) return;
|
127
|
-
evt.stopPropagation();
|
128
|
-
var nextValue = [].concat(value).filter(function (id) {
|
129
|
-
return id !== option.id;
|
130
|
-
});
|
131
|
-
tryChangeValue(nextValue);
|
132
|
-
}
|
133
|
-
}, /*#__PURE__*/React.createElement(CloseOutlined, null)) : null);
|
134
|
-
}))) : /*#__PURE__*/React.createElement("span", {
|
135
|
-
className: prefixCls + "__placeholder"
|
136
|
-
}, placeholder), suffix || showClearableIcon || !wrap && showTagCount > 0 ? /*#__PURE__*/React.createElement("span", {
|
137
|
-
className: prefixCls + "__suffix"
|
138
|
-
}, !wrap && showTagCount > 0 ? /*#__PURE__*/React.createElement("span", {
|
139
|
-
className: cx(prefixCls + "__tag--total")
|
140
|
-
}, "" + (showTagCount > 99 ? '+99' : showTagCount)) : null, showClearableIcon && hover ? /*#__PURE__*/React.createElement("span", {
|
141
|
-
className: prefixCls + "__clear",
|
142
|
-
role: "button",
|
143
|
-
tabIndex: -1,
|
144
|
-
onClick: handleClear
|
145
|
-
}, /*#__PURE__*/React.createElement(CloseCircleFilled, null)) : suffix) : null);
|
146
|
-
});
|
147
|
-
|
148
|
-
if (__DEV__) {
|
149
|
-
TagInput.displayName = 'TagInput';
|
150
|
-
}
|
151
|
-
|
152
|
-
export { TagInput };
|
153
|
-
//# sourceMappingURL=TagInput.js.map
|
package/lib/esm/TagInput.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"TagInput.js","sources":["../../src/TagInput.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","NOOP_ARRAY","TagInput","forwardRef","_a","ref","prefixCls","role","className","defaultValue","valueProp","value","onChange","placeholder","data","wrap","clearable","disabled","displayRender","suffix","rest","flattedData","useMemo","flattenTreeData","useUncontrolledState","tryChangeValue","showData","filter","item","checkable","indexOf","id","tagSelector","tagInputRef","useRef","useTagInput","tagMaxWidth","showTagCount","handleClear","useCallback","evt","stopPropagation","useState","hover","setHover","trySetHover","hovered","showClearableIcon","length","cls","cx","React","useMergeRefs","onMouseOver","e","onMouseLeave","times","index","option","title","closeable","key","style","maxWidth","onClick","nextValue","CloseOutlined","tabIndex","CloseCircleFilled","__DEV__","displayName"],"mappings":"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"}
|
@@ -1,113 +0,0 @@
|
|
1
|
-
/** @LICENSE
|
2
|
-
* @hi-ui/check-cascader
|
3
|
-
* https://github.com/XiaoMi/hiui/tree/master/packages/ui/check-cascader#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
|
-
import { useRef, useState, useReducer, useEffect, useCallback, useLayoutEffect } from 'react';
|
11
|
-
import { debounce } from '../utils/index.js';
|
12
|
-
var TAG_MARGIN_RIGHT = 4; // 留给显示剩余选项的宽度:suffix + paddingLeft + paddingRight + leftCountTag (16 + 10 + + 10 + 54)
|
13
|
-
|
14
|
-
var LEFT_SPACE_WIDTH = 100 + TAG_MARGIN_RIGHT;
|
15
|
-
|
16
|
-
var useTagInput = function useTagInput(wrap, selector, tags, ref) {
|
17
|
-
var shouldCalcTagCountRef = useRef(false);
|
18
|
-
|
19
|
-
var _useState = useState(0),
|
20
|
-
showCount = _useState[0],
|
21
|
-
setShowCount = _useState[1];
|
22
|
-
|
23
|
-
var _useReducer = useReducer(function (v) {
|
24
|
-
return !v;
|
25
|
-
}, false),
|
26
|
-
trigger = _useReducer[0],
|
27
|
-
forceUpdate = _useReducer[1];
|
28
|
-
|
29
|
-
var inputWidth = useResizeWidth(ref);
|
30
|
-
useEffect(function () {
|
31
|
-
forceUpdate();
|
32
|
-
}, [inputWidth, tags]);
|
33
|
-
var calSowCount = useCallback(function () {
|
34
|
-
if (shouldCalcTagCountRef.current && ref.current) {
|
35
|
-
// tags 多个展示超过一行时,以数字显示
|
36
|
-
var tagElements = ref.current.querySelectorAll(selector);
|
37
|
-
var tagWrapperWidth = ref.current.getBoundingClientRect().width;
|
38
|
-
var width = 0;
|
39
|
-
|
40
|
-
for (var i = 0; i < tagElements.length; ++i) {
|
41
|
-
var tag = tagElements[i];
|
42
|
-
var tagRect = tag.getBoundingClientRect();
|
43
|
-
width += tagRect.width + TAG_MARGIN_RIGHT;
|
44
|
-
|
45
|
-
if (shouldCalcTagCountRef.current && width + LEFT_SPACE_WIDTH > tagWrapperWidth) {
|
46
|
-
shouldCalcTagCountRef.current = false; // 开始显示折行的位置,如果为 0,则必展示一个
|
47
|
-
|
48
|
-
var nextShowCount = i === 0 ? 1 : i;
|
49
|
-
setShowCount(nextShowCount);
|
50
|
-
break;
|
51
|
-
}
|
52
|
-
}
|
53
|
-
}
|
54
|
-
}, [ref, selector]);
|
55
|
-
var debouncedResizeRef = useRef();
|
56
|
-
useEffect(function () {
|
57
|
-
var _a;
|
58
|
-
|
59
|
-
(_a = debouncedResizeRef.current) === null || _a === void 0 ? void 0 : _a.cancel();
|
60
|
-
debouncedResizeRef.current = debounce(calSowCount, 60);
|
61
|
-
}, [calSowCount]);
|
62
|
-
useEffect(function () {
|
63
|
-
var _a;
|
64
|
-
|
65
|
-
setShowCount(0);
|
66
|
-
shouldCalcTagCountRef.current = true;
|
67
|
-
(_a = debouncedResizeRef.current) === null || _a === void 0 ? void 0 : _a.call(debouncedResizeRef);
|
68
|
-
return function () {
|
69
|
-
var _a;
|
70
|
-
|
71
|
-
shouldCalcTagCountRef.current = false;
|
72
|
-
(_a = debouncedResizeRef.current) === null || _a === void 0 ? void 0 : _a.cancel();
|
73
|
-
};
|
74
|
-
}, [trigger, ref]);
|
75
|
-
var showTagCount = showCount > 0 ? showCount : tags.length;
|
76
|
-
var leftTagCount = tags.length - showTagCount;
|
77
|
-
var tagMaxWidth = inputWidth ? inputWidth - (LEFT_SPACE_WIDTH + 1) : '100%';
|
78
|
-
|
79
|
-
if (wrap) {
|
80
|
-
return [tagMaxWidth, tags.length, 0];
|
81
|
-
}
|
82
|
-
|
83
|
-
return [tagMaxWidth, showTagCount, leftTagCount];
|
84
|
-
};
|
85
|
-
|
86
|
-
var useResizeWidth = function useResizeWidth(ref) {
|
87
|
-
var _useState2 = useState(0),
|
88
|
-
width = _useState2[0],
|
89
|
-
setWidth = _useState2[1];
|
90
|
-
|
91
|
-
var tryUpdateWidth = useCallback(function () {
|
92
|
-
var _a;
|
93
|
-
|
94
|
-
var nextWidth = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width;
|
95
|
-
setWidth(function (prev) {
|
96
|
-
return nextWidth || prev || 0;
|
97
|
-
});
|
98
|
-
}, [ref]);
|
99
|
-
useLayoutEffect(function () {
|
100
|
-
// init with resize
|
101
|
-
tryUpdateWidth();
|
102
|
-
var debouncedResize = debounce(tryUpdateWidth, 60);
|
103
|
-
window.addEventListener('resize', debouncedResize);
|
104
|
-
return function () {
|
105
|
-
window.removeEventListener('resize', debouncedResize);
|
106
|
-
debouncedResize.cancel();
|
107
|
-
};
|
108
|
-
}, [tryUpdateWidth]);
|
109
|
-
return width;
|
110
|
-
};
|
111
|
-
|
112
|
-
export { useResizeWidth, useTagInput };
|
113
|
-
//# sourceMappingURL=use-tag-input.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"use-tag-input.js","sources":["../../../src/hooks/use-tag-input.ts"],"sourcesContent":[null],"names":["TAG_MARGIN_RIGHT","LEFT_SPACE_WIDTH","useTagInput","wrap","selector","tags","ref","shouldCalcTagCountRef","useRef","useState","showCount","setShowCount","useReducer","v","trigger","forceUpdate","inputWidth","useResizeWidth","useEffect","calSowCount","useCallback","current","tagElements","querySelectorAll","tagWrapperWidth","getBoundingClientRect","width","i","length","tag","tagRect","nextShowCount","debouncedResizeRef","cancel","debounce","showTagCount","leftTagCount","tagMaxWidth","setWidth","tryUpdateWidth","nextWidth","prev","useLayoutEffect","debouncedResize","window","addEventListener","removeEventListener"],"mappings":"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"}
|
@@ -1,88 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { CheckCascaderItem, ExpandTrigger, CheckCascaderItemEventData } from './types';
|
3
|
-
/**
|
4
|
-
* TODO: What is CheckCascaderPanel
|
5
|
-
*/
|
6
|
-
export declare const CheckCascaderPanel: React.ForwardRefExoticComponent<CheckCascaderPanelProps & React.RefAttributes<HTMLDivElement | null>>;
|
7
|
-
export interface CheckCascaderPanelProps {
|
8
|
-
/**
|
9
|
-
* 组件默认的选择器类
|
10
|
-
*/
|
11
|
-
prefixCls?: string;
|
12
|
-
/**
|
13
|
-
* 组件的语义化 Role 属性
|
14
|
-
*/
|
15
|
-
role?: string;
|
16
|
-
/**
|
17
|
-
* 组件的注入选择器类
|
18
|
-
*/
|
19
|
-
className?: string;
|
20
|
-
/**
|
21
|
-
* 组件的注入样式
|
22
|
-
*/
|
23
|
-
style?: React.CSSProperties;
|
24
|
-
/**
|
25
|
-
* 设置选择项数据源
|
26
|
-
*/
|
27
|
-
data: CheckCascaderItem[];
|
28
|
-
/**
|
29
|
-
* 设置当前多选值
|
30
|
-
*/
|
31
|
-
value?: React.ReactText[];
|
32
|
-
/**
|
33
|
-
* 设置当前多选值默认值
|
34
|
-
*/
|
35
|
-
defaultValue?: React.ReactText[];
|
36
|
-
/**
|
37
|
-
* 多选值改变时的回调
|
38
|
-
*/
|
39
|
-
onChange?: (values: React.ReactText[]) => void;
|
40
|
-
/**
|
41
|
-
* 选项被点击时的回调
|
42
|
-
*/
|
43
|
-
onSelect?: (selectedId: React.ReactText, selectedOption: CheckCascaderItemEventData) => void;
|
44
|
-
/**
|
45
|
-
* 次级菜单的展开方式
|
46
|
-
*/
|
47
|
-
expandTrigger?: ExpandTrigger;
|
48
|
-
/**
|
49
|
-
* 是否可搜索
|
50
|
-
*/
|
51
|
-
searchable?: boolean;
|
52
|
-
/**
|
53
|
-
* 是否禁止使用
|
54
|
-
*/
|
55
|
-
disabled?: boolean;
|
56
|
-
/**
|
57
|
-
* 设置选项为空时展示的内容
|
58
|
-
*/
|
59
|
-
emptyContent?: React.ReactNode;
|
60
|
-
/**
|
61
|
-
* 是否启用选择即改变功能
|
62
|
-
*/
|
63
|
-
changeOnSelect?: boolean;
|
64
|
-
/**
|
65
|
-
* 自定义渲染节点的 title 内容
|
66
|
-
*/
|
67
|
-
titleRender?: (item: CheckCascaderItemEventData) => React.ReactNode;
|
68
|
-
/**
|
69
|
-
* 支持 checkbox 级联(正反选)功能
|
70
|
-
*/
|
71
|
-
checkCascaded?: boolean;
|
72
|
-
/**
|
73
|
-
* 将 check 子项拍平展示
|
74
|
-
*/
|
75
|
-
flatted?: boolean;
|
76
|
-
/**
|
77
|
-
* 开启全量搜索,默认只对开启 checkable 的选项进行搜索,不向上查找路径
|
78
|
-
*/
|
79
|
-
upMatch?: boolean;
|
80
|
-
/**
|
81
|
-
* 搜索输入框占位符
|
82
|
-
*/
|
83
|
-
placeholder?: string;
|
84
|
-
/**
|
85
|
-
* 异步请求更新数据
|
86
|
-
*/
|
87
|
-
onLoadChildren?: (item: CheckCascaderItemEventData) => Promise<CheckCascaderItem[] | void> | void;
|
88
|
-
}
|
package/lib/types/TagInput.d.ts
DELETED
@@ -1,68 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { CheckCascaderItem, FlattedCheckCascaderItem } from './types';
|
3
|
-
/**
|
4
|
-
* TODO: What is TagInput
|
5
|
-
*/
|
6
|
-
export declare const TagInput: React.ForwardRefExoticComponent<TagInputProps & React.RefAttributes<HTMLDivElement | null>>;
|
7
|
-
export interface TagInputProps {
|
8
|
-
/**
|
9
|
-
* 组件默认的选择器类
|
10
|
-
*/
|
11
|
-
prefixCls?: string;
|
12
|
-
/**
|
13
|
-
* 组件的语义化 Role 属性
|
14
|
-
*/
|
15
|
-
role?: string;
|
16
|
-
/**
|
17
|
-
* 组件的注入选择器类
|
18
|
-
*/
|
19
|
-
className?: string;
|
20
|
-
/**
|
21
|
-
* 组件的注入样式
|
22
|
-
*/
|
23
|
-
style?: React.CSSProperties;
|
24
|
-
/**
|
25
|
-
* 设置当前多选值
|
26
|
-
*/
|
27
|
-
value?: React.ReactText[];
|
28
|
-
/**
|
29
|
-
* 设置当前多选值默认值
|
30
|
-
*/
|
31
|
-
defaultValue?: React.ReactText[];
|
32
|
-
/**
|
33
|
-
* 多选值改变时的回调
|
34
|
-
*/
|
35
|
-
onChange?: (values: React.ReactText[]) => void;
|
36
|
-
/**
|
37
|
-
* 是否可清空 boolean true | false true
|
38
|
-
*/
|
39
|
-
clearable?: boolean;
|
40
|
-
/**
|
41
|
-
* 是否禁止使用 boolean true | false false
|
42
|
-
*/
|
43
|
-
disabled?: boolean;
|
44
|
-
/**
|
45
|
-
* 自定义选择后触发器所展示的内容
|
46
|
-
*/
|
47
|
-
displayRender?: (checkedOption: FlattedCheckCascaderItem) => React.ReactNode;
|
48
|
-
/**
|
49
|
-
* 输入框占位符
|
50
|
-
*/
|
51
|
-
placeholder?: string;
|
52
|
-
/**
|
53
|
-
* 是否开启换行全展示
|
54
|
-
*/
|
55
|
-
wrap?: boolean;
|
56
|
-
/**
|
57
|
-
* 输入框后置内容
|
58
|
-
*/
|
59
|
-
suffix?: React.ReactNode;
|
60
|
-
/**
|
61
|
-
* 点击 Tag Input 时触发回调
|
62
|
-
*/
|
63
|
-
onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
|
64
|
-
/**
|
65
|
-
* tag 列表数据源
|
66
|
-
*/
|
67
|
-
data: CheckCascaderItem[];
|
68
|
-
}
|
@@ -1,3 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
export declare const useTagInput: <T>(wrap: boolean, selector: string, tags: T[], ref: React.MutableRefObject<HTMLDivElement | null>) => readonly [number | "100%", number, number];
|
3
|
-
export declare const useResizeWidth: <T extends Element>(ref: React.MutableRefObject<T | null>) => number;
|