@hi-ui/tag-input 4.1.2 → 4.1.3
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 +6 -0
- package/lib/cjs/TagInputMock.js +4 -2
- package/lib/esm/TagInputMock.js +4 -2
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @hi-ui/tag-input
|
|
2
2
|
|
|
3
|
+
## 4.1.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#3096](https://github.com/XiaoMi/hiui/pull/3096) [`3aff5eee7`](https://github.com/XiaoMi/hiui/commit/3aff5eee7ab4e1734fa2800d5154e8ebe24bbe00) Thanks [@zyprepare](https://github.com/zyprepare)! - perf(tag-input): 优化 wrap 模式下设置 displayRender 卡顿问题 (#3094)
|
|
8
|
+
|
|
3
9
|
## 4.1.2
|
|
4
10
|
|
|
5
11
|
### Patch Changes
|
package/lib/cjs/TagInputMock.js
CHANGED
|
@@ -259,8 +259,10 @@ function MockTag(_ref) {
|
|
|
259
259
|
maxWidth = _ref.maxWidth,
|
|
260
260
|
_ref$hidden = _ref.hidden,
|
|
261
261
|
hidden = _ref$hidden === void 0 ? false : _ref$hidden;
|
|
262
|
-
var title = typeAssertion.isFunction(displayRender) ? displayRender(option) : true;
|
|
263
262
|
var closeable = !option.disabled;
|
|
263
|
+
var title = React.useMemo(function () {
|
|
264
|
+
return typeAssertion.isFunction(displayRender) ? displayRender(option) : option.title;
|
|
265
|
+
}, [displayRender, option]);
|
|
264
266
|
return /*#__PURE__*/React__default["default"].createElement(ResizeDetector__default["default"], {
|
|
265
267
|
skipOnMount: false,
|
|
266
268
|
onResize: function onResize(width) {
|
|
@@ -283,7 +285,7 @@ function MockTag(_ref) {
|
|
|
283
285
|
key: option.id
|
|
284
286
|
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
285
287
|
className: prefixCls + "__tag-content"
|
|
286
|
-
}, title
|
|
288
|
+
}, title), closeable ? ( /*#__PURE__*/React__default["default"].createElement("span", {
|
|
287
289
|
className: prefixCls + "__tag-closed",
|
|
288
290
|
onClick: function onClick(evt) {
|
|
289
291
|
if (disabled) return;
|
package/lib/esm/TagInputMock.js
CHANGED
|
@@ -246,8 +246,10 @@ function MockTag(_ref) {
|
|
|
246
246
|
maxWidth = _ref.maxWidth,
|
|
247
247
|
_ref$hidden = _ref.hidden,
|
|
248
248
|
hidden = _ref$hidden === void 0 ? false : _ref$hidden;
|
|
249
|
-
var title = isFunction(displayRender) ? displayRender(option) : true;
|
|
250
249
|
var closeable = !option.disabled;
|
|
250
|
+
var title = useMemo(function () {
|
|
251
|
+
return isFunction(displayRender) ? displayRender(option) : option.title;
|
|
252
|
+
}, [displayRender, option]);
|
|
251
253
|
return /*#__PURE__*/React.createElement(ResizeDetector, {
|
|
252
254
|
skipOnMount: false,
|
|
253
255
|
onResize: function onResize(width) {
|
|
@@ -270,7 +272,7 @@ function MockTag(_ref) {
|
|
|
270
272
|
key: option.id
|
|
271
273
|
}, /*#__PURE__*/React.createElement("span", {
|
|
272
274
|
className: prefixCls + "__tag-content"
|
|
273
|
-
}, title
|
|
275
|
+
}, title), closeable ? ( /*#__PURE__*/React.createElement("span", {
|
|
274
276
|
className: prefixCls + "__tag-closed",
|
|
275
277
|
onClick: function onClick(evt) {
|
|
276
278
|
if (disabled) return;
|