@hi-ui/check-tree-select 4.3.4 → 4.4.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.
Files changed (5) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/lib/cjs/CheckTreeSelect.js +4 -3
  3. package/lib/esm/CheckTreeSelect.js +4 -3
  4. package/lib/types/CheckTreeSelect.d.ts +4 -0
  5. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @hi-ui/check-tree-select
2
2
 
3
+ ## 4.4.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#2737](https://github.com/XiaoMi/hiui/pull/2737) [`78bc495f2`](https://github.com/XiaoMi/hiui/commit/78bc495f233c205a5daddd987e8006e6ce21f7d5) Thanks [@zyprepare](https://github.com/zyprepare)! - feat: add customRender api
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies [[`b3a13135c`](https://github.com/XiaoMi/hiui/commit/b3a13135c77e75291d5864ff7fcf63ddb2ff46b8), [`ca008e4ae`](https://github.com/XiaoMi/hiui/commit/ca008e4ae9753bc1f11efcdcbf09121d1ef07b56)]:
12
+ - @hi-ui/tag-input@4.1.0
13
+ - @hi-ui/tree-utils@4.1.6
14
+
3
15
  ## 4.3.4
4
16
 
5
17
  ### Patch Changes
package/lib/cjs/CheckTreeSelect.js CHANGED
@@ -92,7 +92,8 @@ var CheckTreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
92
92
  tagInputProps = _a.tagInputProps,
93
93
  _a$size = _a.size,
94
94
  size = _a$size === void 0 ? 'md' : _a$size,
95
- rest = tslib.__rest(_a, ["prefixCls", "role", "className", "data", "dataSource", "disabled", "visible", "onOpen", "onClose", "fieldNames", "checkedMode", "defaultExpandAll", "expandedIds", "defaultExpandedIds", "onExpand", "defaultValue", "value", "onChange", "searchable", "searchMode", "onLoadChildren", "render", "filterOption", "onSearch", "clearable", "invalid", "displayRender", "placeholder", "appearance", "virtual", "itemHeight", "height", "showCheckAll", "tagInputProps", "size"]);
95
+ customRender = _a.customRender,
96
+ rest = tslib.__rest(_a, ["prefixCls", "role", "className", "data", "dataSource", "disabled", "visible", "onOpen", "onClose", "fieldNames", "checkedMode", "defaultExpandAll", "expandedIds", "defaultExpandedIds", "onExpand", "defaultValue", "value", "onChange", "searchable", "searchMode", "onLoadChildren", "render", "filterOption", "onSearch", "clearable", "invalid", "displayRender", "placeholder", "appearance", "virtual", "itemHeight", "height", "showCheckAll", "tagInputProps", "size", "customRender"]);
96
97
  var i18n = core.useLocaleContext();
97
98
  var placeholder = typeAssertion.isUndef(placeholderProp) ? i18n.get('checkTreeSelect.placeholder') : placeholderProp;
98
99
  var _useUncontrolledToggl = useToggle.useUncontrolledToggle({
@@ -291,7 +292,7 @@ var CheckTreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
291
292
  onSearch: funcUtils.callAllFuncs(onSearchProp, onSearch),
292
293
  footer: renderDefaultFooter(),
293
294
  loading: rest.loading !== undefined ? rest.loading : loading,
294
- trigger: /*#__PURE__*/React__default["default"].createElement(tagInput.TagInputMock, Object.assign({}, tagInputProps, {
295
+ trigger: customRender ? typeof customRender === 'function' ? customRender(checkedNodes) : customRender : ( /*#__PURE__*/React__default["default"].createElement(tagInput.TagInputMock, Object.assign({}, tagInputProps, {
295
296
  size: size,
296
297
  // ref={targetElementRef}
297
298
  // onClick={openMenu}
@@ -308,7 +309,7 @@ var CheckTreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
308
309
  data: mergedData,
309
310
  // @ts-ignore
310
311
  invalid: invalid
311
- }))
312
+ })))
312
313
  }), typeAssertion.isArrayNonEmpty(treeProps.data) ? ( /*#__PURE__*/
313
314
  // 只做渲染，不做逻辑处理（比如搜索过滤后，check操作的是对过滤后的data操作，这是不符合预期的）
314
315
  React__default["default"].createElement(tree.Tree, Object.assign({
package/lib/esm/CheckTreeSelect.js CHANGED
@@ -79,7 +79,8 @@ var CheckTreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
79
79
  tagInputProps = _a.tagInputProps,
80
80
  _a$size = _a.size,
81
81
  size = _a$size === void 0 ? 'md' : _a$size,
82
- rest = __rest(_a, ["prefixCls", "role", "className", "data", "dataSource", "disabled", "visible", "onOpen", "onClose", "fieldNames", "checkedMode", "defaultExpandAll", "expandedIds", "defaultExpandedIds", "onExpand", "defaultValue", "value", "onChange", "searchable", "searchMode", "onLoadChildren", "render", "filterOption", "onSearch", "clearable", "invalid", "displayRender", "placeholder", "appearance", "virtual", "itemHeight", "height", "showCheckAll", "tagInputProps", "size"]);
82
+ customRender = _a.customRender,
83
+ rest = __rest(_a, ["prefixCls", "role", "className", "data", "dataSource", "disabled", "visible", "onOpen", "onClose", "fieldNames", "checkedMode", "defaultExpandAll", "expandedIds", "defaultExpandedIds", "onExpand", "defaultValue", "value", "onChange", "searchable", "searchMode", "onLoadChildren", "render", "filterOption", "onSearch", "clearable", "invalid", "displayRender", "placeholder", "appearance", "virtual", "itemHeight", "height", "showCheckAll", "tagInputProps", "size", "customRender"]);
83
84
  var i18n = useLocaleContext();
84
85
  var placeholder = isUndef(placeholderProp) ? i18n.get('checkTreeSelect.placeholder') : placeholderProp;
85
86
  var _useUncontrolledToggl = useUncontrolledToggle({
@@ -278,7 +279,7 @@ var CheckTreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
278
279
  onSearch: callAllFuncs(onSearchProp, onSearch),
279
280
  footer: renderDefaultFooter(),
280
281
  loading: rest.loading !== undefined ? rest.loading : loading,
281
- trigger: /*#__PURE__*/React.createElement(TagInputMock, Object.assign({}, tagInputProps, {
282
+ trigger: customRender ? typeof customRender === 'function' ? customRender(checkedNodes) : customRender : ( /*#__PURE__*/React.createElement(TagInputMock, Object.assign({}, tagInputProps, {
282
283
  size: size,
283
284
  // ref={targetElementRef}
284
285
  // onClick={openMenu}
@@ -295,7 +296,7 @@ var CheckTreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
295
296
  data: mergedData,
296
297
  // @ts-ignore
297
298
  invalid: invalid
298
- }))
299
+ })))
299
300
  }), isArrayNonEmpty(treeProps.data) ? ( /*#__PURE__*/
300
301
  // 只做渲染，不做逻辑处理（比如搜索过滤后，check操作的是对过滤后的data操作，这是不符合预期的）
301
302
  React.createElement(Tree, Object.assign({
package/lib/types/CheckTreeSelect.d.ts CHANGED
@@ -145,6 +145,10 @@ export interface CheckTreeSelectProps extends Omit<PickerProps, 'data' | 'onChan
145
145
  * 设置尺寸
146
146
  */
147
147
  size?: HiBaseSizeEnum;
148
+ /**
149
+ * 自定义触发器
150
+ */
151
+ customRender?: React.ReactNode | ((option: CheckTreeSelectDataItem[]) => React.ReactNode);
148
152
  }
149
153
  /**
150
154
  * 在 checkedIdsSet 为数据合法的情况下，查找所有的半选中态的节点 ids
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hi-ui/check-tree-select",
3
- "version": "4.3.4",
3
+ "version": "4.4.0",
4
4
  "description": "A sub-package for @hi-ui/hiui.",
5
5
  "keywords": [],
6
6
  "author": "HiUI <mi-hiui@xiaomi.com>",
@@ -52,9 +52,9 @@
52
52
  "@hi-ui/icons": "^4.0.18",
53
53
  "@hi-ui/picker": "^4.1.5",
54
54
  "@hi-ui/popper": "^4.1.4",
55
- "@hi-ui/tag-input": "^4.0.10",
55
+ "@hi-ui/tag-input": "^4.1.0",
56
56
  "@hi-ui/tree": "^4.5.8",
57
- "@hi-ui/tree-utils": "^4.1.4",
57
+ "@hi-ui/tree-utils": "^4.1.6",
58
58
  "@hi-ui/type-assertion": "^4.0.4",
59
59
  "@hi-ui/use-check": "^4.0.5",
60
60
  "@hi-ui/use-data-source": "^4.0.4",