@hi-ui/tree-select 5.0.0-canary.0 → 5.0.0-canary.2

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.
Files changed (8) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/lib/cjs/TreeSelect.js +8 -5
  3. package/lib/cjs/styles/index.scss.js +1 -1
  4. package/lib/esm/TreeSelect.js +8 -5
  5. package/lib/esm/styles/index.scss.js +1 -1
  6. package/lib/types/TreeSelect.d.ts +7 -3
  7. package/lib/types/types.d.ts +2 -1
  8. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,28 @@
1
1
  # @hi-ui/tree-select
2
2
 
3
+ ## 5.0.0-canary.2
4
+
5
+ ### Patch Changes
6
+
7
+ - df3615e78: <br>
8
+ - style(tag-input): 间距调整 (5.0)
9
+ - style(select): 选择类组件选项圆角改为 4px (5.0)
10
+ - style(picker): 搜索框样式调整 (5.0)
11
+ - Updated dependencies [3cb3377dc]
12
+ - Updated dependencies [df3615e78]
13
+ - @hi-ui/picker@5.0.0-canary.3
14
+
15
+ ## 5.0.0-canary.1
16
+
17
+ ### Minor Changes
18
+
19
+ - 6c4bf35af: feat: 下拉选择类组件 appearance 参数增加 contained 类型 (5.0)
20
+
21
+ ### Patch Changes
22
+
23
+ - Updated dependencies [6c4bf35af]
24
+ - @hi-ui/input@5.0.0-canary.2
25
+
3
26
  ## 5.0.0-canary.0
4
27
 
5
28
  ### Major Changes
package/lib/cjs/TreeSelect.js CHANGED
@@ -88,7 +88,8 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
88
88
  prefix = _a.prefix,
89
89
  suffix = _a.suffix,
90
90
  customRender = _a.customRender,
91
- 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", "clearable", "invalid", "displayRender", "placeholder", "appearance", "virtual", "itemHeight", "height", "size", "prefix", "suffix", "customRender"]);
91
+ label = _a.label,
92
+ 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", "clearable", "invalid", "displayRender", "placeholder", "appearance", "virtual", "itemHeight", "height", "size", "prefix", "suffix", "customRender", "label"]);
92
93
  var i18n = core.useLocaleContext();
93
94
  var placeholder = typeAssertion.isUndef(placeholderProp) ? i18n.get('treeSelect.placeholder') : placeholderProp;
