amis-ui 3.2.0 → 3.3.0

package/lib/components/Tinymce.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -44,10 +44,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var tinymce__default = /*#__PURE__*/_interopDefaultLegacy(tinymce);
 
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var TinymceEditor = /** @class */ (function (_super) {
     tslib.__extends(TinymceEditor, _super);
     function TinymceEditor() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.editorInitialized = false;
         _this.elementRef = React__default["default"].createRef();
         return _this;
     }
@@ -111,9 +115,12 @@ var TinymceEditor = /** @class */ (function (_super) {
                     items: 'inserttable | cell row column | tableprops deletetable'
                 },
                 help: { title: 'Help', items: 'help' }
-            }, paste_data_images: true }, this.props.config), { target: this.elementRef.current, readOnly: this.props.disabled, promotion: false, setup: function (editor) {
+            }, paste_data_images: true, 
+            // 很诡异的问题，video 会被复制放在光标上，直接用样式隐藏先
+            content_style: '[data-mce-bogus] video {display:none;}' }, this.props.config), { target: this.elementRef.current, readOnly: this.props.disabled, promotion: false, setup: function (editor) {
                 _this.editor = editor;
                 editor.on('init', function (e) {
+                    _this.editorInitialized = true;
                     _this.initEditor(e, editor);
                 });
             } });
