@hi-ui/tag-input 4.0.7 → 4.0.9

package/CHANGELOG.md

@@ -1,5 +1,40 @@
 # @hi-ui/tag-input
 
+## 4.0.9
+
+### Patch Changes
+
+- fix: 修复 rollup3 打包 cjs 模块问题
+- Updated dependencies
+  - @hi-ui/env@4.0.3
+  - @hi-ui/core@4.0.7
+  - @hi-ui/use-latest@4.0.3
+  - @hi-ui/use-merge-refs@4.0.3
+  - @hi-ui/use-outside-click@4.0.3
+  - @hi-ui/use-uncontrolled-state@4.0.3
+  - @hi-ui/icons@4.0.17
+  - @hi-ui/classname@4.0.3
+  - @hi-ui/func-utils@4.0.3
+  - @hi-ui/type-assertion@4.0.3
+
+## 4.0.8
+
+### Patch Changes
+
+- [#2672](https://github.com/XiaoMi/hiui/pull/2672) [`1ebe27830`](https://github.com/XiaoMi/hiui/commit/1ebe2783098b3a8cd980bd10076d67635463800e) Thanks [@zyprepare](https://github.com/zyprepare)! - build: 升级到 rollup3,重新构建发布组件
+
+- Updated dependencies [[`1ebe27830`](https://github.com/XiaoMi/hiui/commit/1ebe2783098b3a8cd980bd10076d67635463800e)]:
+  - @hi-ui/core@4.0.6
+  - @hi-ui/use-latest@4.0.2
+  - @hi-ui/use-merge-refs@4.0.2
+  - @hi-ui/use-outside-click@4.0.2
+  - @hi-ui/use-uncontrolled-state@4.0.2
+  - @hi-ui/icons@4.0.16
+  - @hi-ui/classname@4.0.2
+  - @hi-ui/env@4.0.2
+  - @hi-ui/func-utils@4.0.2
+  - @hi-ui/type-assertion@4.0.2
+
 ## 4.0.7
 
 ### Patch Changes

package/lib/cjs/TagInput.js

@@ -10,84 +10,63 @@
 'use strict';
 
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-
 var tslib = require('tslib');
-
 var React = require('react');
-
 var classname = require('@hi-ui/classname');
-
 var env = require('@hi-ui/env');
-
 var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
-
 var icons = require('@hi-ui/icons');
-
 var useMergeRefs = require('@hi-ui/use-merge-refs');
-
 var useTagInput = require('./use-tag-input.js');
-
 var useOutsideClick = require('@hi-ui/use-outside-click');
-
 var useLatest = require('@hi-ui/use-latest');
-
-function _interopDefaultLegacy(e) {
+function _interopDefaultCompat(e) {
   return e && _typeof(e) === 'object' && 'default' in e ? e : {
     'default': e
   };
 }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var _role = 'tag-input';
-
 var _prefix = classname.getPrefixCls(_role);
-
 var NOOP_ARRAY = [];
 /**
  * 标签输入框
  */
-
 var TagInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _a$prefixCls = _a.prefixCls,
-      prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
-      _a$role = _a.role,
-      role = _a$role === void 0 ? _role : _a$role,
-      className = _a.className,
-      _a$defaultValue = _a.defaultValue,
-      defaultValue = _a$defaultValue === void 0 ? NOOP_ARRAY : _a$defaultValue,
-      valueProp = _a.value,
-      onChange = _a.onChange,
-      placeholder = _a.placeholder,
-      _a$data = _a.data,
-      data = _a$data === void 0 ? NOOP_ARRAY : _a$data,
-      _a$wrap = _a.wrap,
-      wrap = _a$wrap === void 0 ? true : _a$wrap,
-      _a$clearable = _a.clearable,
-      clearable = _a$clearable === void 0 ? true : _a$clearable,
-      _a$disabled = _a.disabled,
-      disabled = _a$disabled === void 0 ? false : _a$disabled,
-      suffix = _a.suffix,
-      displayRender = _a.displayRender,
-      onClick = _a.onClick,
-      _onMouseOver = _a.onMouseOver,
-      _onMouseLeave = _a.onMouseLeave,
-      onClear = _a.onClear,
-      rest = tslib.__rest(_a, ["prefixCls", "role", "className", "defaultValue", "value", "onChange", "placeholder", "data", "wrap", "clearable", "disabled", "suffix", "displayRender", "onClick", "onMouseOver", "onMouseLeave", "onClear"]);
-
+    prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
+    _a$role = _a.role,
+    role = _a$role === void 0 ? _role : _a$role,
+    className = _a.className,
+    _a$defaultValue = _a.defaultValue,
+    defaultValue = _a$defaultValue === void 0 ? NOOP_ARRAY : _a$defaultValue,
+    valueProp = _a.value,
+    onChange = _a.onChange,
+    placeholder = _a.placeholder,
+    _a$data = _a.data,
+    data = _a$data === void 0 ? NOOP_ARRAY : _a$data,
+    _a$wrap = _a.wrap,
+    wrap = _a$wrap === void 0 ? true : _a$wrap,
+    _a$clearable = _a.clearable,
+    clearable = _a$clearable === void 0 ? true : _a$clearable,
+    _a$disabled = _a.disabled,
+    disabled = _a$disabled === void 0 ? false : _a$disabled,
+    suffix = _a.suffix,
+    displayRender = _a.displayRender,
+    onClick = _a.onClick,
+    _onMouseOver = _a.onMouseOver,
+    _onMouseLeave = _a.onMouseLeave,
+    onClear = _a.onClear,
+    rest = tslib.__rest(_a, ["prefixCls", "role", "className", "defaultValue", "value", "onChange", "placeholder", "data", "wrap", "clearable", "disabled", "suffix", "displayRender", "onClick", "onMouseOver", "onMouseLeave", "onClear"]);
   var _useUncontrolledState = useUncontrolledState.useUncontrolledState(defaultValue, valueProp, onChange),
-      value = _useUncontrolledState[0],
-      tryChangeValue = _useUncontrolledState[1];
-
+    value = _useUncontrolledState[0],
+    tryChangeValue = _useUncontrolledState[1];
   var tagInputRef = React.useRef(null);
-
   var _useTagInput = useTagInput.useTagInput(data, tagInputRef),
-      tagMaxWidth = _useTagInput[0];
-
+    tagMaxWidth = _useTagInput[0];
   var onClearLatest = useLatest.useLatestCallback(onClear);
   var tagList = React.useMemo(function () {
     return value.map(function (id) {
@@ -105,24 +84,20 @@ var TagInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     tryChangeValue(NOOP_ARRAY, tagList, false);
     onClearLatest();
   }, [tryChangeValue, disabled, onClearLatest, tagList]);
-
   var _useState = React.useState(false),
-      hover = _useState[0],
-      setHover = _useState[1];
-
+    hover = _useState[0],
+    setHover = _useState[1];
   var trySetHover = React.useCallback(function (hovered) {
     if (disabled) return;
     setHover(hovered);
   }, [disabled]);
-  var tagCount = tagList.length; // 在开启 clearable 下展示 清除内容按钮，可点击进行内容清楚
-
+  var tagCount = tagList.length;
+  // 在开启 clearable 下展示 清除内容按钮，可点击进行内容清楚
   var showClearableIcon = clearable && tagCount > 0 && !disabled;
   var showTagCount = !wrap && tagCount > 0;
-
   var _useState2 = React.useState(false),
-      expanded = _useState2[0],
-      setExpanded = _useState2[1];
-
+    expanded = _useState2[0],
+    setExpanded = _useState2[1];
   useOutsideClick.useOutsideClick(tagInputRef, function () {
     return setExpanded(false);
   });
@@ -146,7 +121,7 @@ var TagInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
     className: classname.cx(prefixCls + "__container", disabled && 'disabled'),
     onClick: onClick
-  }, value.length !== 0 ? /*#__PURE__*/React__default["default"].createElement("span", {
+  }, value.length !== 0 ? ( /*#__PURE__*/React__default["default"].createElement("span", {
     className: prefixCls + "__value"
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     className: classname.cx(prefixCls + "__tags", wrap && prefixCls + "__tags--all")
@@ -161,7 +136,7 @@ var TagInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       style: {
         maxWidth: tagMaxWidth
       }
-    }, title === true ? option.title : title), closeable ? /*#__PURE__*/React__default["default"].createElement("span", {
+    }, title === true ? option.title : title), closeable ? ( /*#__PURE__*/React__default["default"].createElement("span", {
       className: prefixCls + "__tag-closed",
       onClick: function onClick(evt) {
         if (disabled) return;
@@ -171,20 +146,20 @@ var TagInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
         });
         tryChangeValue(nextValue, [option], false);
       }
-    }, /*#__PURE__*/React__default["default"].createElement(icons.CloseOutlined, null)) : null);
-  }))) : /*#__PURE__*/React__default["default"].createElement("span", {
+    }, /*#__PURE__*/React__default["default"].createElement(icons.CloseOutlined, null))) : null);
+  })))) : ( /*#__PURE__*/React__default["default"].createElement("span", {
     className: prefixCls + "__placeholder"
-  }, placeholder), !!suffix || showClearableIcon && hover || showTagCount ? /*#__PURE__*/React__default["default"].createElement("span", {
+  }, placeholder)), !!suffix || showClearableIcon && hover || showTagCount ? ( /*#__PURE__*/React__default["default"].createElement("span", {
     className: prefixCls + "__suffix"
-  }, showTagCount ? /*#__PURE__*/React__default["default"].createElement("span", {
+  }, showTagCount ? ( /*#__PURE__*/React__default["default"].createElement("span", {
     className: classname.cx(prefixCls + "__tag--total"),
     onClick: handleExpand
-  }, "" + (tagCount > 99 ? '+99' : tagCount)) : showClearableIcon && hover ? /*#__PURE__*/React__default["default"].createElement("span", {
+  }, "" + (tagCount > 99 ? '+99' : tagCount))) : showClearableIcon && hover ? ( /*#__PURE__*/React__default["default"].createElement("span", {
     className: prefixCls + "__clear",
     role: "button",
     tabIndex: -1,
     onClick: handleClear
-  }, /*#__PURE__*/React__default["default"].createElement(icons.CloseCircleFilled, null)) : null, suffix) : null), value.length !== 0 && expanded ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement(icons.CloseCircleFilled, null))) : null, suffix)) : null), value.length !== 0 && expanded ? ( /*#__PURE__*/React__default["default"].createElement("div", {
     className: prefixCls + "__container__expand"
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     className: classname.cx(prefixCls + "__value")
@@ -201,7 +176,7 @@ var TagInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       style: {
         maxWidth: tagMaxWidth
       }
-    }, title === true ? option.title : title), closeable ? /*#__PURE__*/React__default["default"].createElement("span", {
+    }, title === true ? option.title : title), closeable ? ( /*#__PURE__*/React__default["default"].createElement("span", {
       className: prefixCls + "__tag-closed",
       onClick: function onClick(evt) {
         if (disabled) return;
@@ -211,19 +186,17 @@ var TagInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
         });
         tryChangeValue(nextValue);
       }
-    }, /*#__PURE__*/React__default["default"].createElement(icons.CloseOutlined, null)) : null);
-  }))), showClearableIcon ? /*#__PURE__*/React__default["default"].createElement("span", {
+    }, /*#__PURE__*/React__default["default"].createElement(icons.CloseOutlined, null))) : null);
+  }))), showClearableIcon ? ( /*#__PURE__*/React__default["default"].createElement("span", {
     className: prefixCls + "__suffix"
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     className: prefixCls + "__clear",
     role: "button",
     tabIndex: -1,
     onClick: handleClear
-  }, /*#__PURE__*/React__default["default"].createElement(icons.CloseCircleFilled, null))) : null) : null);
+  }, /*#__PURE__*/React__default["default"].createElement(icons.CloseCircleFilled, null)))) : null)) : null);
 });
