@douyinfe/semi-ui 2.23.0-beta.1 → 2.23.1

package/lib/es/tagInput/index.js

@@ -420,9 +420,11 @@ class TagInput extends BaseComponent {
     }));
 
     if (active && draggable && sortableListItems.length > 0) {
+      // helperClass：add styles to the helper(item being dragged) https://github.com/clauderic/react-sortable-hoc/issues/87
       // @ts-ignore skip SortableItem type check
       return /*#__PURE__*/React.createElement(SortableList, {
         useDragHandle: true,
+        helperClass: "".concat(prefixCls, "-drag-item-move"),
         items: sortableListItems,
         onSortEnd: this.onSortEnd,
         axis: "xy"

package/lib/es/tooltip/index.d.ts

@@ -185,5 +185,6 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
     renderPortal: () => JSX.Element;
     wrapSpan: (elem: React.ReactNode | React.ReactElement) => JSX.Element;
     mergeEvents: (rawEvents: Record<string, any>, events: Record<string, any>) => {};
+    getPopupId: () => string;
     render(): JSX.Element;
 }

package/lib/es/tooltip/index.js

@@ -1,3 +1,4 @@
+import _isEqual from "lodash/isEqual";
 import _isFunction from "lodash/isFunction";
 import _isEmpty from "lodash/isEmpty";
 import _each from "lodash/each";
@@ -273,6 +274,10 @@ export default class Tooltip extends BaseComponent {
       return mergedEvents;
     };
 
+    this.getPopupId = () => {
+      return this.state.id;
+    };
+
     this.state = {
       visible: false,
 
@@ -585,7 +590,7 @@ export default class Tooltip extends BaseComponent {
       this.props.visible ? this.foundation.delayShow() : this.foundation.delayHide();
     }
 
-    if (prevProps.rePosKey !== this.props.rePosKey) {
+    if (!_isEqual(prevProps.rePosKey, this.props.rePosKey)) {
       this.rePosition();
     }
   }

package/lib/es/transfer/index.js

@@ -19,7 +19,30 @@ import Spin from '../spin';
 import Button from '../button';
 import Tree from '../tree';
 import { IconClose, IconSearch, IconHandle } from '@douyinfe/semi-icons';
-const prefixcls = cssClasses.PREFIX;
+const prefixcls = cssClasses.PREFIX; // SortableItem & SortableList should not be assigned inside of the render function
+
+const SortableItem = SortableElement(props => props.item.node);
+const SortableList = SortableContainer(_ref => {
+  let {
+    items
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixcls, "-right-list"),
+    role: "list",
+    "aria-label": "Selected list"
+  }, items.map((item, index) =>
+  /*#__PURE__*/
+  // @ts-ignore skip SortableItem type check
+  React.createElement(SortableItem, {
+    key: item.label,
+    index: index,
+    item: item
+  }))) // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore see reasons: https://github.com/clauderic/react-sortable-hoc/issues/206
+  ;
+}, {
+  distance: 10
+});
 
 class Transfer extends BaseComponent {
   constructor(props) {
@@ -462,34 +485,16 @@ class Transfer extends BaseComponent {
   }
 
   renderRightSortableList(selectedData) {
-    // when choose some items && draggable is true
-    const SortableItem = SortableElement(props => this.renderRightItem(props.item));
-    const SortableList = SortableContainer(_ref => {
-      let {
-        items
-      } = _ref;
-      return /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixcls, "-right-list"),
-        role: "list",
-        "aria-label": "Selected list"
-      }, items.map((item, index) =>
-      /*#__PURE__*/
-      // @ts-ignore skip SortableItem type check
-      React.createElement(SortableItem, {
-        key: item.label,
-        index: index,
-        item: item
-      }))) // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore see reasons: https://github.com/clauderic/react-sortable-hoc/issues/206
-      ;
-    }, {
-      distance: 10
-    }); // @ts-ignore skip SortableItem type check
+    const sortableListItems = selectedData.map(item => Object.assign(Object.assign({}, item), {
+      node: this.renderRightItem(item)
+    })); // helperClass：add styles to the helper(item being dragged) https://github.com/clauderic/react-sortable-hoc/issues/87
+    // @ts-ignore skip SortableItem type check
 
     const sortList = /*#__PURE__*/React.createElement(SortableList, {
       useDragHandle: true,
+      helperClass: "".concat(prefixcls, "-right-item-drag-item-move"),
       onSortEnd: this.onSortEnd,
-      items: selectedData
+      items: sortableListItems
     });
     return sortList;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.23.0-beta.1",
+    "version": "2.23.1",
     "description": "",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -18,11 +18,11 @@
     ],
     "dependencies": {
         "@douyinfe/semi-animation": "2.12.0",
-        "@douyinfe/semi-animation-react": "2.23.0-beta.1",
-        "@douyinfe/semi-foundation": "2.23.0-beta.1",
-        "@douyinfe/semi-icons": "2.23.0-beta.1",
+        "@douyinfe/semi-animation-react": "2.23.1",
+        "@douyinfe/semi-foundation": "2.23.1",
+        "@douyinfe/semi-icons": "2.23.1",
         "@douyinfe/semi-illustrations": "2.15.0",
-        "@douyinfe/semi-theme-default": "2.23.0-beta.1",
+        "@douyinfe/semi-theme-default": "2.23.1",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -69,13 +69,13 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "afe3b23c86641a627ade78ceb414d05223fc7354",
+    "gitHead": "3960e35ea5c7244e5adbc9cb938330e9a6ee43e2",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",
         "@babel/preset-react": "^7.14.5",
-        "@douyinfe/semi-scss-compile": "2.23.0-beta.1",
+        "@douyinfe/semi-scss-compile": "2.23.1",
         "@storybook/addon-knobs": "^6.3.1",
         "@types/lodash": "^4.14.176",
         "@types/react": ">=16.0.0",