amis-ui 2.8.0 → 3.0.0

package/lib/components/Toast.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.8.0
+ * amis-ui v3.0.0
  * Copyright 2018-2023 fex
  */
 
@@ -68,7 +68,7 @@ var ToastComponent = /** @class */ (function (_super) {
                 // 移动端只能存在一个
                 items = [];
             }
-            items.push(tslib.__assign(tslib.__assign({ body: content, level: level }, config), { id: amisCore.guid(), position: config.position || (useMobileUI ? 'center' : config.position), timeout: config.timeout || (useMobileUI ? 3000 : undefined) }));
+            items.push(tslib.__assign(tslib.__assign({ body: content, level: level }, config), { id: amisCore.guid(), className: config.className || '', position: config.position || (useMobileUI ? 'center' : config.position), timeout: config.timeout || (useMobileUI ? 3000 : undefined) }));
             return {
                 items: items,
                 useMobileUI: useMobileUI
@@ -115,7 +115,7 @@ var ToastComponent = /** @class */ (function (_super) {
                 var _a, _b, _c;
                 var level = item.level || 'info';
                 var toastTimeout = (_a = item.timeout) !== null && _a !== void 0 ? _a : (level === 'error' ? errorTimeout : timeout);
-                return (React__default["default"].createElement(ToastMessage, { classnames: cx, key: item.id || index, title: item.title, body: item.body, level: level, timeout: toastTimeout, closeButton: !mobileUI && ((_b = item.closeButton) !== null && _b !== void 0 ? _b : closeButton), onDismiss: _this.handleDismissed.bind(_this, items.indexOf(item)), translate: translate, showIcon: (_c = item.showIcon) !== null && _c !== void 0 ? _c : showIcon, useMobileUI: mobileUI }));
+                return (React__default["default"].createElement(ToastMessage, { classnames: cx, key: item.id || index, title: item.title, body: item.body, level: level, className: item.className, timeout: toastTimeout, closeButton: !mobileUI && ((_b = item.closeButton) !== null && _b !== void 0 ? _b : closeButton), onDismiss: _this.handleDismissed.bind(_this, items.indexOf(item)), translate: translate, showIcon: (_c = item.showIcon) !== null && _c !== void 0 ? _c : showIcon, useMobileUI: mobileUI }));
             })));
         });
     };
