@douyinfe/semi-ui 2.45.3-alpha.1 → 2.46.0-beta.0

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

@@ -58,7 +58,7 @@ declare class Popover extends React.PureComponent<PopoverProps, PopoverState> {
         visible: PropTypes.Requireable<boolean>;
         autoAdjustOverflow: PropTypes.Requireable<boolean>;
         motion: PropTypes.Requireable<boolean>;
-        position: PropTypes.Requireable<"left" | "right" | "top" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
+        position: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
         margin: PropTypes.Requireable<NonNullable<number | object>>;
         mouseEnterDelay: PropTypes.Requireable<number>;
         mouseLeaveDelay: PropTypes.Requireable<number>;

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

@@ -200,7 +200,7 @@ declare class Select extends BaseComponent<SelectProps, SelectState> {
         expandRestTagsOnClick: PropTypes.Requireable<boolean>;
         onDropdownVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
         zIndex: PropTypes.Requireable<number>;
-        position: PropTypes.Requireable<"left" | "right" | "top" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        position: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
         onSearch: PropTypes.Requireable<(...args: any[]) => any>;
         getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
         dropdownClassName: PropTypes.Requireable<string>;

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

@@ -308,7 +308,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
         showSizeChanger?: boolean;
         showQuickJumper?: boolean;
         popoverZIndex?: number;
-        popoverPosition?: "left" | "right" | "top" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
+        popoverPosition?: "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
         hideOnSinglePage?: boolean;
         hoverShowPageSelect?: boolean;
         disabled?: boolean;

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

@@ -91,7 +91,7 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         motion: PropTypes.Requireable<boolean>;
         autoAdjustOverflow: PropTypes.Requireable<boolean>;
-        position: PropTypes.Requireable<"left" | "right" | "top" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        position: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
         getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
         mouseEnterDelay: PropTypes.Requireable<number>;
         mouseLeaveDelay: PropTypes.Requireable<number>;

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

@@ -228,7 +228,7 @@ declare class TreeSelect extends BaseComponent<TreeSelectProps, TreeSelectState>
     renderArrow: () => JSX.Element;
     renderClearBtn: () => JSX.Element;
     renderSelection: () => JSX.Element;
-    renderTagItem: (key: string, idx: number) => string | number | boolean | React.ReactFragment | JSX.Element;
+    renderTagItem: (key: string, idx: number) => any;
     renderTagInput: () => JSX.Element;
     renderInput: () => JSX.Element;
     renderEmpty: () => JSX.Element;

package/lib/es/treeSelect/index.js

@@ -191,7 +191,7 @@ class TreeSelect extends BaseComponent {
         } = item && treeNodeLabelProp in item ? renderSelectedItem(item, {
           index,
           onClose
-        }) : null;
+        }) : {};
         if (_isNull(content) || _isUndefined(content)) {
           return;
         }
