@hi-ui/tag-input 4.1.3 → 4.1.4

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 (4) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/TagInputMock.js +9 -7
  3. package/lib/esm/TagInputMock.js +9 -7
  4. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @hi-ui/tag-input
2
2
 
3
+ ## 4.1.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [#3261](https://github.com/XiaoMi/hiui/pull/3261) [`b8c19048f`](https://github.com/XiaoMi/hiui/commit/b8c19048fe25147f344be4cd951740593aee8d12) Thanks [@zyprepare](https://github.com/zyprepare)! - fix(tag-input): 修复 TagInputMock 组件中标签最大数量逻辑及更新 tagsWidth 的处理方式 (#3260)
8
+
3
9
  ## 4.1.3
4
10
 
5
11
  ### Patch Changes
package/lib/cjs/TagInputMock.js CHANGED
@@ -143,17 +143,19 @@ var TagInputMock = /*#__PURE__*/React.forwardRef(function (_a, ref) {
143
143
  tagMaxCount = 0;
144
144
  }
145
145
  // 保底要展示 1 个
146
- setTagMaxCount(typeAssertion.isArrayNonEmpty(mergedTagList) && tagMaxCount < 1 ? 1 : tagMaxCount);
146
+ setTagMaxCount(typeAssertion.isArrayNonEmpty(mergedTagList) && tagMaxCount < 1 ? 0 : tagMaxCount);
147
147
  }, [tagsWidth, suffixWidth, getTagWidth, containerWidth, mergedTagList, suffix]);
148
148
  // mergedTagList 更新后同步更新 tagsWidth
149
149
  React.useEffect(function () {
150
- var updatedTagsWidth = {};
151
- mergedTagList.forEach(function (item) {
152
- var _a;
153
- var id = item.id;
154
- updatedTagsWidth[id] = (_a = tagsWidth[id]) !== null && _a !== void 0 ? _a : 0;
150
+ setTagsWidth(function (prev) {
151
+ var updatedTagsWidth = {};
152
+ mergedTagList.forEach(function (item) {
153
+ var _a;
154
+ var id = item.id;
155
+ updatedTagsWidth[id] = (_a = prev[id]) !== null && _a !== void 0 ? _a : 0;
156
+ });
157
+ return updatedTagsWidth;
155
158
  });
156
- setTagsWidth(updatedTagsWidth);
157
159
  }, [mergedTagList]);
158
160
  var onClearLatest = useLatest.useLatestCallback(onClear);
159
161
  var handleClear = React.useCallback(function (evt) {
package/lib/esm/TagInputMock.js CHANGED
@@ -130,17 +130,19 @@ var TagInputMock = /*#__PURE__*/forwardRef(function (_a, ref) {
130
130
  tagMaxCount = 0;
131
131
  }
132
132
  // 保底要展示 1 个
133
- setTagMaxCount(isArrayNonEmpty(mergedTagList) && tagMaxCount < 1 ? 1 : tagMaxCount);
133
+ setTagMaxCount(isArrayNonEmpty(mergedTagList) && tagMaxCount < 1 ? 0 : tagMaxCount);
134
134
  }, [tagsWidth, suffixWidth, getTagWidth, containerWidth, mergedTagList, suffix]);
135
135
  // mergedTagList 更新后同步更新 tagsWidth
136
136
  useEffect(function () {
137
- var updatedTagsWidth = {};
138
- mergedTagList.forEach(function (item) {
139
- var _a;
140
- var id = item.id;
141
- updatedTagsWidth[id] = (_a = tagsWidth[id]) !== null && _a !== void 0 ? _a : 0;
137
+ setTagsWidth(function (prev) {
138
+ var updatedTagsWidth = {};
139
+ mergedTagList.forEach(function (item) {
140
+ var _a;
141
+ var id = item.id;
142
+ updatedTagsWidth[id] = (_a = prev[id]) !== null && _a !== void 0 ? _a : 0;
143
+ });
144
+ return updatedTagsWidth;
142
145
  });
143
- setTagsWidth(updatedTagsWidth);
144
146
  }, [mergedTagList]);
145
147
  var onClearLatest = useLatestCallback(onClear);
146
148
  var handleClear = useCallback(function (evt) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hi-ui/tag-input",
3
- "version": "4.1.3",
3
+ "version": "4.1.4",
4
4
  "description": "A sub-package for @hi-ui/hiui.",
5
5
  "keywords": [],
6
6
  "author": "HiUI <mi-hiui@xiaomi.com>",