@hi-ui/check-cascader 4.2.2 → 4.2.3

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.
@@ -9,111 +9,78 @@
9
9
  */
10
10
  'use strict';
11
11
 
12
- var _typeof = require("@babel/runtime/helpers/typeof");
13
-
14
- Object.defineProperty(exports, '__esModule', {
15
- value: true
16
- });
17
-
18
12
  var tslib = require('tslib');
19
-
20
13
  var React = require('react');
21
-
22
14
  var classname = require('@hi-ui/classname');
23
-
24
15
  var env = require('@hi-ui/env');
25
-
26
16
  var useLatest = require('@hi-ui/use-latest');
27
-
28
17
  var CheckCascaderMenu = require('./CheckCascaderMenu.js');
29
-
30
18
  var context = require('./context.js');
31
-
32
19
  var index = require('./utils/index.js');
33
-
34
20
  var useCheck = require('./hooks/use-check.js');
35
-
36
21
  var useSelect = require('./hooks/use-select.js');
37
-
38
22
  var useAsyncSwitch = require('./hooks/use-async-switch.js');
39
-
40
23
  var typeAssertion = require('@hi-ui/type-assertion');
41
-
42
- function _interopDefaultLegacy(e) {
43
- return e && _typeof(e) === 'object' && 'default' in e ? e : {
44
- 'default': e
45
- };
46
- }
47
-
48
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
49
-
50
24
  var _role = 'check-cascader-menus';
51
-
52
25
  var _prefix = classname.getPrefixCls(_role);
53
-
54
26
  var NOOP_ARRAY = [];
55
27
  var CheckCascaderMenuList = /*#__PURE__*/React.forwardRef(function (_a, ref) {
56
28
  var _a$prefixCls = _a.prefixCls,
57
- prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
58
- _a$role = _a.role,
59
- role = _a$role === void 0 ? _role : _a$role,
60
- className = _a.className,
61
- flattedData = _a.flattedData,
62
- onChangeData = _a.onChangeData,
63
- valueProp = _a.value,
64
- _a$defaultValue = _a.defaultValue,
65
- defaultValue = _a$defaultValue === void 0 ? NOOP_ARRAY : _a$defaultValue,
66
- _a$disabled = _a.disabled,
67
- disabled = _a$disabled === void 0 ? false : _a$disabled,
68
- _a$expandTrigger = _a.expandTrigger,
69
- expandTrigger = _a$expandTrigger === void 0 ? 'click' : _a$expandTrigger,
70
- _a$changeOnSelect = _a.changeOnSelect,
71
- changeOnSelect = _a$changeOnSelect === void 0 ? false : _a$changeOnSelect,
72
- _a$checkCascaded = _a.checkCascaded,
73
- checkCascaded = _a$checkCascaded === void 0 ? true : _a$checkCascaded,
74
- onLoadChildren = _a.onLoadChildren,
75
- onChange = _a.onChange,
76
- titleRender = _a.titleRender,
77
- dropdownColumnRender = _a.dropdownColumnRender,
78
- flatted = _a.flatted,
79
- _a$checkedMode = _a.checkedMode,
80
- checkedMode = _a$checkedMode === void 0 ? 'ALL' : _a$checkedMode,
81
- rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "data", "flattedData", "onChangeData", "value", "defaultValue", "disabled", "expandTrigger", "changeOnSelect", "checkCascaded", "onLoadChildren", "onChange", "onSelect", "titleRender", "dropdownColumnRender", "flatted", "checkedMode"]);
82
-
29
+ prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
30
+ _a$role = _a.role,
31
+ role = _a$role === void 0 ? _role : _a$role,
32
+ className = _a.className,
33
+ flattedData = _a.flattedData,
34
+ onChangeData = _a.onChangeData,
35
+ valueProp = _a.value,
36
+ _a$defaultValue = _a.defaultValue,
37
+ defaultValue = _a$defaultValue === void 0 ? NOOP_ARRAY : _a$defaultValue,
38
+ _a$disabled = _a.disabled,
39
+ disabled = _a$disabled === void 0 ? false : _a$disabled,
40
+ _a$expandTrigger = _a.expandTrigger,
41
+ expandTrigger = _a$expandTrigger === void 0 ? 'click' : _a$expandTrigger,
42
+ _a$changeOnSelect = _a.changeOnSelect,
43
+ changeOnSelect = _a$changeOnSelect === void 0 ? false : _a$changeOnSelect,
44
+ _a$checkCascaded = _a.checkCascaded,
45
+ checkCascaded = _a$checkCascaded === void 0 ? true : _a$checkCascaded,
46
+ onLoadChildren = _a.onLoadChildren,
47
+ onChange = _a.onChange,
48
+ titleRender = _a.titleRender,
49
+ dropdownColumnRender = _a.dropdownColumnRender,
50
+ flatted = _a.flatted,
51
+ _a$checkedMode = _a.checkedMode,
52
+ checkedMode = _a$checkedMode === void 0 ? 'ALL' : _a$checkedMode,
53
+ rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "data", "flattedData", "onChangeData", "value", "defaultValue", "disabled", "expandTrigger", "changeOnSelect", "checkCascaded", "onLoadChildren", "onChange", "onSelect", "titleRender", "dropdownColumnRender", "flatted", "checkedMode"]);
83
54
  if (checkCascaded === false) {
84
55
  checkedMode = 'SEPARATE';
85
56
  }