-
 if (env.__DEV__) {
   TagInput.displayName = 'TagInput';
 }
-
 exports.TagInput = TagInput;

package/lib/cjs/TagInputMock.js

@@ -10,91 +10,73 @@
 'use strict';
 
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-
 var tslib = require('tslib');
-
 var React = require('react');
-
 var classname = require('@hi-ui/classname');
-
 var env = require('@hi-ui/env');
-
 var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
-
 var icons = require('@hi-ui/icons');
-
 var useLatest = require('@hi-ui/use-latest');
-
 var typeAssertion = require('@hi-ui/type-assertion');
-
 var ResizeDetector = require('react-resize-detector');
-
-function _interopDefaultLegacy(e) {
+function _interopDefaultCompat(e) {
   return e && _typeof(e) === 'object' && 'default' in e ? e : {
     'default': e
   };
 }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var ResizeDetector__default = /*#__PURE__*/_interopDefaultLegacy(ResizeDetector);
-
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var ResizeDetector__default = /*#__PURE__*/_interopDefaultCompat(ResizeDetector);
 var _role = 'tag-input-mock';
-
 var _prefix = classname.getPrefixCls(_role);
-
 var NOOP_ARRAY = [];
 var TagInputMock = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _a$prefixCls = _a.prefixCls,
-      prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
-      _a$role = _a.role,
-      role = _a$role === void 0 ? _role : _a$role,
-      className = _a.className,
-      _a$defaultValue = _a.defaultValue,
-      defaultValue = _a$defaultValue === void 0 ? NOOP_ARRAY : _a$defaultValue,
-      valueProp = _a.value,
-      onChange = _a.onChange,
-      placeholder = _a.placeholder,
-      _a$data = _a.data,
-      data = _a$data === void 0 ? NOOP_ARRAY : _a$data,
-      _a$disabled = _a.disabled,
-      disabled = _a$disabled === void 0 ? false : _a$disabled,
-      _a$clearable = _a.clearable,
-      clearable = _a$clearable === void 0 ? true : _a$clearable,
-      _a$focused = _a.focused,
-      focused = _a$focused === void 0 ? false : _a$focused,
-      _a$invalid = _a.invalid,
-      invalid = _a$invalid === void 0 ? false : _a$invalid,
-      _a$readOnly = _a.readOnly,
-      readOnly = _a$readOnly === void 0 ? false : _a$readOnly,
-      _a$size = _a.size,
-      size = _a$size === void 0 ? 'md' : _a$size,
-      _a$appearance = _a.appearance,
-      appearance = _a$appearance === void 0 ? 'line' : _a$appearance,
-      _a$wrap = _a.wrap,
-      wrap = _a$wrap === void 0 ? false : _a$wrap,
-      _a$expandable = _a.expandable,
-      expandable = _a$expandable === void 0 ? false : _a$expandable,
-      _a$activeExpandable = _a.activeExpandable,
-      activeExpandable = _a$activeExpandable === void 0 ? false : _a$activeExpandable,
-      suffix = _a.suffix,
-      _a$tagWidth = _a.tagWidth,
-      tagWidth = _a$tagWidth === void 0 ? 20 : _a$tagWidth,
-      displayRender = _a.displayRender,
-      _onMouseOver = _a.onMouseOver,
-      _onMouseLeave = _a.onMouseLeave,
-      onClear = _a.onClear,
-      onExpand = _a.onExpand,
-      rest = tslib.__rest(_a, ["prefixCls", "role", "className", "defaultValue", "value", "onChange", "placeholder", "data", "disabled", "clearable", "focused", "invalid", "readOnly", "size", "appearance", "wrap", "expandable", "activeExpandable", "suffix", "tagWidth", "displayRender", "onMouseOver", "onMouseLeave", "onClear", "onExpand"]);
-
+    prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
+    _a$role = _a.role,
+    role = _a$role === void 0 ? _role : _a$role,
+    className = _a.className,
+    _a$defaultValue = _a.defaultValue,
+    defaultValue = _a$defaultValue === void 0 ? NOOP_ARRAY : _a$defaultValue,
+    valueProp = _a.value,
+    onChange = _a.onChange,
+    placeholder = _a.placeholder,
+    _a$data = _a.data,
+    data = _a$data === void 0 ? NOOP_ARRAY : _a$data,
+    _a$disabled = _a.disabled,
+    disabled = _a$disabled === void 0 ? false : _a$disabled,
+    _a$clearable = _a.clearable,
+    clearable = _a$clearable === void 0 ? true : _a$clearable,
+    _a$focused = _a.focused,
+    focused = _a$focused === void 0 ? false : _a$focused,
+    _a$invalid = _a.invalid,
+    invalid = _a$invalid === void 0 ? false : _a$invalid,
+    _a$readOnly = _a.readOnly,
+    readOnly = _a$readOnly === void 0 ? false : _a$readOnly,
+    _a$size = _a.size,
+    size = _a$size === void 0 ? 'md' : _a$size,
+    _a$appearance = _a.appearance,
+    appearance = _a$appearance === void 0 ? 'line' : _a$appearance,
+    _a$wrap = _a.wrap,
+    wrap = _a$wrap === void 0 ? false : _a$wrap,
+    _a$expandable = _a.expandable,
+    expandable = _a$expandable === void 0 ? false : _a$expandable,
+    _a$activeExpandable = _a.activeExpandable,
+    activeExpandable = _a$activeExpandable === void 0 ? false : _a$activeExpandable,
+    suffix = _a.suffix,
+    _a$tagWidth = _a.tagWidth,
+    tagWidth = _a$tagWidth === void 0 ? 20 : _a$tagWidth,
+    displayRender = _a.displayRender,
+    _onMouseOver = _a.onMouseOver,
+    _onMouseLeave = _a.onMouseLeave,
+    onClear = _a.onClear,
+    onExpand = _a.onExpand,
+    rest = tslib.__rest(_a, ["prefixCls", "role", "className", "defaultValue", "value", "onChange", "placeholder", "data", "disabled", "clearable", "focused", "invalid", "readOnly", "size", "appearance", "wrap", "expandable", "activeExpandable", "suffix", "tagWidth", "displayRender", "onMouseOver", "onMouseLeave", "onClear", "onExpand"]);
   var _useUncontrolledState = useUncontrolledState.useUncontrolledState(defaultValue, valueProp, onChange),
-      value = _useUncontrolledState[0],
-      tryChangeValue = _useUncontrolledState[1];
-
+    value = _useUncontrolledState[0],
+    tryChangeValue = _useUncontrolledState[1];
   var tagList = React.useMemo(function () {
     return value.map(function (id) {
       return data.find(function (item) {
@@ -106,57 +88,44 @@ var TagInputMock = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     });
   }, [value, data]);
   var tagCount = tagList.length;
-
   var _useState = React.useState(),
-      _useState$ = _useState[0],
-      containerWidth = _useState$ === void 0 ? 0 : _useState$,
-      setContainerWidth = _useState[1];
-
+    _useState$ = _useState[0],
+    containerWidth = _useState$ === void 0 ? 0 : _useState$,
+    setContainerWidth = _useState[1];
   var mergedTagList = React.useMemo(function () {
     if (wrap) {
       return tagList;
     }
-
     return tagList.slice(0, Math.min(tagList.length, containerWidth / tagWidth));
   }, [tagList, tagWidth, containerWidth, wrap]);
   var showTags = mergedTagList.length > 0;
   var showTagCount = !wrap && showTags;
-
   var _useState2 = React.useState({}),
-      tagsWidth = _useState2[0],
-      setTagsWidth = _useState2[1];
-
+    tagsWidth = _useState2[0],
+    setTagsWidth = _useState2[1];
   var getTagWidth = React.useCallback(function (index) {
     return typeof mergedTagList[index] !== 'undefined' && tagsWidth[mergedTagList[index].id] || 0;
   }, [tagsWidth, mergedTagList]);
-
   var _useState3 = React.useState(0),
-      suffixWidth = _useState3[0],
-      setSuffixWidth = _useState3[1]; // TODO: 设置第一个 tagWidth 超出省略，预防无展示
+    suffixWidth = _useState3[0],
+    setSuffixWidth = _useState3[1];
+  // TODO: 设置第一个 tagWidth 超出省略，预防无展示
   // const [tagMaxWidth, setTagMaxWidth] = useState(0)
-
-
   var _useState4 = React.useState(0),
-      tagMaxCount = _useState4[0],
-      setTagMaxCount = _useState4[1];
-
+    tagMaxCount = _useState4[0],
+    setTagMaxCount = _useState4[1];
   React.useLayoutEffect(function () {
     var tagMaxCount = 0;
-
     if (typeAssertion.isArrayNonEmpty(mergedTagList)) {
       var len = mergedTagList.length;
       var lastIndex = len - 1;
       var totalWidth = suffixWidth;
-
       for (var i = 0; i < len; ++i) {
         var currentTagWidth = getTagWidth(i);
-
         if (currentTagWidth === undefined) {
           break;
         }
-
         totalWidth += currentTagWidth;
-
         if (lastIndex === 0 && totalWidth <= containerWidth || i === lastIndex - 1 && totalWidth + getTagWidth(lastIndex) <= containerWidth) {
           tagMaxCount = lastIndex;
           break;
@@ -167,17 +136,15 @@ var TagInputMock = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       }
     } else {
       tagMaxCount = 0;
-    } // 保底要展示 1 个
-
-
+    }
+    // 保底要展示 1 个
     setTagMaxCount(typeAssertion.isArrayNonEmpty(mergedTagList) && tagMaxCount < 1 ? 1 : tagMaxCount);
-  }, [tagsWidth, suffixWidth, getTagWidth, containerWidth, mergedTagList, suffix]); // mergedTagList 更新后同步更新 tagsWidth
-
+  }, [tagsWidth, suffixWidth, getTagWidth, containerWidth, mergedTagList, suffix]);
+  // mergedTagList 更新后同步更新 tagsWidth
   React.useEffect(function () {
     var updatedTagsWidth = {};
     mergedTagList.forEach(function (item) {
       var _a;
-
       var id = item.id;
       updatedTagsWidth[id] = (_a = tagsWidth[id]) !== null && _a !== void 0 ? _a : 0;
     });
@@ -190,16 +157,14 @@ var TagInputMock = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     tryChangeValue(NOOP_ARRAY, tagList, false);
     onClearLatest();
   }, [tryChangeValue, disabled, onClearLatest, tagList]);
-
   var _useState5 = React.useState(false),
-      hover = _useState5[0],
-      setHover = _useState5[1];
-
+    hover = _useState5[0],
+    setHover = _useState5[1];
   var trySetHover = React.useCallback(function (hovered) {
     if (disabled) return;
     setHover(hovered);
-  }, [disabled]); // 在开启 clearable 下展示 清除内容按钮，可点击进行内容清楚
-
+  }, [disabled]);
+  // 在开启 clearable 下展示 清除内容按钮，可点击进行内容清楚
   var showClearableIcon = clearable && showTags && !disabled;
   var maxTagWidth = containerWidth - suffixWidth;
   var cls = classname.cx(prefixCls, className, prefixCls + "--appearance-" + appearance, prefixCls + "--size-" + size, focused && "focused", readOnly && 'readonly', invalid && 'invalid', disabled && prefixCls + "--disabled", wrap && prefixCls + "--wrap", expandable && prefixCls + "--expandable");
