@douyinfe/semi-ui 2.43.2 → 2.44.0-beta.0

package/lib/es/tag/index.js

@@ -111,9 +111,11 @@ export default class Tag extends Component {
         shape,
         avatarSrc,
         avatarShape,
-        tabIndex
+        tabIndex,
+        prefixIcon,
+        suffixIcon
       } = _a,
-      attr = __rest(_a, ["tagKey", "children", "size", "color", "closable", "visible", "onClose", "onClick", "className", "type", "shape", "avatarSrc", "avatarShape", "tabIndex"]);
+      attr = __rest(_a, ["tagKey", "children", "size", "color", "closable", "visible", "onClose", "onClick", "className", "type", "shape", "avatarSrc", "avatarShape", "tabIndex", "prefixIcon", "suffixIcon"]);
     const {
       visible: isVisible
     } = this.state;
@@ -154,9 +156,13 @@ export default class Tag extends Component {
     const contentCls = cls(`${prefixCls}-content`, `${prefixCls}-content-${stringChild ? 'ellipsis' : 'center'}`);
     return /*#__PURE__*/React.createElement("div", Object.assign({
       "aria-label": this.props['aria-label'] || stringChild ? `${closable ? 'Closable ' : ''}Tag: ${children}` : ''
-    }, wrapProps), avatarSrc ? this.renderAvatar() : null, /*#__PURE__*/React.createElement("div", {
+    }, wrapProps), prefixIcon ? /*#__PURE__*/React.createElement("div", {
+      className: `${prefixCls}-prefix-icon`
+    }, prefixIcon) : null, avatarSrc ? this.renderAvatar() : null, /*#__PURE__*/React.createElement("div", {
       className: contentCls
-    }, children), closeIcon);
+    }, children), suffixIcon ? /*#__PURE__*/React.createElement("div", {
+      className: `${prefixCls}-suffix-icon`
+    }, suffixIcon) : null, closeIcon);
   }
 }
 Tag.defaultProps = {
@@ -171,7 +177,9 @@ Tag.defaultProps = {
   style: {},
   className: '',
   shape: 'square',
-  avatarShape: 'square'
+  avatarShape: 'square',
+  prefixIcon: null,
+  suffixIcon: null
 };
 Tag.propTypes = {
   children: PropTypes.node,
@@ -183,6 +191,8 @@ Tag.propTypes = {
   visible: PropTypes.bool,
   onClose: PropTypes.func,
   onClick: PropTypes.func,
+  prefixIcon: PropTypes.node,
+  suffixIcon: PropTypes.node,
   style: PropTypes.object,
   className: PropTypes.string,
   avatarSrc: PropTypes.string,

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { PopoverProps } from '../popover/index';
 export type TagColor = 'amber' | 'blue' | 'cyan' | 'green' | 'grey' | 'indigo' | 'light-blue' | 'light-green' | 'lime' | 'orange' | 'pink' | 'purple' | 'red' | 'teal' | 'violet' | 'yellow' | 'white';
 export type TagType = 'ghost' | 'solid' | 'light';
@@ -15,6 +15,8 @@ export interface TagProps {
     visible?: boolean;
     onClose?: (tagChildren: React.ReactNode, event: React.MouseEvent<HTMLElement>, tagKey: string | number) => void;
     onClick?: React.MouseEventHandler<HTMLDivElement>;
+    prefixIcon?: React.ReactNode;
+    suffixIcon?: React.ReactNode;
     style?: React.CSSProperties;
     className?: string;
     avatarSrc?: string;

package/lib/es/tooltip/index.js

@@ -230,9 +230,11 @@ export default class Tooltip extends BaseComponent {
       } = this.props;
       const display = _get(elem, 'props.style.display');
       const block = _get(elem, 'props.block');
-      const style = {
-        display: 'inline-block'
-      };
+      const isStringElem = typeof elem == 'string';
+      const style = {};
+      if (!isStringElem) {
+        style.display = 'inline-block';
+      }
       if (block || blockDisplays.includes(display)) {
         style.width = '100%';
       }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.43.2",
+    "version": "2.44.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.43.2",
-        "@douyinfe/semi-animation-react": "2.43.2",
-        "@douyinfe/semi-foundation": "2.43.2",
-        "@douyinfe/semi-icons": "2.43.2",
-        "@douyinfe/semi-illustrations": "2.43.2",
-        "@douyinfe/semi-theme-default": "2.43.2",
+        "@douyinfe/semi-animation": "2.44.0-beta.0",
+        "@douyinfe/semi-animation-react": "2.44.0-beta.0",
+        "@douyinfe/semi-foundation": "2.44.0-beta.0",
+        "@douyinfe/semi-icons": "2.44.0-beta.0",
+        "@douyinfe/semi-illustrations": "2.44.0-beta.0",
+        "@douyinfe/semi-theme-default": "2.44.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": "6c7218869ff6a0c83525f49845b7dc7a858f3705",
+    "gitHead": "f304407b2f9fb23f8464d59b685ff1f265f6869a",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",