@douyinfe/semi-ui 2.18.0 → 2.19.0-alpha.2

package/form/baseForm.tsx

@@ -151,6 +151,7 @@ class Form extends BaseComponent<BaseFormProps, BaseFormState> {
 
     componentWillUnmount() {
         this.foundation.destroy();
+        this.formApi = null;
     }
 
     get adapter(): BaseFormAdapter<BaseFormProps, BaseFormState> {

package/lib/cjs/checkbox/checkboxGroup.js

@@ -20,8 +20,14 @@ var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stab
 
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
 
+var _some = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/some"));
+
+var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
+
 var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
 
+var _get2 = _interopRequireDefault(require("lodash/get"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -34,7 +40,7 @@ var _checkboxGroupFoundation = _interopRequireDefault(require("@douyinfe/semi-fo
 
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
 
-var _context7 = require("./context");
+var _context9 = require("./context");
 
 var _checkbox = _interopRequireDefault(require("./checkbox"));
 
@@ -118,7 +124,8 @@ class CheckboxGroup extends _baseComponent.default {
             key: index,
             disabled: this.props.disabled,
             value: option,
-            prefixCls: prefixCls
+            prefixCls: prefixCls,
+            type: type
           }, option);
         } else {
           return /*#__PURE__*/_react.default.createElement(_checkbox.default, {
@@ -130,17 +137,33 @@ class CheckboxGroup extends _baseComponent.default {
             extra: option.extra,
             className: option.className,
             style: option.style,
-            onChange: option.onChange
+            onChange: option.onChange,
+            type: type
           }, option.label);
         }
       });
     } else if (children) {
       var _context6;
 
-      inner = (0, _map.default)(_context6 = _react.default.Children.toArray(children)).call(_context6, (itm, index) => /*#__PURE__*/_react.default.cloneElement(itm, {
-        key: index,
-        role: 'listitem'
-      }));
+      inner = (0, _map.default)(_context6 = _react.default.Children.toArray(children)).call(_context6, (itm, index) => {
+        var _context7;
+
+        const props = {
+          key: index,
+          role: 'listitem'
+        };
+        const isCheckboxComp = (0, _some.default)(_context7 = ['Checkbox', 'CheckboxWithGroup']).call(_context7, comp => {
+          var _context8;
+
+          return (0, _includes.default)(_context8 = [(0, _get2.default)(itm, 'type.displayName'), (0, _get2.default)(itm, 'type.name')]).call(_context8, comp);
+        });
+
+        if (isCheckboxComp) {
+          props.type = type;
+        }
+
+        return /*#__PURE__*/_react.default.cloneElement(itm, props);
+      });
     }
 
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -151,7 +174,7 @@ class CheckboxGroup extends _baseComponent.default {
       style: style,
       "aria-labelledby": this.props['aria-labelledby'],
       "aria-describedby": this.props['aria-describedby']
-    }, /*#__PURE__*/_react.default.createElement(_context7.Context.Provider, {
+    }, /*#__PURE__*/_react.default.createElement(_context9.Context.Provider, {
       value: {
         checkboxGroup: {
           onChange: this.onChange,

package/lib/cjs/form/baseForm.js

@@ -106,6 +106,7 @@ class Form extends _baseComponent.default {
 
   componentWillUnmount() {
     this.foundation.destroy();
+    this.formApi = null;
   }
 
   get adapter() {

package/lib/cjs/radio/radioGroup.js

@@ -16,8 +16,14 @@ var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-sta
 
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
 
+var _some = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/some"));
+
+var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
+
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
 
+var _get2 = _interopRequireDefault(require("lodash/get"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -32,7 +38,7 @@ var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
 
 var _radio = _interopRequireDefault(require("./radio"));
 
-var _context6 = _interopRequireDefault(require("./context"));
+var _context8 = _interopRequireDefault(require("./context"));
 
 class RadioGroup extends _baseComponent.default {
   constructor(props) {
@@ -124,7 +130,8 @@ class RadioGroup extends _baseComponent.default {
           return /*#__PURE__*/_react.default.createElement(_radio.default, {
             key: index,
             disabled: this.props.disabled,
-            value: option
+            value: option,
+            type: type
           }, option);
         } else {
           return /*#__PURE__*/_react.default.createElement(_radio.default, {
@@ -133,16 +140,36 @@ class RadioGroup extends _baseComponent.default {
             value: option.value,
             extra: option.extra,
             className: option.className,
-            style: option.style
+            style: option.style,
+            type: type
           }, option.label);
         }
       });
     } else if (children) {
       var _context5;
 
-      inner = (0, _map.default)(_context5 = _react.default.Children).call(_context5, children, (itm, index) => /*#__PURE__*/_react.default.isValidElement(itm) ? /*#__PURE__*/_react.default.cloneElement(itm, {
-        key: index
-      }) : null);
+      inner = (0, _map.default)(_context5 = _react.default.Children).call(_context5, children, (itm, index) => {
+        if ( /*#__PURE__*/_react.default.isValidElement(itm)) {
+          var _context6;
+
+          const props = {
+            key: index
+          };
+          const isRadioComp = (0, _some.default)(_context6 = ['Radio', 'RadioWithGroup']).call(_context6, comp => {
+            var _context7;
+
+            return (0, _includes.default)(_context7 = [(0, _get2.default)(itm, 'type.displayName'), (0, _get2.default)(itm, 'type.name')]).call(_context7, comp);
+          });
+
+          if (isRadioComp) {
+            props.type = type;
+          }
+
+          return /*#__PURE__*/_react.default.cloneElement(itm, props);
+        } else {
+          return null;
+        }
+      });
     }
 
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -155,7 +182,7 @@ class RadioGroup extends _baseComponent.default {
       "aria-labelledby": this.props['aria-labelledby'],
       "aria-describedby": this.props['aria-describedby'],
       "aria-required": this.props['aria-required']
-    }, /*#__PURE__*/_react.default.createElement(_context6.default.Provider, {
+    }, /*#__PURE__*/_react.default.createElement(_context8.default.Provider, {
       value: {
         radioGroup: {
           onChange: this.onChange,

package/lib/cjs/table/ColumnFilter.js

@@ -179,14 +179,12 @@ function ColumnFilter() {
   } else {
     iconElem = /*#__PURE__*/_react.default.createElement("div", {
       className: finalCls
-    }, '\u200b'
-    /* ZWSP(zero-width space) */
-    , /*#__PURE__*/_react.default.createElement(_semiIcons.IconFilter, {
+    }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconFilter, {
       role: "button",
       "aria-label": "Filter data with this column",
       "aria-haspopup": "listbox",
       tabIndex: -1,
-      size: "default"
+      size: "small"
     }));
   }
 

package/lib/cjs/table/ColumnSorter.d.ts

@@ -7,7 +7,6 @@ export interface ColumnSorterProps {
     onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
     prefixCls?: string;
     sortOrder?: SortOrder;
-    title?: React.ReactNode;
 }
 export default class ColumnSorter extends PureComponent<ColumnSorterProps> {
     static propTypes: {

package/lib/cjs/table/ColumnSorter.js

@@ -40,10 +40,9 @@ class ColumnSorter extends _react.PureComponent {
       prefixCls,
       onClick,
       sortOrder,
-      style,
-      title
+      style
     } = this.props;
-    const iconBtnSize = 'default';
+    const iconBtnSize = 'small';
     const upCls = (0, _classnames.default)("".concat(prefixCls, "-column-sorter-up"), {
       on: sortOrder === _constants.strings.SORT_DIRECTIONS[0]
     });
@@ -62,13 +61,11 @@ class ColumnSorter extends _react.PureComponent {
       role: 'button'
     }, ariaProps, {
       tabIndex: -1,
-      className: "".concat(prefixCls, "-column-sorter-wrapper"),
+      style: style,
+      className: "".concat(prefixCls, "-column-sorter"),
       onClick: onClick,
       onKeyPress: e => (0, _isEnterPress.default)(e) && onClick(e)
-    }), title, /*#__PURE__*/_react.default.createElement("div", {
-      style: style,
-      className: "".concat(prefixCls, "-column-sorter")
-    }, /*#__PURE__*/_react.default.createElement("span", {
+    }), /*#__PURE__*/_react.default.createElement("span", {
       className: "".concat(upCls)
     }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconCaretup, {
       size: iconBtnSize
@@ -76,7 +73,7 @@ class ColumnSorter extends _react.PureComponent {
       className: "".concat(downCls)
     }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconCaretdown, {
       size: iconBtnSize
-    }))));
+    })));
   }
 
 }

package/lib/cjs/table/Table.js

@@ -555,24 +555,15 @@ class Table extends _baseComponent.default {
         const defaultSortOrder = (0, _get2.default)(curQuery, 'defaultSortOrder', false);
         const sortOrder = _this.foundation.isSortOrderValid(stateSortOrder) ? stateSortOrder : defaultSortOrder;
 
-        const TitleNode = typeof rawTitle !== 'function' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
-          key: _constants.strings.DEFAULT_KEY_COLUMN_TITLE
-        }, rawTitle);
-
         if (typeof column.sorter === 'function' || column.sorter === true) {
-          // In order to increase the click hot area of ​​sorting, when sorting is required & useFullRender is false,
-          // both the title and sorting areas are used as the click hot area for sorting。
           const sorter = /*#__PURE__*/_react.default.createElement(_ColumnSorter.default, {
             key: _constants.strings.DEFAULT_KEY_COLUMN_SORTER,
             sortOrder: sortOrder,
-            onClick: e => _this.foundation.handleSort(column, e),
-            title: TitleNode
+            onClick: e => _this.foundation.handleSort(column, e)
           });
 
           useFullRender && (titleMap.sorter = sorter);
           titleArr.push(sorter);
-        } else {
-          titleArr.push(TitleNode);
         }
 
         const stateFilteredValue = (0, _get2.default)(curQuery, 'filteredValue');
@@ -592,7 +583,9 @@ class Table extends _baseComponent.default {
           titleArr.push(filter);
         }
 
-        const newTitle = typeof rawTitle === 'function' ? () => rawTitle(titleMap) : titleArr;
+        const newTitle = typeof rawTitle === 'function' ? () => rawTitle(titleMap) : titleArr.unshift( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+          key: _constants.strings.DEFAULT_KEY_COLUMN_TITLE
+        }, rawTitle)) && titleArr;
         column = (0, _assign.default)((0, _assign.default)({}, column), {
           title: newTitle
         });

package/lib/cjs/tabs/TabBar.js

@@ -151,11 +151,7 @@ class TabBar extends _react.default.Component {
       var _context5, _context6;
 
       if ((0, _isEmpty2.default)(items)) {
-        return /*#__PURE__*/_react.default.createElement(_button.default, {
-          disabled: true,
-          icon: icon,
-          theme: "borderless"
-        });
+        return null;
       }
 
       const {

package/lib/cjs/transfer/index.js

@@ -322,8 +322,7 @@ class Transfer extends _baseComponent.default {
     const noMatch = inSearchMode && searchResult.size === 0;
     const emptySearch = emptyContent.search ? emptyContent.search : locale.emptySearch;
     const emptyLeft = emptyContent.left ? emptyContent.left : locale.emptyLeft;
-    const emptyDataCom = this.renderEmpty('left', emptyLeft);
-    const emptySearchCom = this.renderEmpty('left', emptySearch);
+    const emptyCom = this.renderEmpty('left', inputValue ? emptySearch : emptyLeft);
 
     const loadingCom = /*#__PURE__*/_react.default.createElement(_spin.default, null);
 
@@ -335,11 +334,7 @@ class Transfer extends _baseComponent.default {
         break;
 
       case noMatch:
-        content = emptySearchCom;
-        break;
-
-      case data.length === 0:
-        content = emptyDataCom;
+        content = emptyCom;
         break;
 
       case type === _constants.strings.TYPE_TREE_TO_LIST:

package/lib/es/checkbox/checkboxGroup.js

@@ -1,9 +1,12 @@
 import _isEqual from "lodash/isEqual";
+import _get from "lodash/get";
 import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import _someInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/some";
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 
 /* eslint-disable max-len */
 import React from 'react';
@@ -96,7 +99,8 @@ class CheckboxGroup extends BaseComponent {
             key: index,
             disabled: this.props.disabled,
             value: option,
-            prefixCls: prefixCls
+            prefixCls: prefixCls,
+            type: type
           }, option);
         } else {
           return /*#__PURE__*/React.createElement(Checkbox, {
@@ -108,17 +112,34 @@ class CheckboxGroup extends BaseComponent {
             extra: option.extra,
             className: option.className,
             style: option.style,
-            onChange: option.onChange
+            onChange: option.onChange,
+            type: type
           }, option.label);
         }
       });
     } else if (children) {
       var _context6;
 
-      inner = _mapInstanceProperty(_context6 = React.Children.toArray(children)).call(_context6, (itm, index) => /*#__PURE__*/React.cloneElement(itm, {
-        key: index,
-        role: 'listitem'
-      }));
+      inner = _mapInstanceProperty(_context6 = React.Children.toArray(children)).call(_context6, (itm, index) => {
+        var _context7;
+
+        const props = {
+          key: index,
+          role: 'listitem'
+        };
+
+        const isCheckboxComp = _someInstanceProperty(_context7 = ['Checkbox', 'CheckboxWithGroup']).call(_context7, comp => {
+          var _context8;
+
+          return _includesInstanceProperty(_context8 = [_get(itm, 'type.displayName'), _get(itm, 'type.name')]).call(_context8, comp);
+        });
+
+        if (isCheckboxComp) {
+          props.type = type;
+        }
+
+        return /*#__PURE__*/React.cloneElement(itm, props);
+      });
     }
 
     return /*#__PURE__*/React.createElement("div", {

package/lib/es/form/baseForm.js

@@ -68,6 +68,7 @@ class Form extends BaseComponent {
 
   componentWillUnmount() {
     this.foundation.destroy();
+    this.formApi = null;
   }
 
   get adapter() {

package/lib/es/radio/radioGroup.js

@@ -1,7 +1,10 @@
 import _noop from "lodash/noop";
+import _get from "lodash/get";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import _someInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/some";
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -101,7 +104,8 @@ class RadioGroup extends BaseComponent {
           return /*#__PURE__*/React.createElement(Radio, {
             key: index,
             disabled: this.props.disabled,
-            value: option
+            value: option,
+            type: type
           }, option);
         } else {
           return /*#__PURE__*/React.createElement(Radio, {
@@ -110,16 +114,37 @@ class RadioGroup extends BaseComponent {
             value: option.value,
             extra: option.extra,
             className: option.className,
-            style: option.style
+            style: option.style,
+            type: type
           }, option.label);
         }
       });
     } else if (children) {
       var _context5;
 
-      inner = _mapInstanceProperty(_context5 = React.Children).call(_context5, children, (itm, index) => /*#__PURE__*/React.isValidElement(itm) ? /*#__PURE__*/React.cloneElement(itm, {
-        key: index
-      }) : null);
+      inner = _mapInstanceProperty(_context5 = React.Children).call(_context5, children, (itm, index) => {
+        if ( /*#__PURE__*/React.isValidElement(itm)) {
+          var _context6;
+
+          const props = {
+            key: index
+          };
+
+          const isRadioComp = _someInstanceProperty(_context6 = ['Radio', 'RadioWithGroup']).call(_context6, comp => {
+            var _context7;
+
+            return _includesInstanceProperty(_context7 = [_get(itm, 'type.displayName'), _get(itm, 'type.name')]).call(_context7, comp);
+          });
+
+          if (isRadioComp) {
+            props.type = type;
+          }
+
+          return /*#__PURE__*/React.cloneElement(itm, props);
+        } else {
+          return null;
+        }
+      });
     }
 
     return /*#__PURE__*/React.createElement("div", {

package/lib/es/table/ColumnFilter.js

@@ -153,14 +153,12 @@ export default function ColumnFilter() {
   } else {
     iconElem = /*#__PURE__*/React.createElement("div", {
       className: finalCls
-    }, '\u200b'
-    /* ZWSP(zero-width space) */
-    , /*#__PURE__*/React.createElement(IconFilter, {
+    }, /*#__PURE__*/React.createElement(IconFilter, {
       role: "button",
       "aria-label": "Filter data with this column",
       "aria-haspopup": "listbox",
       tabIndex: -1,
-      size: "default"
+      size: "small"
     }));
   }
 

package/lib/es/table/ColumnSorter.d.ts

@@ -7,7 +7,6 @@ export interface ColumnSorterProps {
     onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
     prefixCls?: string;
     sortOrder?: SortOrder;
-    title?: React.ReactNode;
 }
 export default class ColumnSorter extends PureComponent<ColumnSorterProps> {
     static propTypes: {

package/lib/es/table/ColumnSorter.js

@@ -12,10 +12,9 @@ export default class ColumnSorter extends PureComponent {
       prefixCls,
       onClick,
       sortOrder,
-      style,
-      title
+      style
     } = this.props;
-    const iconBtnSize = 'default';
+    const iconBtnSize = 'small';
     const upCls = cls("".concat(prefixCls, "-column-sorter-up"), {
       on: sortOrder === strings.SORT_DIRECTIONS[0]
     });
@@ -34,13 +33,11 @@ export default class ColumnSorter extends PureComponent {
       role: 'button'
     }, ariaProps, {
       tabIndex: -1,
-      className: "".concat(prefixCls, "-column-sorter-wrapper"),
+      style: style,
+      className: "".concat(prefixCls, "-column-sorter"),
       onClick: onClick,
       onKeyPress: e => isEnterPress(e) && onClick(e)
-    }), title, /*#__PURE__*/React.createElement("div", {
-      style: style,
-      className: "".concat(prefixCls, "-column-sorter")
-    }, /*#__PURE__*/React.createElement("span", {
+    }), /*#__PURE__*/React.createElement("span", {
       className: "".concat(upCls)
     }, /*#__PURE__*/React.createElement(IconCaretup, {
       size: iconBtnSize
@@ -48,7 +45,7 @@ export default class ColumnSorter extends PureComponent {
       className: "".concat(downCls)
     }, /*#__PURE__*/React.createElement(IconCaretdown, {
       size: iconBtnSize
-    }))));
+    })));
   }
 
 }

package/lib/es/table/Table.js

@@ -494,23 +494,15 @@ class Table extends BaseComponent {
         const defaultSortOrder = _get(curQuery, 'defaultSortOrder', false);
 
         const sortOrder = _this.foundation.isSortOrderValid(stateSortOrder) ? stateSortOrder : defaultSortOrder;
-        const TitleNode = typeof rawTitle !== 'function' && /*#__PURE__*/React.createElement(React.Fragment, {
-          key: strings.DEFAULT_KEY_COLUMN_TITLE
-        }, rawTitle);
 
         if (typeof column.sorter === 'function' || column.sorter === true) {
-          // In order to increase the click hot area of ​​sorting, when sorting is required & useFullRender is false,
-          // both the title and sorting areas are used as the click hot area for sorting。
           const sorter = /*#__PURE__*/React.createElement(ColumnSorter, {
             key: strings.DEFAULT_KEY_COLUMN_SORTER,
             sortOrder: sortOrder,
-            onClick: e => _this.foundation.handleSort(column, e),
-            title: TitleNode
+            onClick: e => _this.foundation.handleSort(column, e)
           });
           useFullRender && (titleMap.sorter = sorter);
           titleArr.push(sorter);
-        } else {
-          titleArr.push(TitleNode);
         }
 
         const stateFilteredValue = _get(curQuery, 'filteredValue');
@@ -531,7 +523,9 @@ class Table extends BaseComponent {
           titleArr.push(filter);
         }
 
-        const newTitle = typeof rawTitle === 'function' ? () => rawTitle(titleMap) : titleArr;
+        const newTitle = typeof rawTitle === 'function' ? () => rawTitle(titleMap) : titleArr.unshift( /*#__PURE__*/React.createElement(React.Fragment, {
+          key: strings.DEFAULT_KEY_COLUMN_TITLE
+        }, rawTitle)) && titleArr;
         column = _Object$assign(_Object$assign({}, column), {
           title: newTitle
         });

package/lib/es/tabs/TabBar.js

@@ -125,11 +125,7 @@ class TabBar extends React.Component {
       var _context5, _context6;
 
       if (_isEmpty(items)) {
-        return /*#__PURE__*/React.createElement(Button, {
-          disabled: true,
-          icon: icon,
-          theme: "borderless"
-        });
+        return null;
       }
 
       const {

package/lib/es/transfer/index.js

@@ -280,8 +280,7 @@ class Transfer extends BaseComponent {
     const noMatch = inSearchMode && searchResult.size === 0;
     const emptySearch = emptyContent.search ? emptyContent.search : locale.emptySearch;
     const emptyLeft = emptyContent.left ? emptyContent.left : locale.emptyLeft;
-    const emptyDataCom = this.renderEmpty('left', emptyLeft);
-    const emptySearchCom = this.renderEmpty('left', emptySearch);
+    const emptyCom = this.renderEmpty('left', inputValue ? emptySearch : emptyLeft);
     const loadingCom = /*#__PURE__*/React.createElement(Spin, null);
     let content = null;
 
@@ -291,11 +290,7 @@ class Transfer extends BaseComponent {
         break;
 
       case noMatch:
-        content = emptySearchCom;
-        break;
-
-      case data.length === 0:
-        content = emptyDataCom;
+        content = emptyCom;
         break;
 
       case type === strings.TYPE_TREE_TO_LIST:

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.18.0",
+    "version": "2.19.0-alpha.2",
     "description": "",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -15,11 +15,11 @@
     "dependencies": {
         "@babel/runtime-corejs3": "^7.15.4",
         "@douyinfe/semi-animation": "2.12.0",
-        "@douyinfe/semi-animation-react": "2.18.0",
-        "@douyinfe/semi-foundation": "2.18.0",
-        "@douyinfe/semi-icons": "2.18.0",
+        "@douyinfe/semi-animation-react": "2.19.0-alpha.2",
+        "@douyinfe/semi-foundation": "2.19.0-alpha.2",
+        "@douyinfe/semi-icons": "2.19.0-alpha.2",
         "@douyinfe/semi-illustrations": "2.15.0",
-        "@douyinfe/semi-theme-default": "2.18.0",
+        "@douyinfe/semi-theme-default": "2.19.0-alpha.2",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -66,13 +66,13 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "fc619e55276fb8d6a04192d5737237abc77b3394",
+    "gitHead": "8f3924ea67e8b1df150c590927421b42f7325074",
     "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.18.0",
+        "@douyinfe/semi-scss-compile": "2.19.0-alpha.2",
         "@storybook/addon-knobs": "^6.3.1",
         "@types/lodash": "^4.14.176",
         "@types/react": ">=16.0.0",