@hi-ui/check-select 4.6.3 → 5.0.0-canary.1
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
CHANGED
@@ -1,5 +1,60 @@
|
|
1
1
|
# @hi-ui/check-select
|
2
2
|
|
3
|
+
## 5.0.0-canary.1
|
4
|
+
|
5
|
+
### Minor Changes
|
6
|
+
|
7
|
+
- 6c4bf35af: feat: 下拉选择类组件 appearance 参数增加 contained 类型 (5.0)
|
8
|
+
|
9
|
+
### Patch Changes
|
10
|
+
|
11
|
+
- Updated dependencies [6c4bf35af]
|
12
|
+
- @hi-ui/input@5.0.0-canary.2
|
13
|
+
- @hi-ui/tag-input@5.0.0-canary.2
|
14
|
+
|
15
|
+
## 5.0.0-canary.0
|
16
|
+
|
17
|
+
### Major Changes
|
18
|
+
|
19
|
+
- 225ebaa51: feat: 组件的 package.json 中的 exports 统一加上 types 配置 (5.0)
|
20
|
+
|
21
|
+
### Minor Changes
|
22
|
+
|
23
|
+
- 428716024: <br>
|
24
|
+
- feat(picker): 下拉选择类组件增加 xs 尺寸 (5.0)
|
25
|
+
- feat(input): 输入框组件增加 xs 尺寸 (5.0)
|
26
|
+
|
27
|
+
### Patch Changes
|
28
|
+
|
29
|
+
- Updated dependencies [428716024]
|
30
|
+
- Updated dependencies [225ebaa51]
|
31
|
+
- Updated dependencies [192de8767]
|
32
|
+
- Updated dependencies [428716024]
|
33
|
+
- @hi-ui/input@5.0.0-canary.0
|
34
|
+
- @hi-ui/picker@5.0.0-canary.0
|
35
|
+
- @hi-ui/tag-input@5.0.0-canary.0
|
36
|
+
- @hi-ui/core@5.0.0-canary.0
|
37
|
+
- @hi-ui/use-check@5.0.0-canary.0
|
38
|
+
- @hi-ui/use-children@5.0.0-canary.0
|
39
|
+
- @hi-ui/use-data-source@5.0.0-canary.0
|
40
|
+
- @hi-ui/use-latest@5.0.0-canary.0
|
41
|
+
- @hi-ui/use-search-mode@5.0.0-canary.0
|
42
|
+
- @hi-ui/use-toggle@5.0.0-canary.0
|
43
|
+
- @hi-ui/use-uncontrolled-state@5.0.0-canary.0
|
44
|
+
- @hi-ui/icons@5.0.0-canary.0
|
45
|
+
- @hi-ui/checkbox@5.0.0-canary.0
|
46
|
+
- @hi-ui/highlighter@5.0.0-canary.0
|
47
|
+
- @hi-ui/popper@5.0.0-canary.0
|
48
|
+
- @hi-ui/virtual-list@5.0.0-canary.0
|
49
|
+
- @hi-ui/array-utils@5.0.0-canary.0
|
50
|
+
- @hi-ui/classname@5.0.0-canary.0
|
51
|
+
- @hi-ui/dom-utils@5.0.0-canary.0
|
52
|
+
- @hi-ui/env@5.0.0-canary.0
|
53
|
+
- @hi-ui/func-utils@5.0.0-canary.0
|
54
|
+
- @hi-ui/times@5.0.0-canary.0
|
55
|
+
- @hi-ui/tree-utils@5.0.0-canary.0
|
56
|
+
- @hi-ui/type-assertion@5.0.0-canary.0
|
57
|
+
|
3
58
|
## 4.6.3
|
4
59
|
|
5
60
|
### Patch Changes
|
package/lib/cjs/CheckSelect.js
CHANGED
@@ -97,7 +97,8 @@ var CheckSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
97
97
|
suffix = _a.suffix,
|
98
98
|
onKeyDownProp = _a.onKeyDown,
|
99
99
|
keywordProp = _a.keyword,
|
100
|
-
|
100
|
+
label = _a.label,
|
101
|
+
rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "disabled", "clearable", "showCheckAll", "showOnlyShowChecked", "placeholder", "displayRender", "onSelect", "height", "itemHeight", "virtual", "visible", "onOpen", "onClose", "onClear", "appearance", "invalid", "dataSource", "searchOnInit", "filterOption", "searchable", "render", "renderExtraFooter", "onSearch", "fieldNames", "checkedOnEntered", "customRender", "tagInputProps", "size", "prefix", "suffix", "onKeyDown", "keyword", "label"]);
|
101
102
|
var i18n = core.useLocaleContext();
|
102
103
|
var placeholder = typeAssertion.isUndef(placeholderProp) ? i18n.get('checkSelect.placeholder') : placeholderProp;
|
103
104
|
// ************************** Picker ************************* //
|
@@ -315,7 +316,11 @@ var CheckSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
315
316
|
onSearch: funcUtils.callAllFuncs(onSearchProp, onSearch),
|
316
317
|
loading: rest.loading !== undefined ? rest.loading : loading,
|
317
318
|
footer: renderDefaultFooter(),
|
318
|
-
trigger: customRender ? typeof customRender === 'function' ? customRender(mergedCheckedItems) : customRender : ( /*#__PURE__*/React__default["default"].createElement(tagInput.TagInputMock, Object.assign({
|
319
|
+
trigger: customRender ? typeof customRender === 'function' ? customRender(mergedCheckedItems) : customRender : ( /*#__PURE__*/React__default["default"].createElement(tagInput.TagInputMock, Object.assign({
|
320
|
+
style: {
|
321
|
+
maxWidth: appearance === 'contained' ? '360px' : undefined
|
322
|
+
}
|
323
|
+
}, tagInputProps, {
|
319
324
|
size: size,
|
320
325
|
clearable: clearable,
|
321
326
|
placeholder: placeholder,
|
@@ -325,6 +330,7 @@ var CheckSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
325
330
|
suffix: [menuVisible ? /*#__PURE__*/React__default["default"].createElement(icons.UpOutlined, null) : /*#__PURE__*/React__default["default"].createElement(icons.DownOutlined, null), suffix],
|
326
331
|
focused: menuVisible,
|
327
332
|
appearance: appearance,
|
333
|
+
label: label,
|
328
334
|
value: value,
|
329
335
|
// @ts-ignore
|
330
336
|
onChange: tryChangeValue,
|
@@ -12,7 +12,7 @@
|
|
12
12
|
Object.defineProperty(exports, '__esModule', {
|
13
13
|
value: true
|
14
14
|
});
|
15
|
-
var css_248z = ".hi-
|
15
|
+
var css_248z = ".hi-v5-check-select-option {-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;border-radius: var(--hi-v5-border-radius-lg, 6px);cursor: pointer;font-size: var(--hi-v5-text-size-md, 0.875rem);font-weight: var(--hi-v5-text-weight-normal, 400);color: var(--hi-v5-color-gray-700, #1a1d26);line-height: var(--hi-v5-text-lineheight-sm, 1.25rem);}.hi-v5-check-select-option__indent {display: inline-block;width: 16px;height: 100%;}.hi-v5-check-select-option__title {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;padding: var(--hi-v5-spacing-3, 6px) var(--hi-v5-spacing-3, 6px);font-size: inherit;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;text-size-adjust: none;font-weight: inherit;color: inherit;line-height: inherit;}.hi-v5-check-select-option:hover {background-color: var(--hi-v5-color-gray-100, #ebeff5);}.hi-v5-check-select-option--focused {background-color: var(--hi-v5-color-gray-100, #ebeff5);}.hi-v5-check-select-option--disabled {cursor: not-allowed;color: var(--hi-v5-color-gray-500, #737680);}.hi-v5-check-select-option-group {display: inline-block;margin-top: var(--hi-v5-spacing-6, 12px);margin-bottom: var(--hi-v5-spacing-2, 4px);padding: var(--hi-v5-spacing-3, 6px) 0 var(--hi-v5-spacing-3, 6px) var(--hi-v5-spacing-3, 6px);font-size: var(--hi-v5-text-size-md, 0.875rem);font-weight: var(--hi-v5-text-weight-normal, 400);color: var(--hi-v5-color-gray-500, #737680);line-height: var(--hi-v5-text-lineheight-sm, 1.25rem);}.hi-v5-check-select-option-group:first-child {margin-top: var(--hi-v5-spacing-2, 4px);}";
|
16
16
|
var __styleInject__ = require('@hi-ui/style-inject')["default"];
|
17
17
|
__styleInject__(css_248z);
|
18
18
|
exports["default"] = css_248z;
|
package/lib/esm/CheckSelect.js
CHANGED
@@ -83,7 +83,8 @@ var CheckSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
83
83
|
suffix = _a.suffix,
|
84
84
|
onKeyDownProp = _a.onKeyDown,
|
85
85
|
keywordProp = _a.keyword,
|
86
|
-
|
86
|
+
label = _a.label,
|
87
|
+
rest = __rest(_a, ["prefixCls", "role", "className", "children", "disabled", "clearable", "showCheckAll", "showOnlyShowChecked", "placeholder", "displayRender", "onSelect", "height", "itemHeight", "virtual", "visible", "onOpen", "onClose", "onClear", "appearance", "invalid", "dataSource", "searchOnInit", "filterOption", "searchable", "render", "renderExtraFooter", "onSearch", "fieldNames", "checkedOnEntered", "customRender", "tagInputProps", "size", "prefix", "suffix", "onKeyDown", "keyword", "label"]);
|
87
88
|
var i18n = useLocaleContext();
|
88
89
|
var placeholder = isUndef(placeholderProp) ? i18n.get('checkSelect.placeholder') : placeholderProp;
|
89
90
|
// ************************** Picker ************************* //
|
@@ -301,7 +302,11 @@ var CheckSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
301
302
|
onSearch: callAllFuncs(onSearchProp, onSearch),
|
302
303
|
loading: rest.loading !== undefined ? rest.loading : loading,
|
303
304
|
footer: renderDefaultFooter(),
|
304
|
-
trigger: customRender ? typeof customRender === 'function' ? customRender(mergedCheckedItems) : customRender : ( /*#__PURE__*/React.createElement(TagInputMock, Object.assign({
|
305
|
+
trigger: customRender ? typeof customRender === 'function' ? customRender(mergedCheckedItems) : customRender : ( /*#__PURE__*/React.createElement(TagInputMock, Object.assign({
|
306
|
+
style: {
|
307
|
+
maxWidth: appearance === 'contained' ? '360px' : undefined
|
308
|
+
}
|
309
|
+
}, tagInputProps, {
|
305
310
|
size: size,
|
306
311
|
clearable: clearable,
|
307
312
|
placeholder: placeholder,
|
@@ -311,6 +316,7 @@ var CheckSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
311
316
|
suffix: [menuVisible ? /*#__PURE__*/React.createElement(UpOutlined, null) : /*#__PURE__*/React.createElement(DownOutlined, null), suffix],
|
312
317
|
focused: menuVisible,
|
313
318
|
appearance: appearance,
|
319
|
+
label: label,
|
314
320
|
value: value,
|
315
321
|
// @ts-ignore
|
316
322
|
onChange: tryChangeValue,
|
@@ -8,6 +8,6 @@
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
9
9
|
*/
|
10
10
|
import __styleInject__ from '@hi-ui/style-inject';
|
11
|
-
var css_248z = ".hi-
|
11
|
+
var css_248z = ".hi-v5-check-select-option {-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;border-radius: var(--hi-v5-border-radius-lg, 6px);cursor: pointer;font-size: var(--hi-v5-text-size-md, 0.875rem);font-weight: var(--hi-v5-text-weight-normal, 400);color: var(--hi-v5-color-gray-700, #1a1d26);line-height: var(--hi-v5-text-lineheight-sm, 1.25rem);}.hi-v5-check-select-option__indent {display: inline-block;width: 16px;height: 100%;}.hi-v5-check-select-option__title {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;padding: var(--hi-v5-spacing-3, 6px) var(--hi-v5-spacing-3, 6px);font-size: inherit;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;text-size-adjust: none;font-weight: inherit;color: inherit;line-height: inherit;}.hi-v5-check-select-option:hover {background-color: var(--hi-v5-color-gray-100, #ebeff5);}.hi-v5-check-select-option--focused {background-color: var(--hi-v5-color-gray-100, #ebeff5);}.hi-v5-check-select-option--disabled {cursor: not-allowed;color: var(--hi-v5-color-gray-500, #737680);}.hi-v5-check-select-option-group {display: inline-block;margin-top: var(--hi-v5-spacing-6, 12px);margin-bottom: var(--hi-v5-spacing-2, 4px);padding: var(--hi-v5-spacing-3, 6px) 0 var(--hi-v5-spacing-3, 6px) var(--hi-v5-spacing-3, 6px);font-size: var(--hi-v5-text-size-md, 0.875rem);font-weight: var(--hi-v5-text-weight-normal, 400);color: var(--hi-v5-color-gray-500, #737680);line-height: var(--hi-v5-text-lineheight-sm, 1.25rem);}.hi-v5-check-select-option-group:first-child {margin-top: var(--hi-v5-spacing-2, 4px);}";
|
12
12
|
__styleInject__(css_248z);
|
13
13
|
export { css_248z as default };
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { UseCheckSelectProps } from './use-check-select';
|
3
|
-
import type { HiBaseHTMLProps } from '@hi-ui/core';
|
3
|
+
import type { HiBaseHTMLProps, HiBaseSizeEnum } from '@hi-ui/core';
|
4
4
|
import { CheckSelectAppearanceEnum, CheckSelectDataItem, CheckSelectItemEventData, CheckSelectMergedItem } from './types';
|
5
5
|
import { TagInputMockProps } from '@hi-ui/tag-input';
|
6
6
|
import { PickerProps } from '@hi-ui/picker';
|
@@ -39,7 +39,7 @@ export interface CheckSelectProps extends Omit<PickerProps, 'trigger' | 'scrolla
|
|
39
39
|
/**
|
40
40
|
* 自定义尺寸
|
41
41
|
*/
|
42
|
-
size?:
|
42
|
+
size?: HiBaseSizeEnum;
|
43
43
|
/**
|
44
44
|
* 自定义渲染节点的 title 内容
|
45
45
|
*/
|
@@ -56,6 +56,10 @@ export interface CheckSelectProps extends Omit<PickerProps, 'trigger' | 'scrolla
|
|
56
56
|
* 设置展现形式
|
57
57
|
*/
|
58
58
|
appearance?: CheckSelectAppearanceEnum;
|
59
|
+
/**
|
60
|
+
* 设置输入框 label 内容,仅在 appearance 为 contained 时生效
|
61
|
+
*/
|
62
|
+
label?: React.ReactNode;
|
59
63
|
/**
|
60
64
|
* 节点搜索模式,仅在mode=normal模式下生效
|
61
65
|
*/
|
package/lib/types/types.d.ts
CHANGED
@@ -49,4 +49,4 @@ export interface FlattedCheckSelectDataItem extends CheckSelectDataItem {
|
|
49
49
|
}
|
50
50
|
export interface CheckSelectItemEventData extends FlattedCheckSelectDataItem, CheckSelectRequiredProps {
|
51
51
|
}
|
52
|
-
export declare type CheckSelectAppearanceEnum = HiBaseAppearanceEnum | undefined;
|
52
|
+
export declare type CheckSelectAppearanceEnum = HiBaseAppearanceEnum | 'contained' | undefined;
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@hi-ui/check-select",
|
3
|
-
"version": "
|
3
|
+
"version": "5.0.0-canary.1",
|
4
4
|
"description": "A sub-package for @hi-ui/hiui.",
|
5
5
|
"keywords": [],
|
6
6
|
"author": "HiUI <mi-hiui@xiaomi.com>",
|
@@ -20,7 +20,8 @@
|
|
20
20
|
"exports": {
|
21
21
|
".": {
|
22
22
|
"require": "./lib/cjs/index.js",
|
23
|
-
"default": "./lib/esm/index.js"
|
23
|
+
"default": "./lib/esm/index.js",
|
24
|
+
"types": "./lib/types/index.d.ts"
|
24
25
|
}
|
25
26
|
},
|
26
27
|
"publishConfig": {
|
@@ -43,38 +44,38 @@
|
|
43
44
|
"url": "https://github.com/XiaoMi/hiui/issues"
|
44
45
|
},
|
45
46
|
"dependencies": {
|
46
|
-
"@hi-ui/array-utils": "^
|
47
|
-
"@hi-ui/checkbox": "^
|
48
|
-
"@hi-ui/classname": "^
|
49
|
-
"@hi-ui/dom-utils": "^
|
50
|
-
"@hi-ui/env": "^
|
51
|
-
"@hi-ui/func-utils": "^
|
52
|
-
"@hi-ui/highlighter": "^
|
53
|
-
"@hi-ui/icons": "^
|
54
|
-
"@hi-ui/input": "^
|
55
|
-
"@hi-ui/picker": "^
|
56
|
-
"@hi-ui/popper": "^
|
57
|
-
"@hi-ui/tag-input": "^
|
58
|
-
"@hi-ui/times": "^
|
59
|
-
"@hi-ui/tree-utils": "^
|
60
|
-
"@hi-ui/type-assertion": "^
|
61
|
-
"@hi-ui/use-check": "^
|
62
|
-
"@hi-ui/use-children": "^
|
63
|
-
"@hi-ui/use-data-source": "^
|
64
|
-
"@hi-ui/use-latest": "^
|
65
|
-
"@hi-ui/use-search-mode": "^
|
66
|
-
"@hi-ui/use-toggle": "^
|
67
|
-
"@hi-ui/use-uncontrolled-state": "^
|
68
|
-
"@hi-ui/virtual-list": "^
|
47
|
+
"@hi-ui/array-utils": "^5.0.0-canary.0",
|
48
|
+
"@hi-ui/checkbox": "^5.0.0-canary.0",
|
49
|
+
"@hi-ui/classname": "^5.0.0-canary.0",
|
50
|
+
"@hi-ui/dom-utils": "^5.0.0-canary.0",
|
51
|
+
"@hi-ui/env": "^5.0.0-canary.0",
|
52
|
+
"@hi-ui/func-utils": "^5.0.0-canary.0",
|
53
|
+
"@hi-ui/highlighter": "^5.0.0-canary.0",
|
54
|
+
"@hi-ui/icons": "^5.0.0-canary.0",
|
55
|
+
"@hi-ui/input": "^5.0.0-canary.2",
|
56
|
+
"@hi-ui/picker": "^5.0.0-canary.0",
|
57
|
+
"@hi-ui/popper": "^5.0.0-canary.0",
|
58
|
+
"@hi-ui/tag-input": "^5.0.0-canary.2",
|
59
|
+
"@hi-ui/times": "^5.0.0-canary.0",
|
60
|
+
"@hi-ui/tree-utils": "^5.0.0-canary.0",
|
61
|
+
"@hi-ui/type-assertion": "^5.0.0-canary.0",
|
62
|
+
"@hi-ui/use-check": "^5.0.0-canary.0",
|
63
|
+
"@hi-ui/use-children": "^5.0.0-canary.0",
|
64
|
+
"@hi-ui/use-data-source": "^5.0.0-canary.0",
|
65
|
+
"@hi-ui/use-latest": "^5.0.0-canary.0",
|
66
|
+
"@hi-ui/use-search-mode": "^5.0.0-canary.0",
|
67
|
+
"@hi-ui/use-toggle": "^5.0.0-canary.0",
|
68
|
+
"@hi-ui/use-uncontrolled-state": "^5.0.0-canary.0",
|
69
|
+
"@hi-ui/virtual-list": "^5.0.0-canary.0"
|
69
70
|
},
|
70
71
|
"peerDependencies": {
|
71
|
-
"@hi-ui/core": ">=
|
72
|
+
"@hi-ui/core": ">=5.0.0-canary.0",
|
72
73
|
"react": ">=16.8.6",
|
73
74
|
"react-dom": ">=16.8.6"
|
74
75
|
},
|
75
76
|
"devDependencies": {
|
76
|
-
"@hi-ui/core": "^
|
77
|
-
"@hi-ui/core-css": "^
|
77
|
+
"@hi-ui/core": "^5.0.0-canary.0",
|
78
|
+
"@hi-ui/core-css": "^5.0.0-canary.0",
|
78
79
|
"react": "^17.0.1",
|
79
80
|
"react-dom": "^17.0.1"
|
80
81
|
}
|