@hi-ui/tree-select 5.0.0-experimental.1 → 5.0.0-rc.0
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 +48 -45
- package/lib/cjs/TreeSelect.js +40 -4
- package/lib/esm/TreeSelect.js +40 -4
- package/lib/types/TreeSelect.d.ts +7 -2
- package/lib/types/context.d.ts +1 -0
- package/lib/types/types.d.ts +1 -1
- package/package.json +21 -20
package/CHANGELOG.md
CHANGED
|
@@ -1,22 +1,6 @@
|
|
|
1
1
|
# @hi-ui/tree-select
|
|
2
2
|
|
|
3
|
-
## 5.0.0-
|
|
4
|
-
|
|
5
|
-
### Patch Changes
|
|
6
|
-
|
|
7
|
-
- 8f23e9322: style: 表单类组件统一调整后缀颜色、placeholder 颜色 (5.0)
|
|
8
|
-
- 发布 hiui experimental 版本
|
|
9
|
-
- fe579e212: style(tree): update class names for tree node elements in SCSS (5.0)
|
|
10
|
-
- Updated dependencies [8f23e9322]
|
|
11
|
-
- Updated dependencies [b27483796]
|
|
12
|
-
- Updated dependencies [900c6c2f0]
|
|
13
|
-
- Updated dependencies
|
|
14
|
-
- Updated dependencies [fe579e212]
|
|
15
|
-
- @hi-ui/input@5.0.0-experimental.1
|
|
16
|
-
- @hi-ui/picker@5.0.0-experimental.1
|
|
17
|
-
- @hi-ui/tree@5.0.0-experimental.1
|
|
18
|
-
|
|
19
|
-
## 5.0.0-experimental.0
|
|
3
|
+
## 5.0.0-rc.0
|
|
20
4
|
|
|
21
5
|
### Major Changes
|
|
22
6
|
|
|
@@ -30,15 +14,16 @@
|
|
|
30
14
|
- feat(input): 输入框组件增加 xs 尺寸 (5.0)
|
|
31
15
|
- 6dca7795c: feat: 下拉选择组件增加 showIndicator 参数 & 修改 appearance 中的 unset 样式 (5.0)
|
|
32
16
|
- 77d969c2e: feat: 下拉选择类组件 appearance 参数增加 contained 类型 (5.0)
|
|
33
|
-
-
|
|
17
|
+
- 59cef699f: feat: 组件语义化样式改造,增加 styles 和 classNames 属性 (5.0)
|
|
34
18
|
|
|
35
19
|
### Patch Changes
|
|
36
20
|
|
|
37
21
|
- cf89262c7: style(picker): 移除 picker 组件中的 \_\_text 样式定义 (5.0)
|
|
38
|
-
- be5a59325: style: 修改样式问题 (5.0)
|
|
39
22
|
- 79ea480f3: feat(global-context): 增加 size api 全局配置 (5.0)
|
|
40
23
|
- 2e56529f7: styles: 主题定制功能完善&&样式变量化写法改造&&兼容 RTL (5.0)
|
|
41
24
|
- eb718e940: fix: 修改组件问题 (5.0)
|
|
25
|
+
- 8f23e9322: style: 表单类组件统一调整后缀颜色、placeholder 颜色 (5.0)
|
|
26
|
+
- eb17c4697: style: 修复 UI/样式问题 (5.0)
|
|
42
27
|
- de8d058dc: perf: 对下拉选择类组件的 customRender 的内容增加 memoization 以优化性能 (5.0)
|
|
43
28
|
- 5210770d9: feat(picker): add header api (5.0)
|
|
44
29
|
- 33da3144e: build: 将 package.json 中 exports 配置中的 types 配置放在最上面 (5.0)
|
|
@@ -46,71 +31,89 @@
|
|
|
46
31
|
- style(tag-input): 间距调整 (5.0)
|
|
47
32
|
- style(select): 选择类组件选项圆角改为 4px (5.0)
|
|
48
33
|
- style(picker): 搜索框样式调整 (5.0)
|
|
34
|
+
- fe579e212: style(tree): update class names for tree node elements in SCSS (5.0)
|
|
49
35
|
- 99801c2d1: fix: 修复 UI 问题 (5.0)
|
|
50
36
|
- Updated dependencies [0b34e1c15]
|
|
51
37
|
- Updated dependencies [4a31cea53]
|
|
52
38
|
- Updated dependencies [da2e63a14]
|
|
53
39
|
- Updated dependencies [1e226cd66]
|
|
54
40
|
- Updated dependencies [b9989e482]
|
|
41
|
+
- Updated dependencies [7f204c892]
|
|
55
42
|
- Updated dependencies [9b34d99bc]
|
|
56
|
-
- Updated dependencies [1662753e0]
|
|
57
43
|
- Updated dependencies [122d1d859]
|
|
58
44
|
- Updated dependencies [f1ab51725]
|
|
59
45
|
- Updated dependencies [41552be0b]
|
|
46
|
+
- Updated dependencies [eb17c4697]
|
|
60
47
|
- Updated dependencies [8c0ee78f0]
|
|
61
48
|
- Updated dependencies [9b34d99bc]
|
|
62
49
|
- Updated dependencies [8f3aa85e4]
|
|
63
|
-
- Updated dependencies [f4fc0ef30]
|
|
64
50
|
- Updated dependencies [ec4c7faa2]
|
|
51
|
+
- Updated dependencies [e25399be4]
|
|
65
52
|
- Updated dependencies [29cae09ea]
|
|
66
53
|
- Updated dependencies [fd4c20bbd]
|
|
67
|
-
- Updated dependencies [be5a59325]
|
|
68
|
-
- Updated dependencies [71fc15e5c]
|
|
69
54
|
- Updated dependencies [79ea480f3]
|
|
70
55
|
- Updated dependencies [2e56529f7]
|
|
56
|
+
- Updated dependencies [3a7186e4b]
|
|
71
57
|
- Updated dependencies [277c5033a]
|
|
72
58
|
- Updated dependencies [95abba983]
|
|
59
|
+
- Updated dependencies [8f23e9322]
|
|
73
60
|
- Updated dependencies [4a31cea53]
|
|
61
|
+
- Updated dependencies [b27483796]
|
|
62
|
+
- Updated dependencies [eb17c4697]
|
|
74
63
|
- Updated dependencies [98df634ac]
|
|
75
64
|
- Updated dependencies [976ec929d]
|
|
76
65
|
- Updated dependencies [223bd1397]
|
|
77
66
|
- Updated dependencies [f1ab51725]
|
|
78
67
|
- Updated dependencies [6dca7795c]
|
|
68
|
+
- Updated dependencies [900c6c2f0]
|
|
79
69
|
- Updated dependencies [7b956b1eb]
|
|
80
70
|
- Updated dependencies [5210770d9]
|
|
81
|
-
- Updated dependencies [
|
|
71
|
+
- Updated dependencies [c407744fe]
|
|
72
|
+
- Updated dependencies [d91a8bb0f]
|
|
73
|
+
- Updated dependencies [07a57b9c1]
|
|
82
74
|
- Updated dependencies [77d969c2e]
|
|
83
75
|
- Updated dependencies [e42e2badf]
|
|
84
76
|
- Updated dependencies [33da3144e]
|
|
85
|
-
- Updated dependencies [7f3abee55]
|
|
86
77
|
- Updated dependencies [6fcda9bf2]
|
|
87
78
|
- Updated dependencies [0a4e90dbd]
|
|
79
|
+
- Updated dependencies [fe579e212]
|
|
88
80
|
- Updated dependencies [58ad82e94]
|
|
89
|
-
- Updated dependencies [a0f0c9d6b]
|
|
90
81
|
- Updated dependencies [4a31cea53]
|
|
82
|
+
- Updated dependencies [95d930354]
|
|
91
83
|
- Updated dependencies [f2be367e9]
|
|
92
|
-
- Updated dependencies [1fae66f2d]
|
|
93
84
|
- Updated dependencies [1972fd16a]
|
|
85
|
+
- Updated dependencies [59cef699f]
|
|
94
86
|
- Updated dependencies [99801c2d1]
|
|
95
|
-
- Updated dependencies [86910f5e2]
|
|
96
87
|
- Updated dependencies [cb7b794d0]
|
|
97
|
-
- @hi-ui/picker@5.0.0-
|
|
98
|
-
- @hi-ui/tree@5.0.0-
|
|
99
|
-
- @hi-ui/input@5.0.0-
|
|
100
|
-
- @hi-ui/popper@5.0.0-
|
|
101
|
-
- @hi-ui/icons@5.0.0-
|
|
102
|
-
- @hi-ui/core@5.0.0-
|
|
103
|
-
- @hi-ui/use-data-source@5.0.0-
|
|
104
|
-
- @hi-ui/use-search-mode@5.0.0-
|
|
105
|
-
- @hi-ui/use-toggle@5.0.0-
|
|
106
|
-
- @hi-ui/use-uncontrolled-state@5.0.0-
|
|
107
|
-
- @hi-ui/highlighter@5.0.0-
|
|
108
|
-
- @hi-ui/array-utils@5.0.0-
|
|
109
|
-
- @hi-ui/classname@5.0.0-
|
|
110
|
-
- @hi-ui/env@5.0.0-
|
|
111
|
-
- @hi-ui/func-utils@5.0.0-
|
|
112
|
-
- @hi-ui/tree-utils@5.0.0-
|
|
113
|
-
- @hi-ui/type-assertion@5.0.0-
|
|
88
|
+
- @hi-ui/picker@5.0.0-rc.0
|
|
89
|
+
- @hi-ui/tree@5.0.0-rc.0
|
|
90
|
+
- @hi-ui/input@5.0.0-rc.0
|
|
91
|
+
- @hi-ui/popper@5.0.0-rc.0
|
|
92
|
+
- @hi-ui/icons@5.0.0-rc.0
|
|
93
|
+
- @hi-ui/core@5.0.0-rc.0
|
|
94
|
+
- @hi-ui/use-data-source@5.0.0-rc.0
|
|
95
|
+
- @hi-ui/use-search-mode@5.0.0-rc.0
|
|
96
|
+
- @hi-ui/use-toggle@5.0.0-rc.0
|
|
97
|
+
- @hi-ui/use-uncontrolled-state@5.0.0-rc.0
|
|
98
|
+
- @hi-ui/highlighter@5.0.0-rc.0
|
|
99
|
+
- @hi-ui/array-utils@5.0.0-rc.0
|
|
100
|
+
- @hi-ui/classname@5.0.0-rc.0
|
|
101
|
+
- @hi-ui/env@5.0.0-rc.0
|
|
102
|
+
- @hi-ui/func-utils@5.0.0-rc.0
|
|
103
|
+
- @hi-ui/tree-utils@5.0.0-rc.0
|
|
104
|
+
- @hi-ui/type-assertion@5.0.0-rc.0
|
|
105
|
+
- @hi-ui/use-merge-semantic@5.0.0-rc.0
|
|
106
|
+
|
|
107
|
+
## 4.4.0
|
|
108
|
+
|
|
109
|
+
### Minor Changes
|
|
110
|
+
|
|
111
|
+
- [#3472](https://github.com/XiaoMi/hiui/pull/3472) [`1fae66f2d`](https://github.com/XiaoMi/hiui/commit/1fae66f2d10e4b3eba30e2af74bc793af91061d0) Thanks [@zyprepare](https://github.com/zyprepare)! - feat(tree): add shouldShowSwitcher prop for custom switcher display logic (#3471)
|
|
112
|
+
|
|
113
|
+
### Patch Changes
|
|
114
|
+
|
|
115
|
+
- Updated dependencies [[`1fae66f2d`](https://github.com/XiaoMi/hiui/commit/1fae66f2d10e4b3eba30e2af74bc793af91061d0)]:
|
|
116
|
+
- @hi-ui/tree@4.7.0
|
|
114
117
|
|
|
115
118
|
## 4.3.1
|
|
116
119
|
|
package/lib/cjs/TreeSelect.js
CHANGED
|
@@ -21,6 +21,7 @@ var useToggle = require('@hi-ui/use-toggle');
|
|
|
21
21
|
var tree = require('@hi-ui/tree');
|
|
22
22
|
var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
|
|
23
23
|
var picker = require('@hi-ui/picker');
|
|
24
|
+
var useMergeSemantic = require('@hi-ui/use-merge-semantic');
|
|
24
25
|
var treeUtils = require('@hi-ui/tree-utils');
|
|
25
26
|
var typeAssertion = require('@hi-ui/type-assertion');
|
|
26
27
|
var arrayUtils = require('@hi-ui/array-utils');
|
|
@@ -96,11 +97,30 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
96
97
|
showIndicator = _a$showIndicator === void 0 ? true : _a$showIndicator,
|
|
97
98
|
renderExtraHeader = _a.renderExtraHeader,
|
|
98
99
|
renderExtraFooter = _a.renderExtraFooter,
|
|
99
|
-
|
|
100
|
+
classNamesProp = _a.classNames,
|
|
101
|
+
stylesProp = _a.styles,
|
|
102
|
+
rest = tslib.__rest(_a, ["prefixCls", "role", "className", "data", "dataSource", "disabled", "visible", "onOpen", "onClose", "fieldNames", "defaultExpandAll", "expandedIds", "defaultExpandedIds", "onExpand", "defaultValue", "value", "onChange", "searchable", "searchMode", "onLoadChildren", "render", "filterOption", "keyword", "onSearch", "clearSearchOnClosed", "clearable", "onClear", "invalid", "displayRender", "placeholder", "appearance", "virtual", "itemHeight", "height", "size", "prefix", "suffix", "customRender", "shouldShowSwitcher", "label", "showIndicator", "renderExtraHeader", "renderExtraFooter", "classNames", "styles"]);
|
|
100
103
|
var _useGlobalContext = core.useGlobalContext(),
|
|
101
|
-
globalSize = _useGlobalContext.size
|
|
104
|
+
globalSize = _useGlobalContext.size,
|
|
105
|
+
treeSelectConfig = _useGlobalContext.treeSelect;
|
|
102
106
|
var size = (_b = sizeProp !== null && sizeProp !== void 0 ? sizeProp : globalSize) !== null && _b !== void 0 ? _b : 'md';
|
|
103
107
|
var i18n = core.useLocaleContext();
|
|
108
|
+
var _useMergeSemantic = useMergeSemantic.useMergeSemantic({
|
|
109
|
+
classNamesList: [treeSelectConfig === null || treeSelectConfig === void 0 ? void 0 : treeSelectConfig.classNames, classNamesProp],
|
|
110
|
+
stylesList: [treeSelectConfig === null || treeSelectConfig === void 0 ? void 0 : treeSelectConfig.styles, stylesProp],
|
|
111
|
+
info: {
|
|
112
|
+
props: Object.assign(Object.assign({}, rest), {
|
|
113
|
+
data: data,
|
|
114
|
+
disabled: disabled,
|
|
115
|
+
searchable: searchableProp,
|
|
116
|
+
visible: visible,
|
|
117
|
+
size: size,
|
|
118
|
+
appearance: appearance
|
|
119
|
+
})
|
|
120
|
+
}
|
|
121
|
+
}),
|
|
122
|
+
classNames = _useMergeSemantic.classNames,
|
|
123
|
+
styles = _useMergeSemantic.styles;
|
|
104
124
|
var pickerInnerRef = React.useRef(null);
|
|
105
125
|
var placeholder = typeAssertion.isUndef(placeholderProp) ? i18n.get('treeSelect.placeholder') : placeholderProp;
|
|
106
126
|
var _useUncontrolledToggl = useToggle.useUncontrolledToggle({
|
|
@@ -245,10 +265,25 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
245
265
|
(_a = pickerInnerRef.current) === null || _a === void 0 ? void 0 : _a.update();
|
|
246
266
|
}
|
|
247
267
|
}, [menuVisible, treeProps.expandedIds]);
|
|
268
|
+
var pickerSemanticKeys = ['root', 'container', 'panel', 'header', 'search', 'body', 'footer', 'loading', 'empty', 'creator'];
|
|
269
|
+
var pickerClassNames = pickerSemanticKeys.reduce(function (acc, key) {
|
|
270
|
+
if ((classNames === null || classNames === void 0 ? void 0 : classNames[key]) !== undefined) {
|
|
271
|
+
acc[key] = classNames[key];
|
|
272
|
+
}
|
|
273
|
+
return acc;
|
|
274
|
+
}, {});
|
|
275
|
+
var pickerStyles = pickerSemanticKeys.reduce(function (acc, key) {
|
|
276
|
+
if (styles === null || styles === void 0 ? void 0 : styles[key]) {
|
|
277
|
+
acc[key] = styles[key];
|
|
278
|
+
}
|
|
279
|
+
return acc;
|
|
280
|
+
}, {});
|
|
248
281
|
return /*#__PURE__*/React__default["default"].createElement(picker.Picker, Object.assign({
|
|
249
282
|
ref: ref,
|
|
250
283
|
innerRef: pickerInnerRef,
|
|
251
|
-
className: cls
|
|
284
|
+
className: cls,
|
|
285
|
+
classNames: pickerClassNames,
|
|
286
|
+
styles: pickerStyles
|
|
252
287
|
}, rest, {
|
|
253
288
|
visible: menuVisible,
|
|
254
289
|
disabled: disabled,
|
|
@@ -287,7 +322,8 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
287
322
|
label: label
|
|
288
323
|
}))
|
|
289
324
|
}), typeAssertion.isArrayNonEmpty(treeProps.data) ? ( /*#__PURE__*/React__default["default"].createElement(tree.Tree, Object.assign({
|
|
290
|
-
className: prefixCls + "__tree",
|
|
325
|
+
className: classname.cx(prefixCls + "__tree", classNames === null || classNames === void 0 ? void 0 : classNames.tree),
|
|
326
|
+
style: styles === null || styles === void 0 ? void 0 : styles.tree,
|
|
291
327
|
selectable: true,
|
|
292
328
|
selectedId: value,
|
|
293
329
|
onSelect: onSelect,
|
package/lib/esm/TreeSelect.js
CHANGED
|
@@ -15,6 +15,7 @@ import { useUncontrolledToggle } from '@hi-ui/use-toggle';
|
|
|
15
15
|
import { Tree } from '@hi-ui/tree';
|
|
16
16
|
import { useUncontrolledState } from '@hi-ui/use-uncontrolled-state';
|
|
17
17
|
import { Picker } from '@hi-ui/picker';
|
|
18
|
+
import { useMergeSemantic } from '@hi-ui/use-merge-semantic';
|
|
18
19
|
import { baseFlattenTree } from '@hi-ui/tree-utils';
|
|
19
20
|
import { isUndef, isArrayNonEmpty } from '@hi-ui/type-assertion';
|
|
20
21
|
import { uniqBy } from '@hi-ui/array-utils';
|
|
@@ -84,11 +85,30 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
84
85
|
showIndicator = _a$showIndicator === void 0 ? true : _a$showIndicator,
|
|
85
86
|
renderExtraHeader = _a.renderExtraHeader,
|
|
86
87
|
renderExtraFooter = _a.renderExtraFooter,
|
|
87
|
-
|
|
88
|
+
classNamesProp = _a.classNames,
|
|
89
|
+
stylesProp = _a.styles,
|
|
90
|
+
rest = __rest(_a, ["prefixCls", "role", "className", "data", "dataSource", "disabled", "visible", "onOpen", "onClose", "fieldNames", "defaultExpandAll", "expandedIds", "defaultExpandedIds", "onExpand", "defaultValue", "value", "onChange", "searchable", "searchMode", "onLoadChildren", "render", "filterOption", "keyword", "onSearch", "clearSearchOnClosed", "clearable", "onClear", "invalid", "displayRender", "placeholder", "appearance", "virtual", "itemHeight", "height", "size", "prefix", "suffix", "customRender", "shouldShowSwitcher", "label", "showIndicator", "renderExtraHeader", "renderExtraFooter", "classNames", "styles"]);
|
|
88
91
|
var _useGlobalContext = useGlobalContext(),
|
|
89
|
-
globalSize = _useGlobalContext.size
|
|
92
|
+
globalSize = _useGlobalContext.size,
|
|
93
|
+
treeSelectConfig = _useGlobalContext.treeSelect;
|
|
90
94
|
var size = (_b = sizeProp !== null && sizeProp !== void 0 ? sizeProp : globalSize) !== null && _b !== void 0 ? _b : 'md';
|
|
91
95
|
var i18n = useLocaleContext();
|
|
96
|
+
var _useMergeSemantic = useMergeSemantic({
|
|
97
|
+
classNamesList: [treeSelectConfig === null || treeSelectConfig === void 0 ? void 0 : treeSelectConfig.classNames, classNamesProp],
|
|
98
|
+
stylesList: [treeSelectConfig === null || treeSelectConfig === void 0 ? void 0 : treeSelectConfig.styles, stylesProp],
|
|
99
|
+
info: {
|
|
100
|
+
props: Object.assign(Object.assign({}, rest), {
|
|
101
|
+
data: data,
|
|
102
|
+
disabled: disabled,
|
|
103
|
+
searchable: searchableProp,
|
|
104
|
+
visible: visible,
|
|
105
|
+
size: size,
|
|
106
|
+
appearance: appearance
|
|
107
|
+
})
|
|
108
|
+
}
|
|
109
|
+
}),
|
|
110
|
+
classNames = _useMergeSemantic.classNames,
|
|
111
|
+
styles = _useMergeSemantic.styles;
|
|
92
112
|
var pickerInnerRef = useRef(null);
|
|
93
113
|
var placeholder = isUndef(placeholderProp) ? i18n.get('treeSelect.placeholder') : placeholderProp;
|
|
94
114
|
var _useUncontrolledToggl = useUncontrolledToggle({
|
|
@@ -233,10 +253,25 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
233
253
|
(_a = pickerInnerRef.current) === null || _a === void 0 ? void 0 : _a.update();
|
|
234
254
|
}
|
|
235
255
|
}, [menuVisible, treeProps.expandedIds]);
|
|
256
|
+
var pickerSemanticKeys = ['root', 'container', 'panel', 'header', 'search', 'body', 'footer', 'loading', 'empty', 'creator'];
|
|
257
|
+
var pickerClassNames = pickerSemanticKeys.reduce(function (acc, key) {
|
|
258
|
+
if ((classNames === null || classNames === void 0 ? void 0 : classNames[key]) !== undefined) {
|
|
259
|
+
acc[key] = classNames[key];
|
|
260
|
+
}
|
|
261
|
+
return acc;
|
|
262
|
+
}, {});
|
|
263
|
+
var pickerStyles = pickerSemanticKeys.reduce(function (acc, key) {
|
|
264
|
+
if (styles === null || styles === void 0 ? void 0 : styles[key]) {
|
|
265
|
+
acc[key] = styles[key];
|
|
266
|
+
}
|
|
267
|
+
return acc;
|
|
268
|
+
}, {});
|
|
236
269
|
return /*#__PURE__*/React.createElement(Picker, Object.assign({
|
|
237
270
|
ref: ref,
|
|
238
271
|
innerRef: pickerInnerRef,
|
|
239
|
-
className: cls
|
|
272
|
+
className: cls,
|
|
273
|
+
classNames: pickerClassNames,
|
|
274
|
+
styles: pickerStyles
|
|
240
275
|
}, rest, {
|
|
241
276
|
visible: menuVisible,
|
|
242
277
|
disabled: disabled,
|
|
@@ -275,7 +310,8 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
275
310
|
label: label
|
|
276
311
|
}))
|
|
277
312
|
}), isArrayNonEmpty(treeProps.data) ? ( /*#__PURE__*/React.createElement(Tree, Object.assign({
|
|
278
|
-
className: prefixCls + "__tree",
|
|
313
|
+
className: cx(prefixCls + "__tree", classNames === null || classNames === void 0 ? void 0 : classNames.tree),
|
|
314
|
+
style: styles === null || styles === void 0 ? void 0 : styles.tree,
|
|
279
315
|
selectable: true,
|
|
280
316
|
selectedId: value,
|
|
281
317
|
onSelect: onSelect,
|
|
@@ -1,14 +1,19 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TreeSelectDataItem, TreeSelectAppearanceEnum } from './types';
|
|
3
3
|
import { TreeNodeEventData } from '@hi-ui/tree';
|
|
4
|
-
import { PickerProps } from '@hi-ui/picker';
|
|
4
|
+
import { PickerProps, PickerSemanticName } from '@hi-ui/picker';
|
|
5
|
+
import type { ComponentSemantic, SemanticClassNamesType, SemanticStylesType } from '@hi-ui/use-merge-semantic';
|
|
5
6
|
import { HiBaseSizeEnum } from '@hi-ui/core';
|
|
6
7
|
import { UseDataSource } from '@hi-ui/use-data-source';
|
|
7
8
|
/**
|
|
8
9
|
* 树形选择器
|
|
9
10
|
*/
|
|
10
11
|
export declare const TreeSelect: React.ForwardRefExoticComponent<TreeSelectProps & React.RefAttributes<HTMLDivElement | null>>;
|
|
11
|
-
export
|
|
12
|
+
export declare type TreeSelectSemanticName = PickerSemanticName | 'tree';
|
|
13
|
+
export declare type TreeSelectSemanticClassNames = SemanticClassNamesType<TreeSelectProps, TreeSelectSemanticName>;
|
|
14
|
+
export declare type TreeSelectSemanticStyles = SemanticStylesType<TreeSelectProps, TreeSelectSemanticName>;
|
|
15
|
+
export declare type TreeSelectSemantic = ComponentSemantic<TreeSelectSemanticClassNames, TreeSelectSemanticStyles>;
|
|
16
|
+
export interface TreeSelectProps extends Omit<PickerProps, 'data' | 'onChange' | 'trigger' | 'scrollable' | 'header' | 'classNames' | 'styles'>, TreeSelectSemantic {
|
|
12
17
|
/**
|
|
13
18
|
* 展示数据
|
|
14
19
|
*/
|
package/lib/types/context.d.ts
CHANGED
package/lib/types/types.d.ts
CHANGED
|
@@ -48,4 +48,4 @@ export interface TreeSelectDataSource<T = any> {
|
|
|
48
48
|
*/
|
|
49
49
|
transformResponse?: (response: object) => T;
|
|
50
50
|
}
|
|
51
|
-
export type TreeSelectAppearanceEnum = HiBaseAppearanceEnum | 'contained' | undefined;
|
|
51
|
+
export declare type TreeSelectAppearanceEnum = HiBaseAppearanceEnum | 'contained' | undefined;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hi-ui/tree-select",
|
|
3
|
-
"version": "5.0.0-
|
|
3
|
+
"version": "5.0.0-rc.0",
|
|
4
4
|
"description": "A sub-package for @hi-ui/hiui.",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"author": "HiUI <mi-hiui@xiaomi.com>",
|
|
@@ -44,31 +44,32 @@
|
|
|
44
44
|
"url": "https://github.com/XiaoMi/hiui/issues"
|
|
45
45
|
},
|
|
46
46
|
"dependencies": {
|
|
47
|
-
"@hi-ui/array-utils": "^5.0.0-
|
|
48
|
-
"@hi-ui/classname": "^5.0.0-
|
|
49
|
-
"@hi-ui/env": "^5.0.0-
|
|
50
|
-
"@hi-ui/func-utils": "^5.0.0-
|
|
51
|
-
"@hi-ui/highlighter": "^5.0.0-
|
|
52
|
-
"@hi-ui/icons": "^5.0.0-
|
|
53
|
-
"@hi-ui/input": "^5.0.0-
|
|
54
|
-
"@hi-ui/picker": "^5.0.0-
|
|
55
|
-
"@hi-ui/popper": "^5.0.0-
|
|
56
|
-
"@hi-ui/tree": "^5.0.0-
|
|
57
|
-
"@hi-ui/tree-utils": "^5.0.0-
|
|
58
|
-
"@hi-ui/type-assertion": "^5.0.0-
|
|
59
|
-
"@hi-ui/use-data-source": "^5.0.0-
|
|
60
|
-
"@hi-ui/use-
|
|
61
|
-
"@hi-ui/use-
|
|
62
|
-
"@hi-ui/use-
|
|
47
|
+
"@hi-ui/array-utils": "^5.0.0-rc.0",
|
|
48
|
+
"@hi-ui/classname": "^5.0.0-rc.0",
|
|
49
|
+
"@hi-ui/env": "^5.0.0-rc.0",
|
|
50
|
+
"@hi-ui/func-utils": "^5.0.0-rc.0",
|
|
51
|
+
"@hi-ui/highlighter": "^5.0.0-rc.0",
|
|
52
|
+
"@hi-ui/icons": "^5.0.0-rc.0",
|
|
53
|
+
"@hi-ui/input": "^5.0.0-rc.0",
|
|
54
|
+
"@hi-ui/picker": "^5.0.0-rc.0",
|
|
55
|
+
"@hi-ui/popper": "^5.0.0-rc.0",
|
|
56
|
+
"@hi-ui/tree": "^5.0.0-rc.0",
|
|
57
|
+
"@hi-ui/tree-utils": "^5.0.0-rc.0",
|
|
58
|
+
"@hi-ui/type-assertion": "^5.0.0-rc.0",
|
|
59
|
+
"@hi-ui/use-data-source": "^5.0.0-rc.0",
|
|
60
|
+
"@hi-ui/use-merge-semantic": "^5.0.0-rc.0",
|
|
61
|
+
"@hi-ui/use-search-mode": "^5.0.0-rc.0",
|
|
62
|
+
"@hi-ui/use-toggle": "^5.0.0-rc.0",
|
|
63
|
+
"@hi-ui/use-uncontrolled-state": "^5.0.0-rc.0"
|
|
63
64
|
},
|
|
64
65
|
"peerDependencies": {
|
|
65
|
-
"@hi-ui/core": ">=5.0.0-
|
|
66
|
+
"@hi-ui/core": ">=5.0.0-rc.0",
|
|
66
67
|
"react": ">=16.8.6",
|
|
67
68
|
"react-dom": ">=16.8.6"
|
|
68
69
|
},
|
|
69
70
|
"devDependencies": {
|
|
70
|
-
"@hi-ui/core": "^5.0.0-
|
|
71
|
-
"@hi-ui/core-css": "^5.0.0-
|
|
71
|
+
"@hi-ui/core": "^5.0.0-rc.0",
|
|
72
|
+
"@hi-ui/core-css": "^5.0.0-rc.0",
|
|
72
73
|
"react": "^17.0.1",
|
|
73
74
|
"react-dom": "^17.0.1"
|
|
74
75
|
}
|