@douyinfe/semi-ui 2.1.0-beta.1 → 2.1.0-beta.2

package/lib/es/tabs/index.js

@@ -5,7 +5,6 @@ import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _findIndexInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find-index";
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 
@@ -27,7 +26,7 @@ import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/tabs/const
 import isNullOrUndefined from '@douyinfe/semi-foundation/lib/es/utils/isNullOrUndefined';
 import getDataAttr from '@douyinfe/semi-foundation/lib/es/utils/getDataAttr';
 import TabsFoundation from '@douyinfe/semi-foundation/lib/es/tabs/foundation';
-import { isEqual, omit, pick } from 'lodash-es';
+import { isEqual, pick, omit } from 'lodash-es';
 import BaseComponent from '../_base/baseComponent';
 import '@douyinfe/semi-foundation/lib/es/tabs/tabs.css';
 import TabBar from './TabBar';
@@ -88,11 +87,6 @@ class Tabs extends BaseComponent {
       });
     };
 
-    this.deleteTabItem = (tabKey, event) => {
-      event.stopPropagation();
-      this.foundation.handleTabDelete(tabKey);
-    };
-
     this.foundation = new TabsFoundation(this.adapter);
     this.state = {
       activeKey: this.foundation.getDefaultActiveKey(),
@@ -125,15 +119,13 @@ class Tabs extends BaseComponent {
               tab,
               icon,
               disabled,
-              itemKey,
-              closable
+              itemKey
             } = child.props;
             return {
               tab,
               icon,
               disabled,
-              itemKey,
-              closable
+              itemKey
             };
           }
 
@@ -144,61 +136,6 @@ class Tabs extends BaseComponent {
           panes
         });
       },
-      collectActiveKey: () => {
-        let panes = [];
-        const {
-          tabList,
-          children,
-          activeKey: propsActiveKey
-        } = this.props;
-
-        if (typeof propsActiveKey !== 'undefined') {
-          return;
-        }
-
-        const {
-          activeKey
-        } = this.state;
-
-        if (_Array$isArray(tabList) && tabList.length) {
-          panes = tabList;
-        } else {
-          var _context3;
-
-          panes = _mapInstanceProperty(_context3 = React.Children).call(_context3, children, child => {
-            if (child) {
-              const {
-                tab,
-                icon,
-                disabled,
-                itemKey,
-                closable
-              } = child.props;
-              return {
-                tab,
-                icon,
-                disabled,
-                itemKey,
-                closable
-              };
-            }
-
-            return undefined;
-          });
-        }
-
-        if (_findIndexInstanceProperty(panes).call(panes, p => p.itemKey === activeKey) === -1) {
-          if (panes.length > 0) {
-            this.setState({
-              activeKey: panes[0].itemKey
-            });
-          } else {
-            this.setState({
-              activeKey: ''
-            });
-          }
-        }
-      },
       notifyTabClick: (activeKey, event) => {
         this.props.onTabClick(activeKey, event);
       },
@@ -211,14 +148,14 @@ class Tabs extends BaseComponent {
         });
       },
       getDefaultActiveKeyFromChildren: () => {
-        var _context4;
+        var _context3;
 
         const {
           tabList,
           children
         } = this.props;
         let activeKey = '';
-        const list = tabList ? tabList : _mapInstanceProperty(_context4 = React.Children.toArray(children)).call(_context4, child => child.props);
+        const list = tabList ? tabList : _mapInstanceProperty(_context3 = React.Children.toArray(children)).call(_context3, child => child.props);
 
         _forEachInstanceProperty(list).call(list, item => {
           if (item && !activeKey && !item.disabled) {
@@ -227,9 +164,6 @@ class Tabs extends BaseComponent {
         });
 
         return activeKey;
-      },
-      notifyTabDelete: tabKey => {
-        this.props.onTabClose && this.props.onTabClose(tabKey);
       }
     });
   }