86
-
87
57
  var _useSelect = useSelect.useSelect(disabled),
88
- selectedId = _useSelect[0],
89
- onOptionSelect = _useSelect[1];
90
-
58
+ selectedId = _useSelect[0],
59
+ onOptionSelect = _useSelect[1];
91
60
  var selectedIds = index.getActiveMenuIds(flattedData, selectedId);
92
-
93
61
  var _useAsyncSwitch = useAsyncSwitch.useAsyncSwitch(onChangeData, onOptionSelect, onLoadChildren),
94
- isLoadingId = _useAsyncSwitch[0],
95
- onItemExpand = _useAsyncSwitch[1];
96
-
62
+ isLoadingId = _useAsyncSwitch[0],
63
+ onItemExpand = _useAsyncSwitch[1];
97
64
  var _useCheck = useCheck.useCheck(checkedMode, disabled, flattedData, defaultValue, valueProp, function (_ref, target, shouldChecked) {
98
- var checkedIds = _ref.checkedIds; // @ts-ignore
99
-
100
- onChange === null || onChange === void 0 ? void 0 : onChange(checkedIds, target, shouldChecked);
101
- }),
102
- onOptionCheck = _useCheck[0],
103
- isCheckedId = _useCheck[1],
104
- isSemiCheckedId = _useCheck[2];
105
-
65
+ var checkedIds = _ref.checkedIds;
66
+ // @ts-ignore
67
+ onChange === null || onChange === void 0 ? void 0 : onChange(checkedIds, target, shouldChecked);
68
+ }),
69
+ onOptionCheck = _useCheck[0],
70
+ isCheckedId = _useCheck[1],
71
+ isSemiCheckedId = _useCheck[2];
106
72
  var getCascaderItemRequiredProps = useLatest.useLatestCallback(function (_ref2) {
107
73
  var id = _ref2.id,
108
- depth = _ref2.depth;
74
+ depth = _ref2.depth;
109
75
  return {
110
76
  selected: flatted ? selectedId === id : selectedIds[depth] === id,
111
77
  checked: isCheckedId(id),
112
78
  loading: isLoadingId(id),
113
- semiChecked: isSemiCheckedId(id) // focused: false,
114
-
79
+ semiChecked: isSemiCheckedId(id)
80
+ // focused: false,
115
81
  };
116
82
  });