94
95
  var _useUncontrolledToggl = useToggle.useUncontrolledToggle({
@@ -236,9 +237,10 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
236
237
  keyword: keywordProp,
237
238
  onSearch: funcUtils.callAllFuncs(onSearchProp, onSearch),
238
239
  loading: rest.loading !== undefined ? rest.loading : loading,
239
- trigger: customRender ? typeof customRender === 'function' ? customRender(selectedItem) : customRender : ( /*#__PURE__*/React__default["default"].createElement(input.MockInput
240
- // disabled={disabled}
241
- , {
240
+ trigger: customRender ? typeof customRender === 'function' ? customRender(selectedItem) : customRender : ( /*#__PURE__*/React__default["default"].createElement(input.MockInput, {
241
+ style: {
242
+ maxWidth: appearance === 'contained' ? '360px' : undefined
243
+ },
242
244
  // disabled={disabled}
243
245
  size: size,
244
246
  clearable: clearable,
@@ -252,7 +254,8 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
252
254
  data: mergedData,
253
255
  // @ts-ignore
254
256
  invalid: invalid,
255
- appearance: appearance
257
+ appearance: appearance,
258
+ label: label
256
259
  }))
257
260
  }), typeAssertion.isArrayNonEmpty(treeProps.data) ? ( /*#__PURE__*/React__default["default"].createElement(tree.Tree, Object.assign({
258
261
  size: 'md',
package/lib/cjs/styles/index.scss.js CHANGED
@@ -12,7 +12,7 @@
12
12
  Object.defineProperty(exports, '__esModule', {
13
13
  value: true
14
14
  });
15
- var css_248z = "";
15
+ var css_248z = ".hi-v5-tree-select__tree .hi-v5-tree-node__wrap {border-radius: var(--hi-v5-border-radius-md, 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/TreeSelect.js CHANGED
@@ -76,7 +76,8 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
76
76
  prefix = _a.prefix,
77
77
  suffix = _a.suffix,
78
78
  customRender = _a.customRender,
79
- 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", "clearable", "invalid", "displayRender", "placeholder", "appearance", "virtual", "itemHeight", "height", "size", "prefix", "suffix", "customRender"]);
79
+ label = _a.label,
80
+ 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", "clearable", "invalid", "displayRender", "placeholder", "appearance", "virtual", "itemHeight", "height", "size", "prefix", "suffix", "customRender", "label"]);
80
81
  var i18n = useLocaleContext();
81
82
  var placeholder = isUndef(placeholderProp) ? i18n.get('treeSelect.placeholder') : placeholderProp;
82
83
  var _useUncontrolledToggl = useUncontrolledToggle({
@@ -224,9 +225,10 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
224
225
  keyword: keywordProp,
225
226
  onSearch: callAllFuncs(onSearchProp, onSearch),
226
227
  loading: rest.loading !== undefined ? rest.loading : loading,
227
- trigger: customRender ? typeof customRender === 'function' ? customRender(selectedItem) : customRender : ( /*#__PURE__*/React.createElement(MockInput
228
- // disabled={disabled}
229
- , {
228
+ trigger: customRender ? typeof customRender === 'function' ? customRender(selectedItem) : customRender : ( /*#__PURE__*/React.createElement(MockInput, {
229
+ style: {
230
+ maxWidth: appearance === 'contained' ? '360px' : undefined
231
+ },
230
232
  // disabled={disabled}
231
233
  size: size,
232
234
  clearable: clearable,
@@ -240,7 +242,8 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
240
242
  data: mergedData,
241
243
  // @ts-ignore
242
244
  invalid: invalid,
243
- appearance: appearance
245
+ appearance: appearance,
246
+ label: label
244
247
  }))
245
248
  }), isArrayNonEmpty(treeProps.data) ? ( /*#__PURE__*/React.createElement(Tree, Object.assign({
246
249
  size: 'md',
package/lib/esm/styles/index.scss.js CHANGED
@@ -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 = "";
11
+ var css_248z = ".hi-v5-tree-select__tree .hi-v5-tree-node__wrap {border-radius: var(--hi-v5-border-radius-md, 4px);}";
12
12
  __styleInject__(css_248z);
13
13
  export { css_248z as default };
package/lib/types/TreeSelect.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
- import { TreeSelectDataItem } from './types';
2
+ import { TreeSelectDataItem, TreeSelectAppearanceEnum } from './types';
3
3
  import { TreeNodeEventData } from '@hi-ui/tree';
4
4
  import { PickerProps } from '@hi-ui/picker';
5
- import { HiBaseAppearanceEnum, HiBaseSizeEnum } from '@hi-ui/core';
5
+ import { HiBaseSizeEnum } from '@hi-ui/core';
6
6
  import { UseDataSource } from '@hi-ui/use-data-source';
7
7
  /**
8
8
  * 树形选择器
@@ -105,7 +105,11 @@ export interface TreeSelectProps extends Omit<PickerProps, 'data' | 'onChange' |
105
105
  /**
106
106
  * 设置展现形式
107
107
  */
108
- appearance?: HiBaseAppearanceEnum;
108
+ appearance?: TreeSelectAppearanceEnum;
109
+ /**
110
+ * 设置输入框 label 内容，仅在 appearance 为 contained 时生效
111
+ */
112
+ label?: React.ReactNode;
109
113
  /**
110
114
  * 设置虚拟滚动容器的可视高度。暂不对外暴露
111
115
  * @private
package/lib/types/types.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { HiBaseDataItem } from '@hi-ui/core';
1
+ import { HiBaseAppearanceEnum, HiBaseDataItem } from '@hi-ui/core';
2
2
  import React from 'react';
3
3
  export interface TreeSelectDataItem extends HiBaseDataItem {
4
4
  /**
@@ -48,3 +48,4 @@ export interface TreeSelectDataSource<T = any> {
48
48
  */
49
49
  transformResponse?: (response: object) => T;
50
50
  }
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-canary.0",
3
+ "version": "5.0.0-canary.2",
4
4
  "description": "A sub-package for @hi-ui/hiui.",
5
5
  "keywords": [],
6
6
  "author": "HiUI <mi-hiui@xiaomi.com>",
@@ -50,8 +50,8 @@
50
50
  "@hi-ui/func-utils": "^5.0.0-canary.0",
51
51
  "@hi-ui/highlighter": "^5.0.0-canary.0",
52
52
  "@hi-ui/icons": "^5.0.0-canary.0",
53
- "@hi-ui/input": "^5.0.0-canary.0",
54
- "@hi-ui/picker": "^5.0.0-canary.0",
53
+ "@hi-ui/input": "^5.0.0-canary.2",
54
+ "@hi-ui/picker": "^5.0.0-canary.3",
55
55
  "@hi-ui/popper": "^5.0.0-canary.0",
56
56
  "@hi-ui/tree": "^5.0.0-canary.0",
57
57
  "@hi-ui/tree-utils": "^5.0.0-canary.0",
@@ -68,7 +68,7 @@
68
68
  },
69
69
  "devDependencies": {
70
70
  "@hi-ui/core": "^5.0.0-canary.0",
71
- "@hi-ui/core-css": "^5.0.0-canary.0",
71
+ "@hi-ui/core-css": "^5.0.0-canary.2",
72
72
  "react": "^17.0.1",
73
73
  "react-dom": "^17.0.1"
74
74
  }