@@ -124,7 +131,7 @@ var TinymceEditor = /** @class */ (function (_super) {
         var props = this.props;
         if (props.model !== prevProps.model &&
             props.model !== this.currentContent) {
-            (_a = this.editor) === null || _a === void 0 ? void 0 : _a.setContent(props.model || '');
+            this.editorInitialized && ((_a = this.editor) === null || _a === void 0 ? void 0 : _a.setContent(props.model || ''));
         }
     };
     TinymceEditor.prototype.componentWillUnmount = function () {
@@ -148,7 +155,7 @@ var TinymceEditor = /** @class */ (function (_super) {
         onBlur && editor.on('blur', onBlur);
     };
     TinymceEditor.prototype.render = function () {
-        return React__default["default"].createElement("textarea", { ref: this.elementRef });
+        return _J$X_("textarea", { ref: this.elementRef });
     };
     TinymceEditor.defaultProps = {
         outputFormat: 'html'

package/lib/components/TitleBar.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -15,15 +15,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/**
- * @file TitleBar。
- * @description
- * @author fex
- * @param 参数说明：
- * title 标题内容
- * titleClassName 标题类名，默认为 bg-light lter b-b
- * right 可以传入右侧节点, 当有右侧时自动采用 hbox 来左右布局。
- */
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var TitleBar = /** @class */ (function (_super) {
     tslib.__extends(TitleBar, _super);
     function TitleBar() {
@@ -31,17 +25,17 @@ var TitleBar = /** @class */ (function (_super) {
     }
     TitleBar.prototype.render = function () {
         var _a = this.props, className = _a.className, title = _a.title, titleClassName = _a.titleClassName, right = _a.right, cx = _a.classnames;
-        var left = title ? React__default["default"].createElement("div", { className: titleClassName }, title) : null;
+        var left = title ? _J$X_("div", { className: titleClassName }, title) : null;
         var body = left;
         if (right) {
-            body = (React__default["default"].createElement("div", { className: "hbox hbox-auto-xs h-auto" },
-                React__default["default"].createElement("div", { className: "col bg-light b-b wrapper" }, left),
-                React__default["default"].createElement("div", { className: "col v-middle padder-md text-right bg-light b-b wrapper-sm" }, right)));
+            body = (_J$X_("div", { className: "hbox hbox-auto-xs h-auto" },
+                _J$X_("div", { className: "col bg-light b-b wrapper" }, left),
+                _J$X_("div", { className: "col v-middle padder-md text-right bg-light b-b wrapper-sm" }, right)));
         }
         else {
-            body = React__default["default"].createElement("div", { className: "wrapper" }, left);
+            body = _J$X_("div", { className: "wrapper" }, left);
         }
-        return React__default["default"].createElement("div", { className: cx(className, 'TitleBar') }, body);
+        return _J$X_("div", { className: cx(className, 'TitleBar') }, body);
     };
     TitleBar.defaultProps = {
         className: 'bg-light lter b-b',

package/lib/components/Toast.d.ts

@@ -55,7 +55,7 @@ export declare class ToastComponent extends React.Component<ToastComponentProps,
     render(): React.JSX.Element[] | null;
 }
 declare const _default: {
-    new (props: Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+    new (props: Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
         timeout?: number | undefined;
         items?: Item[] | undefined;
         position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
@@ -70,7 +70,7 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
             timeout?: number | undefined;
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
@@ -81,7 +81,7 @@ declare const _default: {
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof 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<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+        readonly props: Readonly<Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
             timeout?: number | undefined;
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
@@ -96,7 +96,7 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
             timeout?: number | undefined;
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
@@ -108,7 +108,7 @@ declare const _default: {
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
             timeout?: number | undefined;
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
@@ -118,7 +118,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
             timeout?: number | undefined;
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
@@ -130,7 +130,7 @@ declare const _default: {
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
             timeout?: number | undefined;
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
@@ -140,7 +140,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
             timeout?: number | undefined;
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
@@ -150,7 +150,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
             timeout?: number | undefined;
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
@@ -160,7 +160,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
             timeout?: number | undefined;
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
@@ -174,7 +174,7 @@ declare const _default: {
     displayName: string;
     contextType: React.Context<string>;
     ComposedComponent: React.ComponentType<{
-        new (props: Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+        new (props: Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
             timeout?: number | undefined;
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
@@ -189,7 +189,7 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
                 timeout?: number | undefined;
                 items?: Item[] | undefined;
                 position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
@@ -200,7 +200,7 @@ declare const _default: {
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+            readonly props: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
                 timeout?: number | undefined;
                 items?: Item[] | undefined;
                 position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
@@ -215,7 +215,7 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
                 timeout?: number | undefined;
                 items?: Item[] | undefined;
                 position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
@@ -227,7 +227,7 @@ declare const _default: {
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
                 timeout?: number | undefined;
                 items?: Item[] | undefined;
                 position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
@@ -237,7 +237,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
                 timeout?: number | undefined;
                 items?: Item[] | undefined;
                 position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
@@ -249,7 +249,7 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
                 timeout?: number | undefined;
                 items?: Item[] | undefined;
                 position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
@@ -259,7 +259,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
                 timeout?: number | undefined;
                 items?: Item[] | undefined;
                 position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
@@ -269,7 +269,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
                 timeout?: number | undefined;
                 items?: Item[] | undefined;
                 position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
@@ -279,7 +279,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
                 timeout?: number | undefined;
                 items?: Item[] | undefined;
                 position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
@@ -297,7 +297,7 @@ declare const _default: {
         ComposedComponent: typeof ToastComponent;
     }>;
 } & import("hoist-non-react-statics").NonReactStatics<{
-    new (props: Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+    new (props: Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
         timeout?: number | undefined;
         items?: Item[] | undefined;
         position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
@@ -312,7 +312,7 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
             timeout?: number | undefined;
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
@@ -323,7 +323,7 @@ declare const _default: {
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+        readonly props: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
             timeout?: number | undefined;
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
@@ -338,7 +338,7 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
             timeout?: number | undefined;
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
@@ -350,7 +350,7 @@ declare const _default: {
         }>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
             timeout?: number | undefined;
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
@@ -360,7 +360,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
             timeout?: number | undefined;
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
@@ -372,7 +372,7 @@ declare const _default: {
         }>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
             timeout?: number | undefined;
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
@@ -382,7 +382,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
             timeout?: number | undefined;
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
@@ -392,7 +392,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
             timeout?: number | undefined;
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
@@ -402,7 +402,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
             timeout?: number | undefined;
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
@@ -420,7 +420,7 @@ declare const _default: {
     ComposedComponent: typeof ToastComponent;
 }, {}> & {
     ComposedComponent: {
-        new (props: Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+        new (props: Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
             timeout?: number | undefined;
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
@@ -435,7 +435,7 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
                 timeout?: number | undefined;
                 items?: Item[] | undefined;
                 position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
@@ -446,7 +446,7 @@ declare const _default: {
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+            readonly props: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
                 timeout?: number | undefined;
                 items?: Item[] | undefined;
                 position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
@@ -461,7 +461,7 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
                 timeout?: number | undefined;
                 items?: Item[] | undefined;
                 position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
@@ -473,7 +473,7 @@ declare const _default: {
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
                 timeout?: number | undefined;
                 items?: Item[] | undefined;
                 position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
@@ -483,7 +483,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
                 timeout?: number | undefined;
                 items?: Item[] | undefined;
                 position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
@@ -495,7 +495,7 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
                 timeout?: number | undefined;
                 items?: Item[] | undefined;
                 position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
@@ -505,7 +505,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
                 timeout?: number | undefined;
                 items?: Item[] | undefined;
                 position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
@@ -515,7 +515,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
                 timeout?: number | undefined;
                 items?: Item[] | undefined;
                 position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
@@ -525,7 +525,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "useMobileUI" | "showIcon"> & {
                 timeout?: number | undefined;
                 items?: Item[] | undefined;
                 position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;

package/lib/components/Toast.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -21,11 +21,9 @@ var Transition__default = /*#__PURE__*/_interopDefaultLegacy(Transition);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var groupBy__default = /*#__PURE__*/_interopDefaultLegacy(groupBy);
 
-/**
- * @file Toast
- * @description toast提示组件, 单例模式，App级别只需要一个ToastComponent，引入了多个会兼容，也只有第一个生效
- * @author fex
- */
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var _a;
 var fadeStyles = (_a = {},
     _a[Transition.ENTERING] = 'in',
@@ -107,7 +105,7 @@ var ToastComponent = /** @class */ (function (_super) {
         var groupedItems = groupBy__default["default"](items, function (item) { return item.position || position; });
         return Object.keys(groupedItems).map(function (position) {
             var toasts = groupedItems[position];
-            return (React__default["default"].createElement("div", { key: position, className: cx("Toast-wrap Toast-wrap--".concat(position.replace(/\-(\w)/g, function (_, l) {
+            return (_J$X_("div", { key: position, className: cx("Toast-wrap Toast-wrap--".concat(position.replace(/\-(\w)/g, function (_, l) {
                     return l.toUpperCase();
                 })), {
                     'Toast-mobile': mobileUI
@@ -115,7 +113,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, 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 }));
+                return (_J$X_(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 }));
             })));
         });
     };
@@ -196,21 +194,21 @@ var ToastMessage = /** @class */ (function (_super) {
         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 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) {
+        return (_J$X_(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), className, fadeStyles[status], {
+            return (_J$X_("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)),
-                React__default["default"].createElement("div", { className: cx('Toast-content') },
-                    typeof title === 'string' ? (React__default["default"].createElement("span", { className: cx("Toast-title") }, title)) : React__default["default"].isValidElement(title) ? (React__default["default"].cloneElement(title, {
+                showIcon === false ? null : (_J$X_("div", { className: cx('Toast-icon') }, level === 'success' ? (_J$X_(icons.Icon, { icon: iconName + 'success', className: "icon" })) : level == 'error' ? (_J$X_(icons.Icon, { icon: iconName + 'fail', className: "icon" })) : level == 'info' ? (_J$X_(icons.Icon, { icon: iconName + 'info', className: "icon" })) : level == 'warning' ? (_J$X_(icons.Icon, { icon: iconName + 'warning', className: "icon" })) : null)),
+                _J$X_("div", { className: cx('Toast-content') },
+                    typeof title === 'string' ? (_J$X_("span", { className: cx("Toast-title") }, title)) : React__default["default"].isValidElement(title) ? (React__default["default"].cloneElement(title, {
                         className: cx("Toast-title", (_b = (_a = title === null || title === void 0 ? void 0 : title.props) === null || _a === void 0 ? void 0 : _a.className) !== null && _b !== void 0 ? _b : '')
                     })) : null,
                     React__default["default"].isValidElement(body) ? (React__default["default"].cloneElement(body, {
                         className: cx("Toast-body", (_d = (_c = body === null || body === void 0 ? void 0 : body.props) === null || _c === void 0 ? void 0 : _c.className) !== null && _d !== void 0 ? _d : '')
-                    })) : typeof body === 'string' || typeof body === 'object' ? (React__default["default"].createElement("div", { className: cx('Toast-body') }, allowHtml ? (React__default["default"].createElement(Html["default"], { html: body === null || body === void 0 ? void 0 : body.toString() })) : (body === null || body === void 0 ? void 0 : body.toString()))) : null),
-                closeButton ? (React__default["default"].createElement("a", { onClick: _this.close, className: cx("Toast-close") },
-                    React__default["default"].createElement(icons.Icon, { icon: "status-close", className: "icon" }))) : null));
+                    })) : typeof body === 'string' || typeof body === 'object' ? (_J$X_("div", { className: cx('Toast-body') }, allowHtml ? (_J$X_(Html["default"], { html: body === null || body === void 0 ? void 0 : body.toString() })) : (body === null || body === void 0 ? void 0 : body.toString()))) : null),
+                closeButton ? (_J$X_("a", { onClick: _this.close, className: cx("Toast-close") },
+                    _J$X_(icons.Icon, { icon: "status-close", className: "icon" }))) : null));
         }));
     };
     ToastMessage.defaultProps = {

package/lib/components/Tooltip.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -15,11 +15,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/**
- * @file Tooltip
- * @description
- * @author fex
- */
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var Tooltip = /** @class */ (function (_super) {
     tslib.__extends(Tooltip, _super);
     function Tooltip() {
@@ -27,10 +25,10 @@ var Tooltip = /** @class */ (function (_super) {
     }
     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, 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(bodyClassName, 'Tooltip-body') }, children)));
+        return (_J$X_("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 ? (_J$X_("div", tslib.__assign({ className: cx("Tooltip-arrow") }, arrowProps))) : null,
+            title ? _J$X_("div", { className: cx('Tooltip-title') }, title) : null,
+            _J$X_("div", { className: cx(bodyClassName, 'Tooltip-body') }, children)));
     };
     Tooltip.defaultProps = {
         className: '',