83
+
117
84
  var providedValue = React.useMemo(function () {
118
85
  return {
119
86
  expandTrigger: expandTrigger,
@@ -128,14 +95,14 @@ var CheckCascaderMenuList = /*#__PURE__*/React.forwardRef(function (_a, ref) {
128
95
  }, [expandTrigger, onOptionCheck, onItemExpand, flatted, changeOnSelect, titleRender, onLoadChildren, disabled]);
129
96
  var menus = flatted ? index.getFlattedMenus(flattedData) : index.getActiveMenus(flattedData, selectedId);
130
97
  var cls = classname.cx(prefixCls, className, flatted && prefixCls + "--flatted", changeOnSelect && prefixCls + "--selectchange");
131
- return /*#__PURE__*/React__default["default"].createElement(context.CheckCascaderProvider, {
98
+ return /*#__PURE__*/React.createElement(context.CheckCascaderProvider, {
132
99
  value: providedValue
133
- }, /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
100
+ }, /*#__PURE__*/React.createElement("div", Object.assign({
134
101
  ref: ref,
135
102
  role: role,
136
103
  className: cls
137
104
  }, rest), menus.map(function (menu, menuIndex) {
138
- var menuContent = /*#__PURE__*/React__default["default"].createElement(CheckCascaderMenu.CheckCascaderMenu, {
105
+ var menuContent = /*#__PURE__*/React.createElement(CheckCascaderMenu.CheckCascaderMenu, {
139
106
  key: menuIndex,
140
107
  data: menu,
141
108
  getCascaderItemRequiredProps: getCascaderItemRequiredProps
@@ -143,9 +110,7 @@ var CheckCascaderMenuList = /*#__PURE__*/React.forwardRef(function (_a, ref) {
143
110
  return menu.length > 0 ? typeAssertion.isFunction(dropdownColumnRender) ? dropdownColumnRender(menuContent, menuIndex) : menuContent : null;
144
111
  })));
145
112
  });
146
-
147
113
  if (env.__DEV__) {
148
114
  CheckCascaderMenuList.displayName = 'CheckCascaderMenuList';
149
115
  }
150
-
151
116
  exports.CheckCascaderMenuList = CheckCascaderMenuList;
@@ -9,24 +9,15 @@
9
9
  */
10
10
  'use strict';
11
11
 
12
- Object.defineProperty(exports, '__esModule', {
13
- value: true
14
- });
15
-
16
12
  var React = require('react');
17
-
18
13
  var checkCascaderContext = /*#__PURE__*/React.createContext({});
19
14
  var CheckCascaderProvider = checkCascaderContext.Provider;
20
-
21
15
  var useCheckCascaderContext = function useCheckCascaderContext() {
22
16
  var context = React.useContext(checkCascaderContext);
23
-
24
17
  if (!context) {
25
18
  throw new Error('The checkCascaderContext context should using in CheckCascader.');
26
19
  }
27
-
28
20
  return context;
29
21
  };
30
-
31
22
  exports.CheckCascaderProvider = CheckCascaderProvider;
32
23
  exports.useCheckCascaderContext = useCheckCascaderContext;
@@ -9,41 +9,21 @@
9
9
  */
10
10
  'use strict';
11
11
 
12
- var _typeof = require("@babel/runtime/helpers/typeof");
13
-
14
- Object.defineProperty(exports, '__esModule', {
15
- value: true
16
- });
17
-
18
12
  var _regeneratorRuntime = require('@babel/runtime/regenerator');
19
-
20
13
  var tslib = require('tslib');
21
-
22
14
  var React = require('react');
23
-
24
15
  var useLatest = require('@hi-ui/use-latest');
25
-
26
16
  var treeUtils = require('@hi-ui/tree-utils');
27
-
28
- function _interopDefaultLegacy(e) {
29
- return e && _typeof(e) === 'object' && 'default' in e ? e : {
30
- 'default': e
31
- };
32
- }
33
-
34
- var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
35
-
36
17
  var useAsyncSwitch = function useAsyncSwitch(setCascaderData, onExpand, onLoadChildren) {
37
18
  var _useList = useList(),
38
- loadingIds = _useList[0],
39
- addLoadingIds = _useList[1],
40
- removeLoadingIds = _useList[2]; // 加载节点
41
-
42
-
19
+ loadingIds = _useList[0],
20
+ addLoadingIds = _useList[1],
21
+ removeLoadingIds = _useList[2];
22
+ // 加载节点
43
23
  var loadChildren = React.useCallback(function (node) {
44
- return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
24
+ return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
45
25
  var childrenNodes;
46
- return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
26
+ return _regeneratorRuntime.wrap(function _callee$(_context) {
47
27
  while (1) {
48
28
  switch (_context.prev = _context.next) {
49
29
  case 0:
@@ -51,19 +31,15 @@ var useAsyncSwitch = function useAsyncSwitch(setCascaderData, onExpand, onLoadCh
51
31
  _context.next = 2;
52
32
  break;
53
33
  }
54
-
55
34
  return _context.abrupt("return");
56
-
57
35
  case 2:
58
36
  _context.next = 4;
59
37
  return onLoadChildren(node, treeUtils.getTopDownAncestors(node).map(function (_ref) {
60
38
  var id = _ref.id;
61
39
  return id;
62
40
  }));
63
-
64
41
  case 4:
65
42
  childrenNodes = _context.sent;
66
-
67
43
  if (Array.isArray(childrenNodes)) {
68
44
  setCascaderData(function (prev) {
69
45
  var nextTreeData = treeUtils.cloneTree(prev);
@@ -71,7 +47,6 @@ var useAsyncSwitch = function useAsyncSwitch(setCascaderData, onExpand, onLoadCh
71
47
  return nextTreeData;
72
48
  });
73
49
  }
74
-
75
50
  case 6:
76
51
  case "end":
77
52
  return _context.stop();
@@ -82,51 +57,42 @@ var useAsyncSwitch = function useAsyncSwitch(setCascaderData, onExpand, onLoadCh
82
57
  }, [onLoadChildren, setCascaderData]);
83
58
  var onExpandLatest = useLatest.useLatestCallback(onExpand);
84
59
  var onNodeSwitch = React.useCallback(function (node) {
85
- return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2() {
60
+ return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
86
61
  var id, children, isLeaf;
87
- return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
62
+ return _regeneratorRuntime.wrap(function _callee2$(_context2) {
88
63
  while (1) {
89
64
  switch (_context2.prev = _context2.next) {
90
65
  case 0:
91
66
  id = node.id, children = node.children, isLeaf = node.isLeaf;
92
67
  onExpandLatest(node);
93
-
94
68
  if (!children) {
95
69
  _context2.next = 4;
96
70
  break;
97
71
  }
98
-
99
72
  return _context2.abrupt("return");
100
-
101
73
  case 4:
102
74
  if (!isLeaf) {
103
75
  _context2.next = 6;
104
76
  break;
105
77
  }
106
-
107
78
  return _context2.abrupt("return");
108
-
109
79
  case 6:
110
80
  if (!onLoadChildren) {
111
81
  _context2.next = 17;
112
82
  break;
113
83
  }
114
-
115
84
  addLoadingIds(id);
116
85
  _context2.prev = 8;
117
86
  _context2.next = 11;
118
87
  return loadChildren(node);
119
-
120
88
  case 11:
121
89
  removeLoadingIds(id);
122
90
  _context2.next = 17;
123
91
  break;
124
-
125
92
  case 14:
126
93
  _context2.prev = 14;
127
94
  _context2.t0 = _context2["catch"](8);
128
95
  removeLoadingIds(id);
129
-
130
96
  case 17:
131
97
  case "end":
132
98
  return _context2.stop();
@@ -135,23 +101,18 @@ var useAsyncSwitch = function useAsyncSwitch(setCascaderData, onExpand, onLoadCh
135
101
  }, _callee2, null, [[8, 14]]);
136
102
  }));
137
103
  }, [loadChildren, onLoadChildren, onExpandLatest, addLoadingIds, removeLoadingIds]);
138
-
139
104
  var isLoadingId = function isLoadingId(id) {
140
105
  return loadingIds.indexOf(id) !== -1;
141
106
  };
142
-
143
107
  return [isLoadingId, onNodeSwitch];
144
108
  };
145
-
146
109
  var useList = function useList(initialValue) {
147
110
  if (initialValue === void 0) {
148
111
  initialValue = [];
149
112
  }
150
-
151
113
  var _useState = React.useState(initialValue),
152
- keyList = _useState[0],
153
- setKeyList = _useState[1];
154
-
114
+ keyList = _useState[0],
115
+ setKeyList = _useState[1];
155
116
  var remove = React.useCallback(function (targetKey) {
156
117
  setKeyList(function (prev) {
157
118
  return prev.filter(function (key) {
@@ -166,5 +127,4 @@ var useList = function useList(initialValue) {
166
127
  }, []);
167
128
  return [keyList, add, remove];
168
129
  };
169
-
170
130
  exports.useAsyncSwitch = useAsyncSwitch;
@@ -9,11 +9,8 @@
9
9
  */
10
10
  'use strict';
11
11
 
12
- Object.defineProperty(exports, '__esModule', {
13
- value: true
14
- });
15
-
16
12
  var React = require('react');
13
+
17
14
  /** @LICENSE
18
15
  * @hi-ui/use-cache
19
16
  * https://github.com/XiaoMi/hiui/tree/master/packages/hooks/use-cache#readme
@@ -27,17 +24,13 @@ var React = require('react');
27
24
  /**
28
25
  * A hook using for data cache that compatible with the controlled and uncontrolled modes coexist.
29
26
  */
30
-
31
-
32
27
  var useCache = function useCache(data) {
33
28
  var _useState = React.useState(data),
34
- internalData = _useState[0],
35
- setInternalData = _useState[1];
36
-
29
+ internalData = _useState[0],
30
+ setInternalData = _useState[1];
37
31
  React.useEffect(function () {
38
32
  setInternalData(data);
39
33
  }, [data]);
40
34
  return [internalData, setInternalData];
41
35
  };
42
-
43
36
  exports.useCache = useCache;
@@ -9,34 +9,24 @@
9
9
  */
10
10
  'use strict';
11
11
 
12
- Object.defineProperty(exports, '__esModule', {
13
- value: true
14
- });
15
-
16
12
  var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
17
-
18
13
  var useCheck$1 = require('@hi-ui/use-check');
19
-
20
14
  var index = require('../utils/index.js');
21
-
22
15
  var NOOP_ARRAY = [];
23
-
24
16
  var useCheck = function useCheck(checkedMode, disabled, flattedData, defaultCheckedIds, checkedIdsProp, onCheck) {
25
17
  if (defaultCheckedIds === void 0) {
26
18
  defaultCheckedIds = NOOP_ARRAY;
27
19
  }
28
-
29
20
  var _useUncontrolledState = useUncontrolledState.useUncontrolledState(defaultCheckedIds, checkedIdsProp, function (checkedIds, checkedNode, shouldChecked, semiCheckedIds) {
30
- // 出口数据处理
31
- onCheck === null || onCheck === void 0 ? void 0 : onCheck({
32
- checkedIds: checkedIds,
33
- semiCheckedIds: semiCheckedIds
34
- }, checkedNode, shouldChecked);
35
- }),
36
- checkedIds = _useUncontrolledState[0],
37
- trySetCheckedIds = _useUncontrolledState[1]; // 入口数据处理
38
-
39
-
21
+ // 出口数据处理
22
+ onCheck === null || onCheck === void 0 ? void 0 : onCheck({
23
+ checkedIds: checkedIds,
24
+ semiCheckedIds: semiCheckedIds
25
+ }, checkedNode, shouldChecked);
26
+ }),
27
+ checkedIds = _useUncontrolledState[0],
28
+ trySetCheckedIds = _useUncontrolledState[1];
29
+ // 入口数据处理
40
30
  var parsedCheckedIds = index.parseCheckDataDirty(checkedMode, checkedIds, flattedData, allowCheck);
41
31
  var cascaded = checkedMode !== 'SEPARATE';
42
32
  return useCheck$1.useCascadeCheck({
@@ -52,13 +42,10 @@ var useCheck = function useCheck(checkedMode, disabled, flattedData, defaultChec
52
42
  allowCheck: allowCheck
53
43
  });
54
44
  };
55
-
56
45
  var allowCheck = function allowCheck(targetItem) {
57
46
  if (targetItem.disabled || targetItem.disabledCheckbox || targetItem.checkable === false) {
58
47
  return false;
59
48
  }
60
-
61
49
  return true;
62
50
  };
63
-
64
51
  exports.useCheck = useCheck;
@@ -9,29 +9,22 @@
9
9
  */
10
10
  'use strict';
11
11
 
12
- Object.defineProperty(exports, '__esModule', {
13
- value: true
14
- });
15
-
16
12
  var React = require('react');
13
+
17
14
  /**
18
15
  * 用于选中的 hook
19
16
  *
20
17
  * @param disabled
21
18
  * @returns
22
19
  */
23
-
24
-
25
20
  var useSelect = function useSelect(disabled) {
26
21
  var _useState = React.useState(),
27
- selectedId = _useState[0],
28
- setSelectedId = _useState[1];
29
-
22
+ selectedId = _useState[0],
23
+ setSelectedId = _useState[1];
30
24
  var onOptionSelect = React.useCallback(function (selectedOption) {
31
25
  if (disabled || selectedOption.disabled) return;
32
26
  setSelectedId(selectedOption.id);
33
27
  }, [disabled]);
34
28
  return [selectedId, onOptionSelect];
35
29
  };
36
-
37
30
  exports.useSelect = useSelect;
@@ -9,34 +9,17 @@
9
9
  */
10
10
  'use strict';
11
11
 
12
- var _typeof = require("@babel/runtime/helpers/typeof");
13
-
14
- Object.defineProperty(exports, '__esModule', {
15
- value: true
16
- });
17
-
18
12
  var React = require('react');
19
-
20
13
  var icons = require('@hi-ui/icons');
21
-
22
14
  var spinner = require('@hi-ui/spinner');
23
-
24
- function _interopDefaultLegacy(e) {
25
- return e && _typeof(e) === 'object' && 'default' in e ? e : {
26
- 'default': e
27
- };
28
- }
29
-
30
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
31
-
32
- var defaultSuffixIcon = /*#__PURE__*/React__default["default"].createElement(icons.DownOutlined, null);
33
- var defaultLeafIcon = /*#__PURE__*/React__default["default"].createElement("span", {
15
+ var defaultSuffixIcon = /*#__PURE__*/React.createElement(icons.DownOutlined, null);
16
+ var defaultLeafIcon = /*#__PURE__*/React.createElement("span", {
34
17
  style: {
35
18
  display: 'inline-block',
36
19
  width: 16
37
20
  }
38
21
  });
39
- var defaultLoadingIcon = /*#__PURE__*/React__default["default"].createElement(spinner.Spinner, null);
22
+ var defaultLoadingIcon = /*#__PURE__*/React.createElement(spinner.Spinner, null);
40
23
  exports.defaultLeafIcon = defaultLeafIcon;
41
24
  exports.defaultLoadingIcon = defaultLoadingIcon;
42
25
  exports.defaultSuffixIcon = defaultSuffixIcon;
package/lib/cjs/index.js CHANGED
@@ -12,10 +12,7 @@
12
12
  Object.defineProperty(exports, '__esModule', {
13
13
  value: true
14
14
  });
15
-
16
15
  require('./styles/index.scss.js');
17
-
18
16
  var CheckCascader = require('./CheckCascader.js');
19
-
20
17
  exports.CheckCascader = CheckCascader.CheckCascader;
21
18
  exports["default"] = CheckCascader.CheckCascader;
@@ -13,9 +13,6 @@ Object.defineProperty(exports, '__esModule', {
13
13
  value: true
14
14
  });
15
15
  var css_248z = "@charset \"UTF-8\";.hi-v4-check-cascader__popper .hi-v4-picker__body {padding-left: 0;padding-right: 0;overflow-y: hidden;}.hi-v4-check-cascader__popper .hi-v4-picker__loading, .hi-v4-check-cascader__popper .hi-v4-picker__empty {padding: var(--hi-v4-spacing-5, 10px) var(--hi-v4-spacing-8, 16px);}.hi-v4-check-cascader-panel {white-space: nowrap;-webkit-box-sizing: border-box;box-sizing: border-box;}.hi-v4-check-cascader-panel-search {-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 10px 10px;position: relative;}.hi-v4-check-cascader-panel-search .hi-v4-input__prefix {font-size: 16px;padding-left: 0;}.hi-v4-check-cascader-panel-search__empty {display: inline-block;margin-top: 20px;font-size: 14px;font-weight: 400;color: #999;line-height: 20px;}.hi-v4-check-cascader-menus {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-sizing: border-box;box-sizing: border-box;overflow-x: auto;}.hi-v4-check-cascader-menus--flatted .hi-v4-check-cascader-menu {-ms-flex-preferred-size: 100%;flex-basis: 100%;}.hi-v4-check-cascader-menu {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;border: none;outline: none;font-size: var(--hi-v4-text-size-md, 0.875rem);vertical-align: middle;list-style: none;width: auto;box-sizing: border-box;-ms-flex-negative: 0;flex-shrink: 0;display: inline-block;min-width: 140px;max-height: 256px;overflow: auto;padding: 0 var(--hi-v4-spacing-4, 8px);border-right: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0);}.hi-v4-check-cascader-menu:last-of-type {border: none;}.hi-v4-check-cascader-menu--checkable .hi-v4-check-cascader-menu-checkbox + .title__text {padding-left: 8px;}.hi-v4-check-cascader-menu-item {width: 100%;position: relative;cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;}.hi-v4-check-cascader-menu-checkbox {position: relative;}.hi-v4-check-cascader-menu-checkbox::after {right: 0;top: -8px;bottom: -8px;left: -8px;content: \"\";position: absolute;display: block;}.hi-v4-check-cascader-menu-option {padding: var(--hi-v4-spacing-1, 2px) var(--hi-v4-spacing-3, 6px);-webkit-box-sizing: border-box;box-sizing: border-box;height: var(--hi-v4-height-8, 32px);width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;border-radius: var(--hi-v4-border-radius-md, 4px);}.hi-v4-check-cascader-menu-option:hover {background-color: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-check-cascader-menus--selectchange .hi-v4-check-cascader-menu-option:hover .hi-v4-checkbox__icon {border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-check-cascader-menu-option.hi-v4-check-cascader-menu-option--selected {background: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-check-cascader-menu-option.hi-v4-check-cascader-menu-option--selected .hi-v4-check-cascader-menu-switcher {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-check-cascader-menu-option--focused {background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));}.hi-v4-check-cascader-menu-option--disabled {cursor: not-allowed;color: var(--hi-v4-color-gray-500, #929aa6);background: transparent;}.hi-v4-check-cascader-menu-option--disabled .hi-v4-check-cascader-menu-switcher {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-check-cascader-menu .title__text {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;}.hi-v4-check-cascader-menu .title__text--cols {display: block;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;border: none;outline: none;font-size: var(--hi-v4-text-size-md, 0.875rem);vertical-align: middle;list-style: none;}.hi-v4-check-cascader-menu .title__text--col {display: inline-block;}.hi-v4-check-cascader-menu .title__text--col::after {content: \" / \";}.hi-v4-check-cascader-menu .title__text--col:last-child::after {content: none;}.hi-v4-check-cascader-menu .title__text--matched {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-check-cascader-menu-switcher {-ms-flex-negative: 0;flex-shrink: 0;font-size: 16px;color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-check-cascader-menu-switcher--loading {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-tree--icon-loading {-webkit-animation-name: hi-rotate;animation-name: hi-rotate;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}@-webkit-keyframes hi-rotate {from {-webkit-transform: rotate(0);transform: rotate(0);}to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}@keyframes hi-rotate {from {-webkit-transform: rotate(0);transform: rotate(0);}to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}";
16
-
17
16
  var __styleInject__ = require('style-inject')["default"];
18
-
19
17
  __styleInject__(css_248z);
20
-
21
18
  exports["default"] = css_248z;