@@ -194,11 +194,11 @@ var ToastMessage = /** @class */ (function (_super) {
     };
     ToastMessage.prototype.render = function () {
         var _this = this;
-        var _a = this.props, onDismiss = _a.onDismiss, cx = _a.classnames, closeButton = _a.closeButton, title = _a.title, body = _a.body, allowHtml = _a.allowHtml, level = _a.level, showIcon = _a.showIcon, useMobileUI = _a.useMobileUI; _a.translate;
+        var _a = this.props, onDismiss = _a.onDismiss, cx = _a.classnames, closeButton = _a.closeButton, title = _a.title, body = _a.body, allowHtml = _a.allowHtml, level = _a.level, showIcon = _a.showIcon, useMobileUI = _a.useMobileUI; _a.translate; var className = _a.className;
         var iconName = useMobileUI ? '' : 'alert-';
         return (React__default["default"].createElement(Transition__default["default"], { mountOnEnter: true, unmountOnExit: true, in: this.state.visible, timeout: 750, onEntered: this.handleEntered, onExited: onDismiss }, function (status) {
             var _a, _b, _c, _d;
-            return (React__default["default"].createElement("div", { className: cx("Toast Toast--".concat(level), fadeStyles[status], {
+            return (React__default["default"].createElement("div", { className: cx("Toast Toast--".concat(level), className, fadeStyles[status], {
                     'Toast-mobile--has-icon': useMobileUI && showIcon !== false
                 }), onMouseEnter: _this.handleMouseEnter, onMouseLeave: _this.handleMouseLeave, onClick: closeButton ? amisCore.noop : _this.close },
                 showIcon === false ? null : (React__default["default"].createElement("div", { className: cx('Toast-icon') }, level === 'success' ? (React__default["default"].createElement(icons.Icon, { icon: iconName + 'success', className: "icon" })) : level == 'error' ? (React__default["default"].createElement(icons.Icon, { icon: iconName + 'fail', className: "icon" })) : level == 'info' ? (React__default["default"].createElement(icons.Icon, { icon: iconName + 'info', className: "icon" })) : level == 'warning' ? (React__default["default"].createElement(icons.Icon, { icon: iconName + 'warning', className: "icon" })) : null)),

package/lib/components/Tooltip.d.ts

@@ -17,6 +17,7 @@ interface TooltipProps extends React.HTMLProps<HTMLDivElement> {
     placement?: string;
     showArrow?: boolean;
     tooltipTheme?: string;
+    bodyClassName?: string;
     [propName: string]: any;
 }
 export declare class Tooltip extends React.Component<TooltipProps> {
@@ -33,12 +34,10 @@ declare const _default: {
         childRef(ref: any): void;
         getWrappedInstance(): any;
         render(): JSX.Element;
-        context: any;
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<TooltipProps, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Omit<TooltipProps, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<Omit<TooltipProps, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;

package/lib/components/Tooltip.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.8.0
+ * amis-ui v3.0.0
  * Copyright 2018-2023 fex
  */
 
@@ -26,11 +26,11 @@ var Tooltip = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     Tooltip.prototype.render = function () {
-        var _a = this.props; _a.classPrefix; var className = _a.className, tooltipTheme = _a.tooltipTheme, title = _a.title, children = _a.children, arrowProps = _a.arrowProps, style = _a.style; _a.placement; _a.arrowOffsetLeft; _a.arrowOffsetTop; _a.positionLeft; _a.positionTop; var cx = _a.classnames, activePlacement = _a.activePlacement, showArrow = _a.showArrow, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, rest = tslib.__rest(_a, ["classPrefix", "className", "tooltipTheme", "title", "children", "arrowProps", "style", "placement", "arrowOffsetLeft", "arrowOffsetTop", "positionLeft", "positionTop", "classnames", "activePlacement", "showArrow", "onMouseEnter", "onMouseLeave"]);
+        var _a = this.props; _a.classPrefix; var className = _a.className, tooltipTheme = _a.tooltipTheme, title = _a.title, children = _a.children, arrowProps = _a.arrowProps, style = _a.style; _a.placement; _a.arrowOffsetLeft; _a.arrowOffsetTop; _a.positionLeft; _a.positionTop; var cx = _a.classnames, activePlacement = _a.activePlacement, showArrow = _a.showArrow, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, bodyClassName = _a.bodyClassName, rest = tslib.__rest(_a, ["classPrefix", "className", "tooltipTheme", "title", "children", "arrowProps", "style", "placement", "arrowOffsetLeft", "arrowOffsetTop", "positionLeft", "positionTop", "classnames", "activePlacement", "showArrow", "onMouseEnter", "onMouseLeave", "bodyClassName"]);
         return (React__default["default"].createElement("div", tslib.__assign({}, rest, { className: cx("Tooltip", activePlacement ? "Tooltip--".concat(activePlacement) : '', className, "Tooltip--".concat(tooltipTheme === 'dark' ? 'dark' : 'light')), style: style, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, role: "tooltip" }),
             showArrow ? (React__default["default"].createElement("div", tslib.__assign({ className: cx("Tooltip-arrow") }, arrowProps))) : null,
             title ? React__default["default"].createElement("div", { className: cx('Tooltip-title') }, title) : null,
-            React__default["default"].createElement("div", { className: cx('Tooltip-body') }, children)));
+            React__default["default"].createElement("div", { className: cx(bodyClassName, 'Tooltip-body') }, children)));
     };
     Tooltip.defaultProps = {
         className: '',

package/lib/components/TooltipWrapper.d.ts

@@ -59,7 +59,7 @@ export interface TooltipObject {
     /**
      * 挂载容器元素
      */
-    container?: React.ReactNode;
+    container?: HTMLElement | (() => HTMLElement | null | undefined);
     /**
      * 浮层触发方式
      */
@@ -72,13 +72,21 @@ export interface TooltipObject {
      * 文字提示浮层CSS类名
      */
     tooltipClassName?: string;
+    /**
+     * 文字提示浮层Body的CSS类名
+     */
+    tooltipBodyClassName?: string;
+    /**
+     * html xss filter
+     */
+    filterHtml?: (input: string) => string;
 }
 export interface TooltipWrapperProps {
     tooltip?: string | TooltipObject;
     classPrefix: string;
     classnames: ClassNamesFn;
     placement: 'top' | 'right' | 'bottom' | 'left';
-    container?: React.ReactNode;
+    container?: HTMLElement | (() => HTMLElement | null | undefined);
     trigger: Trigger | Array<Trigger>;
     rootClose: boolean;
     overlay?: any;
@@ -90,6 +98,7 @@ export interface TooltipWrapperProps {
      * 显示&隐藏时触发
      */
     onVisibleChange?: (visible: boolean) => void;
+    children?: React.ReactNode | Array<React.ReactNode>;
 }
 interface TooltipWrapperState {
     show?: boolean;
@@ -115,36 +124,84 @@ export declare class TooltipWrapper extends React.Component<TooltipWrapperProps,
     handleMouseOut(e: any): void;
     handleMouseOverOut(handler: Function, e: React.MouseEvent<HTMLElement>, relatedNative: string): void;
     handleClick(e: any): void;
-    render(): React.ReactNode;
+    render(): string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment | (JSX.Element | null)[] | null | undefined;
 }
 declare const _default: {
-    new (props: Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "tooltip" | "overlay" | "container" | "tooltipTheme" | "tooltipClassName" | "onVisibleChange"> & Partial<Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "placement" | "trigger" | "rootClose" | "delay">> & Partial<Pick<Pick<TooltipWrapperProps, "placement" | "trigger" | "rootClose" | "delay">, never>> & import("packages/amis-core/lib/theme").ThemeOutterProps): {
+    new (props: Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "children" | "overlay" | "container" | "tooltip" | "tooltipTheme" | "tooltipClassName" | "onVisibleChange"> & {
+        placement?: "left" | "right" | "bottom" | "top" | undefined;
+        trigger?: Trigger | Trigger[] | undefined;
+        rootClose?: boolean | undefined;
+        delay?: number | undefined;
+    } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps): {
         ref: any;
         childRef(ref: any): void;
         getWrappedInstance(): any;
         render(): JSX.Element;
-        context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "tooltip" | "overlay" | "container" | "tooltipTheme" | "tooltipClassName" | "onVisibleChange"> & Partial<Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "placement" | "trigger" | "rootClose" | "delay">> & Partial<Pick<Pick<TooltipWrapperProps, "placement" | "trigger" | "rootClose" | "delay">, never>> & import("packages/amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "children" | "overlay" | "container" | "tooltip" | "tooltipTheme" | "tooltipClassName" | "onVisibleChange"> & {
+            placement?: "left" | "right" | "bottom" | "top" | undefined;
+            trigger?: Trigger | Trigger[] | undefined;
+            rootClose?: boolean | undefined;
+            delay?: number | undefined;
+        } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "tooltip" | "overlay" | "container" | "tooltipTheme" | "tooltipClassName" | "onVisibleChange"> & Partial<Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "placement" | "trigger" | "rootClose" | "delay">> & Partial<Pick<Pick<TooltipWrapperProps, "placement" | "trigger" | "rootClose" | "delay">, never>> & import("packages/amis-core/lib/theme").ThemeOutterProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "children" | "overlay" | "container" | "tooltip" | "tooltipTheme" | "tooltipClassName" | "onVisibleChange"> & {
+            placement?: "left" | "right" | "bottom" | "top" | undefined;
+            trigger?: Trigger | Trigger[] | undefined;
+            rootClose?: boolean | undefined;
+            delay?: number | undefined;
+        } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "tooltip" | "overlay" | "container" | "tooltipTheme" | "tooltipClassName" | "onVisibleChange"> & Partial<Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "placement" | "trigger" | "rootClose" | "delay">> & Partial<Pick<Pick<TooltipWrapperProps, "placement" | "trigger" | "rootClose" | "delay">, never>> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "children" | "overlay" | "container" | "tooltip" | "tooltipTheme" | "tooltipClassName" | "onVisibleChange"> & {
+            placement?: "left" | "right" | "bottom" | "top" | undefined;
+            trigger?: Trigger | Trigger[] | undefined;
+            rootClose?: boolean | undefined;
+            delay?: number | undefined;
+        } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "tooltip" | "overlay" | "container" | "tooltipTheme" | "tooltipClassName" | "onVisibleChange"> & Partial<Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "placement" | "trigger" | "rootClose" | "delay">> & Partial<Pick<Pick<TooltipWrapperProps, "placement" | "trigger" | "rootClose" | "delay">, never>> & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "tooltip" | "overlay" | "container" | "tooltipTheme" | "tooltipClassName" | "onVisibleChange"> & Partial<Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "placement" | "trigger" | "rootClose" | "delay">> & Partial<Pick<Pick<TooltipWrapperProps, "placement" | "trigger" | "rootClose" | "delay">, never>> & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "children" | "overlay" | "container" | "tooltip" | "tooltipTheme" | "tooltipClassName" | "onVisibleChange"> & {
+            placement?: "left" | "right" | "bottom" | "top" | undefined;
+            trigger?: Trigger | Trigger[] | undefined;
+            rootClose?: boolean | undefined;
+            delay?: number | undefined;
+        } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "children" | "overlay" | "container" | "tooltip" | "tooltipTheme" | "tooltipClassName" | "onVisibleChange"> & {
+            placement?: "left" | "right" | "bottom" | "top" | undefined;
+            trigger?: Trigger | Trigger[] | undefined;
+            rootClose?: boolean | undefined;
+            delay?: number | undefined;
+        } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "tooltip" | "overlay" | "container" | "tooltipTheme" | "tooltipClassName" | "onVisibleChange"> & Partial<Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "placement" | "trigger" | "rootClose" | "delay">> & Partial<Pick<Pick<TooltipWrapperProps, "placement" | "trigger" | "rootClose" | "delay">, never>> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "tooltip" | "overlay" | "container" | "tooltipTheme" | "tooltipClassName" | "onVisibleChange"> & Partial<Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "placement" | "trigger" | "rootClose" | "delay">> & Partial<Pick<Pick<TooltipWrapperProps, "placement" | "trigger" | "rootClose" | "delay">, never>> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "tooltip" | "overlay" | "container" | "tooltipTheme" | "tooltipClassName" | "onVisibleChange"> & Partial<Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "placement" | "trigger" | "rootClose" | "delay">> & Partial<Pick<Pick<TooltipWrapperProps, "placement" | "trigger" | "rootClose" | "delay">, never>> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "tooltip" | "overlay" | "container" | "tooltipTheme" | "tooltipClassName" | "onVisibleChange"> & Partial<Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "placement" | "trigger" | "rootClose" | "delay">> & Partial<Pick<Pick<TooltipWrapperProps, "placement" | "trigger" | "rootClose" | "delay">, never>> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "children" | "overlay" | "container" | "tooltip" | "tooltipTheme" | "tooltipClassName" | "onVisibleChange"> & {
+            placement?: "left" | "right" | "bottom" | "top" | undefined;
+            trigger?: Trigger | Trigger[] | undefined;
+            rootClose?: boolean | undefined;
+            delay?: number | undefined;
+        } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "children" | "overlay" | "container" | "tooltip" | "tooltipTheme" | "tooltipClassName" | "onVisibleChange"> & {
+            placement?: "left" | "right" | "bottom" | "top" | undefined;
+            trigger?: Trigger | Trigger[] | undefined;
+            rootClose?: boolean | undefined;
+            delay?: number | undefined;
+        } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "children" | "overlay" | "container" | "tooltip" | "tooltipTheme" | "tooltipClassName" | "onVisibleChange"> & {
+            placement?: "left" | "right" | "bottom" | "top" | undefined;
+            trigger?: Trigger | Trigger[] | undefined;
+            rootClose?: boolean | undefined;
+            delay?: number | undefined;
+        } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "children" | "overlay" | "container" | "tooltip" | "tooltipTheme" | "tooltipClassName" | "onVisibleChange"> & {
+            placement?: "left" | "right" | "bottom" | "top" | undefined;
+            trigger?: Trigger | Trigger[] | undefined;
+            rootClose?: boolean | undefined;
+            delay?: number | undefined;
+        } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
     displayName: string;
     contextType: React.Context<string>;

package/lib/components/TooltipWrapper.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.8.0
+ * amis-ui v3.0.0
  * Copyright 2018-2023 fex
  */
 
@@ -152,7 +152,7 @@ var TooltipWrapper = /** @class */ (function (_super) {
         var tooltipObj = tslib.__assign({ placement: props.placement, container: props.container, trigger: props.trigger, rootClose: props.rootClose, tooltipClassName: props.tooltipClassName, style: props.style, mouseLeaveDelay: props.delay, tooltipTheme: props.tooltipTheme }, (typeof props.tooltip === 'string'
             ? { content: props.tooltip }
             : props.tooltip));
-        var title = tooltipObj.title, content = tooltipObj.content, placement = tooltipObj.placement, container = tooltipObj.container, trigger = tooltipObj.trigger, rootClose = tooltipObj.rootClose, tooltipClassName = tooltipObj.tooltipClassName, style = tooltipObj.style, _a = tooltipObj.disabled, disabled = _a === void 0 ? false : _a, offset = tooltipObj.offset, _b = tooltipObj.tooltipTheme, tooltipTheme = _b === void 0 ? 'light' : _b, _c = tooltipObj.showArrow, showArrow = _c === void 0 ? true : _c, children = tooltipObj.children;
+        var title = tooltipObj.title, content = tooltipObj.content, placement = tooltipObj.placement, container = tooltipObj.container, trigger = tooltipObj.trigger, rootClose = tooltipObj.rootClose, tooltipClassName = tooltipObj.tooltipClassName, tooltipBodyClassName = tooltipObj.tooltipBodyClassName, style = tooltipObj.style, _a = tooltipObj.disabled, disabled = _a === void 0 ? false : _a, offset = tooltipObj.offset, _b = tooltipObj.tooltipTheme, tooltipTheme = _b === void 0 ? 'light' : _b, _c = tooltipObj.showArrow, showArrow = _c === void 0 ? true : _c, children = tooltipObj.children, filterHtml = tooltipObj.filterHtml;
         var childProps = {
             key: 'target'
         };
@@ -171,7 +171,7 @@ var TooltipWrapper = /** @class */ (function (_super) {
         return [
             child ? React__default["default"].cloneElement(child, childProps) : null,
             React__default["default"].createElement(amisCore.Overlay, { key: "overlay", target: this.getTarget, show: this.state.show && !disabled, onHide: this.handleHide, rootClose: rootClose, placement: placement, container: container, offset: Array.isArray(offset) ? offset : [0, 0] },
-                React__default["default"].createElement(Tooltip["default"], { title: typeof title === 'string' ? title : undefined, style: style, className: tooltipClassName, tooltipTheme: tooltipTheme, showArrow: showArrow, onMouseEnter: ~triggers.indexOf('hover') ? this.tooltipMouseEnter : function () { }, onMouseLeave: ~triggers.indexOf('hover') ? this.tooltipMouseLeave : function () { } }, children ? (React__default["default"].createElement(React__default["default"].Fragment, null, typeof children === 'function' ? children() : children)) : (React__default["default"].createElement(Html["default"], { html: typeof content === 'string' ? content : '' }))))
+                React__default["default"].createElement(Tooltip["default"], { title: typeof title === 'string' ? title : undefined, style: style, className: tooltipClassName, tooltipTheme: tooltipTheme, showArrow: showArrow, bodyClassName: tooltipBodyClassName, onMouseEnter: ~triggers.indexOf('hover') ? this.tooltipMouseEnter : function () { }, onMouseLeave: ~triggers.indexOf('hover') ? this.tooltipMouseLeave : function () { } }, children ? (React__default["default"].createElement(React__default["default"].Fragment, null, typeof children === 'function' ? children() : children)) : (React__default["default"].createElement(Html["default"], { html: typeof content === 'string' ? content : '', filterHtml: filterHtml }))))
         ];
     };
     TooltipWrapper.defaultProps = {