@hi-ui/check-cascader 4.0.0-alpha.2 → 4.0.0-alpha.23
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/lib/cjs/CheckCascader.js +28 -11
- package/lib/cjs/CheckCascader.js.map +1 -1
- package/lib/cjs/CheckCascaderMenu.js +10 -3
- package/lib/cjs/CheckCascaderMenu.js.map +1 -1
- package/lib/cjs/CheckCascaderMenus.js +24 -10
- package/lib/cjs/CheckCascaderMenus.js.map +1 -1
- package/lib/cjs/CheckCascaderPanel.js +40 -13
- package/lib/cjs/CheckCascaderPanel.js.map +1 -1
- package/lib/cjs/TagInput.js +82 -21
- package/lib/cjs/TagInput.js.map +1 -1
- package/lib/cjs/context.js +1 -1
- package/lib/cjs/hooks/use-async-switch.js +4 -6
- package/lib/cjs/hooks/use-async-switch.js.map +1 -1
- package/lib/cjs/hooks/use-cache.js +1 -1
- package/lib/cjs/hooks/use-check.js +41 -22
- package/lib/cjs/hooks/use-check.js.map +1 -1
- package/lib/cjs/hooks/use-search.js +28 -16
- package/lib/cjs/hooks/use-search.js.map +1 -1
- package/lib/cjs/hooks/use-select.js +1 -1
- package/lib/cjs/hooks/use-tag-input.js +1 -1
- package/lib/cjs/icons/index.js +1 -1
- package/lib/cjs/index.js +1 -1
- package/lib/cjs/styles/index.scss.js +2 -2
- package/lib/cjs/utils/index.js +1 -26
- package/lib/cjs/utils/index.js.map +1 -1
- package/lib/esm/CheckCascader.js +24 -11
- package/lib/esm/CheckCascader.js.map +1 -1
- package/lib/esm/CheckCascaderMenu.js +10 -3
- package/lib/esm/CheckCascaderMenu.js.map +1 -1
- package/lib/esm/CheckCascaderMenus.js +23 -9
- package/lib/esm/CheckCascaderMenus.js.map +1 -1
- package/lib/esm/CheckCascaderPanel.js +40 -14
- package/lib/esm/CheckCascaderPanel.js.map +1 -1
- package/lib/esm/TagInput.js +80 -21
- package/lib/esm/TagInput.js.map +1 -1
- package/lib/esm/context.js +1 -1
- package/lib/esm/hooks/use-async-switch.js +3 -4
- package/lib/esm/hooks/use-async-switch.js.map +1 -1
- package/lib/esm/hooks/use-cache.js +1 -1
- package/lib/esm/hooks/use-check.js +38 -22
- package/lib/esm/hooks/use-check.js.map +1 -1
- package/lib/esm/hooks/use-search.js +27 -17
- package/lib/esm/hooks/use-search.js.map +1 -1
- package/lib/esm/hooks/use-select.js +1 -1
- package/lib/esm/hooks/use-tag-input.js +1 -1
- package/lib/esm/icons/index.js +1 -1
- package/lib/esm/index.js +1 -1
- package/lib/esm/styles/index.scss.js +2 -2
- package/lib/esm/utils/index.js +2 -26
- package/lib/esm/utils/index.js.map +1 -1
- package/lib/types/CheckCascader.d.ts +7 -1
- package/lib/types/CheckCascaderMenus.d.ts +1 -1
- package/lib/types/CheckCascaderPanel.d.ts +1 -1
- package/lib/types/TagInput.d.ts +6 -8
- package/lib/types/hooks/use-check.d.ts +5 -2
- package/lib/types/hooks/use-search.d.ts +4 -0
- package/lib/types/utils/index.d.ts +0 -8
- package/package.json +18 -17
- package/lib/cjs/_virtual/_commonjsHelpers.js +0 -17
- package/lib/cjs/_virtual/_commonjsHelpers.js.map +0 -1
- package/lib/cjs/_virtual/index.js_commonjs-module +0 -19
- package/lib/cjs/_virtual/index.js_commonjs-module.map +0 -1
- package/lib/cjs/node_modules/lodash.clonedeep/index.js +0 -1872
- package/lib/cjs/node_modules/lodash.clonedeep/index.js.map +0 -1
- package/lib/esm/_virtual/_commonjsHelpers.js +0 -12
- package/lib/esm/_virtual/_commonjsHelpers.js.map +0 -1
- package/lib/esm/_virtual/index.js_commonjs-module +0 -14
- package/lib/esm/_virtual/index.js_commonjs-module.map +0 -1
- package/lib/esm/node_modules/lodash.clonedeep/index.js +0 -1863
- package/lib/esm/node_modules/lodash.clonedeep/index.js.map +0 -1
package/lib/cjs/CheckCascader.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
/** @LICENSE
|
2
|
-
* @hi-ui/check-cascader
|
2
|
+
* @hi-ui/check-cascader
|
3
3
|
* https://github.com/XiaoMi/hiui/tree/master/packages/ui/check-cascader#readme
|
4
4
|
*
|
5
5
|
* Copyright (c) HIUI <mi-hiui@xiaomi.com>.
|
@@ -27,8 +27,6 @@ var useToggle = require('@hi-ui/use-toggle');
|
|
27
27
|
|
28
28
|
var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
|
29
29
|
|
30
|
-
var useMergeRefs = require('@hi-ui/use-merge-refs');
|
31
|
-
|
32
30
|
var icons = require('@hi-ui/icons');
|
33
31
|
|
34
32
|
var CheckCascaderPanel = require('./CheckCascaderPanel.js');
|
@@ -37,6 +35,16 @@ var TagInput = require('./TagInput.js');
|
|
37
35
|
|
38
36
|
var popper = require('@hi-ui/popper');
|
39
37
|
|
38
|
+
require('@hi-ui/use-latest');
|
39
|
+
|
40
|
+
require('@hi-ui/use-check');
|
41
|
+
|
42
|
+
var useCache = require('./hooks/use-cache.js');
|
43
|
+
|
44
|
+
require('@babel/runtime/regenerator');
|
45
|
+
|
46
|
+
require('@hi-ui/tree-utils');
|
47
|
+
|
40
48
|
function _interopDefaultLegacy(e) {
|
41
49
|
return e && _typeof(e) === 'object' && 'default' in e ? e : {
|
42
50
|
'default': e
|
@@ -64,7 +72,8 @@ var CheckCascader = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
64
72
|
defaultValue = _a$defaultValue === void 0 ? NOOP_ARRAY : _a$defaultValue,
|
65
73
|
valueProp = _a.value,
|
66
74
|
onChange = _a.onChange,
|
67
|
-
data = _a.data,
|
75
|
+
_a$data = _a.data,
|
76
|
+
data = _a$data === void 0 ? NOOP_ARRAY : _a$data,
|
68
77
|
placeholder = _a.placeholder,
|
69
78
|
clearable = _a.clearable,
|
70
79
|
onSelect = _a.onSelect,
|
@@ -80,8 +89,13 @@ var CheckCascader = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
80
89
|
upMatch = _a.upMatch,
|
81
90
|
searchPlaceholder = _a.searchPlaceholder,
|
82
91
|
onLoadChildren = _a.onLoadChildren,
|
92
|
+
placement = _a.placement,
|
83
93
|
wrap = _a.wrap,
|
84
|
-
rest = tslib.__rest(_a, ["prefixCls", "role", "className", "defaultValue", "value", "onChange", "data", "placeholder", "clearable", "onSelect", "expandTrigger", "searchable", "disabled", "emptyContent", "changeOnSelect", "titleRender", "displayRender", "checkCascaded", "flatted", "upMatch", "searchPlaceholder", "onLoadChildren", "wrap"]);
|
94
|
+
rest = tslib.__rest(_a, ["prefixCls", "role", "className", "defaultValue", "value", "onChange", "data", "placeholder", "clearable", "onSelect", "expandTrigger", "searchable", "disabled", "emptyContent", "changeOnSelect", "titleRender", "displayRender", "checkCascaded", "flatted", "upMatch", "searchPlaceholder", "onLoadChildren", "placement", "wrap"]);
|
95
|
+
|
96
|
+
var _useCache = useCache.useCache(data),
|
97
|
+
cascaderData = _useCache[0],
|
98
|
+
setCascaderData = _useCache[1];
|
85
99
|
|
86
100
|
var _useUncontrolledState = useUncontrolledState.useUncontrolledState(defaultValue, valueProp, onChange),
|
87
101
|
value = _useUncontrolledState[0],
|
@@ -95,16 +109,14 @@ var CheckCascader = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
95
109
|
targetElRef = _useState[0],
|
96
110
|
setTargetElRef = _useState[1];
|
97
111
|
|
98
|
-
var cascaderRef = React.useRef(null); // useOutsideClick(cascaderRef, menuVisibleAction.off)
|
99
|
-
|
100
112
|
var cls = classname.cx(prefixCls, className, prefixCls + "--" + (menuVisible ? 'open' : 'closed'));
|
101
113
|
return /*#__PURE__*/React__default['default'].createElement("div", Object.assign({
|
102
|
-
ref:
|
114
|
+
ref: ref,
|
103
115
|
role: role,
|
104
116
|
className: cls
|
105
117
|
}, rest), /*#__PURE__*/React__default['default'].createElement(TagInput.TagInput, {
|
106
118
|
ref: setTargetElRef,
|
107
|
-
data:
|
119
|
+
data: cascaderData,
|
108
120
|
value: value,
|
109
121
|
onChange: tryChangeValue,
|
110
122
|
disabled: disabled,
|
@@ -115,19 +127,24 @@ var CheckCascader = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
115
127
|
suffix: /*#__PURE__*/React__default['default'].createElement(icons.DownOutlined, {
|
116
128
|
className: prefixCls + "__suffix"
|
117
129
|
}),
|
118
|
-
onClick: function onClick(
|
130
|
+
onClick: function onClick() {
|
119
131
|
if (disabled) return;
|
120
132
|
menuVisibleAction.on();
|
121
133
|
}
|
122
134
|
}), /*#__PURE__*/React__default['default'].createElement(popper.Popper, {
|
123
135
|
attachEl: targetElRef,
|
136
|
+
autoFocus: false,
|
124
137
|
visible: menuVisible,
|
125
|
-
onClose: menuVisibleAction.off
|
138
|
+
onClose: menuVisibleAction.off,
|
139
|
+
// TODO: 是否从 props omit 所有 popper 相关的 props 应用到 Popper
|
140
|
+
placement: placement
|
126
141
|
}, /*#__PURE__*/React__default['default'].createElement(CheckCascaderPanel.CheckCascaderPanel, Object.assign({
|
127
142
|
value: value,
|
128
143
|
onChange: tryChangeValue
|
129
144
|
}, {
|
130
145
|
data: data,
|
146
|
+
cascaderData: cascaderData,
|
147
|
+
setCascaderData: setCascaderData,
|
131
148
|
onSelect: onSelect,
|
132
149
|
expandTrigger: expandTrigger,
|
133
150
|
searchable: searchable,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CheckCascader.js","sources":["../../src/CheckCascader.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","NOOP_ARRAY","CheckCascader","forwardRef","_a","ref","prefixCls","role","className","defaultValue","valueProp","value","onChange","data","placeholder","clearable","onSelect","expandTrigger","searchable","disabled","emptyContent","changeOnSelect","titleRender","displayRender","checkCascaded","flatted","upMatch","searchPlaceholder","onLoadChildren","wrap","rest","useUncontrolledState","tryChangeValue","useToggle","menuVisible","menuVisibleAction","useState","targetElRef","setTargetElRef","
|
1
|
+
{"version":3,"file":"CheckCascader.js","sources":["../../src/CheckCascader.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","NOOP_ARRAY","CheckCascader","forwardRef","_a","ref","prefixCls","role","className","defaultValue","valueProp","value","onChange","data","placeholder","clearable","onSelect","expandTrigger","searchable","disabled","emptyContent","changeOnSelect","titleRender","displayRender","checkCascaded","flatted","upMatch","searchPlaceholder","onLoadChildren","placement","wrap","rest","useCache","cascaderData","setCascaderData","useUncontrolledState","tryChangeValue","useToggle","menuVisible","menuVisibleAction","useState","targetElRef","setTargetElRef","cls","cx","React","TagInput","suffix","DownOutlined","onClick","on","Popper","attachEl","autoFocus","visible","onClose","off","CheckCascaderPanel","__DEV__","displayName"],"mappings":"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"}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/** @LICENSE
|
2
|
-
* @hi-ui/check-cascader
|
2
|
+
* @hi-ui/check-cascader
|
3
3
|
* https://github.com/XiaoMi/hiui/tree/master/packages/ui/check-cascader#readme
|
4
4
|
*
|
5
5
|
* Copyright (c) HIUI <mi-hiui@xiaomi.com>.
|
@@ -91,12 +91,18 @@ var CheckCascaderMenu = function CheckCascaderMenu(_ref) {
|
|
91
91
|
className: cls,
|
92
92
|
role: role
|
93
93
|
}, menu.map(function (option) {
|
94
|
+
var _a;
|
95
|
+
|
94
96
|
var eventOption = index.getCascaderItemEventData(option, getCascaderItemRequiredProps(option));
|
95
97
|
var selected = eventOption.selected,
|
96
98
|
checked = eventOption.checked,
|
97
|
-
loading = eventOption.loading
|
99
|
+
loading = eventOption.loading,
|
100
|
+
semiChecked = eventOption.semiChecked;
|
98
101
|
var disabled = disabledContext || option.disabled;
|
99
|
-
var optionCls = classname.cx(prefixCls + "-option", option.checkable && checked && prefixCls + "-option--checked",
|
102
|
+
var optionCls = classname.cx(prefixCls + "-option", option.checkable && checked && prefixCls + "-option--checked", // 此处 option.children?.length || !option.checkable 的含义是
|
103
|
+
// 如果存在子节点,则可以展现选择态
|
104
|
+
// 不存在子节点,如不是可勾选item,则可以展现勾选态
|
105
|
+
selected && (((_a = option.children) === null || _a === void 0 ? void 0 : _a.length) || !option.checkable) && prefixCls + "-option--selected", loading && prefixCls + "-option--loading", disabled && prefixCls + "-option--disabled");
|
100
106
|
return /*#__PURE__*/React__default['default'].createElement("li", {
|
101
107
|
role: "menu-item",
|
102
108
|
className: prefixCls + "-item",
|
@@ -118,6 +124,7 @@ var CheckCascaderMenu = function CheckCascaderMenu(_ref) {
|
|
118
124
|
}
|
119
125
|
}, option.checkable ? /*#__PURE__*/React__default['default'].createElement(Checkbox__default['default'], {
|
120
126
|
className: prefixCls + "-checkbox",
|
127
|
+
indeterminate: semiChecked,
|
121
128
|
checked: checked,
|
122
129
|
disabled: disabled || option.disabledCheckbox,
|
123
130
|
onClick: function onClick(evt) {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CheckCascaderMenu.js","sources":["../../src/CheckCascaderMenu.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","CheckCascaderMenu","prefixCls","role","className","menu","data","getCascaderItemRequiredProps","useCheckCascaderContext","flatted","changeOnSelect","disabled","disabledContext","onLoadChildren","expandTrigger","onCheck","onSelect","titleRender","renderTitle","useCallback","option","title","React","cx","getNodeAncestors","reverse","map","item","index","key","id","isCheckableMenu","some","checkable","cls","eventOption","getCascaderItemEventData","selected","checked","loading","optionCls","onClick","evt","onMouseEnter","Checkbox","disabledCheckbox","stopPropagation","onChange","renderSuffix","node","defaultLoadingIcon","hasChildren","
|
1
|
+
{"version":3,"file":"CheckCascaderMenu.js","sources":["../../src/CheckCascaderMenu.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","CheckCascaderMenu","prefixCls","role","className","menu","data","getCascaderItemRequiredProps","useCheckCascaderContext","flatted","changeOnSelect","disabled","disabledContext","onLoadChildren","expandTrigger","onCheck","onSelect","titleRender","renderTitle","useCallback","option","title","React","cx","getNodeAncestors","reverse","map","item","index","key","id","isCheckableMenu","some","checkable","cls","eventOption","getCascaderItemEventData","selected","checked","loading","semiChecked","optionCls","children","length","onClick","evt","onMouseEnter","Checkbox","indeterminate","disabledCheckbox","stopPropagation","onChange","renderSuffix","node","defaultLoadingIcon","hasChildren","canLoadChildren","isLeaf","style","transform","defaultSuffixIcon","defaultLeafIcon"],"mappings":"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"}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/** @LICENSE
|
2
|
-
* @hi-ui/check-cascader
|
2
|
+
* @hi-ui/check-cascader
|
3
3
|
* https://github.com/XiaoMi/hiui/tree/master/packages/ui/check-cascader#readme
|
4
4
|
*
|
5
5
|
* Copyright (c) HIUI <mi-hiui@xiaomi.com>.
|
@@ -71,6 +71,8 @@ var CheckCascaderMenus = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
71
71
|
expandTrigger = _a$expandTrigger === void 0 ? 'click' : _a$expandTrigger,
|
72
72
|
_a$changeOnSelect = _a.changeOnSelect,
|
73
73
|
changeOnSelect = _a$changeOnSelect === void 0 ? true : _a$changeOnSelect,
|
74
|
+
_a$checkCascaded = _a.checkCascaded,
|
75
|
+
checkCascaded = _a$checkCascaded === void 0 ? false : _a$checkCascaded,
|
74
76
|
onLoadChildren = _a.onLoadChildren,
|
75
77
|
onChange = _a.onChange,
|
76
78
|
titleRender = _a.titleRender,
|
@@ -87,18 +89,30 @@ var CheckCascaderMenus = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
87
89
|
isLoadingId = _useAsyncSwitch[0],
|
88
90
|
onItemExpand = _useAsyncSwitch[1];
|
89
91
|
|
90
|
-
var _useCheck = useCheck.useCheck(defaultValue, valueProp,
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
92
|
+
var _useCheck = useCheck.useCheck(checkCascaded, disabled, flattedData, defaultValue, valueProp, function (_ref, target, shouldChecked) {
|
93
|
+
var checkedIds = _ref.checkedIds,
|
94
|
+
semiCheckedIds = _ref.semiCheckedIds; // @ts-ignore
|
95
|
+
|
96
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(checkedIds, {
|
97
|
+
trigger: 'checkbox',
|
98
|
+
target: target,
|
99
|
+
shouldChecked: shouldChecked,
|
100
|
+
semiCheckedIds: semiCheckedIds // checkedItems: fFindNodesByIds(flattedData, checkedIds),
|
101
|
+
|
102
|
+
});
|
103
|
+
}),
|
104
|
+
onOptionCheck = _useCheck[0],
|
105
|
+
isCheckedId = _useCheck[1],
|
106
|
+
isSemiCheckedId = _useCheck[2];
|
107
|
+
|
108
|
+
var getCascaderItemRequiredProps = useLatest.useLatestCallback(function (_ref2) {
|
109
|
+
var id = _ref2.id,
|
110
|
+
depth = _ref2.depth;
|
97
111
|
return {
|
98
112
|
selected: flatted ? selectedId === id : selectedIds[depth] === id,
|
99
|
-
checked:
|
113
|
+
checked: isCheckedId(id),
|
100
114
|
loading: isLoadingId(id),
|
101
|
-
semiChecked:
|
115
|
+
semiChecked: isSemiCheckedId(id),
|
102
116
|
focused: false
|
103
117
|
};
|
104
118
|
});
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CheckCascaderMenus.js","sources":["../../src/CheckCascaderMenus.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","NOOP_ARRAY","CheckCascaderMenus","forwardRef","_a","ref","prefixCls","role","className","flattedData","onChangeData","valueProp","value","defaultValue","disabled","expandTrigger","changeOnSelect","onLoadChildren","onChange","titleRender","flatted","rest","useSelect","selectedId","onOptionSelect","selectedIds","getActiveMenuIds","useAsyncSwitch","isLoadingId","onItemExpand","useCheck","checkedIds","onOptionCheck","getCascaderItemRequiredProps","useLatestCallback","id","depth","selected","checked","
|
1
|
+
{"version":3,"file":"CheckCascaderMenus.js","sources":["../../src/CheckCascaderMenus.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","NOOP_ARRAY","CheckCascaderMenus","forwardRef","_a","ref","prefixCls","role","className","flattedData","onChangeData","valueProp","value","defaultValue","disabled","expandTrigger","changeOnSelect","checkCascaded","onLoadChildren","onChange","titleRender","flatted","rest","useSelect","selectedId","onOptionSelect","selectedIds","getActiveMenuIds","useAsyncSwitch","isLoadingId","onItemExpand","useCheck","target","shouldChecked","checkedIds","semiCheckedIds","trigger","onOptionCheck","isCheckedId","isSemiCheckedId","getCascaderItemRequiredProps","useLatestCallback","id","depth","selected","checked","loading","semiChecked","focused","providedValue","useMemo","onCheck","onSelect","menus","getFlattedMenus","getActiveMenus","cls","cx","React","CheckCascaderProvider","map","menu","menuIndex","length","CheckCascaderMenu","key","data","__DEV__","displayName"],"mappings":"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"}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/** @LICENSE
|
2
|
-
* @hi-ui/check-cascader
|
2
|
+
* @hi-ui/check-cascader
|
3
3
|
* https://github.com/XiaoMi/hiui/tree/master/packages/ui/check-cascader#readme
|
4
4
|
*
|
5
5
|
* Copyright (c) HIUI <mi-hiui@xiaomi.com>.
|
@@ -27,17 +27,19 @@ var Input = require('@hi-ui/input');
|
|
27
27
|
|
28
28
|
var useSearch = require('./hooks/use-search.js');
|
29
29
|
|
30
|
+
require('@hi-ui/use-check');
|
31
|
+
|
30
32
|
require('@hi-ui/use-uncontrolled-state');
|
31
33
|
|
34
|
+
require('@hi-ui/use-latest');
|
35
|
+
|
32
36
|
var index = require('./utils/index.js');
|
33
37
|
|
34
38
|
var useCache = require('./hooks/use-cache.js');
|
35
39
|
|
36
40
|
require('@babel/runtime/regenerator');
|
37
41
|
|
38
|
-
require('@hi-ui/
|
39
|
-
|
40
|
-
require('./node_modules/lodash.clonedeep/index.js');
|
42
|
+
require('@hi-ui/tree-utils');
|
41
43
|
|
42
44
|
var icons = require('@hi-ui/icons');
|
43
45
|
|
@@ -68,7 +70,10 @@ var CheckCascaderPanel = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
68
70
|
_a$role = _a.role,
|
69
71
|
role = _a$role === void 0 ? _role : _a$role,
|
70
72
|
className = _a.className,
|
71
|
-
data = _a.data,
|
73
|
+
_a$data = _a.data,
|
74
|
+
data = _a$data === void 0 ? NOOP_ARRAY : _a$data,
|
75
|
+
cascaderDataProp = _a.cascaderData,
|
76
|
+
setCascaderDataProp = _a.setCascaderData,
|
72
77
|
value = _a.value,
|
73
78
|
_a$defaultValue = _a.defaultValue,
|
74
79
|
defaultValue = _a$defaultValue === void 0 ? NOOP_ARRAY : _a$defaultValue,
|
@@ -79,7 +84,7 @@ var CheckCascaderPanel = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
79
84
|
_a$changeOnSelect = _a.changeOnSelect,
|
80
85
|
changeOnSelect = _a$changeOnSelect === void 0 ? false : _a$changeOnSelect,
|
81
86
|
_a$checkCascaded = _a.checkCascaded,
|
82
|
-
checkCascaded = _a$checkCascaded === void 0 ?
|
87
|
+
checkCascaded = _a$checkCascaded === void 0 ? true : _a$checkCascaded,
|
83
88
|
_a$searchable = _a.searchable,
|
84
89
|
searchable = _a$searchable === void 0 ? true : _a$searchable,
|
85
90
|
_a$flatted = _a.flatted,
|
@@ -93,12 +98,14 @@ var CheckCascaderPanel = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
93
98
|
onSelect = _a.onSelect,
|
94
99
|
titleRender = _a.titleRender,
|
95
100
|
onLoadChildren = _a.onLoadChildren,
|
96
|
-
rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "data", "value", "defaultValue", "disabled", "expandTrigger", "changeOnSelect", "checkCascaded", "searchable", "flatted", "upMatch", "emptyContent", "placeholder", "onChange", "onSelect", "titleRender", "onLoadChildren"]);
|
101
|
+
rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "data", "cascaderData", "setCascaderData", "value", "defaultValue", "disabled", "expandTrigger", "changeOnSelect", "checkCascaded", "searchable", "flatted", "upMatch", "emptyContent", "placeholder", "onChange", "onSelect", "titleRender", "onLoadChildren"]);
|
97
102
|
|
98
103
|
var _useCache = useCache.useCache(data),
|
99
|
-
|
100
|
-
|
104
|
+
cascaderCacheData = _useCache[0],
|
105
|
+
setCascaderCacheData = _useCache[1];
|
101
106
|
|
107
|
+
var cascaderData = cascaderDataProp !== null && cascaderDataProp !== void 0 ? cascaderDataProp : cascaderCacheData;
|
108
|
+
var setCascaderData = setCascaderDataProp !== null && setCascaderDataProp !== void 0 ? setCascaderDataProp : setCascaderCacheData;
|
102
109
|
var flattedData = React.useMemo(function () {
|
103
110
|
return index.flattenTreeData(cascaderData);
|
104
111
|
}, [cascaderData]);
|
@@ -132,19 +139,36 @@ var CheckCascaderPanel = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
132
139
|
}, title);
|
133
140
|
if (typeof title !== 'string') return raw;
|
134
141
|
if (found) return raw;
|
135
|
-
var index =
|
142
|
+
var index = useSearch.matchStrategy(title, searchValue);
|
136
143
|
if (index === -1) return raw;
|
137
144
|
found = true;
|
145
|
+
var resultLength = searchValue.length;
|
138
146
|
var beforeStr = title.substr(0, index);
|
139
|
-
var
|
147
|
+
var resultStr = title.substr(index, searchValue.length);
|
148
|
+
var afterStr = title.substr(index + resultLength);
|
140
149
|
return /*#__PURE__*/React__default['default'].createElement("span", {
|
141
150
|
className: "title__text--col",
|
142
151
|
key: id
|
143
152
|
}, beforeStr, /*#__PURE__*/React__default['default'].createElement("span", {
|
144
153
|
className: "title__text--matched"
|
145
|
-
},
|
154
|
+
}, resultStr), afterStr);
|
146
155
|
}).reverse());
|
147
156
|
}, [titleRender, inSearch, inputProps.value]);
|
157
|
+
|
158
|
+
var _useState = React.useState(null),
|
159
|
+
inputElement = _useState[0],
|
160
|
+
setInputElement = _useState[1];
|
161
|
+
|
162
|
+
React.useEffect(function () {
|
163
|
+
if (!inputElement) return; // 临时方案,解决 input 无法正常 autoFocus
|
164
|
+
|
165
|
+
var timer = window.setTimeout(function () {
|
166
|
+
inputElement.focus();
|
167
|
+
}, 200);
|
168
|
+
return function () {
|
169
|
+
window.clearTimeout(timer);
|
170
|
+
};
|
171
|
+
}, [inputElement]);
|
148
172
|
var cls = classname.cx(prefixCls, className);
|
149
173
|
return /*#__PURE__*/React__default['default'].createElement("div", Object.assign({
|
150
174
|
ref: ref,
|
@@ -152,7 +176,10 @@ var CheckCascaderPanel = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
152
176
|
className: cls
|
153
177
|
}, rest), searchable ? /*#__PURE__*/React__default['default'].createElement("div", {
|
154
178
|
className: prefixCls + "-search"
|
155
|
-
}, /*#__PURE__*/React__default['default'].createElement(Input__default['default']
|
179
|
+
}, /*#__PURE__*/React__default['default'].createElement(Input__default['default'] // @ts-ignore
|
180
|
+
, {
|
181
|
+
// @ts-ignore
|
182
|
+
ref: setInputElement,
|
156
183
|
appearance: "underline",
|
157
184
|
placeholder: placeholder,
|
158
185
|
prefix: /*#__PURE__*/React__default['default'].createElement(icons.SearchOutlined, null),
|
@@ -1 +1 @@
|
|
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","
|
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","cascaderDataProp","cascaderData","setCascaderDataProp","setCascaderData","value","defaultValue","disabled","expandTrigger","changeOnSelect","checkCascaded","searchable","flatted","upMatch","emptyContent","placeholder","onChange","onSelect","titleRender","onLoadChildren","rest","useCache","cascaderCacheData","setCascaderCacheData","flattedData","useMemo","flattenTreeData","useSearch","inSearch","matchedNodes","inputProps","isEmpty","renderTitleWithSearch","useCallback","option","title","searchValue","found","React","cx","getNodeAncestors","map","item","id","raw","key","index","matchStrategy","resultLength","length","beforeStr","substr","resultStr","afterStr","reverse","useState","inputElement","setInputElement","useEffect","timer","window","setTimeout","focus","clearTimeout","cls","Input","appearance","prefix","SearchOutlined","CheckCascaderMenus","onChangeData","__DEV__","displayName"],"mappings":"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"}
|
package/lib/cjs/TagInput.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
/** @LICENSE
|
2
|
-
* @hi-ui/check-cascader
|
2
|
+
* @hi-ui/check-cascader
|
3
3
|
* https://github.com/XiaoMi/hiui/tree/master/packages/ui/check-cascader#readme
|
4
4
|
*
|
5
5
|
* Copyright (c) HIUI <mi-hiui@xiaomi.com>.
|
@@ -33,13 +33,17 @@ var useMergeRefs = require('@hi-ui/use-merge-refs');
|
|
33
33
|
|
34
34
|
require('@hi-ui/use-latest');
|
35
35
|
|
36
|
+
require('@hi-ui/use-check');
|
37
|
+
|
36
38
|
var useTagInput = require('./hooks/use-tag-input.js');
|
37
39
|
|
38
40
|
require('@babel/runtime/regenerator');
|
39
41
|
|
42
|
+
require('@hi-ui/tree-utils');
|
43
|
+
|
40
44
|
var index = require('./utils/index.js');
|
41
45
|
|
42
|
-
require('
|
46
|
+
var useOutsideClick = require('@hi-ui/use-outside-click');
|
43
47
|
|
44
48
|
function _interopDefaultLegacy(e) {
|
45
49
|
return e && _typeof(e) === 'object' && 'default' in e ? e : {
|
@@ -78,7 +82,8 @@ var TagInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
78
82
|
disabled = _a$disabled === void 0 ? false : _a$disabled,
|
79
83
|
displayRender = _a.displayRender,
|
80
84
|
suffix = _a.suffix,
|
81
|
-
|
85
|
+
onClick = _a.onClick,
|
86
|
+
rest = tslib.__rest(_a, ["prefixCls", "role", "className", "defaultValue", "value", "onChange", "placeholder", "data", "wrap", "clearable", "disabled", "displayRender", "suffix", "onClick"]);
|
82
87
|
|
83
88
|
var flattedData = React.useMemo(function () {
|
84
89
|
return index.flattenTreeData(data);
|
@@ -96,15 +101,16 @@ var TagInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
96
101
|
var tagSelector = "." + prefixCls + "__tag";
|
97
102
|
var tagInputRef = React.useRef(null);
|
98
103
|
|
99
|
-
var _useTagInput = useTagInput.useTagInput(
|
104
|
+
var _useTagInput = useTagInput.useTagInput(true, tagSelector, showData, tagInputRef),
|
100
105
|
tagMaxWidth = _useTagInput[0],
|
101
|
-
showTagCount = _useTagInput[1]
|
102
|
-
leftCount = _useTagInput[2];
|
106
|
+
showTagCount = _useTagInput[1];
|
103
107
|
|
104
108
|
var handleClear = React.useCallback(function (evt) {
|
105
109
|
if (disabled) return;
|
106
110
|
evt.stopPropagation();
|
107
|
-
tryChangeValue(NOOP_ARRAY
|
111
|
+
tryChangeValue(NOOP_ARRAY, {
|
112
|
+
trigger: 'clear'
|
113
|
+
});
|
108
114
|
}, [tryChangeValue, disabled]);
|
109
115
|
|
110
116
|
var _useState = React.useState(false),
|
@@ -118,7 +124,19 @@ var TagInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
118
124
|
|
119
125
|
|
120
126
|
var showClearableIcon = clearable && value.length > 0 && !disabled;
|
121
|
-
|
127
|
+
|
128
|
+
var _useState2 = React.useState(false),
|
129
|
+
expanded = _useState2[0],
|
130
|
+
setExpanded = _useState2[1];
|
131
|
+
|
132
|
+
var handleExpand = React.useCallback(function (evt) {
|
133
|
+
evt.stopPropagation();
|
134
|
+
setExpanded(true);
|
135
|
+
}, []);
|
136
|
+
useOutsideClick.useOutsideClick(tagInputRef, function () {
|
137
|
+
return setExpanded(false);
|
138
|
+
});
|
139
|
+
var cls = classname.cx(prefixCls, className, expanded ? prefixCls + "--expanded" : wrap ? prefixCls + "--wrap" : prefixCls + "--nowrap");
|
122
140
|
return /*#__PURE__*/React__default['default'].createElement("div", Object.assign({
|
123
141
|
ref: useMergeRefs.useMergeRefs(ref, tagInputRef),
|
124
142
|
role: role,
|
@@ -129,25 +147,72 @@ var TagInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
129
147
|
onMouseLeave: function onMouseLeave(e) {
|
130
148
|
trySetHover(false);
|
131
149
|
}
|
132
|
-
}, rest),
|
150
|
+
}, rest), /*#__PURE__*/React__default['default'].createElement("div", {
|
151
|
+
className: classname.cx(prefixCls + "__container", disabled && 'disabled'),
|
152
|
+
onClick: onClick
|
153
|
+
}, value.length !== 0 ? /*#__PURE__*/React__default['default'].createElement("span", {
|
133
154
|
className: prefixCls + "__value"
|
134
155
|
}, /*#__PURE__*/React__default['default'].createElement("span", {
|
135
156
|
className: classname.cx(prefixCls + "__tags", wrap && prefixCls + "__tags--all")
|
136
157
|
}, times.times(showTagCount, function (index) {
|
137
158
|
var option = showData[index];
|
159
|
+
if (!option) return null;
|
138
160
|
var title = displayRender ? displayRender(option) : true;
|
161
|
+
var closeable = !option.disabled;
|
139
162
|
return /*#__PURE__*/React__default['default'].createElement("span", {
|
140
163
|
className: prefixCls + "__tag",
|
141
|
-
key: option.id
|
164
|
+
key: option.id
|
165
|
+
}, /*#__PURE__*/React__default['default'].createElement("span", {
|
166
|
+
className: prefixCls + "__tag-content",
|
142
167
|
style: {
|
143
168
|
maxWidth: tagMaxWidth
|
144
169
|
}
|
170
|
+
}, title === true ? option.title : title), closeable ? /*#__PURE__*/React__default['default'].createElement("span", {
|
171
|
+
className: prefixCls + "__tag-closed",
|
172
|
+
onClick: function onClick(evt) {
|
173
|
+
if (disabled) return;
|
174
|
+
evt.stopPropagation();
|
175
|
+
var nextValue = [].concat(value).filter(function (id) {
|
176
|
+
return id !== option.id;
|
177
|
+
}); // TODO: 点击 close 时,级联选项也需要处理,让其取消级联
|
178
|
+
|
179
|
+
tryChangeValue(nextValue, {
|
180
|
+
trigger: 'close'
|
181
|
+
});
|
182
|
+
}
|
183
|
+
}, /*#__PURE__*/React__default['default'].createElement(icons.CloseOutlined, null)) : null);
|
184
|
+
}))) : /*#__PURE__*/React__default['default'].createElement("span", {
|
185
|
+
className: prefixCls + "__placeholder"
|
186
|
+
}, placeholder), suffix || showClearableIcon || !wrap && showTagCount > 0 ? /*#__PURE__*/React__default['default'].createElement("span", {
|
187
|
+
className: prefixCls + "__suffix"
|
188
|
+
}, !wrap && showTagCount > 0 ? /*#__PURE__*/React__default['default'].createElement("span", {
|
189
|
+
className: classname.cx(prefixCls + "__tag--total"),
|
190
|
+
onClick: handleExpand
|
191
|
+
}, "" + (showTagCount > 99 ? '+99' : showTagCount)) : null, showClearableIcon && hover ? /*#__PURE__*/React__default['default'].createElement("span", {
|
192
|
+
className: prefixCls + "__clear",
|
193
|
+
role: "button",
|
194
|
+
tabIndex: -1,
|
195
|
+
onClick: handleClear
|
196
|
+
}, /*#__PURE__*/React__default['default'].createElement(icons.CloseCircleFilled, null)) : suffix) : null), value.length !== 0 && expanded ? /*#__PURE__*/React__default['default'].createElement("div", {
|
197
|
+
className: prefixCls + "__container__expand"
|
198
|
+
}, /*#__PURE__*/React__default['default'].createElement("span", {
|
199
|
+
className: classname.cx(prefixCls + "__value")
|
200
|
+
}, /*#__PURE__*/React__default['default'].createElement("span", {
|
201
|
+
className: classname.cx(prefixCls + "__tags", prefixCls + "__tags--all")
|
202
|
+
}, times.times(showTagCount, function (index) {
|
203
|
+
var option = showData[index];
|
204
|
+
if (!option) return null;
|
205
|
+
var title = displayRender ? displayRender(option) : true;
|
206
|
+
var closeable = !option.disabled;
|
207
|
+
return /*#__PURE__*/React__default['default'].createElement("span", {
|
208
|
+
className: prefixCls + "__tag",
|
209
|
+
key: option.id
|
145
210
|
}, /*#__PURE__*/React__default['default'].createElement("span", {
|
146
211
|
className: prefixCls + "__tag-content",
|
147
212
|
style: {
|
148
|
-
maxWidth:
|
213
|
+
maxWidth: tagMaxWidth
|
149
214
|
}
|
150
|
-
}, title === true ? option.title : title), /*#__PURE__*/React__default['default'].createElement("span", {
|
215
|
+
}, title === true ? option.title : title), closeable ? /*#__PURE__*/React__default['default'].createElement("span", {
|
151
216
|
className: prefixCls + "__tag-closed",
|
152
217
|
onClick: function onClick(evt) {
|
153
218
|
if (disabled) return;
|
@@ -155,21 +220,17 @@ var TagInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
155
220
|
var nextValue = [].concat(value).filter(function (id) {
|
156
221
|
return id !== option.id;
|
157
222
|
});
|
158
|
-
tryChangeValue(nextValue
|
223
|
+
tryChangeValue(nextValue);
|
159
224
|
}
|
160
|
-
}, /*#__PURE__*/React__default['default'].createElement(icons.CloseOutlined, null)));
|
161
|
-
})),
|
162
|
-
className: classname.cx(prefixCls + "__tag--left")
|
163
|
-
}, "+" + leftCount) : null) : /*#__PURE__*/React__default['default'].createElement("span", {
|
164
|
-
className: prefixCls + "__placeholder"
|
165
|
-
}, placeholder), suffix || showClearableIcon ? /*#__PURE__*/React__default['default'].createElement("span", {
|
225
|
+
}, /*#__PURE__*/React__default['default'].createElement(icons.CloseOutlined, null)) : null);
|
226
|
+
})), suffix || showClearableIcon ? /*#__PURE__*/React__default['default'].createElement("span", {
|
166
227
|
className: prefixCls + "__suffix"
|
167
|
-
}, showClearableIcon
|
228
|
+
}, showClearableIcon ? /*#__PURE__*/React__default['default'].createElement("span", {
|
168
229
|
className: prefixCls + "__clear",
|
169
230
|
role: "button",
|
170
231
|
tabIndex: -1,
|
171
232
|
onClick: handleClear
|
172
|
-
}, /*#__PURE__*/React__default['default'].createElement(icons.CloseCircleFilled, null)) : suffix) : null);
|
233
|
+
}, /*#__PURE__*/React__default['default'].createElement(icons.CloseCircleFilled, null)) : suffix) : null)) : null);
|
173
234
|
});
|
174
235
|
|
175
236
|
if (env.__DEV__) {
|