@hi-ui/check-cascader 4.2.1 → 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.
- package/CHANGELOG.md +41 -0
- package/lib/cjs/CheckCascader.js +73 -123
- package/lib/cjs/CheckCascaderMenu.js +33 -69
- package/lib/cjs/CheckCascaderMenuList.js +43 -78
- package/lib/cjs/context.js +0 -9
- package/lib/cjs/hooks/use-async-switch.js +10 -50
- package/lib/cjs/hooks/use-cache/lib/esm/index.js +3 -10
- package/lib/cjs/hooks/use-check.js +9 -22
- package/lib/cjs/hooks/use-select.js +3 -10
- package/lib/cjs/icons/index.js +3 -20
- package/lib/cjs/index.js +0 -3
- package/lib/cjs/styles/index.scss.js +1 -4
- package/lib/cjs/utils/index.js +8 -49
- package/lib/esm/CheckCascader.js +65 -84
- package/lib/esm/CheckCascaderMenu.js +23 -36
- package/lib/esm/CheckCascaderMenuList.js +40 -49
- package/lib/esm/context.js +0 -4
- package/lib/esm/hooks/use-async-switch.js +6 -28
- package/lib/esm/hooks/use-cache/lib/esm/index.js +3 -5
- package/lib/esm/hooks/use-check.js +10 -16
- package/lib/esm/hooks/use-select.js +3 -5
- package/lib/esm/styles/index.scss.js +1 -3
- package/lib/esm/utils/index.js +8 -43
- package/package.json +26 -26
@@ -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
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
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
|
-
|
89
|
-
|
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
|
-
|
95
|
-
|
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
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
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
|
-
|
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)
|
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__*/
|
98
|
+
return /*#__PURE__*/React.createElement(context.CheckCascaderProvider, {
|
132
99
|
value: providedValue
|
133
|
-
}, /*#__PURE__*/
|
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__*/
|
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;
|
package/lib/cjs/context.js
CHANGED
@@ -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
|
-
|
39
|
-
|
40
|
-
|
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__*/
|
24
|
+
return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
45
25
|
var childrenNodes;
|
46
|
-
return
|
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__*/
|
60
|
+
return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
|
86
61
|
var id, children, isLeaf;
|
87
|
-
return
|
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
|
-
|
153
|
-
|
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
|
-
|
35
|
-
|
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
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
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
|
-
|
28
|
-
|
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;
|
package/lib/cjs/icons/index.js
CHANGED
@@ -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
|
-
|
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__*/
|
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;
|
@@ -12,10 +12,7 @@
|
|
12
12
|
Object.defineProperty(exports, '__esModule', {
|
13
13
|
value: true
|
14
14
|
});
|
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, #
|
16
|
-
|
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);}}";
|
17
16
|
var __styleInject__ = require('style-inject')["default"];
|
18
|
-
|
19
17
|
__styleInject__(css_248z);
|
20
|
-
|
21
18
|
exports["default"] = css_248z;
|