@hi-ui/check-cascader 4.0.0-alpha.23 → 4.0.0-alpha.28
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 +97 -7
- package/lib/cjs/CheckCascader.js +184 -66
- package/lib/cjs/CheckCascader.js.map +1 -1
- package/lib/cjs/CheckCascaderMenus.js +2 -2
- package/lib/cjs/CheckCascaderPanel.js +2 -2
- 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 +178 -64
- package/lib/esm/CheckCascader.js.map +1 -1
- package/lib/esm/CheckCascaderMenus.js +2 -2
- package/lib/esm/CheckCascaderPanel.js +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 +17 -20
- package/lib/types/hooks/index.d.ts +0 -1
- package/package.json +13 -7
- package/lib/cjs/TagInput.js +0 -241
- 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/TagInput.js +0 -210
- 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/TagInput.d.ts +0 -68
- package/lib/types/hooks/use-tag-input.d.ts +0 -3
package/lib/esm/CheckCascader.js
CHANGED
@@ -8,23 +8,27 @@
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
9
9
|
*/
|
10
10
|
import { __rest } from 'tslib';
|
11
|
-
import React, { forwardRef, useState } from 'react';
|
11
|
+
import React, { forwardRef, useMemo, useCallback, useState } from 'react';
|
12
12
|
import { getPrefixCls, cx } from '@hi-ui/classname';
|
13
13
|
import { __DEV__ } from '@hi-ui/env';
|
14
14
|
import { useToggle } from '@hi-ui/use-toggle';
|
15
15
|
import { useUncontrolledState } from '@hi-ui/use-uncontrolled-state';
|
16
|
-
import { DownOutlined } from '@hi-ui/icons';
|
17
|
-
import {
|
18
|
-
import { TagInput } from './TagInput.js';
|
19
|
-
import { Popper } from '@hi-ui/popper';
|
20
|
-
import '@hi-ui/use-latest';
|
16
|
+
import { UpOutlined, DownOutlined } from '@hi-ui/icons';
|
17
|
+
import { matchStrategy } from './hooks/use-search.js';
|
21
18
|
import '@hi-ui/use-check';
|
19
|
+
import { useLatestCallback } from '@hi-ui/use-latest';
|
22
20
|
import { useCache } from './hooks/use-cache.js';
|
23
21
|
import '@babel/runtime/regenerator';
|
24
|
-
import '@hi-ui/tree-utils';
|
25
|
-
|
22
|
+
import { getNodeAncestors } from '@hi-ui/tree-utils';
|
23
|
+
import { Picker } from '@hi-ui/picker';
|
24
|
+
import { TagInputMock } from '@hi-ui/tag-input';
|
25
|
+
import { uniqBy } from 'lodash';
|
26
|
+
import { CheckCascaderMenus } from './CheckCascaderMenus.js';
|
27
|
+
import { useAsyncSearch, useTreeCustomSearch, useFilterSearch, useTreeUpMatchSearch, useSearchMode } from '@hi-ui/use-search-mode';
|
28
|
+
import { flattenTreeData } from './utils/index.js';
|
29
|
+
import { isArrayNonEmpty } from '@hi-ui/type-assertion';
|
26
30
|
|
27
|
-
var _prefix = getPrefixCls(
|
31
|
+
var _prefix = getPrefixCls('check-cascader');
|
28
32
|
|
29
33
|
var NOOP_ARRAY = [];
|
30
34
|
/**
|
@@ -34,8 +38,6 @@ var NOOP_ARRAY = [];
|
|
34
38
|
var CheckCascader = /*#__PURE__*/forwardRef(function (_a, ref) {
|
35
39
|
var _a$prefixCls = _a.prefixCls,
|
36
40
|
prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
|
37
|
-
_a$role = _a.role,
|
38
|
-
role = _a$role === void 0 ? _role : _a$role,
|
39
41
|
className = _a.className,
|
40
42
|
_a$defaultValue = _a.defaultValue,
|
41
43
|
defaultValue = _a$defaultValue === void 0 ? NOOP_ARRAY : _a$defaultValue,
|
@@ -47,86 +49,198 @@ var CheckCascader = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
47
49
|
clearable = _a.clearable,
|
48
50
|
onSelect = _a.onSelect,
|
49
51
|
expandTrigger = _a.expandTrigger,
|
50
|
-
searchable = _a.searchable,
|
51
52
|
disabled = _a.disabled,
|
52
|
-
emptyContent = _a.emptyContent,
|
53
53
|
changeOnSelect = _a.changeOnSelect,
|
54
54
|
titleRender = _a.titleRender,
|
55
55
|
displayRender = _a.displayRender,
|
56
56
|
checkCascaded = _a.checkCascaded,
|
57
57
|
flatted = _a.flatted,
|
58
58
|
upMatch = _a.upMatch,
|
59
|
-
searchPlaceholder = _a.searchPlaceholder,
|
60
59
|
onLoadChildren = _a.onLoadChildren,
|
61
|
-
|
62
|
-
|
63
|
-
|
60
|
+
appearance = _a.appearance,
|
61
|
+
invalid = _a.invalid,
|
62
|
+
dataSource = _a.dataSource,
|
63
|
+
filterOption = _a.filterOption,
|
64
|
+
searchableProp = _a.searchable,
|
65
|
+
overlayClassName = _a.overlayClassName,
|
66
|
+
rest = __rest(_a, ["prefixCls", "className", "defaultValue", "value", "onChange", "data", "placeholder", "clearable", "onSelect", "expandTrigger", "disabled", "emptyContent", "changeOnSelect", "titleRender", "displayRender", "checkCascaded", "flatted", "upMatch", "searchPlaceholder", "onLoadChildren", "wrap", "appearance", "invalid", "dataSource", "filterOption", "searchable", "overlayClassName"]);
|
67
|
+
|
68
|
+
var _useToggle = useToggle(),
|
69
|
+
menuVisible = _useToggle[0],
|
70
|
+
menuVisibleAction = _useToggle[1];
|
64
71
|
|
65
72
|
var _useCache = useCache(data),
|
66
73
|
cascaderData = _useCache[0],
|
67
74
|
setCascaderData = _useCache[1];
|
68
75
|
|
76
|
+
var flattedData = useMemo(function () {
|
77
|
+
return flattenTreeData(cascaderData);
|
78
|
+
}, [cascaderData]);
|
79
|
+
|
69
80
|
var _useUncontrolledState = useUncontrolledState(defaultValue, valueProp, onChange),
|
70
81
|
value = _useUncontrolledState[0],
|
71
82
|
tryChangeValue = _useUncontrolledState[1];
|
72
83
|
|
73
|
-
var
|
74
|
-
|
75
|
-
|
84
|
+
var proxyOnChange = useLatestCallback(function (value, item, shouldChecked) {
|
85
|
+
tryChangeValue(value, item, shouldChecked);
|
86
|
+
console.log('proxyOnChange', value); // 包括所有全选的数据,包括全选
|
87
|
+
|
88
|
+
if (shouldChecked) {
|
89
|
+
// TODO:as useCheckList
|
90
|
+
setSelectedItems(function (prev) {
|
91
|
+
return [].concat(prev, [item]);
|
92
|
+
});
|
93
|
+
}
|
94
|
+
}); // ************************** 异步搜索 ************************* //
|
95
|
+
// TODO: 支持对 Item 传入 状态
|
76
96
|
|
77
|
-
var
|
78
|
-
|
79
|
-
|
97
|
+
var _b = useAsyncSearch({
|
98
|
+
dataSource: dataSource
|
99
|
+
}),
|
100
|
+
loading = _b.loading,
|
101
|
+
hasError = _b.hasError,
|
102
|
+
dataSourceStrategy = __rest(_b, ["loading", "hasError"]);
|
80
103
|
|
81
|
-
var
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
104
|
+
var customSearchStrategy = useTreeCustomSearch({
|
105
|
+
data: flattedData,
|
106
|
+
filterOption: filterOption
|
107
|
+
});
|
108
|
+
var filterSearchStrategy = useFilterSearch({
|
109
|
+
data: flattedData,
|
110
|
+
flattedData: flattedData,
|
111
|
+
searchMode: searchableProp && !upMatch ? 'filter' : undefined,
|
112
|
+
exclude: function exclude(node) {
|
113
|
+
return !node.checkable;
|
114
|
+
}
|
115
|
+
});
|
116
|
+
var upMatchSearchStrategy = useTreeUpMatchSearch({
|
88
117
|
data: cascaderData,
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
placeholder: placeholder,
|
94
|
-
displayRender: displayRender,
|
95
|
-
wrap: wrap,
|
96
|
-
suffix: /*#__PURE__*/React.createElement(DownOutlined, {
|
97
|
-
className: prefixCls + "__suffix"
|
98
|
-
}),
|
99
|
-
onClick: function onClick() {
|
100
|
-
if (disabled) return;
|
101
|
-
menuVisibleAction.on();
|
118
|
+
flattedData: flattedData,
|
119
|
+
enabled: upMatch,
|
120
|
+
exclude: function exclude(node) {
|
121
|
+
return !node.checkable;
|
102
122
|
}
|
103
|
-
})
|
104
|
-
|
105
|
-
|
123
|
+
});
|
124
|
+
|
125
|
+
var _useSearchMode = useSearchMode({
|
126
|
+
searchable: searchableProp,
|
127
|
+
strategies: [dataSourceStrategy, customSearchStrategy, filterSearchStrategy, upMatchSearchStrategy]
|
128
|
+
}),
|
129
|
+
stateInSearch = _useSearchMode.state,
|
130
|
+
searchable = _useSearchMode.searchable,
|
131
|
+
searchMode = _useSearchMode.searchMode,
|
132
|
+
onSearch = _useSearchMode.onSearch,
|
133
|
+
searchValue = _useSearchMode.keyword; // 拦截 titleRender,自定义高亮展示
|
134
|
+
|
135
|
+
|
136
|
+
var proxyTitleRender = useCallback(function (node) {
|
137
|
+
if (titleRender) {
|
138
|
+
var _ret = titleRender(node);
|
139
|
+
|
140
|
+
if (_ret && _ret !== true) return _ret;
|
141
|
+
} // 本地搜索执行默认高亮规则
|
142
|
+
|
143
|
+
|
144
|
+
var highlight = !!searchValue && (searchMode === 'upMatch' || searchMode === 'filter');
|
145
|
+
var found = false;
|
146
|
+
var ret = highlight ? /*#__PURE__*/React.createElement("span", {
|
147
|
+
className: cx("title__text", "title__text--cols")
|
148
|
+
}, getNodeAncestors(node).map(function (item) {
|
149
|
+
var title = item.title,
|
150
|
+
id = item.id;
|
151
|
+
var raw = /*#__PURE__*/React.createElement("span", {
|
152
|
+
className: "title__text--col",
|
153
|
+
key: id
|
154
|
+
}, title);
|
155
|
+
if (typeof title !== 'string') return raw;
|
156
|
+
if (found) return raw;
|
157
|
+
var index = matchStrategy(title, searchValue);
|
158
|
+
if (index === -1) return raw;
|
159
|
+
found = true;
|
160
|
+
var resultLength = searchValue.length;
|
161
|
+
var beforeStr = title.substr(0, index);
|
162
|
+
var resultStr = title.substr(index, searchValue.length);
|
163
|
+
var afterStr = title.substr(index + resultLength);
|
164
|
+
return /*#__PURE__*/React.createElement("span", {
|
165
|
+
className: "title__text--col",
|
166
|
+
key: id
|
167
|
+
}, beforeStr, /*#__PURE__*/React.createElement("span", {
|
168
|
+
className: "title__text--matched"
|
169
|
+
}, resultStr), afterStr);
|
170
|
+
}).reverse()) : true;
|
171
|
+
return ret;
|
172
|
+
}, [titleRender, searchValue, searchMode]); // 搜索时临时选中缓存数据
|
173
|
+
|
174
|
+
var _useState = useState([]),
|
175
|
+
selectedItems = _useState[0],
|
176
|
+
setSelectedItems = _useState[1];
|
177
|
+
|
178
|
+
var shouldUseSearch = !!searchValue && !hasError;
|
179
|
+
var selectProps = {
|
180
|
+
data: shouldUseSearch ? stateInSearch.data : flattedData,
|
181
|
+
titleRender: proxyTitleRender
|
182
|
+
}; // 下拉菜单不能合并(因为树形数据,不知道是第几级)
|
183
|
+
|
184
|
+
var mergedData = useMemo(function () {
|
185
|
+
var nextData = selectedItems.concat(flattedData);
|
186
|
+
return uniqBy(nextData, 'id');
|
187
|
+
}, [selectedItems, flattedData]);
|
188
|
+
var cls = cx(prefixCls, className, prefixCls + "--" + (menuVisible ? 'open' : 'closed'));
|
189
|
+
return /*#__PURE__*/React.createElement(Picker, Object.assign({
|
190
|
+
ref: ref,
|
191
|
+
className: cls,
|
192
|
+
overlayClassName: cx(prefixCls + "__popper", overlayClassName)
|
193
|
+
}, rest, {
|
194
|
+
// 这种展现形式宽度是不固定的,关掉宽度匹配策略
|
195
|
+
popper: Object.assign({
|
196
|
+
matchWidth: false
|
197
|
+
}, rest.popper),
|
106
198
|
visible: menuVisible,
|
199
|
+
onOpen: function onOpen() {
|
200
|
+
// setViewSelected(false)
|
201
|
+
menuVisibleAction.on();
|
202
|
+
},
|
203
|
+
disabled: disabled,
|
107
204
|
onClose: menuVisibleAction.off,
|
108
|
-
// TODO: 是否从 props omit 所有 popper 相关的 props 应用到 Popper
|
109
|
-
placement: placement
|
110
|
-
}, /*#__PURE__*/React.createElement(CheckCascaderPanel, Object.assign({
|
111
|
-
value: value,
|
112
|
-
onChange: tryChangeValue
|
113
|
-
}, {
|
114
|
-
data: data,
|
115
|
-
cascaderData: cascaderData,
|
116
|
-
setCascaderData: setCascaderData,
|
117
|
-
onSelect: onSelect,
|
118
|
-
expandTrigger: expandTrigger,
|
119
205
|
searchable: searchable,
|
206
|
+
onSearch: onSearch,
|
207
|
+
loading: loading,
|
208
|
+
trigger: /*#__PURE__*/React.createElement(TagInputMock, {
|
209
|
+
clearable: clearable,
|
210
|
+
placeholder: placeholder,
|
211
|
+
// @ts-ignore
|
212
|
+
displayRender: displayRender,
|
213
|
+
suffix: menuVisible ? /*#__PURE__*/React.createElement(UpOutlined, null) : /*#__PURE__*/React.createElement(DownOutlined, null),
|
214
|
+
focused: menuVisible,
|
215
|
+
appearance: appearance,
|
216
|
+
value: value,
|
217
|
+
// @ts-ignore
|
218
|
+
onChange: proxyOnChange,
|
219
|
+
data: mergedData,
|
220
|
+
invalid: invalid,
|
221
|
+
onExpand: function onExpand() {
|
222
|
+
// setViewSelected(true)
|
223
|
+
menuVisibleAction.on();
|
224
|
+
}
|
225
|
+
})
|
226
|
+
}), isArrayNonEmpty(selectProps.data) ? /*#__PURE__*/React.createElement(CheckCascaderMenus, {
|
120
227
|
disabled: disabled,
|
121
|
-
|
228
|
+
value: value,
|
229
|
+
defaultValue: defaultValue,
|
230
|
+
// @ts-ignore
|
231
|
+
onChange: proxyOnChange,
|
232
|
+
expandTrigger: expandTrigger,
|
122
233
|
changeOnSelect: changeOnSelect,
|
123
|
-
titleRender: titleRender,
|
124
234
|
checkCascaded: checkCascaded,
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
235
|
+
onSelect: onSelect,
|
236
|
+
onLoadChildren: onLoadChildren,
|
237
|
+
titleRender: proxyTitleRender,
|
238
|
+
flatted: flatted || !!searchValue,
|
239
|
+
// @ts-ignore
|
240
|
+
flattedData: selectProps.data,
|
241
|
+
data: cascaderData,
|
242
|
+
onChangeData: setCascaderData
|
243
|
+
}) : null);
|
130
244
|
});
|
131
245
|
|
132
246
|
if (__DEV__) {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CheckCascader.js","sources":["../../src/CheckCascader.tsx"],"sourcesContent":[null],"names":["
|
1
|
+
{"version":3,"file":"CheckCascader.js","sources":["../../src/CheckCascader.tsx"],"sourcesContent":[null],"names":["_prefix","getPrefixCls","NOOP_ARRAY","CheckCascader","forwardRef","_a","ref","prefixCls","className","defaultValue","valueProp","value","onChange","data","placeholder","clearable","onSelect","expandTrigger","disabled","changeOnSelect","titleRender","displayRender","checkCascaded","flatted","upMatch","onLoadChildren","appearance","invalid","dataSource","filterOption","searchableProp","searchable","overlayClassName","rest","useToggle","menuVisible","menuVisibleAction","useCache","cascaderData","setCascaderData","flattedData","useMemo","flattenTreeData","useUncontrolledState","tryChangeValue","proxyOnChange","useLatestCallback","item","shouldChecked","console","log","setSelectedItems","prev","_b","useAsyncSearch","loading","hasError","dataSourceStrategy","customSearchStrategy","useTreeCustomSearch","filterSearchStrategy","useFilterSearch","searchMode","undefined","exclude","node","checkable","upMatchSearchStrategy","useTreeUpMatchSearch","enabled","useSearchMode","strategies","stateInSearch","state","onSearch","searchValue","keyword","proxyTitleRender","useCallback","ret","highlight","found","React","cx","getNodeAncestors","map","title","id","raw","key","index","matchStrategy","resultLength","length","beforeStr","substr","resultStr","afterStr","reverse","useState","selectedItems","shouldUseSearch","selectProps","mergedData","nextData","concat","uniqBy","cls","Picker","popper","matchWidth","visible","onOpen","on","onClose","off","trigger","TagInputMock","suffix","UpOutlined","DownOutlined","focused","onExpand","isArrayNonEmpty","CheckCascaderMenus","onChangeData","__DEV__","displayName"],"mappings":"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"}
|
@@ -43,9 +43,9 @@ var CheckCascaderMenus = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
43
43
|
_a$expandTrigger = _a.expandTrigger,
|
44
44
|
expandTrigger = _a$expandTrigger === void 0 ? 'click' : _a$expandTrigger,
|
45
45
|
_a$changeOnSelect = _a.changeOnSelect,
|
46
|
-
changeOnSelect = _a$changeOnSelect === void 0 ?
|
46
|
+
changeOnSelect = _a$changeOnSelect === void 0 ? false : _a$changeOnSelect,
|
47
47
|
_a$checkCascaded = _a.checkCascaded,
|
48
|
-
checkCascaded = _a$checkCascaded === void 0 ?
|
48
|
+
checkCascaded = _a$checkCascaded === void 0 ? true : _a$checkCascaded,
|
49
49
|
onLoadChildren = _a.onLoadChildren,
|
50
50
|
onChange = _a.onChange,
|
51
51
|
titleRender = _a.titleRender,
|
@@ -16,10 +16,10 @@ import { useSearch, matchStrategy } from './hooks/use-search.js';
|
|
16
16
|
import '@hi-ui/use-check';
|
17
17
|
import '@hi-ui/use-uncontrolled-state';
|
18
18
|
import '@hi-ui/use-latest';
|
19
|
-
import { flattenTreeData, getNodeAncestors } from './utils/index.js';
|
20
19
|
import { useCache } from './hooks/use-cache.js';
|
21
20
|
import '@babel/runtime/regenerator';
|
22
21
|
import '@hi-ui/tree-utils';
|
22
|
+
import { flattenTreeData, getNodeAncestors } from './utils/index.js';
|
23
23
|
import { SearchOutlined } from '@hi-ui/icons';
|
24
24
|
import { CheckCascaderMenus } from './CheckCascaderMenus.js';
|
25
25
|
var _role = 'check-cascader-panel';
|
@@ -7,7 +7,7 @@
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
9
9
|
*/
|
10
|
-
var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-tag-input {\n position: relative;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1; }\n.hi-v4-tag-input__container {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n min-width: 160px;\n font-size: 14px;\n vertical-align: middle;\n color: #000;\n color: var(--hi-v4-color-static-black, #000);\n border: 1px solid transparent;\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n padding: 4px 10px;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n min-height: 32px;\n overflow: hidden;\n border-color: #dfe2e8;\n border-color: var(--hi-v4-color-gray-300, #dfe2e8);\n border-radius: 4px; }\n.hi-v4-tag-input__container:not(.disabled):hover {\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tag-input__container:not(.disabled).focused {\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tag-input__container.disabled {\n cursor: not-allowed;\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n background-color: #f2f4f7;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input__placeholder {\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-tag-input__suffix {\n font-size: 16px;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n.hi-v4-tag-input__clear {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: 16px;\n height: 16px;\n font-size: 14px;\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n -ms-flex-negative: 0;\n flex-shrink: 0;\n cursor: pointer;\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tag-input__clear:hover {\n color: #000;\n color: var(--hi-v4-color-static-black, #000); }\n.hi-v4-tag-input__value {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n height: 22px;\n line-height: 22px; }\n.hi-v4-tag-input__tags {\n -webkit-box-flex: 0;\n -ms-flex: 0 1 auto;\n flex: 0 1 auto;\n display: inline-block;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n white-space: nowrap;\n height: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin-top: -4px; }\n.hi-v4-tag-input__tag, .hi-v4-tag-input__tag--left {\n display: inline-block;\n margin-right: 4px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 0 8px;\n vertical-align: middle;\n font-size: 12px;\n color: #333;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background: #f2f2f2;\n border-radius: 4px; }\n.hi-v4-tag-input__tag--total {\n display: inline-block;\n margin-right: 6px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 0 8px;\n vertical-align: middle;\n font-size: 12px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-color: #bde2ff;\n background-color: var(--hi-v4-color-brandblue-100, #bde2ff);\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n border-radius: 4px;\n line-height: 22px;\n cursor: pointer; }\n.hi-v4-tag-input__tag {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n.hi-v4-tag-input__tag-content {\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n.hi-v4-tag-input__tag-closed {\n margin-left: 8px;\n margin-left: var(--hi-v4-spacing-4, 8px);\n font-size: 12px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n color: #8e8e8e;\n cursor: pointer; }\n.disabled .hi-v4-tag-input__tag-closed {\n cursor: not-allowed; }\n.hi-v4-tag-input__tag--left {\n margin: 0;\n max-width: 54px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n vertical-align: middle; }\n.hi-v4-tag-input--nowrap .hi-v4-tag-input__value {\n width: calc(100% - 64px);\n overflow-x: hidden; }\n.hi-v4-tag-input--wrap .hi-v4-tag-input__value {\n height: auto; }\n.hi-v4-tag-input--wrap .hi-v4-tag-input__tags {\n white-space: normal;\n margin-top: -4px; }\n.hi-v4-tag-input--wrap .hi-v4-tag-input__tag {\n margin-top: 4px; }\n.hi-v4-tag-input--expanded {\n position: relative; }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand {\n position: absolute;\n top: 0;\n left: 0;\n height: auto;\n z-index: 1;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n min-width: 160px;\n font-size: 14px;\n vertical-align: middle;\n color: #000;\n color: var(--hi-v4-color-static-black, #000);\n border: 1px solid transparent;\n background-color: use-color-statc(\"white\");\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n padding: 4px 0;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n min-height: 32px;\n overflow: hidden;\n border-radius: 4px;\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__value {\n height: 74px;\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n overflow: scroll;\n padding-left: 10px; }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__tags {\n white-space: normal;\n margin-top: -4px; }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__tag {\n margin-top: 4px; }\n.hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__suffix {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n padding: 2px 10px 2px 0;\n position: sticky;\n top: 0; }\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-check-cascader {\n color: #333; }\n.hi-v4-check-cascader__suffix {\n font-size: 16px;\n -webkit-transform: rotate(0);\n transform: rotate(0); }\n.hi-v4-check-cascader--open .hi-v4-check-cascader__suffix {\n -webkit-transform: rotate(-180deg);\n transform: rotate(-180deg); }\n.hi-v4-check-cascader--open .hi-v4-tag-input {\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-check-cascader-panel {\n white-space: nowrap;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n.hi-v4-check-cascader-panel-search {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 0 10px 10px;\n position: relative; }\n.hi-v4-check-cascader-panel-search .hi-v4-input__prefix {\n font-size: 16px;\n padding-left: 0; }\n.hi-v4-check-cascader-panel-search__empty {\n display: inline-block;\n margin-top: 20px;\n font-size: 14px;\n font-weight: 400;\n color: #999;\n line-height: 20px; }\n.hi-v4-check-cascader-menus {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n overflow-x: auto; }\n.hi-v4-check-cascader-menus--flatted .hi-v4-check-cascader-menu {\n -ms-flex-preferred-size: 100%;\n flex-basis: 100%; }\n.hi-v4-check-cascader-menu {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: none;\n outline: none;\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n vertical-align: middle;\n list-style: none;\n width: auto;\n box-sizing: border-box;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n display: inline-block;\n min-width: 140px;\n min-height: 160px;\n max-height: 256px;\n overflow: auto;\n padding: 4px 8px;\n border-right: 1px solid #ebedf0;\n border-right: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-check-cascader-menu:last-of-type {\n border: none; }\n.hi-v4-check-cascader-menu--checkable .hi-v4-check-cascader-menu-checkbox + .title__text {\n padding-left: 8px; }\n.hi-v4-check-cascader-menu-item {\n width: 100%;\n padding: 4px 0;\n padding: var(--hi-v4-spacing-2, 4px) 0;\n position: relative;\n cursor: pointer;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex; }\n.hi-v4-check-cascader-menu-checkbox {\n position: relative; }\n.hi-v4-check-cascader-menu-checkbox::after {\n right: 0;\n top: -8px;\n bottom: -8px;\n left: -8px;\n content: '';\n position: absolute;\n display: block; }\n.hi-v4-check-cascader-menu-option {\n padding: 0 8px;\n padding: 0 var(--hi-v4-spacing-4, 8px);\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n height: 32px;\n width: 100%;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n position: relative;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px); }\n.hi-v4-check-cascader-menu-option:hover {\n background-color: #f2f4f7;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-check-cascader-menus--selectchange .hi-v4-check-cascader-menu-option:hover .hi-v4-checkbox__icon {\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-check-cascader-menu-option.hi-v4-check-cascader-menu-option--selected {\n background: #e2f3fe;\n background: var(--hi-v4-color-brandblue-50, #e2f3fe);\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-check-cascader-menu-option.hi-v4-check-cascader-menu-option--selected .hi-v4-check-cascader-menu-switcher {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-check-cascader-menu-option--focused {\n background-color: #e2f3fe;\n background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-check-cascader-menu-option--disabled {\n cursor: not-allowed;\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n background: transparent; }\n.hi-v4-check-cascader-menu-option--disabled .hi-v4-check-cascader-menu-switcher {\n color: #c9ced6;\n color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-check-cascader-menu .title__text {\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1; }\n.hi-v4-check-cascader-menu .title__text--cols {\n display: block;\n width: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: none;\n outline: none;\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n vertical-align: middle;\n list-style: none; }\n.hi-v4-check-cascader-menu .title__text--col {\n display: inline-block; }\n.hi-v4-check-cascader-menu .title__text--col::after {\n content: '\\00a0/\\00a0'; }\n.hi-v4-check-cascader-menu .title__text--col:last-child::after {\n content: none; }\n.hi-v4-check-cascader-menu .title__text--matched {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-check-cascader-menu-switcher {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n font-size: 16px;\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-check-cascader-menu-switcher--loading {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tree--icon-loading {\n -webkit-animation-name: hi-rotate;\n animation-name: hi-rotate;\n -webkit-animation-duration: 2s;\n animation-duration: 2s;\n -webkit-animation-iteration-count: infinite;\n animation-iteration-count: infinite; }\n@-webkit-keyframes hi-rotate {\n from {\n -webkit-transform: rotate(0);\n transform: rotate(0); }\n to {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n@keyframes hi-rotate {\n from {\n -webkit-transform: rotate(0);\n transform: rotate(0); }\n to {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n";
|
10
|
+
var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-check-cascader__popper .hi-v4-picker__body {\n padding-left: 0;\n padding-right: 0; }\n.hi-v4-check-cascader-panel {\n white-space: nowrap;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n.hi-v4-check-cascader-panel-search {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 0 10px 10px;\n position: relative; }\n.hi-v4-check-cascader-panel-search .hi-v4-input__prefix {\n font-size: 16px;\n padding-left: 0; }\n.hi-v4-check-cascader-panel-search__empty {\n display: inline-block;\n margin-top: 20px;\n font-size: 14px;\n font-weight: 400;\n color: #999;\n line-height: 20px; }\n.hi-v4-check-cascader-menus {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n overflow-x: auto; }\n.hi-v4-check-cascader-menus--flatted .hi-v4-check-cascader-menu {\n -ms-flex-preferred-size: 100%;\n flex-basis: 100%; }\n.hi-v4-check-cascader-menu {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: none;\n outline: none;\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n vertical-align: middle;\n list-style: none;\n width: auto;\n box-sizing: border-box;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n display: inline-block;\n min-width: 140px;\n min-height: 160px;\n max-height: 256px;\n overflow: auto;\n padding: 0 8px;\n padding: 0 var(--hi-v4-spacing-4, 8px);\n border-right: 1px solid #ebedf0;\n border-right: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-check-cascader-menu:last-of-type {\n border: none; }\n.hi-v4-check-cascader-menu--checkable .hi-v4-check-cascader-menu-checkbox + .title__text {\n padding-left: 8px; }\n.hi-v4-check-cascader-menu-item {\n width: 100%;\n padding: 4px 0;\n padding: var(--hi-v4-spacing-2, 4px) 0;\n position: relative;\n cursor: pointer;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex; }\n.hi-v4-check-cascader-menu-checkbox {\n position: relative; }\n.hi-v4-check-cascader-menu-checkbox::after {\n right: 0;\n top: -8px;\n bottom: -8px;\n left: -8px;\n content: '';\n position: absolute;\n display: block; }\n.hi-v4-check-cascader-menu-option {\n padding: 0 8px;\n padding: 0 var(--hi-v4-spacing-4, 8px);\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n height: 32px;\n width: 100%;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n position: relative;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px); }\n.hi-v4-check-cascader-menu-option:hover {\n background-color: #f2f4f7;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-check-cascader-menus--selectchange .hi-v4-check-cascader-menu-option:hover .hi-v4-checkbox__icon {\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-check-cascader-menu-option.hi-v4-check-cascader-menu-option--selected {\n background: #e2f3fe;\n background: var(--hi-v4-color-brandblue-50, #e2f3fe);\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-check-cascader-menu-option.hi-v4-check-cascader-menu-option--selected .hi-v4-check-cascader-menu-switcher {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-check-cascader-menu-option--focused {\n background-color: #e2f3fe;\n background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-check-cascader-menu-option--disabled {\n cursor: not-allowed;\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n background: transparent; }\n.hi-v4-check-cascader-menu-option--disabled .hi-v4-check-cascader-menu-switcher {\n color: #c9ced6;\n color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-check-cascader-menu .title__text {\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1; }\n.hi-v4-check-cascader-menu .title__text--cols {\n display: block;\n width: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: none;\n outline: none;\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n vertical-align: middle;\n list-style: none; }\n.hi-v4-check-cascader-menu .title__text--col {\n display: inline-block; }\n.hi-v4-check-cascader-menu .title__text--col::after {\n content: '\\00a0/\\00a0'; }\n.hi-v4-check-cascader-menu .title__text--col:last-child::after {\n content: none; }\n.hi-v4-check-cascader-menu .title__text--matched {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-check-cascader-menu-switcher {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n font-size: 16px;\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-check-cascader-menu-switcher--loading {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tree--icon-loading {\n -webkit-animation-name: hi-rotate;\n animation-name: hi-rotate;\n -webkit-animation-duration: 2s;\n animation-duration: 2s;\n -webkit-animation-iteration-count: infinite;\n animation-iteration-count: infinite; }\n@-webkit-keyframes hi-rotate {\n from {\n -webkit-transform: rotate(0);\n transform: rotate(0); }\n to {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n@keyframes hi-rotate {\n from {\n -webkit-transform: rotate(0);\n transform: rotate(0); }\n to {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n";
|
11
11
|
|
12
12
|
var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
|
13
13
|
|
package/lib/esm/utils/index.js
CHANGED
@@ -129,44 +129,9 @@ var getActiveMenuIds = function getActiveMenuIds(data, selectedIds) {
|
|
129
129
|
}).reverse();
|
130
130
|
};
|
131
131
|
|
132
|
-
var debounce = function debounce(func, delay) {
|
133
|
-
if (delay === void 0) {
|
134
|
-
delay = 150;
|
135
|
-
}
|
136
|
-
|
137
|
-
var timer = 0;
|
138
|
-
|
139
|
-
var cancel = function cancel() {
|
140
|
-
if (timer) {
|
141
|
-
window.clearTimeout(timer);
|
142
|
-
timer = 0;
|
143
|
-
}
|
144
|
-
};
|
145
|
-
|
146
|
-
var debounceFn = function debounceFn() {
|
147
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
148
|
-
args[_key] = arguments[_key];
|
149
|
-
}
|
150
|
-
|
151
|
-
if (timer) {
|
152
|
-
cancel();
|
153
|
-
}
|
154
|
-
|
155
|
-
if (func) {
|
156
|
-
timer = window.setTimeout(function () {
|
157
|
-
func.apply(null, args);
|
158
|
-
timer = 0;
|
159
|
-
}, delay);
|
160
|
-
}
|
161
|
-
};
|
162
|
-
|
163
|
-
debounceFn.cancel = cancel;
|
164
|
-
return debounceFn;
|
165
|
-
};
|
166
|
-
|
167
132
|
function getCascaderItemEventData(node, requiredProps) {
|
168
133
|
return Object.assign(Object.assign({}, node), requiredProps);
|
169
134
|
}
|
170
135
|
|
171
|
-
export {
|
136
|
+
export { flattenTreeData, getActiveMenuIds, getActiveMenus, getCascaderItemEventData, getFlattedMenus, getNodeAncestors };
|
172
137
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/utils/index.ts"],"sourcesContent":[null],"names":["flattenTreeData","treeData","flattedTreeData","dig","node","depth","parent","id","title","children","checkable","isLeaf","disabled","disabledCheckbox","flattedNode","raw","push","childDepth","map","child","treeRoot","getTreeRoot","getNodeAncestors","ancestors","getActiveMenus","data","selectedIds","length","root","menu","selectedOption","find","reverse","getFlattedMenus","filter","getActiveMenuIds","
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/utils/index.ts"],"sourcesContent":[null],"names":["flattenTreeData","treeData","flattedTreeData","dig","node","depth","parent","id","title","children","checkable","isLeaf","disabled","disabledCheckbox","flattedNode","raw","push","childDepth","map","child","treeRoot","getTreeRoot","getNodeAncestors","ancestors","getActiveMenus","data","selectedIds","length","root","menu","selectedOption","find","reverse","getFlattedMenus","filter","getActiveMenuIds","getCascaderItemEventData","requiredProps"],"mappings":"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"}
|
@@ -1,27 +1,12 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { PopperJS } from '@hi-ui/popper';
|
3
2
|
import { CheckCascaderItem, ExpandTrigger, CheckCascaderItemEventData, FlattedCheckCascaderItem } from './types';
|
3
|
+
import { PickerProps } from '@hi-ui/picker';
|
4
|
+
import { UseDataSource } from '@hi-ui/use-data-source';
|
4
5
|
/**
|
5
6
|
* TODO: What is CheckCascader
|
6
7
|
*/
|
7
8
|
export declare const CheckCascader: React.ForwardRefExoticComponent<CheckCascaderProps & React.RefAttributes<HTMLDivElement | null>>;
|
8
|
-
export interface CheckCascaderProps {
|
9
|
-
/**
|
10
|
-
* 组件默认的选择器类
|
11
|
-
*/
|
12
|
-
prefixCls?: string;
|
13
|
-
/**
|
14
|
-
* 组件的语义化 Role 属性
|
15
|
-
*/
|
16
|
-
role?: string;
|
17
|
-
/**
|
18
|
-
* 组件的注入选择器类
|
19
|
-
*/
|
20
|
-
className?: string;
|
21
|
-
/**
|
22
|
-
* 组件的注入样式
|
23
|
-
*/
|
24
|
-
style?: React.CSSProperties;
|
9
|
+
export interface CheckCascaderProps extends Omit<PickerProps, 'trigger'> {
|
25
10
|
/**
|
26
11
|
* 设置选择项数据源
|
27
12
|
*/
|
@@ -41,6 +26,7 @@ export interface CheckCascaderProps {
|
|
41
26
|
onChange?: (values: React.ReactText[]) => void;
|
42
27
|
/**
|
43
28
|
* 选项被点击时的回调
|
29
|
+
* @private
|
44
30
|
*/
|
45
31
|
onSelect?: (selectedId: React.ReactText, selectedOption: CheckCascaderItemEventData) => void;
|
46
32
|
/**
|
@@ -101,10 +87,21 @@ export interface CheckCascaderProps {
|
|
101
87
|
onLoadChildren?: (item: CheckCascaderItemEventData) => Promise<CheckCascaderItem[] | void> | void;
|
102
88
|
/**
|
103
89
|
* 是否单行展示,超出 +1
|
90
|
+
* @private
|
104
91
|
*/
|
105
92
|
wrap?: boolean;
|
106
93
|
/**
|
107
|
-
*
|
94
|
+
* 设置展现形式
|
95
|
+
*/
|
96
|
+
appearance?: 'outline' | 'unset' | 'filled';
|
97
|
+
/**
|
98
|
+
* 自定义搜索过滤器,仅在 searchable 为 true 时有效
|
99
|
+
* 第一个参数为输入的关键字,
|
100
|
+
* 第二个为数据项,返回值为 true 时将出现在结果项
|
101
|
+
*/
|
102
|
+
filterOption?: (keyword: string, item: any) => boolean;
|
103
|
+
/**
|
104
|
+
* 异步加载数据
|
108
105
|
*/
|
109
|
-
|
106
|
+
dataSource?: UseDataSource<any>;
|
110
107
|
}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@hi-ui/check-cascader",
|
3
|
-
"version": "4.0.0-alpha.
|
3
|
+
"version": "4.0.0-alpha.28",
|
4
4
|
"description": "A sub-package for @hi-ui/hiui.",
|
5
5
|
"keywords": [],
|
6
6
|
"author": "HIUI <mi-hiui@xiaomi.com>",
|
@@ -43,22 +43,28 @@
|
|
43
43
|
"url": "https://github.com/XiaoMi/hiui/issues"
|
44
44
|
},
|
45
45
|
"dependencies": {
|
46
|
-
"@hi-ui/checkbox": "^4.0.0-alpha.
|
46
|
+
"@hi-ui/checkbox": "^4.0.0-alpha.23",
|
47
47
|
"@hi-ui/classname": "^4.0.0-alpha.3",
|
48
48
|
"@hi-ui/core-css": "^4.0.0-alpha.10",
|
49
49
|
"@hi-ui/env": "^4.0.0-alpha.5",
|
50
|
-
"@hi-ui/icons": "^4.0.0-alpha.
|
51
|
-
"@hi-ui/input": "^4.0.0-alpha.
|
52
|
-
"@hi-ui/
|
50
|
+
"@hi-ui/icons": "^4.0.0-alpha.21",
|
51
|
+
"@hi-ui/input": "^4.0.0-alpha.25",
|
52
|
+
"@hi-ui/picker": "^4.0.0-alpha.9",
|
53
|
+
"@hi-ui/popper": "^4.0.0-alpha.17",
|
54
|
+
"@hi-ui/tag-input": "^4.0.0-alpha.16",
|
53
55
|
"@hi-ui/times": "^4.0.0-alpha.4",
|
54
56
|
"@hi-ui/tree-utils": "^4.0.0-alpha.8",
|
55
|
-
"@hi-ui/
|
57
|
+
"@hi-ui/type-assertion": "^4.0.0-alpha.13",
|
58
|
+
"@hi-ui/use-check": "^4.0.0-alpha.15",
|
59
|
+
"@hi-ui/use-data-source": "^4.0.0-alpha.5",
|
56
60
|
"@hi-ui/use-latest": "^4.0.0-alpha.4",
|
57
61
|
"@hi-ui/use-merge-refs": "^4.0.0-alpha.4",
|
58
62
|
"@hi-ui/use-outside-click": "^4.0.0-alpha.7",
|
63
|
+
"@hi-ui/use-search-mode": "^4.0.0-alpha.7",
|
59
64
|
"@hi-ui/use-toggle": "^4.0.0-alpha.10",
|
60
65
|
"@hi-ui/use-uncontrolled-state": "^4.0.0-alpha.12",
|
61
66
|
"@popperjs/core": "^2.9.3",
|
67
|
+
"lodash": "^4.17.21",
|
62
68
|
"react-popper": "^2.2.5"
|
63
69
|
},
|
64
70
|
"peerDependencies": {
|
@@ -70,5 +76,5 @@
|
|
70
76
|
"react": "^17.0.1",
|
71
77
|
"react-dom": "^17.0.1"
|
72
78
|
},
|
73
|
-
"gitHead": "
|
79
|
+
"gitHead": "209a1d91256b476c9d42e50d66da57709579e215"
|
74
80
|
}
|