@@ -222,7 +187,7 @@ var TagInputMock = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       trySetHover(false);
       _onMouseLeave === null || _onMouseLeave === void 0 ? void 0 : _onMouseLeave(evt);
     }
-  }, rest), showTags ? /*#__PURE__*/React__default["default"].createElement("span", {
+  }, rest), showTags ? ( /*#__PURE__*/React__default["default"].createElement("span", {
     className: prefixCls + "__tags"
   }, mergedTagList.map(function (option, index) {
     return /*#__PURE__*/React__default["default"].createElement(MockTag, {
@@ -238,37 +203,34 @@ var TagInputMock = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       onTagResize: function onTagResize(id, w) {
         return setTagsWidth(function (prev) {
           var _Object$assign;
-
           return Object.assign(Object.assign({}, prev), (_Object$assign = {}, _Object$assign[id] = w, _Object$assign));
         });
       }
     });
-  })) : /*#__PURE__*/React__default["default"].createElement("span", {
+  }))) : ( /*#__PURE__*/React__default["default"].createElement("span", {
     className: prefixCls + "__placeholder"
-  }, placeholder), /*#__PURE__*/React__default["default"].createElement(ResizeDetector__default["default"], {
+  }, placeholder)), /*#__PURE__*/React__default["default"].createElement(ResizeDetector__default["default"], {
     skipOnMount: false,
     onResize: function onResize(w) {
       if (w) {
         setSuffixWidth(w);
       }
     }
-  }, !!suffix || showClearableIcon && hover || showTagCount ? /*#__PURE__*/React__default["default"].createElement("span", {
+  }, !!suffix || showClearableIcon && hover || showTagCount ? ( /*#__PURE__*/React__default["default"].createElement("span", {
     className: prefixCls + "__suffix"
-  }, showTagCount ? /*#__PURE__*/React__default["default"].createElement("span", {
+  }, showTagCount ? ( /*#__PURE__*/React__default["default"].createElement("span", {
     className: classname.cx(prefixCls + "__tag--total", activeExpandable && prefixCls + "__tag--active"),
     onClick: onExpand
-  }, "" + (tagCount > 99 ? '99+' : tagCount)) : null, showClearableIcon && hover ? /*#__PURE__*/React__default["default"].createElement("span", {
+  }, "" + (tagCount > 99 ? '99+' : tagCount))) : null, showClearableIcon && hover ? ( /*#__PURE__*/React__default["default"].createElement("span", {
     className: prefixCls + "__clear",
     role: "button",
     tabIndex: -1,
     onClick: handleClear
-  }, /*#__PURE__*/React__default["default"].createElement(icons.CloseCircleFilled, null)) : suffix) : null)));
+  }, /*#__PURE__*/React__default["default"].createElement(icons.CloseCircleFilled, null))) : suffix)) : null)));
 });
