@hi-ui/check-cascader 4.0.0-beta.30 → 4.0.0-beta.33
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/CheckCascader.js +2 -2
- package/lib/cjs/{CheckCascaderMenus.js → CheckCascaderMenuList.js} +3 -7
- package/lib/cjs/hooks/use-check.js +6 -3
- package/lib/cjs/styles/index.scss.js +1 -1
- package/lib/cjs/utils/index.js +0 -1
- package/lib/esm/CheckCascader.js +2 -2
- package/lib/esm/{CheckCascaderMenus.js → CheckCascaderMenuList.js} +3 -7
- package/lib/esm/hooks/use-check.js +6 -3
- package/lib/esm/styles/index.scss.js +1 -1
- package/lib/esm/utils/index.js +0 -1
- package/lib/types/CheckCascader.d.ts +5 -6
- package/lib/types/{CheckCascaderMenus.d.ts → CheckCascaderMenuList.d.ts} +6 -9
- package/lib/types/context.d.ts +6 -6
- package/lib/types/hooks/use-async-switch.d.ts +2 -2
- package/lib/types/hooks/use-check.d.ts +2 -2
- package/lib/types/hooks/use-select.d.ts +2 -2
- package/lib/types/types.d.ts +4 -8
- package/lib/types/utils/index.d.ts +2 -2
- package/package.json +26 -26
package/lib/cjs/CheckCascader.js
CHANGED
@@ -35,7 +35,7 @@ var picker = require('@hi-ui/picker');
|
|
35
35
|
|
36
36
|
var tagInput = require('@hi-ui/tag-input');
|
37
37
|
|
38
|
-
var
|
38
|
+
var CheckCascaderMenuList = require('./CheckCascaderMenuList.js');
|
39
39
|
|
40
40
|
var useSearchMode = require('@hi-ui/use-search-mode');
|
41
41
|
|
@@ -254,7 +254,7 @@ var CheckCascader = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
254
254
|
data: flattedData,
|
255
255
|
invalid: invalid
|
256
256
|
})
|
257
|
-
}), typeAssertion.isArrayNonEmpty(selectProps.data) ? /*#__PURE__*/React__default["default"].createElement(
|
257
|
+
}), typeAssertion.isArrayNonEmpty(selectProps.data) ? /*#__PURE__*/React__default["default"].createElement(CheckCascaderMenuList.CheckCascaderMenuList, {
|
258
258
|
disabled: disabled,
|
259
259
|
value: value,
|
260
260
|
// @ts-ignore
|
@@ -50,11 +50,7 @@ var _role = 'check-cascader-menus';
|
|
50
50
|
var _prefix = classname.getPrefixCls(_role);
|
51
51
|
|
52
52
|
var NOOP_ARRAY = [];
|
53
|
-
|
54
|
-
* TODO: What is CheckCascaderMenus
|
55
|
-
*/
|
56
|
-
|
57
|
-
var CheckCascaderMenus = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
53
|
+
var CheckCascaderMenuList = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
58
54
|
var _a$prefixCls = _a.prefixCls,
|
59
55
|
prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
|
60
56
|
_a$role = _a.role,
|
@@ -145,7 +141,7 @@ var CheckCascaderMenus = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
145
141
|
});
|
146
142
|
|
147
143
|
if (env.__DEV__) {
|
148
|
-
|
144
|
+
CheckCascaderMenuList.displayName = 'CheckCascaderMenuList';
|
149
145
|
}
|
150
146
|
|
151
|
-
exports.
|
147
|
+
exports.CheckCascaderMenuList = CheckCascaderMenuList;
|
@@ -28,9 +28,8 @@ var useCheck = function useCheck(checkedMode, disabled, flattedData, defaultChec
|
|
28
28
|
|
29
29
|
var _useUncontrolledState = useUncontrolledState.useUncontrolledState(defaultCheckedIds, checkedIdsProp, function (checkedIds, checkedNode, shouldChecked, semiCheckedIds) {
|
30
30
|
// 出口数据处理
|
31
|
-
var processedIds = index.processCheckedIds(checkedMode, checkedIds, flattedData, allowCheck);
|
32
31
|
onCheck === null || onCheck === void 0 ? void 0 : onCheck({
|
33
|
-
checkedIds:
|
32
|
+
checkedIds: checkedIds,
|
34
33
|
semiCheckedIds: semiCheckedIds
|
35
34
|
}, checkedNode, shouldChecked);
|
36
35
|
}),
|
@@ -45,7 +44,11 @@ var useCheck = function useCheck(checkedMode, disabled, flattedData, defaultChec
|
|
45
44
|
disabled: disabled,
|
46
45
|
flattedData: flattedData,
|
47
46
|
checkedIds: parsedCheckedIds,
|
48
|
-
onCheck:
|
47
|
+
onCheck: function onCheck(checkedIds, checkedNode, shouldChecked, semiCheckedIds) {
|
48
|
+
// 出口数据处理
|
49
|
+
var processedIds = index.processCheckedIds(checkedMode, checkedIds, flattedData, allowCheck);
|
50
|
+
trySetCheckedIds(processedIds, checkedNode, shouldChecked, semiCheckedIds);
|
51
|
+
},
|
49
52
|
allowCheck: allowCheck
|
50
53
|
});
|
51
54
|
};
|
@@ -14,7 +14,7 @@ Object.defineProperty(exports, '__esModule', {
|
|
14
14
|
});
|
15
15
|
var css_248z = ".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%;padding: var(--hi-v4-spacing-2, 4px) 0;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: 0 var(--hi-v4-spacing-4, 8px);-webkit-box-sizing: border-box;box-sizing: border-box;height: 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, #c9ced6); }.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: '\\00a0/\\00a0'; }.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
16
|
|
17
|
-
var __styleInject__ = require('
|
17
|
+
var __styleInject__ = require('inject-head-style')["default"];
|
18
18
|
|
19
19
|
__styleInject__(css_248z);
|
20
20
|
|
package/lib/cjs/utils/index.js
CHANGED
@@ -145,7 +145,6 @@ var processCheckedIds = function processCheckedIds(type, checkedIds, flattenData
|
|
145
145
|
if (node) {
|
146
146
|
// 向上递归遍历是否被勾选
|
147
147
|
var ancestors = treeUtils.getNodeAncestors(node);
|
148
|
-
console.log(ancestors);
|
149
148
|
|
150
149
|
if (ancestors.some(function (parent) {
|
151
150
|
return keySet.has(parent.id);
|
package/lib/esm/CheckCascader.js
CHANGED
@@ -17,7 +17,7 @@ import { UpOutlined, DownOutlined } from '@hi-ui/icons';
|
|
17
17
|
import { useCache } from './hooks/use-cache/lib/esm/index.js';
|
18
18
|
import { Picker } from '@hi-ui/picker';
|
19
19
|
import { TagInputMock } from '@hi-ui/tag-input';
|
20
|
-
import {
|
20
|
+
import { CheckCascaderMenuList } from './CheckCascaderMenuList.js';
|
21
21
|
import { useTreeCustomSearch, useTreeUpMatchSearch, useSearchMode, matchStrategy } from '@hi-ui/use-search-mode';
|
22
22
|
import { flattenTreeData } from './utils/index.js';
|
23
23
|
import { getTopDownAncestors, getNodeAncestorsWithMe } from '@hi-ui/tree-utils';
|
@@ -221,7 +221,7 @@ var CheckCascader = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
221
221
|
data: flattedData,
|
222
222
|
invalid: invalid
|
223
223
|
})
|
224
|
-
}), isArrayNonEmpty(selectProps.data) ? /*#__PURE__*/React.createElement(
|
224
|
+
}), isArrayNonEmpty(selectProps.data) ? /*#__PURE__*/React.createElement(CheckCascaderMenuList, {
|
225
225
|
disabled: disabled,
|
226
226
|
value: value,
|
227
227
|
// @ts-ignore
|
@@ -23,11 +23,7 @@ var _role = 'check-cascader-menus';
|
|
23
23
|
var _prefix = getPrefixCls(_role);
|
24
24
|
|
25
25
|
var NOOP_ARRAY = [];
|
26
|
-
|
27
|
-
* TODO: What is CheckCascaderMenus
|
28
|
-
*/
|
29
|
-
|
30
|
-
var CheckCascaderMenus = /*#__PURE__*/forwardRef(function (_a, ref) {
|
26
|
+
var CheckCascaderMenuList = /*#__PURE__*/forwardRef(function (_a, ref) {
|
31
27
|
var _a$prefixCls = _a.prefixCls,
|
32
28
|
prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
|
33
29
|
_a$role = _a.role,
|
@@ -118,7 +114,7 @@ var CheckCascaderMenus = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
118
114
|
});
|
119
115
|
|
120
116
|
if (__DEV__) {
|
121
|
-
|
117
|
+
CheckCascaderMenuList.displayName = 'CheckCascaderMenuList';
|
122
118
|
}
|
123
119
|
|
124
|
-
export {
|
120
|
+
export { CheckCascaderMenuList };
|
@@ -19,9 +19,8 @@ var useCheck = function useCheck(checkedMode, disabled, flattedData, defaultChec
|
|
19
19
|
|
20
20
|
var _useUncontrolledState = useUncontrolledState(defaultCheckedIds, checkedIdsProp, function (checkedIds, checkedNode, shouldChecked, semiCheckedIds) {
|
21
21
|
// 出口数据处理
|
22
|
-
var processedIds = processCheckedIds(checkedMode, checkedIds, flattedData, allowCheck);
|
23
22
|
onCheck === null || onCheck === void 0 ? void 0 : onCheck({
|
24
|
-
checkedIds:
|
23
|
+
checkedIds: checkedIds,
|
25
24
|
semiCheckedIds: semiCheckedIds
|
26
25
|
}, checkedNode, shouldChecked);
|
27
26
|
}),
|
@@ -36,7 +35,11 @@ var useCheck = function useCheck(checkedMode, disabled, flattedData, defaultChec
|
|
36
35
|
disabled: disabled,
|
37
36
|
flattedData: flattedData,
|
38
37
|
checkedIds: parsedCheckedIds,
|
39
|
-
onCheck:
|
38
|
+
onCheck: function onCheck(checkedIds, checkedNode, shouldChecked, semiCheckedIds) {
|
39
|
+
// 出口数据处理
|
40
|
+
var processedIds = processCheckedIds(checkedMode, checkedIds, flattedData, allowCheck);
|
41
|
+
trySetCheckedIds(processedIds, checkedNode, shouldChecked, semiCheckedIds);
|
42
|
+
},
|
40
43
|
allowCheck: allowCheck
|
41
44
|
});
|
42
45
|
};
|
@@ -7,7 +7,7 @@
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
9
9
|
*/
|
10
|
-
import __styleInject__ from '
|
10
|
+
import __styleInject__ from 'inject-head-style';
|
11
11
|
var css_248z = ".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%;padding: var(--hi-v4-spacing-2, 4px) 0;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: 0 var(--hi-v4-spacing-4, 8px);-webkit-box-sizing: border-box;box-sizing: border-box;height: 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, #c9ced6); }.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: '\\00a0/\\00a0'; }.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); } }";
|
12
12
|
|
13
13
|
__styleInject__(css_248z);
|
package/lib/esm/utils/index.js
CHANGED
@@ -137,7 +137,6 @@ var processCheckedIds = function processCheckedIds(type, checkedIds, flattenData
|
|
137
137
|
if (node) {
|
138
138
|
// 向上递归遍历是否被勾选
|
139
139
|
var ancestors = getNodeAncestors(node);
|
140
|
-
console.log(ancestors);
|
141
140
|
|
142
141
|
if (ancestors.some(function (parent) {
|
143
142
|
return keySet.has(parent.id);
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { CheckCascaderDataItem,
|
2
|
+
import { CheckCascaderDataItem, CascaderExpandTriggerEnum, CheckCascadeItemEventData, FlattedCheckCascaderDataItem } from './types';
|
3
3
|
import { PickerProps } from '@hi-ui/picker';
|
4
4
|
import { HiBaseAppearanceEnum } from '@hi-ui/core';
|
5
5
|
/**
|
@@ -21,18 +21,17 @@ export interface CheckCascaderProps extends Omit<PickerProps, 'trigger'> {
|
|
21
21
|
defaultValue?: React.ReactText[][];
|
22
22
|
/**
|
23
23
|
* 多选值改变时的回调
|
24
|
-
* TODO: 是否有这样的需求:暴露操作的原始数据对象?包括 点击 checkbox、点击 tag 删除按钮、点击清空按钮
|
25
24
|
*/
|
26
25
|
onChange?: (values: React.ReactText[][]) => void;
|
27
26
|
/**
|
28
27
|
* 选项被点击时的回调。暂不对外暴露
|
29
28
|
* @private
|
30
29
|
*/
|
31
|
-
onSelect?: (selectedId: React.ReactText, selectedOption:
|
30
|
+
onSelect?: (selectedId: React.ReactText, selectedOption: CheckCascadeItemEventData) => void;
|
32
31
|
/**
|
33
32
|
* 次级菜单的展开方式
|
34
33
|
*/
|
35
|
-
expandTrigger?:
|
34
|
+
expandTrigger?: CascaderExpandTriggerEnum;
|
36
35
|
/**
|
37
36
|
* 是否可搜索(仅在 title 为字符串时支持)
|
38
37
|
*/
|
@@ -56,7 +55,7 @@ export interface CheckCascaderProps extends Omit<PickerProps, 'trigger'> {
|
|
56
55
|
/**
|
57
56
|
* 自定义渲染节点的 title 内容
|
58
57
|
*/
|
59
|
-
render?: (item:
|
58
|
+
render?: (item: CheckCascadeItemEventData) => React.ReactNode;
|
60
59
|
/**
|
61
60
|
* 自定义选择后触发器所展示的内容
|
62
61
|
*/
|
@@ -81,7 +80,7 @@ export interface CheckCascaderProps extends Omit<PickerProps, 'trigger'> {
|
|
81
80
|
/**
|
82
81
|
* 异步请求更新数据
|
83
82
|
*/
|
84
|
-
onLoadChildren?: (item:
|
83
|
+
onLoadChildren?: (item: CheckCascadeItemEventData, idPaths: React.ReactText[]) => Promise<CheckCascaderDataItem[] | void> | void;
|
85
84
|
/**
|
86
85
|
* 设置展现形式
|
87
86
|
*/
|
@@ -1,9 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import {
|
3
|
-
|
4
|
-
* TODO: What is CheckCascaderMenus
|
5
|
-
*/
|
6
|
-
export declare const CheckCascaderMenus: React.ForwardRefExoticComponent<CascaderMenusProps & React.RefAttributes<HTMLDivElement | null>>;
|
2
|
+
import { CascaderExpandTriggerEnum, CheckCascadeItemEventData, FlattedCheckCascaderDataItem, CheckCascaderDataItem } from './types';
|
3
|
+
export declare const CheckCascaderMenuList: React.ForwardRefExoticComponent<CascaderMenusProps & React.RefAttributes<HTMLDivElement | null>>;
|
7
4
|
export interface CascaderMenusProps {
|
8
5
|
/**
|
9
6
|
* 组件默认的选择器类
|
@@ -48,11 +45,11 @@ export interface CascaderMenusProps {
|
|
48
45
|
/**
|
49
46
|
* 选项被点击时的回调
|
50
47
|
*/
|
51
|
-
onSelect?: (selectedId: React.ReactText, selectedOption:
|
48
|
+
onSelect?: (selectedId: React.ReactText, selectedOption: CheckCascadeItemEventData) => void;
|
52
49
|
/**
|
53
50
|
* 次级菜单的展开方式
|
54
51
|
*/
|
55
|
-
expandTrigger?:
|
52
|
+
expandTrigger?: CascaderExpandTriggerEnum;
|
56
53
|
/**
|
57
54
|
* 是否禁止使用
|
58
55
|
*/
|
@@ -64,7 +61,7 @@ export interface CascaderMenusProps {
|
|
64
61
|
/**
|
65
62
|
* 自定义渲染节点的 title 内容
|
66
63
|
*/
|
67
|
-
titleRender?: (item:
|
64
|
+
titleRender?: (item: CheckCascadeItemEventData) => React.ReactNode;
|
68
65
|
/**
|
69
66
|
* 多选数据交互时回填、回显模式
|
70
67
|
* PARENT: 当所有子节点被选中时将只保留父节点
|
@@ -84,5 +81,5 @@ export interface CascaderMenusProps {
|
|
84
81
|
/**
|
85
82
|
* 点击异步加载子项
|
86
83
|
*/
|
87
|
-
onLoadChildren?: (item:
|
84
|
+
onLoadChildren?: (item: CheckCascadeItemEventData, idPaths: React.ReactText[]) => Promise<CheckCascaderDataItem[] | void> | void;
|
88
85
|
}
|
package/lib/types/context.d.ts
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import {
|
2
|
+
import { CascaderExpandTriggerEnum, CheckCascadeItemEventData, CheckCascaderDataItem, FlattedCheckCascaderDataItem, CheckCascaderDataItemRequiredProps } from './types';
|
3
3
|
interface CheckCascaderContext {
|
4
|
-
onLoadChildren?: (item:
|
4
|
+
onLoadChildren?: (item: CheckCascadeItemEventData, idPaths: React.ReactText[]) => Promise<CheckCascaderDataItem[] | void> | void;
|
5
5
|
disabled?: boolean;
|
6
|
-
expandTrigger?:
|
7
|
-
onCheck?: (option:
|
8
|
-
onSelect?: (selectedOption:
|
6
|
+
expandTrigger?: CascaderExpandTriggerEnum;
|
7
|
+
onCheck?: (option: CheckCascadeItemEventData, shouldChecked: boolean) => void;
|
8
|
+
onSelect?: (selectedOption: CheckCascadeItemEventData) => void;
|
9
9
|
flatted?: boolean;
|
10
10
|
changeOnSelect?: boolean;
|
11
|
-
titleRender?: (item:
|
11
|
+
titleRender?: (item: CheckCascadeItemEventData) => React.ReactNode;
|
12
12
|
getCascaderItemRequiredProps?: (item: FlattedCheckCascaderDataItem) => CheckCascaderDataItemRequiredProps;
|
13
13
|
}
|
14
14
|
export declare const CheckCascaderProvider: React.Provider<CheckCascaderContext>;
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { CheckCascaderDataItem,
|
3
|
-
export declare const useAsyncSwitch: (setCascaderData: React.Dispatch<React.SetStateAction<CheckCascaderDataItem[]>>, onExpand?: ((selectedOption:
|
2
|
+
import { CheckCascaderDataItem, CheckCascadeItemEventData } from '../types';
|
3
|
+
export declare const useAsyncSwitch: (setCascaderData: React.Dispatch<React.SetStateAction<CheckCascaderDataItem[]>>, onExpand?: ((selectedOption: CheckCascadeItemEventData) => void) | undefined, onLoadChildren?: ((item: CheckCascadeItemEventData, idPaths: React.ReactText[]) => Promise<CheckCascaderDataItem[] | void> | void) | undefined) => readonly [(id: React.ReactText) => boolean, (node: CheckCascadeItemEventData) => Promise<void>];
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import {
|
2
|
+
import { CheckCascadeItemEventData, FlattedCheckCascaderDataItem } from '../types';
|
3
3
|
export declare const useCheck: (checkedMode: string, disabled: boolean, flattedData: FlattedCheckCascaderDataItem[], defaultCheckedIds?: React.ReactText[], checkedIdsProp?: React.ReactText[] | undefined, onCheck?: ((checkedInfo: {
|
4
4
|
checkedIds: React.ReactText[];
|
5
5
|
semiCheckedIds: React.ReactText[];
|
6
|
-
}, node:
|
6
|
+
}, node: CheckCascadeItemEventData, checked: boolean) => void) | undefined) => readonly [(targetItem: import("@hi-ui/use-check").UseCascadeCheckItem, shouldChecked: boolean) => void, (id: React.ReactText) => boolean, (id: React.ReactText) => boolean];
|
@@ -1,9 +1,9 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import {
|
2
|
+
import { CheckCascadeItemEventData } from '../types';
|
3
3
|
/**
|
4
4
|
* 用于选中的 hook
|
5
5
|
*
|
6
6
|
* @param disabled
|
7
7
|
* @returns
|
8
8
|
*/
|
9
|
-
export declare const useSelect: (disabled: boolean) => readonly [React.ReactText | undefined, (selectedOption:
|
9
|
+
export declare const useSelect: (disabled: boolean) => readonly [React.ReactText | undefined, (selectedOption: CheckCascadeItemEventData) => void];
|
package/lib/types/types.d.ts
CHANGED
@@ -3,11 +3,11 @@ export interface CheckCascaderDataItem {
|
|
3
3
|
/**
|
4
4
|
* 树节点唯一 id
|
5
5
|
*/
|
6
|
-
id
|
6
|
+
id?: React.ReactText;
|
7
7
|
/**
|
8
8
|
* 树节点标题
|
9
9
|
*/
|
10
|
-
title
|
10
|
+
title?: React.ReactNode;
|
11
11
|
/**
|
12
12
|
* 该节点的子节点列表
|
13
13
|
*/
|
@@ -37,10 +37,6 @@ export interface FlattedCheckCascaderDataItem extends Required<Omit<CheckCascade
|
|
37
37
|
* 该节点的子节点列表
|
38
38
|
*/
|
39
39
|
children?: FlattedCheckCascaderDataItem[];
|
40
|
-
/**
|
41
|
-
* 该节点的所有祖先节点列表
|
42
|
-
*/
|
43
|
-
ancestors?: FlattedCheckCascaderDataItemWithChildren[];
|
44
40
|
/**
|
45
41
|
* 关联用户传入的原始节点
|
46
42
|
*/
|
@@ -60,9 +56,9 @@ export interface CheckCascaderDataItemRequiredProps {
|
|
60
56
|
semiChecked: boolean;
|
61
57
|
loading: boolean;
|
62
58
|
}
|
63
|
-
export interface
|
59
|
+
export interface CheckCascadeItemEventData extends FlattedCheckCascaderDataItem, CheckCascaderDataItemRequiredProps {
|
64
60
|
}
|
65
|
-
export declare type
|
61
|
+
export declare type CascaderExpandTriggerEnum = 'click' | 'hover';
|
66
62
|
export interface NodeRoot<T> {
|
67
63
|
depth: -1;
|
68
64
|
children: T[];
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { HiBaseFieldNames } from '@hi-ui/core';
|
3
|
-
import { CheckCascaderDataItemRequiredProps,
|
3
|
+
import { CheckCascaderDataItemRequiredProps, CheckCascadeItemEventData, CheckCascaderDataItem, FlattedCheckCascaderDataItem } from '../types';
|
4
4
|
/**
|
5
5
|
* 扁平化树数据结构,基于前序遍历
|
6
6
|
*
|
@@ -11,7 +11,7 @@ export declare const flattenTreeData: (treeData: CheckCascaderDataItem[], fieldN
|
|
11
11
|
export declare const getActiveMenus: (data: FlattedCheckCascaderDataItem[], selectedIds?: React.ReactText | undefined) => FlattedCheckCascaderDataItem[][];
|
12
12
|
export declare const getFlattedMenus: (data: FlattedCheckCascaderDataItem[]) => FlattedCheckCascaderDataItem[][];
|
13
13
|
export declare const getActiveMenuIds: (data: FlattedCheckCascaderDataItem[], selectedIds?: React.ReactText | undefined) => React.ReactText[];
|
14
|
-
export declare function getCascaderItemEventData(node: FlattedCheckCascaderDataItem, requiredProps: CheckCascaderDataItemRequiredProps):
|
14
|
+
export declare function getCascaderItemEventData(node: FlattedCheckCascaderDataItem, requiredProps: CheckCascaderDataItemRequiredProps): CheckCascadeItemEventData;
|
15
15
|
/**
|
16
16
|
* 处理选中的回显数据
|
17
17
|
*
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@hi-ui/check-cascader",
|
3
|
-
"version": "4.0.0-beta.
|
3
|
+
"version": "4.0.0-beta.33",
|
4
4
|
"description": "A sub-package for @hi-ui/hiui.",
|
5
5
|
"keywords": [],
|
6
6
|
"author": "HIUI <mi-hiui@xiaomi.com>",
|
@@ -44,40 +44,40 @@
|
|
44
44
|
"url": "https://github.com/XiaoMi/hiui/issues"
|
45
45
|
},
|
46
46
|
"dependencies": {
|
47
|
-
"@hi-ui/array-utils": "^4.0.0-beta.
|
48
|
-
"@hi-ui/checkbox": "^4.0.0-beta.
|
47
|
+
"@hi-ui/array-utils": "^4.0.0-beta.8",
|
48
|
+
"@hi-ui/checkbox": "^4.0.0-beta.13",
|
49
49
|
"@hi-ui/classname": "^4.0.0-beta.0",
|
50
|
-
"@hi-ui/core": "^4.0.0-beta.
|
50
|
+
"@hi-ui/core": "^4.0.0-beta.9",
|
51
51
|
"@hi-ui/core-css": "^4.0.0-beta.5",
|
52
|
-
"@hi-ui/env": "^4.0.0-beta.
|
53
|
-
"@hi-ui/func-utils": "^4.0.0-beta.
|
54
|
-
"@hi-ui/icons": "^4.0.0-beta.
|
55
|
-
"@hi-ui/input": "^4.0.0-beta.
|
56
|
-
"@hi-ui/locale-context": "^4.0.0-beta.
|
57
|
-
"@hi-ui/picker": "^4.0.0-beta.
|
58
|
-
"@hi-ui/popper": "^4.0.0-beta.
|
59
|
-
"@hi-ui/spinner": "^4.0.0-beta.
|
60
|
-
"@hi-ui/tag-input": "^4.0.0-beta.
|
61
|
-
"@hi-ui/times": "^4.0.0-beta.
|
62
|
-
"@hi-ui/tree-utils": "^4.0.0-beta.
|
63
|
-
"@hi-ui/type-assertion": "^4.0.0-beta.
|
64
|
-
"@hi-ui/use-check": "^4.0.0-beta.
|
65
|
-
"@hi-ui/use-data-source": "^4.0.0-beta.
|
66
|
-
"@hi-ui/use-latest": "^4.0.0-beta.
|
67
|
-
"@hi-ui/use-merge-refs": "^4.0.0-beta.
|
68
|
-
"@hi-ui/use-outside-click": "^4.0.0-beta.
|
69
|
-
"@hi-ui/use-search-mode": "^4.0.0-beta.
|
70
|
-
"@hi-ui/use-toggle": "^4.0.0-beta.
|
71
|
-
"@hi-ui/use-uncontrolled-state": "^4.0.0-beta.
|
52
|
+
"@hi-ui/env": "^4.0.0-beta.1",
|
53
|
+
"@hi-ui/func-utils": "^4.0.0-beta.13",
|
54
|
+
"@hi-ui/icons": "^4.0.0-beta.11",
|
55
|
+
"@hi-ui/input": "^4.0.0-beta.16",
|
56
|
+
"@hi-ui/locale-context": "^4.0.0-beta.19",
|
57
|
+
"@hi-ui/picker": "^4.0.0-beta.26",
|
58
|
+
"@hi-ui/popper": "^4.0.0-beta.15",
|
59
|
+
"@hi-ui/spinner": "^4.0.0-beta.10",
|
60
|
+
"@hi-ui/tag-input": "^4.0.0-beta.19",
|
61
|
+
"@hi-ui/times": "^4.0.0-beta.6",
|
62
|
+
"@hi-ui/tree-utils": "^4.0.0-beta.5",
|
63
|
+
"@hi-ui/type-assertion": "^4.0.0-beta.5",
|
64
|
+
"@hi-ui/use-check": "^4.0.0-beta.5",
|
65
|
+
"@hi-ui/use-data-source": "^4.0.0-beta.6",
|
66
|
+
"@hi-ui/use-latest": "^4.0.0-beta.5",
|
67
|
+
"@hi-ui/use-merge-refs": "^4.0.0-beta.5",
|
68
|
+
"@hi-ui/use-outside-click": "^4.0.0-beta.5",
|
69
|
+
"@hi-ui/use-search-mode": "^4.0.0-beta.20",
|
70
|
+
"@hi-ui/use-toggle": "^4.0.0-beta.5",
|
71
|
+
"@hi-ui/use-uncontrolled-state": "^4.0.0-beta.5"
|
72
72
|
},
|
73
73
|
"peerDependencies": {
|
74
74
|
"react": ">=16.8.6",
|
75
75
|
"react-dom": ">=16.8.6"
|
76
76
|
},
|
77
77
|
"devDependencies": {
|
78
|
-
"@hi-ui/hi-build": "^4.0.0-beta.
|
78
|
+
"@hi-ui/hi-build": "^4.0.0-beta.5",
|
79
79
|
"react": "^17.0.1",
|
80
80
|
"react-dom": "^17.0.1"
|
81
81
|
},
|
82
|
-
"gitHead": "
|
82
|
+
"gitHead": "8bb668d29361fae483ac3fde460bfc7e010417a6"
|
83
83
|
}
|