@douyinfe/semi-ui 2.25.1 → 2.25.2

package/lib/cjs/tag/index.js

@@ -208,9 +208,9 @@ class Tag extends _react.Component {
     })) : null;
     return /*#__PURE__*/_react.default.createElement("div", Object.assign({
       "aria-label": this.props['aria-label'] || (0, _isString2.default)(children) ? "".concat(closable ? 'Closable ' : '', "Tag: ").concat(children) : ''
-    }, wrapProps), /*#__PURE__*/_react.default.createElement("div", {
+    }, wrapProps), avatarSrc ? this.renderAvatar() : null, /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixCls, "-content")
-    }, avatarSrc ? this.renderAvatar() : null, children), closeIcon);
+    }, children), closeIcon);
   }
 
 }

package/lib/cjs/tagInput/index.js

@@ -47,16 +47,14 @@ var _reactSortableHoc = require("react-sortable-hoc");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+const prefixCls = _constants.cssClasses.PREFIX;
 const SortableItem = (0, _reactSortableHoc.SortableElement)(props => props.item);
 const SortableList = (0, _reactSortableHoc.SortableContainer)(_ref => {
   let {
     items
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      display: 'flex',
-      flexFlow: 'row wrap'
-    }
+    className: "".concat(prefixCls, "-sortable-list")
   }, items.map((item, index) =>
   /*#__PURE__*/
   // @ts-ignore skip SortableItem type check
@@ -66,7 +64,6 @@ const SortableList = (0, _reactSortableHoc.SortableContainer)(_ref => {
     item: item.item
   })));
 });
-const prefixCls = _constants.cssClasses.PREFIX;
 
 class TagInput extends _baseComponent.default {
   constructor(props) {
@@ -172,13 +169,15 @@ class TagInput extends _baseComponent.default {
             key: elementKey,
             visible: true,
             "aria-label": "".concat(!disabled ? 'Closable ' : '', "Tag: ").concat(value)
+          }, /*#__PURE__*/_react.default.createElement("div", {
+            className: "".concat(prefixCls, "-tag-content-wrapper")
           }, showIconHandler && /*#__PURE__*/_react.default.createElement(DragHandle, null), /*#__PURE__*/_react.default.createElement(_paragraph.default, {
             className: typoCls,
             ellipsis: {
               showTooltip: showContentTooltip,
               rows: 1
             }
-          }, value));
+          }, value)));
         }
       });
     };

package/lib/es/tag/index.js

@@ -170,9 +170,9 @@ export default class Tag extends Component {
     })) : null;
     return /*#__PURE__*/React.createElement("div", Object.assign({
       "aria-label": this.props['aria-label'] || _isString(children) ? "".concat(closable ? 'Closable ' : '', "Tag: ").concat(children) : ''
-    }, wrapProps), /*#__PURE__*/React.createElement("div", {
+    }, wrapProps), avatarSrc ? this.renderAvatar() : null, /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefixCls, "-content")
-    }, avatarSrc ? this.renderAvatar() : null, children), closeIcon);
+    }, children), closeIcon);
   }
 
 }

package/lib/es/tagInput/index.js

@@ -18,16 +18,14 @@ import Popover from '../popover';
 import Paragraph from '../typography/paragraph';
 import { IconClear, IconHandle } from '@douyinfe/semi-icons';
 import { SortableContainer, SortableElement, SortableHandle } from 'react-sortable-hoc';
+const prefixCls = cssClasses.PREFIX;
 const SortableItem = SortableElement(props => props.item);
 const SortableList = SortableContainer(_ref => {
   let {
     items
   } = _ref;
   return /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex',
-      flexFlow: 'row wrap'
-    }
+    className: "".concat(prefixCls, "-sortable-list")
   }, items.map((item, index) =>
   /*#__PURE__*/
   // @ts-ignore skip SortableItem type check
@@ -37,7 +35,6 @@ const SortableList = SortableContainer(_ref => {
     item: item.item
   })));
 });
-const prefixCls = cssClasses.PREFIX;
 
 class TagInput extends BaseComponent {
   constructor(props) {
@@ -143,13 +140,15 @@ class TagInput extends BaseComponent {
             key: elementKey,
             visible: true,
             "aria-label": "".concat(!disabled ? 'Closable ' : '', "Tag: ").concat(value)
+          }, /*#__PURE__*/React.createElement("div", {
+            className: "".concat(prefixCls, "-tag-content-wrapper")
           }, showIconHandler && /*#__PURE__*/React.createElement(DragHandle, null), /*#__PURE__*/React.createElement(Paragraph, {
             className: typoCls,
             ellipsis: {
               showTooltip: showContentTooltip,
               rows: 1
             }
-          }, value));
+          }, value)));
         }
       });
     };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.25.1",
+    "version": "2.25.2",
     "description": "",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -17,12 +17,12 @@
         "lib/*"
     ],
     "dependencies": {
-        "@douyinfe/semi-animation": "2.25.1",
-        "@douyinfe/semi-animation-react": "2.25.1",
-        "@douyinfe/semi-foundation": "2.25.1",
-        "@douyinfe/semi-icons": "2.25.1",
-        "@douyinfe/semi-illustrations": "2.25.1",
-        "@douyinfe/semi-theme-default": "2.25.1",
+        "@douyinfe/semi-animation": "2.25.2",
+        "@douyinfe/semi-animation-react": "2.25.2",
+        "@douyinfe/semi-foundation": "2.25.2",
+        "@douyinfe/semi-icons": "2.25.2",
+        "@douyinfe/semi-illustrations": "2.25.2",
+        "@douyinfe/semi-theme-default": "2.25.2",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -69,7 +69,7 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "571a51134e49bec30e4412b4eacd45dd35d3849f",
+    "gitHead": "d1cdea565d328c70a4de8636aed30c88f60732dd",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",