amis-ui 2.9.0 → 3.1.0

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> {
@@ -25,14 +26,14 @@ export declare class Tooltip extends React.Component<TooltipProps> {
         tooltipTheme: string;
         showArrow: boolean;
     };
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 declare const _default: {
     new (props: Omit<TooltipProps, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps): {
         ref: any;
         childRef(ref: any): void;
         getWrappedInstance(): any;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         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;

package/lib/components/Tooltip.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.9.0
+ * amis-ui v3.1.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

@@ -72,6 +72,14 @@ export interface TooltipObject {
      * 文字提示浮层CSS类名
      */
     tooltipClassName?: string;
+    /**
+     * 文字提示浮层Body的CSS类名
+     */
+    tooltipBodyClassName?: string;
+    /**
+     * html xss filter
+     */
+    filterHtml?: (input: string) => string;
 }
 export interface TooltipWrapperProps {
     tooltip?: string | TooltipObject;
@@ -116,83 +124,83 @@ 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(): string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment | (JSX.Element | null)[] | null | undefined;
+    render(): string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment | (React.JSX.Element | null)[] | null | undefined;
 }
 declare const _default: {
-    new (props: Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "children" | "overlay" | "container" | "tooltip" | "tooltipTheme" | "tooltipClassName" | "onVisibleChange"> & {
-        placement?: "left" | "right" | "bottom" | "top" | undefined;
+    new (props: Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "children" | "tooltip" | "overlay" | "container" | "tooltipTheme" | "onVisibleChange" | "tooltipClassName"> & {
+        delay?: number | undefined;
+        placement?: "left" | "right" | "top" | "bottom" | 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;
+        render(): React.JSX.Element;
         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;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "children" | "tooltip" | "overlay" | "container" | "tooltipTheme" | "onVisibleChange" | "tooltipClassName"> & {
+            delay?: number | undefined;
+            placement?: "left" | "right" | "top" | "bottom" | 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>, "children" | "overlay" | "container" | "tooltip" | "tooltipTheme" | "tooltipClassName" | "onVisibleChange"> & {
-            placement?: "left" | "right" | "bottom" | "top" | undefined;
+        readonly props: Readonly<Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "children" | "tooltip" | "overlay" | "container" | "tooltipTheme" | "onVisibleChange" | "tooltipClassName"> & {
+            delay?: number | undefined;
+            placement?: "left" | "right" | "top" | "bottom" | 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>, "children" | "overlay" | "container" | "tooltip" | "tooltipTheme" | "tooltipClassName" | "onVisibleChange"> & {
-            placement?: "left" | "right" | "bottom" | "top" | undefined;
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "children" | "tooltip" | "overlay" | "container" | "tooltipTheme" | "onVisibleChange" | "tooltipClassName"> & {
+            delay?: number | undefined;
+            placement?: "left" | "right" | "top" | "bottom" | 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>, "children" | "overlay" | "container" | "tooltip" | "tooltipTheme" | "tooltipClassName" | "onVisibleChange"> & {
-            placement?: "left" | "right" | "bottom" | "top" | undefined;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "children" | "tooltip" | "overlay" | "container" | "tooltipTheme" | "onVisibleChange" | "tooltipClassName"> & {
+            delay?: number | undefined;
+            placement?: "left" | "right" | "top" | "bottom" | 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;
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "children" | "tooltip" | "overlay" | "container" | "tooltipTheme" | "onVisibleChange" | "tooltipClassName"> & {
+            delay?: number | undefined;
+            placement?: "left" | "right" | "top" | "bottom" | 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>, "children" | "overlay" | "container" | "tooltip" | "tooltipTheme" | "tooltipClassName" | "onVisibleChange"> & {
-            placement?: "left" | "right" | "bottom" | "top" | undefined;
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "children" | "tooltip" | "overlay" | "container" | "tooltipTheme" | "onVisibleChange" | "tooltipClassName"> & {
+            delay?: number | undefined;
+            placement?: "left" | "right" | "top" | "bottom" | 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;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "children" | "tooltip" | "overlay" | "container" | "tooltipTheme" | "onVisibleChange" | "tooltipClassName"> & {
+            delay?: number | undefined;
+            placement?: "left" | "right" | "top" | "bottom" | 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;
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "children" | "tooltip" | "overlay" | "container" | "tooltipTheme" | "onVisibleChange" | "tooltipClassName"> & {
+            delay?: number | undefined;
+            placement?: "left" | "right" | "top" | "bottom" | 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;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<TooltipWrapperProps, keyof import("amis-core").ThemeProps>, "children" | "tooltip" | "overlay" | "container" | "tooltipTheme" | "onVisibleChange" | "tooltipClassName"> & {
+            delay?: number | undefined;
+            placement?: "left" | "right" | "top" | "bottom" | 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;

package/lib/components/TooltipWrapper.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.9.0
+ * amis-ui v3.1.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 = {