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

package/lib/es/popconfirm/index.js

@@ -51,6 +51,11 @@ export default class Popconfirm extends BaseComponent {
       });
       const showTitle = title !== null && typeof title !== 'undefined';
       const showContent = !(content === null || typeof content === 'undefined');
+      const hasIcon = /*#__PURE__*/React.isValidElement(icon);
+      const bodyCls = cls({
+        [`${prefixCls}-body`]: true,
+        [`${prefixCls}-body-withIcon`]: hasIcon
+      });
       return (
         /*#__PURE__*/
         /* eslint-disable-next-line jsx-a11y/no-static-element-interactions */
@@ -62,10 +67,10 @@ export default class Popconfirm extends BaseComponent {
           className: `${prefixCls}-inner`
         }, /*#__PURE__*/React.createElement("div", {
           className: `${prefixCls}-header`
-        }, /*#__PURE__*/React.createElement("i", {
+        }, hasIcon ? /*#__PURE__*/React.createElement("i", {
           className: `${prefixCls}-header-icon`,
           "x-semi-prop": "icon"
-        }, /*#__PURE__*/React.isValidElement(icon) ? icon : null), /*#__PURE__*/React.createElement("div", {
+        }, icon) : null, /*#__PURE__*/React.createElement("div", {
           className: `${prefixCls}-header-body`
         }, showTitle ? /*#__PURE__*/React.createElement("div", {
           className: `${prefixCls}-header-title`,
@@ -78,7 +83,7 @@ export default class Popconfirm extends BaseComponent {
           type: cancelType,
           onClick: this.handleCancel
         })), showContent ? /*#__PURE__*/React.createElement("div", {
-          className: `${prefixCls}-body`,
+          className: bodyCls,
           "x-semi-prop": "content"
         }, _isFunction(content) ? content({
           initialFocusRef

package/lib/es/table/ColumnFilter.js

@@ -95,7 +95,8 @@ function renderDropdown() {
     dropdownProps.visible = filterDropdownVisible;
   }
   return /*#__PURE__*/React.createElement(Dropdown, Object.assign({}, dropdownProps, {
-    key: `Dropdown_level_${level}`
+    key: `Dropdown_level_${level}`,
+    className: `${cssClasses.PREFIX}-column-filter-dropdown`
   }), nestedElem);
 }
 export default function ColumnFilter() {

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

@@ -18,6 +18,8 @@ export default class Tag extends Component<TagProps, TagState> {
         visible: PropTypes.Requireable<boolean>;
         onClose: PropTypes.Requireable<(...args: any[]) => any>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        prefixIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        suffixIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         avatarSrc: PropTypes.Requireable<string>;

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.1",
+    "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.1",
-        "@douyinfe/semi-animation-react": "2.43.1",
-        "@douyinfe/semi-foundation": "2.43.1",
-        "@douyinfe/semi-icons": "2.43.1",
-        "@douyinfe/semi-illustrations": "2.43.1",
-        "@douyinfe/semi-theme-default": "2.43.1",
+        "@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": "84abaef26e42768a44ba5db31b9891bf508a314e",
+    "gitHead": "f304407b2f9fb23f8464d59b685ff1f265f6869a",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",