@hi-ui/check-cascader 4.0.0-alpha.21 → 4.0.0-alpha.26
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/CheckCascaderMenu.js +6 -1
- package/lib/cjs/CheckCascaderMenu.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/CheckCascaderMenu.js +6 -1
- package/lib/esm/CheckCascaderMenu.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 +24 -18
- 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/README.md
CHANGED
|
@@ -1,11 +1,101 @@
|
|
|
1
|
-
#
|
|
1
|
+
# CheckCascader 级联多项选择
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
一种接收数据的容器，为用户提供选择一部分数据的能力
|
|
4
4
|
|
|
5
|
-
##
|
|
5
|
+
## 何时使用
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
const CheckCascader = require('@hi-ui/check-cascader');
|
|
7
|
+
需要从大量的离散型数据中选择一部分时使用
|
|
9
8
|
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
备选项数量 5 个以上时
|
|
10
|
+
|
|
11
|
+
不需要将全部备选项都展示给用户时
|
|
12
|
+
|
|
13
|
+
## 使用示例
|
|
14
|
+
|
|
15
|
+
<!-- Inject Stories -->
|
|
16
|
+
|
|
17
|
+
## Props
|
|
18
|
+
|
|
19
|
+
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
|
20
|
+
| ----------------- | -------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------- | ------------------ | ------------------------------------------------------- |
|
|
21
|
+
| disabled | 是否禁止使用 | boolean | true \| false | false |
|
|
22
|
+
| placeholder | 输入框占位 | string | - | '请选择' |
|
|
23
|
+
| searchPlaceholder | 搜索输入框占位 | string | - | '搜索' |
|
|
24
|
+
| emptyContent | 设置选项为空时展示的内容 | ReactNode | - | '无匹配数据' |
|
|
25
|
+
| loadingContent | 设置加载中时展示的内容 | ReactNode | - | '数据加载中...' |
|
|
26
|
+
| overlayClassName | 下拉根元素的类名称 | string | - | - |
|
|
27
|
+
| searchable | 是否可搜索 | boolean | true \| false | false |
|
|
28
|
+
| clearable | 是否可清空 | boolean | true \| false | true |
|
|
29
|
+
| popper | 自定义控制弹出层 popper 行为 | Omit<PopperProps, 'visible' \| 'attachEl'> | - | - |
|
|
30
|
+
| fieldNames | 设置 data 中 label, value, children 对应的 key | object | - | { label: 'label', value: 'value', children: 'children'} |
|
|
31
|
+
| data | 设置选择项数据源 | CheckCascaderDataItem[] | - | - |
|
|
32
|
+
| value | 设置当前选中值 | ReactText[] | - | [] |
|
|
33
|
+
| defaultValue | 设置当前选中值默认值 | ReactText[] | - | [] |
|
|
34
|
+
| displayRender | 自定义选择后展示的内容 | (value: string[]) => string | - | - |
|
|
35
|
+
| expandTrigger | 次级菜单的展开方式，可选 'click' 和 'hover' | string | 'click' \| 'hover' | 'click' |
|
|
36
|
+
| filterOption | 第一个参数为输入的关键字，第二个为数据项，返回值为 true 时将出现在结果项。仅在 searchable 为 true 时有效 | (keyword: string, item: DataItem) => boolean | - | - |
|
|
37
|
+
| changeOnSelect | 是否启用选择即改变功能 | boolean | true \| false | false |
|
|
38
|
+
| flatted | 将选项拍平展示，不支持 `onLoadChildren` 异步加载交互 | true \| false | false |
|
|
39
|
+
| upMatch | 开启全量搜索，默认只对开启对可选的选项进行搜索，不向上查找路径 | true \| false | false |
|
|
40
|
+
| titleRender | 自定义渲染节点的 title 内容径 | (item: CheckCascaderItemEventData, flatted: boolean) => React.ReactNode | - |
|
|
41
|
+
| filterOption | 自定义搜索过滤器，仅在 searchable 为 true 时有效。第一个参数为输入的关键字，第二个为数据项，返回值为 true 时将出现在结果项 | (keyword: string, item: CheckCascaderItemEventData) => boolean | - |
|
|
42
|
+
| dataSource | 异步搜索加载数据 | (key: string) => DataSource \| DataSource \| Promise | - |
|
|
43
|
+
| checkCascaded | 支持 checkbox 级联（正反选）功能 | true \| false | true |
|
|
44
|
+
|
|
45
|
+
## Events
|
|
46
|
+
|
|
47
|
+
| 名称 | 说明 | 类型 | 参数 | 返回值 |
|
|
48
|
+
| ------------------ | ------------------ | ------------------------------------------------------------------------------- | ------------------ | ------ |
|
|
49
|
+
| onChange | 选择后的回调 | (values: ReactText[]) => void | values: 选中项集合 | - |
|
|
50
|
+
| onActiveItemChange | 选中项改变时的回调 | (values: string[]) => void | values: 选中项集合 | - |
|
|
51
|
+
| onOpen | 下拉菜单打开时回调 | () => void | - | - |
|
|
52
|
+
| onClose | 下拉菜单关闭时回调 | () => void | - | - |
|
|
53
|
+
| onLoadChildren | 异步请求更新数据 | (item: CheckCascaderItemEventData) => Promise\<CascaderItem[] \| void\> \| void | - | - |
|
|
54
|
+
|
|
55
|
+
## Type
|
|
56
|
+
|
|
57
|
+
### CheckCascaderDataItem
|
|
58
|
+
|
|
59
|
+
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
|
60
|
+
| -------- | -------- | ------- | ------------- | ------ |
|
|
61
|
+
| id | 选择项值 | string | - | - |
|
|
62
|
+
| title | 选择项 | string | - | - |
|
|
63
|
+
| disabled | 是否禁用 | boolean | true \| false | false |
|
|
64
|
+
|
|
65
|
+
### CheckCascaderItemEventData
|
|
66
|
+
|
|
67
|
+
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
|
68
|
+
| -------- | -------------------------------- | -------- | ------------- | ------ |
|
|
69
|
+
| id | 选择项值 | string | - | - |
|
|
70
|
+
| title | 选择项 | string | - | - |
|
|
71
|
+
| disabled | 是否禁用 | boolean | true \| false | false |
|
|
72
|
+
| depth | 选项的层级，根节点层级为 0 | number | - | - |
|
|
73
|
+
| raw | 原始数据，包括约定模型之外的数据 | object | - | - |
|
|
74
|
+
| parent | 选项的父级节点数据 | object | - | - |
|
|
75
|
+
| children | 选项的孩子节点列表数据 | object[] | - | - |
|
|
76
|
+
| selected | 节点是否被选中 | boolean | true \| false | - |
|
|
77
|
+
| loading | 节点是否在异步加载子项数据中 | boolean | true \| false | - |
|
|
78
|
+
| focused | 节点是否被聚焦 | boolean | true \| false | - |
|
|
79
|
+
|
|
80
|
+
### DataSource
|
|
81
|
+
|
|
82
|
+
> 继承 [Axios](https://www.kancloud.cn/yunye/axios/234845) 的 api
|
|
83
|
+
|
|
84
|
+
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
|
85
|
+
| ----------------- | ---------------------------------- | -------------------------------- | ------------- | ------ |
|
|
86
|
+
| url | 请求的 url | string | - | - |
|
|
87
|
+
| method | 请求方法 | string | get \| post | get |
|
|
88
|
+
| data | post 请求时请求体参数 | object | - | - |
|
|
89
|
+
| params | url 查询参数 | object | - | - |
|
|
90
|
+
| headers | 请求头 | object | - | - |
|
|
91
|
+
| withCredentials | 上传请求时是否携带 cookie | boolean | true \| false | false |
|
|
92
|
+
| transformResponse | 成功时的回调，用于对数据进行预处理 | (response: object) => DataItem[] | - | - |
|
|
93
|
+
| error | 请求发生异常的回调方法 | (error: object) => void | - | - |
|
|
94
|
+
|
|
95
|
+
## CHANGELOG
|
|
96
|
+
|
|
97
|
+
| 参数 | 变更类型 | 变更内容 | 解决的问题 |
|
|
98
|
+
| ------------- | ------------------------------- | ---------- | ---------------------------- |
|
|
99
|
+
| propName | feature \| deprecated \| update | 变更了什么 | 之前是什么样子，解决什么问题 |
|
|
100
|
+
| ---- | ---- | ---- | ---- |
|
|
101
|
+
| checkCascaded | feature | - | 支持级联选择开关控制 |
|
package/lib/cjs/CheckCascader.js
CHANGED
|
@@ -29,21 +29,31 @@ var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
|
|
|
29
29
|
|
|
30
30
|
var icons = require('@hi-ui/icons');
|
|
31
31
|
|
|
32
|
-
var
|
|
33
|
-
|
|
34
|
-
var TagInput = require('./TagInput.js');
|
|
35
|
-
|
|
36
|
-
var popper = require('@hi-ui/popper');
|
|
37
|
-
|
|
38
|
-
require('@hi-ui/use-latest');
|
|
32
|
+
var useSearch = require('./hooks/use-search.js');
|
|
39
33
|
|
|
40
34
|
require('@hi-ui/use-check');
|
|
41
35
|
|
|
36
|
+
var useLatest = require('@hi-ui/use-latest');
|
|
37
|
+
|
|
42
38
|
var useCache = require('./hooks/use-cache.js');
|
|
43
39
|
|
|
44
40
|
require('@babel/runtime/regenerator');
|
|
45
41
|
|
|
46
|
-
require('@hi-ui/tree-utils');
|
|
42
|
+
var treeUtils = require('@hi-ui/tree-utils');
|
|
43
|
+
|
|
44
|
+
var picker = require('@hi-ui/picker');
|
|
45
|
+
|
|
46
|
+
var tagInput = require('@hi-ui/tag-input');
|
|
47
|
+
|
|
48
|
+
var lodash = require('lodash');
|
|
49
|
+
|
|
50
|
+
var CheckCascaderMenus = require('./CheckCascaderMenus.js');
|
|
51
|
+
|
|
52
|
+
var useSearchMode = require('@hi-ui/use-search-mode');
|
|
53
|
+
|
|
54
|
+
var index = require('./utils/index.js');
|
|
55
|
+
|
|
56
|
+
var typeAssertion = require('@hi-ui/type-assertion');
|
|
47
57
|
|
|
48
58
|
function _interopDefaultLegacy(e) {
|
|
49
59
|
return e && _typeof(e) === 'object' && 'default' in e ? e : {
|
|
@@ -53,9 +63,7 @@ function _interopDefaultLegacy(e) {
|
|
|
53
63
|
|
|
54
64
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
55
65
|
|
|
56
|
-
var
|
|
57
|
-
|
|
58
|
-
var _prefix = classname.getPrefixCls(_role);
|
|
66
|
+
var _prefix = classname.getPrefixCls('check-cascader');
|
|
59
67
|
|
|
60
68
|
var NOOP_ARRAY = [];
|
|
61
69
|
/**
|
|
@@ -65,8 +73,6 @@ var NOOP_ARRAY = [];
|
|
|
65
73
|
var CheckCascader = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
66
74
|
var _a$prefixCls = _a.prefixCls,
|
|
67
75
|
prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
|
|
68
|
-
_a$role = _a.role,
|
|
69
|
-
role = _a$role === void 0 ? _role : _a$role,
|
|
70
76
|
className = _a.className,
|
|
71
77
|
_a$defaultValue = _a.defaultValue,
|
|
72
78
|
defaultValue = _a$defaultValue === void 0 ? NOOP_ARRAY : _a$defaultValue,
|
|
@@ -78,86 +84,198 @@ var CheckCascader = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
78
84
|
clearable = _a.clearable,
|
|
79
85
|
onSelect = _a.onSelect,
|
|
80
86
|
expandTrigger = _a.expandTrigger,
|
|
81
|
-
searchable = _a.searchable,
|
|
82
87
|
disabled = _a.disabled,
|
|
83
|
-
emptyContent = _a.emptyContent,
|
|
84
88
|
changeOnSelect = _a.changeOnSelect,
|
|
85
89
|
titleRender = _a.titleRender,
|
|
86
90
|
displayRender = _a.displayRender,
|
|
87
91
|
checkCascaded = _a.checkCascaded,
|
|
88
92
|
flatted = _a.flatted,
|
|
89
93
|
upMatch = _a.upMatch,
|
|
90
|
-
searchPlaceholder = _a.searchPlaceholder,
|
|
91
94
|
onLoadChildren = _a.onLoadChildren,
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
+
appearance = _a.appearance,
|
|
96
|
+
invalid = _a.invalid,
|
|
97
|
+
dataSource = _a.dataSource,
|
|
98
|
+
filterOption = _a.filterOption,
|
|
99
|
+
searchableProp = _a.searchable,
|
|
100
|
+
overlayClassName = _a.overlayClassName,
|
|
101
|
+
rest = tslib.__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"]);
|
|
102
|
+
|
|
103
|
+
var _useToggle = useToggle.useToggle(),
|
|
104
|
+
menuVisible = _useToggle[0],
|
|
105
|
+
menuVisibleAction = _useToggle[1];
|
|
95
106
|
|
|
96
107
|
var _useCache = useCache.useCache(data),
|
|
97
108
|
cascaderData = _useCache[0],
|
|
98
109
|
setCascaderData = _useCache[1];
|
|
99
110
|
|
|
111
|
+
var flattedData = React.useMemo(function () {
|
|
112
|
+
return index.flattenTreeData(cascaderData);
|
|
113
|
+
}, [cascaderData]);
|
|
114
|
+
|
|
100
115
|
var _useUncontrolledState = useUncontrolledState.useUncontrolledState(defaultValue, valueProp, onChange),
|
|
101
116
|
value = _useUncontrolledState[0],
|
|
102
117
|
tryChangeValue = _useUncontrolledState[1];
|
|
103
118
|
|
|
104
|
-
var
|
|
105
|
-
|
|
106
|
-
|
|
119
|
+
var proxyOnChange = useLatest.useLatestCallback(function (value, item, shouldChecked) {
|
|
120
|
+
tryChangeValue(value, item, shouldChecked);
|
|
121
|
+
console.log('proxyOnChange', value); // 包括所有全选的数据，包括全选
|
|
122
|
+
|
|
123
|
+
if (shouldChecked) {
|
|
124
|
+
// TODO：as useCheckList
|
|
125
|
+
setSelectedItems(function (prev) {
|
|
126
|
+
return [].concat(prev, [item]);
|
|
127
|
+
});
|
|
128
|
+
}
|
|
129
|
+
}); // ************************** 异步搜索 ************************* //
|
|
130
|
+
// TODO: 支持对 Item 传入 状态
|
|
107
131
|
|
|
108
|
-
var
|
|
109
|
-
|
|
110
|
-
|
|
132
|
+
var _b = useSearchMode.useAsyncSearch({
|
|
133
|
+
dataSource: dataSource
|
|
134
|
+
}),
|
|
135
|
+
loading = _b.loading,
|
|
136
|
+
hasError = _b.hasError,
|
|
137
|
+
dataSourceStrategy = tslib.__rest(_b, ["loading", "hasError"]);
|
|
111
138
|
|
|
112
|
-
var
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
139
|
+
var customSearchStrategy = useSearchMode.useTreeCustomSearch({
|
|
140
|
+
data: flattedData,
|
|
141
|
+
filterOption: filterOption
|
|
142
|
+
});
|
|
143
|
+
var filterSearchStrategy = useSearchMode.useFilterSearch({
|
|
144
|
+
data: flattedData,
|
|
145
|
+
flattedData: flattedData,
|
|
146
|
+
searchMode: searchableProp && !upMatch ? 'filter' : undefined,
|
|
147
|
+
exclude: function exclude(node) {
|
|
148
|
+
return !node.checkable;
|
|
149
|
+
}
|
|
150
|
+
});
|
|
151
|
+
var upMatchSearchStrategy = useSearchMode.useTreeUpMatchSearch({
|
|
119
152
|
data: cascaderData,
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
placeholder: placeholder,
|
|
125
|
-
displayRender: displayRender,
|
|
126
|
-
wrap: wrap,
|
|
127
|
-
suffix: /*#__PURE__*/React__default['default'].createElement(icons.DownOutlined, {
|
|
128
|
-
className: prefixCls + "__suffix"
|
|
129
|
-
}),
|
|
130
|
-
onClick: function onClick() {
|
|
131
|
-
if (disabled) return;
|
|
132
|
-
menuVisibleAction.on();
|
|
153
|
+
flattedData: flattedData,
|
|
154
|
+
enabled: upMatch,
|
|
155
|
+
exclude: function exclude(node) {
|
|
156
|
+
return !node.checkable;
|
|
133
157
|
}
|
|
134
|
-
})
|
|
135
|
-
|
|
136
|
-
|
|
158
|
+
});
|
|
159
|
+
|
|
160
|
+
var _useSearchMode = useSearchMode.useSearchMode({
|
|
161
|
+
searchable: searchableProp,
|
|
162
|
+
strategies: [dataSourceStrategy, customSearchStrategy, filterSearchStrategy, upMatchSearchStrategy]
|
|
163
|
+
}),
|
|
164
|
+
stateInSearch = _useSearchMode.state,
|
|
165
|
+
searchable = _useSearchMode.searchable,
|
|
166
|
+
searchMode = _useSearchMode.searchMode,
|
|
167
|
+
onSearch = _useSearchMode.onSearch,
|
|
168
|
+
searchValue = _useSearchMode.keyword; // 拦截 titleRender，自定义高亮展示
|
|
169
|
+
|
|
170
|
+
|
|
171
|
+
var proxyTitleRender = React.useCallback(function (node) {
|
|
172
|
+
if (titleRender) {
|
|
173
|
+
var _ret = titleRender(node);
|
|
174
|
+
|
|
175
|
+
if (_ret && _ret !== true) return _ret;
|
|
176
|
+
} // 本地搜索执行默认高亮规则
|
|
177
|
+
|
|
178
|
+
|
|
179
|
+
var highlight = !!searchValue && (searchMode === 'upMatch' || searchMode === 'filter');
|
|
180
|
+
var found = false;
|
|
181
|
+
var ret = highlight ? /*#__PURE__*/React__default['default'].createElement("span", {
|
|
182
|
+
className: classname.cx("title__text", "title__text--cols")
|
|
183
|
+
}, treeUtils.getNodeAncestors(node).map(function (item) {
|
|
184
|
+
var title = item.title,
|
|
185
|
+
id = item.id;
|
|
186
|
+
var raw = /*#__PURE__*/React__default['default'].createElement("span", {
|
|
187
|
+
className: "title__text--col",
|
|
188
|
+
key: id
|
|
189
|
+
}, title);
|
|
190
|
+
if (typeof title !== 'string') return raw;
|
|
191
|
+
if (found) return raw;
|
|
192
|
+
var index = useSearch.matchStrategy(title, searchValue);
|
|
193
|
+
if (index === -1) return raw;
|
|
194
|
+
found = true;
|
|
195
|
+
var resultLength = searchValue.length;
|
|
196
|
+
var beforeStr = title.substr(0, index);
|
|
197
|
+
var resultStr = title.substr(index, searchValue.length);
|
|
198
|
+
var afterStr = title.substr(index + resultLength);
|
|
199
|
+
return /*#__PURE__*/React__default['default'].createElement("span", {
|
|
200
|
+
className: "title__text--col",
|
|
201
|
+
key: id
|
|
202
|
+
}, beforeStr, /*#__PURE__*/React__default['default'].createElement("span", {
|
|
203
|
+
className: "title__text--matched"
|
|
204
|
+
}, resultStr), afterStr);
|
|
205
|
+
}).reverse()) : true;
|
|
206
|
+
return ret;
|
|
207
|
+
}, [titleRender, searchValue, searchMode]); // 搜索时临时选中缓存数据
|
|
208
|
+
|
|
209
|
+
var _useState = React.useState([]),
|
|
210
|
+
selectedItems = _useState[0],
|
|
211
|
+
setSelectedItems = _useState[1];
|
|
212
|
+
|
|
213
|
+
var shouldUseSearch = !!searchValue && !hasError;
|
|
214
|
+
var selectProps = {
|
|
215
|
+
data: shouldUseSearch ? stateInSearch.data : flattedData,
|
|
216
|
+
titleRender: proxyTitleRender
|
|
217
|
+
}; // 下拉菜单不能合并（因为树形数据，不知道是第几级）
|
|
218
|
+
|
|
219
|
+
var mergedData = React.useMemo(function () {
|
|
220
|
+
var nextData = selectedItems.concat(flattedData);
|
|
221
|
+
return lodash.uniqBy(nextData, 'id');
|
|
222
|
+
}, [selectedItems, flattedData]);
|
|
223
|
+
var cls = classname.cx(prefixCls, className, prefixCls + "--" + (menuVisible ? 'open' : 'closed'));
|
|
224
|
+
return /*#__PURE__*/React__default['default'].createElement(picker.Picker, Object.assign({
|
|
225
|
+
ref: ref,
|
|
226
|
+
className: cls,
|
|
227
|
+
overlayClassName: classname.cx(prefixCls + "__popper", overlayClassName)
|
|
228
|
+
}, rest, {
|
|
229
|
+
// 这种展现形式宽度是不固定的，关掉宽度匹配策略
|
|
230
|
+
popper: Object.assign({
|
|
231
|
+
matchWidth: false
|
|
232
|
+
}, rest.popper),
|
|
137
233
|
visible: menuVisible,
|
|
234
|
+
onOpen: function onOpen() {
|
|
235
|
+
// setViewSelected(false)
|
|
236
|
+
menuVisibleAction.on();
|
|
237
|
+
},
|
|
238
|
+
disabled: disabled,
|
|
138
239
|
onClose: menuVisibleAction.off,
|
|
139
|
-
// TODO: 是否从 props omit 所有 popper 相关的 props 应用到 Popper
|
|
140
|
-
placement: placement
|
|
141
|
-
}, /*#__PURE__*/React__default['default'].createElement(CheckCascaderPanel.CheckCascaderPanel, Object.assign({
|
|
142
|
-
value: value,
|
|
143
|
-
onChange: tryChangeValue
|
|
144
|
-
}, {
|
|
145
|
-
data: data,
|
|
146
|
-
cascaderData: cascaderData,
|
|
147
|
-
setCascaderData: setCascaderData,
|
|
148
|
-
onSelect: onSelect,
|
|
149
|
-
expandTrigger: expandTrigger,
|
|
150
240
|
searchable: searchable,
|
|
241
|
+
onSearch: onSearch,
|
|
242
|
+
loading: loading,
|
|
243
|
+
trigger: /*#__PURE__*/React__default['default'].createElement(tagInput.TagInputMock, {
|
|
244
|
+
clearable: clearable,
|
|
245
|
+
placeholder: placeholder,
|
|
246
|
+
// @ts-ignore
|
|
247
|
+
displayRender: displayRender,
|
|
248
|
+
suffix: menuVisible ? /*#__PURE__*/React__default['default'].createElement(icons.UpOutlined, null) : /*#__PURE__*/React__default['default'].createElement(icons.DownOutlined, null),
|
|
249
|
+
focused: menuVisible,
|
|
250
|
+
appearance: appearance,
|
|
251
|
+
value: value,
|
|
252
|
+
// @ts-ignore
|
|
253
|
+
onChange: proxyOnChange,
|
|
254
|
+
data: mergedData,
|
|
255
|
+
invalid: invalid,
|
|
256
|
+
onExpand: function onExpand() {
|
|
257
|
+
// setViewSelected(true)
|
|
258
|
+
menuVisibleAction.on();
|
|
259
|
+
}
|
|
260
|
+
})
|
|
261
|
+
}), typeAssertion.isArrayNonEmpty(selectProps.data) ? /*#__PURE__*/React__default['default'].createElement(CheckCascaderMenus.CheckCascaderMenus, {
|
|
151
262
|
disabled: disabled,
|
|
152
|
-
|
|
263
|
+
value: value,
|
|
264
|
+
defaultValue: defaultValue,
|
|
265
|
+
// @ts-ignore
|
|
266
|
+
onChange: proxyOnChange,
|
|
267
|
+
expandTrigger: expandTrigger,
|
|
153
268
|
changeOnSelect: changeOnSelect,
|
|
154
|
-
titleRender: titleRender,
|
|
155
269
|
checkCascaded: checkCascaded,
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
270
|
+
onSelect: onSelect,
|
|
271
|
+
onLoadChildren: onLoadChildren,
|
|
272
|
+
titleRender: proxyTitleRender,
|
|
273
|
+
flatted: flatted || !!searchValue,
|
|
274
|
+
// @ts-ignore
|
|
275
|
+
flattedData: selectProps.data,
|
|
276
|
+
data: cascaderData,
|
|
277
|
+
onChangeData: setCascaderData
|
|
278
|
+
}) : null);
|
|
161
279
|
});
|
|
162
280
|
|
|
163
281
|
if (env.__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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"}
|
|
@@ -91,13 +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
99
|
loading = eventOption.loading,
|
|
98
100
|
semiChecked = eventOption.semiChecked;
|
|
99
101
|
var disabled = disabledContext || option.disabled;
|
|
100
|
-
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");
|
|
101
106
|
return /*#__PURE__*/React__default['default'].createElement("li", {
|
|
102
107
|
role: "menu-item",
|
|
103
108
|
className: prefixCls + "-item",
|
|
@@ -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","semiChecked","optionCls","onClick","evt","onMouseEnter","Checkbox","indeterminate","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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"}
|
|
@@ -70,9 +70,9 @@ var CheckCascaderMenus = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
70
70
|
_a$expandTrigger = _a.expandTrigger,
|
|
71
71
|
expandTrigger = _a$expandTrigger === void 0 ? 'click' : _a$expandTrigger,
|
|
72
72
|
_a$changeOnSelect = _a.changeOnSelect,
|
|
73
|
-
changeOnSelect = _a$changeOnSelect === void 0 ?
|
|
73
|
+
changeOnSelect = _a$changeOnSelect === void 0 ? false : _a$changeOnSelect,
|
|
74
74
|
_a$checkCascaded = _a.checkCascaded,
|
|
75
|
-
checkCascaded = _a$checkCascaded === void 0 ?
|
|
75
|
+
checkCascaded = _a$checkCascaded === void 0 ? true : _a$checkCascaded,
|
|
76
76
|
onLoadChildren = _a.onLoadChildren,
|
|
77
77
|
onChange = _a.onChange,
|
|
78
78
|
titleRender = _a.titleRender,
|
|
@@ -33,14 +33,14 @@ require('@hi-ui/use-uncontrolled-state');
|
|
|
33
33
|
|
|
34
34
|
require('@hi-ui/use-latest');
|
|
35
35
|
|
|
36
|
-
var index = require('./utils/index.js');
|
|
37
|
-
|
|
38
36
|
var useCache = require('./hooks/use-cache.js');
|
|
39
37
|
|
|
40
38
|
require('@babel/runtime/regenerator');
|
|
41
39
|
|
|
42
40
|
require('@hi-ui/tree-utils');
|
|
43
41
|
|
|
42
|
+
var index = require('./utils/index.js');
|
|
43
|
+
|
|
44
44
|
var icons = require('@hi-ui/icons');
|
|
45
45
|
|
|
46
46
|
var CheckCascaderMenus = require('./CheckCascaderMenus.js');
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
Object.defineProperty(exports, '__esModule', {
|
|
13
13
|
value: true
|
|
14
14
|
});
|
|
15
|
-
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 padding-top: 10px; }\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: 160px;\n min-height: 160px;\n max-height: 260px;\n overflow: auto;\n padding-bottom: 10px; }\n.hi-v4-check-cascader-menu--checkable .title__text {\n padding-left: 24px; }\n.hi-v4-check-cascader-menu--checkable .hi-v4-check-cascader-menu-checkbox + .title__text {\n padding-left: 0; }\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 8px2px;\n padding: 0 var(--hi-v4-spacing-4, 8px)2px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n min-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.hi-v4-check-cascader-menu-option:hover {\n background-color: #bde2ff;\n background-color: var(--hi-v4-color-brandblue-100, #bde2ff); }\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--selected {\n background-color: #bde2ff;\n background-color: var(--hi-v4-color-brandblue-100, #bde2ff);\n font-weight: 700; }\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--checked {\n font-weight: 700; }\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 font-weight: 400; }\n.hi-v4-check-cascader-menu-option--disabled .hi-v4-check-cascader-menu-switcher {\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6); }\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: #666; }\n.hi-v4-check-cascader-menu-switcher svg {\n width: 1em;\n height: 1em;\n fill: currentColor;\n stroke: currentColor;\n display: inline-block;\n vertical-align: -0.15em; }\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";
|
|
15
|
+
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";
|
|
16
16
|
|
|
17
17
|
var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
|
|
18
18
|
|