@@ -487,7 +487,7 @@ class TreeSelect extends BaseComponent {
         } = item && treeNodeLabelProp in item ? renderSelectedItem(item, {
           index: idx,
           onClose
-        }) : null;
+        }) : {};
         if (isRenderInTag) {
           return /*#__PURE__*/React.createElement(Tag, Object.assign({}, tagProps), content);
         } else {

package/lib/es/typography/base.d.ts

@@ -132,7 +132,6 @@ export default class Base extends Component<BaseTypographyProps, BaseTypographyS
     shouldTruncated: (rows: number) => boolean;
     showTooltip: () => boolean | ShowTooltip | {
         type: string;
-        opts: {};
     };
     getEllipsisState(): boolean;
     /**
@@ -191,7 +190,7 @@ export default class Base extends Component<BaseTypographyProps, BaseTypographyS
     renderCopy(): JSX.Element;
     renderIcon(): JSX.Element;
     renderContent(): JSX.Element;
-    renderTipWrapper(): JSX.Element;
+    renderTipWrapper(): string | number | boolean | React.ReactFragment | JSX.Element;
     render(): JSX.Element;
 }
 export {};

package/lib/es/typography/base.js

@@ -1,3 +1,4 @@
+import _isFunction from "lodash/isFunction";
 import _isNull from "lodash/isNull";
 import _isString from "lodash/isString";
 import _merge from "lodash/merge";
@@ -93,6 +94,7 @@ export default class Base extends Component {
       return updateOverflow;
     };
     this.showTooltip = () => {
+      var _a, _b;
       const {
         isOverflowed,
         isTruncated,
@@ -110,8 +112,7 @@ export default class Base extends Component {
         return show;
       }
       const defaultOpts = {
-        type: 'tooltip',
-        opts: {}
+        type: 'tooltip'
       };
       if (typeof showTooltip === 'object') {
         if (showTooltip.type && showTooltip.type.toLowerCase() === 'popover') {
@@ -120,7 +121,14 @@ export default class Base extends Component {
               // style: { width: '240px' },
               showArrow: true
             }
-          }, showTooltip);
+          }, showTooltip, {
+            opts: {
+              className: cls({
+                [`${prefixCls}-ellipsis-popover`]: true,
+                [(_a = showTooltip === null || showTooltip === void 0 ? void 0 : showTooltip.opts) === null || _a === void 0 ? void 0 : _a.className]: Boolean((_b = showTooltip === null || showTooltip === void 0 ? void 0 : showTooltip.opts) === null || _b === void 0 ? void 0 : _b.className)
+              })
+            }
+          });
         }
         return Object.assign(Object.assign({}, defaultOpts), showTooltip);
       }
@@ -522,9 +530,12 @@ export default class Base extends Component {
     if (showTooltip) {
       const {
         type,
-        opts
+        opts,
+        renderTooltip
       } = showTooltip;
-      if (type.toLowerCase() === 'popover') {
+      if (_isFunction(renderTooltip)) {
+        return renderTooltip(children, content);
+      } else if (type.toLowerCase() === 'popover') {
         return /*#__PURE__*/React.createElement(Popover, Object.assign({
           content: children,
           position: "top"

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { PopoverProps } from '../popover';
 import { TooltipProps } from '../tooltip';
 import { ArrayElement } from '../_base/base';
@@ -7,6 +7,7 @@ export type EllipsisPos = 'end' | 'middle';
 export type ShowTooltip = {
     type?: string;
     opts?: Partial<PopoverProps> & Partial<TooltipProps>;
+    renderTooltip?: (content: TooltipProps['content'], children: ReactNode) => ReactNode;
 };
 export type Ellipsis = {
     collapseText?: string;

package/lib/es/typography/title.d.ts

@@ -60,11 +60,11 @@ export default class Title extends PureComponent<TitleProps> {
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
-        heading: PropTypes.Requireable<4 | 2 | 5 | 1 | 3 | 6>;
+        heading: PropTypes.Requireable<1 | 2 | 3 | 4 | 5 | 6>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         component: PropTypes.Requireable<string>;
-        weight: PropTypes.Requireable<NonNullable<number | "default" | "bold" | "light" | "regular" | "medium" | "semibold">>;
+        weight: PropTypes.Requireable<NonNullable<number | "default" | "bold" | "medium" | "light" | "regular" | "semibold">>;
     };
     static defaultProps: {
         copyable: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.45.3-alpha.1",
+    "version": "2.46.0-beta.0",
     "description": "A modern, comprehensive, flexible design system and UI library. Connect DesignOps & DevOps. Quickly build beautiful React apps. Maintained by Douyin-fe team.",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -20,12 +20,12 @@
         "@dnd-kit/core": "^6.0.8",
         "@dnd-kit/sortable": "^7.0.2",
         "@dnd-kit/utilities": "^3.2.1",
-        "@douyinfe/semi-animation": "2.45.3-alpha.1",
-        "@douyinfe/semi-animation-react": "2.45.3-alpha.1",
-        "@douyinfe/semi-foundation": "2.45.3-alpha.1",
-        "@douyinfe/semi-icons": "2.45.3-alpha.1",
-        "@douyinfe/semi-illustrations": "2.45.3-alpha.1",
-        "@douyinfe/semi-theme-default": "2.45.3-alpha.1",
+        "@douyinfe/semi-animation": "2.46.0-beta.0",
+        "@douyinfe/semi-animation-react": "2.46.0-beta.0",
+        "@douyinfe/semi-foundation": "2.46.0-beta.0",
+        "@douyinfe/semi-icons": "2.46.0-beta.0",
+        "@douyinfe/semi-illustrations": "2.46.0-beta.0",
+        "@douyinfe/semi-theme-default": "2.46.0-beta.0",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -75,7 +75,7 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "b8f3f83731e2b875db1796ff906d01c3cab8c7c9",
+    "gitHead": "ecce44f71f5c592685055bb2ec9c0ccb3519538d",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",