@@ -245,12 +179,12 @@ class Tabs extends BaseComponent {
   }
 
   componentDidUpdate(prevProps) {
-    var _context5, _context6;
+    var _context4, _context5;
 
     // Panes state acts on tab bar, no need to compare TabPane children
-    const prevChildrenProps = _mapInstanceProperty(_context5 = React.Children.toArray(prevProps.children)).call(_context5, child => pick(child.props, panePickKeys));
+    const prevChildrenProps = _mapInstanceProperty(_context4 = React.Children.toArray(prevProps.children)).call(_context4, child => pick(child.props, panePickKeys));
 
-    const nowChildrenProps = _mapInstanceProperty(_context6 = React.Children.toArray(this.props.children)).call(_context6, child => pick(child.props, panePickKeys));
+    const nowChildrenProps = _mapInstanceProperty(_context5 = React.Children.toArray(this.props.children)).call(_context5, child => pick(child.props, panePickKeys));
 
     const isTabListType = this.props.tabList || prevProps.tabList;
 
@@ -268,7 +202,7 @@ class Tabs extends BaseComponent {
   }
 
   render() {
-    var _context7, _context8;
+    var _context6, _context7;
 
     const _a = this.props,
           {
@@ -296,11 +230,11 @@ class Tabs extends BaseComponent {
     } = this.state;
     const tabWrapperCls = cls(className, {
       [cssClasses.TABS]: true,
-      [_concatInstanceProperty(_context7 = "".concat(cssClasses.TABS, "-")).call(_context7, tabPosition)]: tabPosition
+      [_concatInstanceProperty(_context6 = "".concat(cssClasses.TABS, "-")).call(_context6, tabPosition)]: tabPosition
     });
     const tabContentCls = cls({
       [cssClasses.TABS_CONTENT]: true,
-      [_concatInstanceProperty(_context8 = "".concat(cssClasses.TABS_CONTENT, "-")).call(_context8, tabPosition)]: tabPosition
+      [_concatInstanceProperty(_context7 = "".concat(cssClasses.TABS_CONTENT, "-")).call(_context7, tabPosition)]: tabPosition
     });
     const tabBarProps = {
       activeKey,
@@ -312,8 +246,7 @@ class Tabs extends BaseComponent {
       style: tabBarStyle,
       tabBarExtraContent,
       tabPosition,
-      type,
-      deleteTabItem: this.deleteTabItem
+      type
     };
     const tabBar = renderTabBar ? renderTabBar(tabBarProps, TabBar) : /*#__PURE__*/React.createElement(TabBar, _Object$assign({}, tabBarProps));
     const content = keepDOM ? children : this.getActiveItem();
@@ -358,8 +291,7 @@ Tabs.propTypes = {
   tabList: PropTypes.array,
   tabPaneMotion: PropTypes.oneOfType([PropTypes.bool, PropTypes.object, PropTypes.func]),
   tabPosition: PropTypes.oneOf(strings.POSITION_MAP),
-  type: PropTypes.oneOf(strings.TYPE_MAP),
-  onTabClose: PropTypes.func
+  type: PropTypes.oneOf(strings.TYPE_MAP)
 };
 Tabs.defaultProps = {
   children: [],
@@ -371,7 +303,6 @@ Tabs.defaultProps = {
   size: 'large',
   tabPaneMotion: true,
   tabPosition: 'top',
-  type: 'line',
-  onTabClose: () => undefined
+  type: 'line'
 };
 export default Tabs;

package/lib/es/tabs/interface.d.ts

@@ -1,4 +1,4 @@
-import { ComponentType, CSSProperties, MouseEvent, ReactNode } from 'react';
+import { MouseEvent, ReactNode, ComponentType, CSSProperties } from 'react';
 import { Motion } from '../_base/base';
 export declare type TabType = 'line' | 'card' | 'button';
 export declare type TabSize = 'small' | 'medium' | 'large';
@@ -8,7 +8,6 @@ export interface PlainTab {
     icon?: ReactNode;
     itemKey: string;
     tab?: ReactNode;
-    closable: boolean;
 }
 export interface TabsProps {
     activeKey?: string;
@@ -31,7 +30,6 @@ export interface TabsProps {
     tabPaneMotion?: boolean;
     tabPosition?: TabPosition;
     type?: TabType;
-    onTabClose?: (tabKey: string) => void;
 }
 export interface TabBarProps {
     activeKey?: string;
@@ -46,8 +44,6 @@ export interface TabBarProps {
     type?: TabType;
     dropdownClassName?: string;
     dropdownStyle?: CSSProperties;
-    closable?: boolean;
-    deleteTabItem?: (tabKey: string, event: MouseEvent<Element>) => void;
 }
 export interface TabPaneProps {
     className?: string;
@@ -56,7 +52,6 @@ export interface TabPaneProps {
     itemKey?: string;
     style?: CSSProperties;
     tab?: ReactNode;
-    closable?: boolean;
 }
 export interface TabPaneTransitionProps {
     [key: string]: any;

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

@@ -29,7 +29,6 @@ export interface TagInputProps {
     onFocus?: (e: React.MouseEvent<HTMLInputElement>) => void;
     onInputChange?: (value: string, e: React.MouseEvent<HTMLInputElement>) => void;
     onInputExceed?: ((value: string) => void);
-    onKeyDown?: (e: React.MouseEvent<HTMLInputElement>) => void;
     onRemove?: (removedValue: string, idx: number) => void;
     placeholder?: string;
     prefix?: React.ReactNode;
@@ -79,7 +78,6 @@ declare class TagInput extends BaseComponent<TagInputProps, TagInputState> {
         onInputExceed: PropTypes.Requireable<(...args: any[]) => any>;
         onAdd: PropTypes.Requireable<(...args: any[]) => any>;
         onRemove: PropTypes.Requireable<(...args: any[]) => any>;
-        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
         size: PropTypes.Requireable<"default" | "small" | "large">;
         validateStatus: PropTypes.Requireable<"default" | "error" | "warning">;
         prefix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
@@ -103,7 +101,6 @@ declare class TagInput extends BaseComponent<TagInputProps, TagInputState> {
         onInputExceed: (...args: any[]) => void;
         onAdd: (...args: any[]) => void;
         onRemove: (...args: any[]) => void;
-        onKeyDown: (...args: any[]) => void;
     };
     inputRef: React.RefObject<HTMLInputElement>;
     constructor(props: TagInputProps);

package/lib/es/tagInput/index.js

@@ -112,9 +112,6 @@ class TagInput extends BaseComponent {
       },
       notifyTagRemove: (v, idx) => {
         this.props.onRemove(v, idx);
-      },
-      notifyKeyDown: e => {
-        this.props.onKeyDown(e);
       }
     });
   }
@@ -363,7 +360,6 @@ TagInput.propTypes = {
   onInputExceed: PropTypes.func,
   onAdd: PropTypes.func,
   onRemove: PropTypes.func,
-  onKeyDown: PropTypes.func,
   size: PropTypes.oneOf(strings.SIZE_SET),
   validateStatus: PropTypes.oneOf(strings.STATUS),
   prefix: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
@@ -386,7 +382,6 @@ TagInput.defaultProps = {
   onExceed: noop,
   onInputExceed: noop,
   onAdd: noop,
-  onRemove: noop,
-  onKeyDown: noop
+  onRemove: noop
 };
 export default TagInput;

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

@@ -4,7 +4,7 @@ import { ToastListAdapter, ToastListProps, ToastListState } from '@douyinfe/semi
 import '@douyinfe/semi-foundation/lib/es/toast/toast.css';
 import useToast from './useToast';
 import { ConfigProps, ToastInstance, ToastProps, ToastState } from '@douyinfe/semi-foundation/lib/es/toast/toastFoundation';
-import { Motion } from '_base/base';
+import { Motion } from '../_base/base';
 export { ToastTransitionProps } from './ToastTransition';
 export interface ToastReactProps extends ToastProps {
     style?: CSSProperties;

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

@@ -31,7 +31,6 @@ export interface TooltipProps extends BaseProps {
     content?: React.ReactNode;
     prefixCls?: string;
     onVisibleChange?: (visible: boolean) => void;
-    onClickOutSide?: (e: React.MouseEvent) => void;
     spacing?: number;
     showArrow?: boolean | React.ReactNode;
     zIndex?: number;
@@ -78,7 +77,6 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
         content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         prefixCls: PropTypes.Requireable<string>;
         onVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onClickOutSide: PropTypes.Requireable<(...args: any[]) => any>;
         spacing: PropTypes.Requireable<number>;
         showArrow: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         zIndex: PropTypes.Requireable<number>;
@@ -107,7 +105,6 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
         mouseEnterDelay: 50;
         mouseLeaveDelay: 50;
         onVisibleChange: (...args: any[]) => void;
-        onClickOutSide: (...args: any[]) => void;
         spacing: 8;
         showArrow: boolean;
         arrowBounding: {

package/lib/es/tooltip/index.js

@@ -423,7 +423,6 @@ export default class Tooltip extends BaseComponent {
           popupEl = ReactDOM.findDOMNode(popupEl);
 
           if (el && !el.contains(e.target) && popupEl && !popupEl.contains(e.target) || this.props.clickTriggerToHide) {
-            this.props.onClickOutSide(e);
             cb();
           }
         };
@@ -622,7 +621,6 @@ Tooltip.propTypes = {
   content: PropTypes.node,
   prefixCls: PropTypes.string,
   onVisibleChange: PropTypes.func,
-  onClickOutSide: PropTypes.func,
   spacing: PropTypes.number,
   showArrow: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]),
   zIndex: PropTypes.number,
@@ -648,7 +646,6 @@ Tooltip.defaultProps = {
   mouseEnterDelay: numbers.MOUSE_ENTER_DELAY,
   mouseLeaveDelay: numbers.MOUSE_LEAVE_DELAY,
   onVisibleChange: noop,
-  onClickOutSide: noop,
   spacing: numbers.SPACING,
   showArrow: true,
   arrowBounding: numbers.ARROW_BOUNDING

package/lib/es/tree/interface.d.ts

@@ -22,7 +22,7 @@ export interface OnDragProps extends BasicOnDragProps {
 export interface DragEnterProps extends DragProps {
     expandedKeys?: string[];
 }
-export interface ExpandedOtherProps extends BasicExpandedOtherProps {
+export interface ExpanedOtherProps extends BasicExpandedOtherProps {
     node: TreeNodeData;
 }
 export interface RenderFullLabelProps extends BasicRenderFullLabelProps {
@@ -57,7 +57,7 @@ export interface TreeProps extends BasicTreeProps {
     onDragStart?: (dragProps: DragProps) => void;
     onDragEnter?: (dragEnterProps: DragEnterProps) => void;
     onDrop?: (onDragProps: OnDragProps) => void;
-    onExpand?: (expandedKeys: string[], expandedOtherProps: ExpandedOtherProps) => void;
+    onExpand?: (expandedKeys: string[], expanedOtherProps: ExpanedOtherProps) => void;
     onLoad?: (loadedKeys?: Set<string>, treeNode?: TreeNodeData) => void;
     onContextMenu?: (e: MouseEvent, node: TreeNodeData) => void;
     onSelect?: (selectedKeys: string, selected: boolean, selectedNode: TreeNodeData) => void;

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

@@ -27,7 +27,16 @@ export declare type RenderSelectedItemInMultiple = (treeNode: TreeNodeData, othe
     isRenderInTag: boolean;
     content: React.ReactNode;
 };
-export declare type RenderSelectedItem = RenderSelectedItemInSingle | RenderSelectedItemInMultiple;
+export interface RenderSelectedItem {
+    (treeNode: TreeNodeData): React.ReactNode;
+    (treeNode: TreeNodeData, otherProps: {
+        index: number | string;
+        onClose: (tagContent: any, e: React.MouseEvent) => void;
+    }): {
+        isRenderInTag: boolean;
+        content: React.ReactNode;
+    };
+}
 export declare type OverrideCommonProps = 'renderFullLabel' | 'renderLabel' | 'defaultValue' | 'emptyContent' | 'filterTreeNode' | 'style' | 'treeData' | 'value' | 'onExpand';
 /**
 * Type definition description:
@@ -196,7 +205,7 @@ declare class TreeSelect extends BaseComponent<TreeSelectProps, TreeSelectState>
     renderArrow: () => JSX.Element;
     renderClearBtn: () => JSX.Element;
     renderSelection: () => JSX.Element;
-    renderTagItem: (key: string, idx: number) => React.ReactNode;
+    renderTagItem: (key: string, idx: number) => any;
     renderTagInput: () => JSX.Element;
     renderInput: () => JSX.Element;
     renderEmpty: () => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.1.0-beta.1",
+    "version": "2.1.0-beta.2",
     "description": "",
     "main": "lib/es/index.js",
     "module": "lib/es/index.js",
@@ -19,11 +19,11 @@
     },
     "dependencies": {
         "@babel/runtime-corejs3": "^7.15.4",
-        "@douyinfe/semi-animation-react": "2.1.0-beta.1",
-        "@douyinfe/semi-foundation": "2.1.0-beta.1",
-        "@douyinfe/semi-icons": "2.1.0-beta.1",
-        "@douyinfe/semi-illustrations": "2.1.0-beta.1",
-        "@douyinfe/semi-theme-default": "2.1.0-beta.1",
+        "@douyinfe/semi-animation-react": "2.1.0-beta.2",
+        "@douyinfe/semi-foundation": "2.1.0-beta.2",
+        "@douyinfe/semi-icons": "2.1.0-beta.2",
+        "@douyinfe/semi-illustrations": "2.1.0-beta.2",
+        "@douyinfe/semi-theme-default": "2.1.0-beta.2",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -64,13 +64,13 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "112ef9a681542c2057f98e2e708648b4fdd5618c",
+    "gitHead": "513b92cb3746033d0b7326485e85c73d80340a0d",
     "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.1.0-beta.1",
+        "@douyinfe/semi-scss-compile": "2.1.0-beta.2",
         "@storybook/addon-knobs": "^6.3.1",
         "babel-loader": "^8.2.2",
         "case-sensitive-paths-webpack-plugin": "^2.4.0",