-
 if (env.__DEV__) {
   TagInputMock.displayName = 'TagInputMock';
 }
-
 var hiddenStyle = {
   position: 'absolute',
   opacity: 0,
@@ -277,18 +239,17 @@ var hiddenStyle = {
   overflow: 'hidden',
   display: 'none'
 };
-
 function MockTag(_ref) {
   var prefixCls = _ref.prefixCls,
-      option = _ref.option,
-      disabled = _ref.disabled,
-      value = _ref.value,
-      onTagResize = _ref.onTagResize,
-      tryChangeValue = _ref.tryChangeValue,
-      displayRender = _ref.displayRender,
-      maxWidth = _ref.maxWidth,
-      _ref$hidden = _ref.hidden,
-      hidden = _ref$hidden === void 0 ? false : _ref$hidden;
+    option = _ref.option,
+    disabled = _ref.disabled,
+    value = _ref.value,
+    onTagResize = _ref.onTagResize,
+    tryChangeValue = _ref.tryChangeValue,
+    displayRender = _ref.displayRender,
+    maxWidth = _ref.maxWidth,
+    _ref$hidden = _ref.hidden,
+    hidden = _ref$hidden === void 0 ? false : _ref$hidden;
   var title = typeAssertion.isFunction(displayRender) ? displayRender(option) : true;
   var closeable = !option.disabled;
   return /*#__PURE__*/React__default["default"].createElement(ResizeDetector__default["default"], {
@@ -296,7 +257,6 @@ function MockTag(_ref) {
     onResize: function onResize(width) {
       // 隐藏后就不允许设置 tagSize，避免无限循环触发“宽度计算响应式策略”
       if (hidden) return;
-
       if (width !== undefined) {
         onTagResize(option.id, width);
       }
@@ -314,7 +274,7 @@ function MockTag(_ref) {
     key: option.id
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     className: prefixCls + "__tag-content"
-  }, title === true ? option.title : title), closeable ? /*#__PURE__*/React__default["default"].createElement("span", {
+  }, title === true ? option.title : title), closeable ? ( /*#__PURE__*/React__default["default"].createElement("span", {
     className: prefixCls + "__tag-closed",
     onClick: function onClick(evt) {
       if (disabled) return;
@@ -324,7 +284,6 @@ function MockTag(_ref) {
       });
       tryChangeValue(nextValue, [option], false);
     }
-  }, /*#__PURE__*/React__default["default"].createElement(icons.CloseOutlined, null)) : null)));
+  }, /*#__PURE__*/React__default["default"].createElement(icons.CloseOutlined, null))) : null)));
 }
-
 exports.TagInputMock = TagInputMock;

package/lib/cjs/index.js

@@ -12,13 +12,9 @@
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-
 require('./styles/index.scss.js');
-
 var TagInput = require('./TagInput.js');
-
 var TagInputMock = require('./TagInputMock.js');
-
 exports.TagInput = TagInput.TagInput;
 exports["default"] = TagInput.TagInput;
 exports.TagInputMock = TagInputMock.TagInputMock;