amis 1.8.0-beta.1 → 1.8.0-beta.13

package/lib/components/Spinner.js

@@ -13,46 +13,50 @@ var react_1 = (0, tslib_1.__importDefault)(require("react"));
 var theme_1 = require("../theme");
 var Transition_1 = tslib_1.__importStar(require("react-transition-group/Transition"));
 var icons_1 = require("./icons");
+var icon_1 = require("../utils/icon");
 var fadeStyles = (_a = {},
-    _a[Transition_1.ENTERING] = 'in',
     _a[Transition_1.ENTERED] = 'in',
     _a);
 var Spinner = /** @class */ (function (_super) {
     (0, tslib_1.__extends)(Spinner, _super);
     function Spinner() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.div = react_1.default.createRef();
-        _this.overlay = react_1.default.createRef();
-        return _this;
+        return _super !== null && _super.apply(this, arguments) || this;
     }
     Spinner.prototype.render = function () {
-        var _this = this;
-        var _a = this.props, show = _a.show, cx = _a.classnames, spinnerClassName = _a.spinnerClassName, mode = _a.mode, size = _a.size, overlay = _a.overlay, icon = _a.icon;
-        return (react_1.default.createElement(Transition_1.default, { mountOnEnter: true, unmountOnExit: true, in: show, timeout: 350 }, function (status) {
-            var _a;
-            if (status === Transition_1.ENTERING) {
-                // force reflow
-                // 由于从 mount 进来到加上 in 这个 class 估计是时间太短，上次的样式还没应用进去，所以这里强制reflow一把。
-                // 否则看不到动画。
-                // this.div.current!.offsetWidth;
-                _this.overlay.current && _this.overlay.current.offsetWidth;
-            }
+        var _a = this.props, cx = _a.classnames, show = _a.show, className = _a.className, spinnerClassName = _a.spinnerClassName, _b = _a.size, size = _b === void 0 ? '' : _b, overlay = _a.overlay, delay = _a.delay, icon = _a.icon, tip = _a.tip, _c = _a.tipPlacement, tipPlacement = _c === void 0 ? '' : _c;
+        var isCustomIcon = icon && react_1.default.isValidElement(icon);
+        var timeout = { enter: delay, exit: 0 };
+        return (react_1.default.createElement(Transition_1.default, { mountOnEnter: true, unmountOnExit: true, in: show, timeout: timeout }, function (status) {
+            var _a, _b, _c;
             return (react_1.default.createElement(react_1.default.Fragment, null,
-                overlay ? (react_1.default.createElement("div", { ref: _this.overlay, className: cx("Spinner-overlay", fadeStyles[status]) })) : null,
-                react_1.default.createElement("div", { ref: _this.div, className: cx("Spinner", spinnerClassName, fadeStyles[status], (_a = {},
-                        _a["Spinner--".concat(mode)] = mode,
-                        _a["Spinner--overlay"] = overlay,
-                        _a["Spinner--".concat(size)] = size,
-                        _a["Spinner--icon"] = icon,
-                        _a)) }, icon ? react_1.default.createElement(icons_1.Icon, { icon: icon, className: "icon" }) : null)));
+                overlay ? (react_1.default.createElement("div", { className: cx("Spinner-overlay", fadeStyles[status]) })) : null,
+                react_1.default.createElement("div", { className: cx("Spinner", tip && (_a = {},
+                        _a["Spinner-tip--".concat(tipPlacement)] = [
+                            'top',
+                            'right',
+                            'bottom',
+                            'left'
+                        ].includes(tipPlacement),
+                        _a), (_b = {}, _b["Spinner--overlay"] = overlay, _b), fadeStyles[status], className) },
+                    react_1.default.createElement("div", { className: cx("Spinner-icon", (_c = {},
+                            _c["Spinner-icon--".concat(size)] = ['lg', 'sm'].includes(size),
+                            _c["Spinner-icon--default"] = !icon,
+                            _c["Spinner-icon--simple"] = !isCustomIcon && icon,
+                            _c["Spinner-icon--custom"] = isCustomIcon,
+                            _c), spinnerClassName) }, icon ? (isCustomIcon ? (icon) : (0, icons_1.hasIcon)(icon) ? (react_1.default.createElement(icons_1.Icon, { icon: icon, className: "icon" })) : ((0, icon_1.generateIcon)(cx, icon, 'icon'))) : null),
+                    tip ? react_1.default.createElement("span", { className: cx("Spinner-tip") }, tip) : '')));
         }));
     };
     Spinner.defaultProps = {
-        overlay: false,
+        show: true,
+        className: '',
         spinnerClassName: '',
-        mode: '',
         size: '',
-        show: true
+        icon: '',
+        tip: '',
+        tipPlacement: 'bottom',
+        delay: 0,
+        overlay: false
     };
     return Spinner;
 }(react_1.default.Component));

package/lib/components/Spinner.js.map

@@ -6,8 +6,8 @@
         "/src/components/Spinner.tsx"
     ],
     "names": [],
-    "mappings": ";AAAA;;;;;GAKG;;;;;AAEH,6DAA0B;AAC1B,kCAA+C;AAC/C,2FAAgF;AAChF,iCAA6B;AAE7B,IAAM,UAAU;IAGd,GAAC,qBAAQ,IAAG,IAAI;IAChB,GAAC,oBAAO,IAAG,IAAI;OAChB,CAAC;AAWF;IAA6B,wCAAqC;IAAlE;QAAA,qEA2DC;QAlDC,SAAG,GAAoC,eAAK,CAAC,SAAS,EAAE,CAAC;QACzD,aAAO,GAAoC,eAAK,CAAC,SAAS,EAAE,CAAC;;IAiD/D,CAAC;IA/CC,wBAAM,GAAN;QAAA,iBA8CC;QA7CO,IAAA,KAQF,IAAI,CAAC,KAAK,EAPZ,IAAI,UAAA,EACQ,EAAE,gBAAA,EACd,gBAAgB,sBAAA,EAChB,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,IAAI,UACQ,CAAC;QACf,OAAO,CACL,8BAAC,oBAAU,IAAC,YAAY,QAAC,aAAa,QAAC,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAC1D,UAAC,MAAc;;YACd,IAAI,MAAM,KAAK,qBAAQ,EAAE;gBACvB,eAAe;gBACf,kEAAkE;gBAClE,WAAW;gBACX,iCAAiC;gBACjC,KAAI,CAAC,OAAO,CAAC,OAAO,IAAI,KAAI,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC;aAC1D;YAED,OAAO,CACL;gBACG,OAAO,CAAC,CAAC,CAAC,CACT,uCACE,GAAG,EAAE,KAAI,CAAC,OAAO,EACjB,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC,GACpD,CACH,CAAC,CAAC,CAAC,IAAI;gBAER,uCACE,GAAG,EAAE,KAAI,CAAC,GAAG,EACb,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,gBAAgB,EAAE,UAAU,CAAC,MAAM,CAAC;wBAC3D,GAAC,mBAAY,IAAI,CAAE,IAAG,IAAI;wBAC1B,GAAC,kBAAkB,IAAG,OAAO;wBAC7B,GAAC,mBAAY,IAAI,CAAE,IAAG,IAAI;wBAC1B,GAAC,eAAe,IAAG,IAAI;4BACvB,IAED,IAAI,CAAC,CAAC,CAAC,8BAAC,YAAI,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,CAChD,CACL,CACJ,CAAC;QACJ,CAAC,CACU,CACd,CAAC;IACJ,CAAC;IAzDM,oBAAY,GAAG;QACpB,OAAO,EAAE,KAAK;QACd,gBAAgB,EAAE,EAAE;QACpB,IAAI,EAAE,EAAE;QACR,IAAI,EAAE,EAAQ;QACd,IAAI,EAAE,IAAI;KACX,CAAC;IAoDJ,cAAC;CAAA,AA3DD,CAA6B,eAAK,CAAC,SAAS,GA2D3C;AA3DY,0BAAO;AA6DpB,kBAAe,IAAA,iBAAS,EAAC,OAAO,CAAC,CAAC",
+    "mappings": "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",
     "sourcesContent": [
-        "/**\n * @file Spinner\n * @description\n * @author fex\n * @date 2017-11-07\n */\n\nimport React from 'react';\nimport {themeable, ThemeProps} from '../theme';\nimport Transition, {ENTERED, ENTERING} from 'react-transition-group/Transition';\nimport {Icon} from './icons';\n\nconst fadeStyles: {\n  [propName: string]: string;\n} = {\n  [ENTERING]: 'in',\n  [ENTERED]: 'in'\n};\n\ninterface SpinnerProps extends ThemeProps {\n  overlay: boolean;\n  spinnerClassName: string;\n  mode: string;\n  size: 'sm' | 'lg' | '';\n  show: boolean;\n  icon?: string;\n}\n\nexport class Spinner extends React.Component<SpinnerProps, object> {\n  static defaultProps = {\n    overlay: false,\n    spinnerClassName: '',\n    mode: '',\n    size: '' as '',\n    show: true\n  };\n\n  div: React.RefObject<HTMLDivElement> = React.createRef();\n  overlay: React.RefObject<HTMLDivElement> = React.createRef();\n\n  render() {\n    const {\n      show,\n      classnames: cx,\n      spinnerClassName,\n      mode,\n      size,\n      overlay,\n      icon\n    } = this.props;\n    return (\n      <Transition mountOnEnter unmountOnExit in={show} timeout={350}>\n        {(status: string) => {\n          if (status === ENTERING) {\n            // force reflow\n            // 由于从 mount 进来到加上 in 这个 class 估计是时间太短，上次的样式还没应用进去，所以这里强制reflow一把。\n            // 否则看不到动画。\n            // this.div.current!.offsetWidth;\n            this.overlay.current && this.overlay.current.offsetWidth;\n          }\n\n          return (\n            <>\n              {overlay ? (\n                <div\n                  ref={this.overlay}\n                  className={cx(`Spinner-overlay`, fadeStyles[status])}\n                />\n              ) : null}\n\n              <div\n                ref={this.div}\n                className={cx(`Spinner`, spinnerClassName, fadeStyles[status], {\n                  [`Spinner--${mode}`]: mode,\n                  [`Spinner--overlay`]: overlay,\n                  [`Spinner--${size}`]: size,\n                  [`Spinner--icon`]: icon\n                })}\n              >\n                {icon ? <Icon icon={icon} className=\"icon\" /> : null}\n              </div>\n            </>\n          );\n        }}\n      </Transition>\n    );\n  }\n}\n\nexport default themeable(Spinner);\n"
+        "/**\n * @file Spinner\n * @description\n * @author fex\n * @date 2017-11-07\n */\n\nimport React from 'react';\nimport {themeable, ThemeProps} from '../theme';\nimport Transition, {ENTERED} from 'react-transition-group/Transition';\nimport {Icon, hasIcon} from './icons';\nimport {generateIcon} from '../utils/icon';\n\nconst fadeStyles: {\n  [propName: string]: string;\n} = {\n  [ENTERED]: 'in'\n};\n\n// Spinner Props\nexport interface SpinnerProps extends ThemeProps {\n  show: boolean; // 控制Spinner显示与隐藏\n  className?: string; // 自定义最外层元素class\n  spinnerClassName?: string; // spin图标位置包裹元素的自定义class\n  /**\n   * @deprecated 已废弃，没有作用\n   */\n  mode?: string;\n  size?: 'sm' | 'lg' | ''; // spinner Icon 大小\n  icon?: string | React.ReactNode; // 自定义icon\n  tip?: string; // spinner文案\n  tipPlacement?: 'top' | 'right' | 'bottom' | 'left'; // spinner文案位置\n  delay?: number; // 延迟显示\n  overlay?: boolean; // 是否显示遮罩层，有children属性才生效\n}\n\nexport class Spinner extends React.Component<SpinnerProps> {\n  static defaultProps = {\n    show: true,\n    className: '',\n    spinnerClassName: '',\n    size: '' as '',\n    icon: '',\n    tip: '',\n    tipPlacement: 'bottom' as 'bottom',\n    delay: 0,\n    overlay: false\n  };\n\n  render() {\n    const {\n      classnames: cx,\n      show,\n      className,\n      spinnerClassName,\n      size = '',\n      overlay,\n      delay,\n      icon,\n      tip,\n      tipPlacement = ''\n    } = this.props;\n    const isCustomIcon = icon && React.isValidElement(icon);\n    const timeout = {enter: delay, exit: 0};\n\n    return (\n      <Transition mountOnEnter unmountOnExit in={show} timeout={timeout}>\n        {(status: string) => {\n          return (\n            <>\n              {/* 遮罩层 */}\n              {overlay ? (\n                <div className={cx(`Spinner-overlay`, fadeStyles[status])} />\n              ) : null}\n\n              {/* spinner图标和文案 */}\n              <div\n                className={cx(\n                  `Spinner`,\n                  tip && {\n                    [`Spinner-tip--${tipPlacement}`]: [\n                      'top',\n                      'right',\n                      'bottom',\n                      'left'\n                    ].includes(tipPlacement)\n                  },\n                  {[`Spinner--overlay`]: overlay},\n                  fadeStyles[status],\n                  className\n                )}\n              >\n                <div\n                  className={cx(\n                    `Spinner-icon`,\n                    {\n                      [`Spinner-icon--${size}`]: ['lg', 'sm'].includes(size),\n                      [`Spinner-icon--default`]: !icon,\n                      [`Spinner-icon--simple`]: !isCustomIcon && icon,\n                      [`Spinner-icon--custom`]: isCustomIcon\n                    },\n                    spinnerClassName\n                  )}\n                >\n                  {icon ? (\n                    isCustomIcon ? (\n                      icon\n                    ) : hasIcon(icon as string) ? (\n                      <Icon icon={icon} className=\"icon\" />\n                    ) : (\n                      generateIcon(cx, icon as string, 'icon')\n                    )\n                  ) : null}\n                </div>\n                {tip ? <span className={cx(`Spinner-tip`)}>{tip}</span> : ''}\n              </div>\n            </>\n          );\n        }}\n      </Transition>\n    );\n  }\n}\n\nexport default themeable(Spinner);\n"
     ]
 }

package/lib/components/Steps.d.ts

@@ -54,6 +54,10 @@ export interface StepsSchema extends BaseSchema {
      * 展示模式
      */
     mode?: 'horizontal' | 'vertical';
+    /**
+     * 标签放置位置
+     */
+    labelPlacement?: 'horizontal' | 'vertical';
 }
 export interface StepsProps extends ThemeProps {
     steps: StepSchema[];
@@ -63,6 +67,8 @@ export interface StepsProps extends ThemeProps {
         [propName: string]: StepStatus;
     };
     mode?: 'horizontal' | 'vertical';
+    labelPlacement?: 'horizontal' | 'vertical';
+    progressDot?: boolean;
     useMobileUI?: boolean;
 }
 export declare function Steps(props: StepsProps): JSX.Element;

package/lib/components/Steps.js

@@ -14,7 +14,7 @@ var StepStatus;
     StepStatus["error"] = "error";
 })(StepStatus = exports.StepStatus || (exports.StepStatus = {}));
 function Steps(props) {
-    var stepsRow = props.steps, cx = props.classnames, className = props.className, current = props.current, status = props.status, _a = props.mode, mode = _a === void 0 ? 'horizontal' : _a, useMobileUI = props.useMobileUI;
+    var stepsRow = props.steps, cx = props.classnames, className = props.className, current = props.current, status = props.status, _a = props.mode, mode = _a === void 0 ? 'horizontal' : _a, _b = props.labelPlacement, labelPlacement = _b === void 0 ? 'horizontal' : _b, _c = props.progressDot, progressDot = _c === void 0 ? false : _c, useMobileUI = props.useMobileUI;
     var FINISH_ICON = 'check';
     var ERROR_ICON = 'close';
     function getStepStatus(step, i) {
@@ -43,18 +43,22 @@ function Steps(props) {
         };
     }
     var mobileUI = useMobileUI && (0, helper_1.isMobile)();
-    return (react_1.default.createElement("ul", { className: cx('Steps', "Steps--".concat(mode), mobileUI ? 'Steps-mobile' : '', className) }, stepsRow.map(function (step, i) {
+    return (react_1.default.createElement("ul", { className: cx(// 纵向步骤条暂时不支持labelPlacement属性
+        'Steps', "Steps--Placement-".concat((progressDot || (labelPlacement === 'vertical' && mode != 'vertical')) ? 'vertical' : ''), "Steps--".concat(progressDot ? 'ProgressDot' : ''), "Steps--".concat(mode), mobileUI ? 'Steps-mobile' : '', className) }, stepsRow.map(function (step, i) {
         var _a = getStepStatus(step, i), stepStatus = _a.stepStatus, icon = _a.icon;
-        return (react_1.default.createElement("li", { key: i, className: cx('StepsItem', "is-".concat(stepStatus), step.className) },
+        return (react_1.default.createElement("li", { key: i, className: cx('StepsItem', "is-".concat(stepStatus), step.className, "StepsItem-".concat(progressDot ? 'ProgressDot' : '')) },
             react_1.default.createElement("div", { className: cx('StepsItem-container') },
-                react_1.default.createElement("div", { className: cx('StepsItem-containerIcon', i < current && 'is-success') },
-                    react_1.default.createElement("span", { className: cx('StepsItem-icon') }, icon ? react_1.default.createElement(icons_1.Icon, { icon: icon, className: "icon" }) : i + 1)),
+                react_1.default.createElement("div", { className: cx('StepsItem-containerTail') }),
+                progressDot ? react_1.default.createElement("div", { className: cx('StepsItem-containerProgressDot') })
+                    : react_1.default.createElement("div", { className: cx('StepsItem-containerIcon', i < current && 'is-success') },
+                        react_1.default.createElement("span", { className: cx('StepsItem-icon') }, icon ? react_1.default.createElement(icons_1.Icon, { icon: icon, className: "icon" }) : i + 1)),
                 react_1.default.createElement("div", { className: cx('StepsItem-containerWrapper') },
                     react_1.default.createElement("div", { className: cx('StepsItem-body') },
-                        react_1.default.createElement("div", { className: cx('StepsItem-title', i < current && 'is-success') },
-                            react_1.default.createElement("span", null, step.title),
-                            react_1.default.createElement("span", { className: cx('StepsItem-subTitle') }, step.subTitle)),
-                        react_1.default.createElement("div", { className: cx('StepsItem-description') }, step.description))))));
+                        react_1.default.createElement("div", { className: cx('StepsItem-title', "StepsItem-".concat(progressDot ? 'vertical-ProgressDot' : ''), i < current && 'is-success') },
+                            react_1.default.createElement("span", { className: cx('StepsItem-ellText'), title: String(step.title) }, step.title),
+                            react_1.default.createElement("span", { className: cx('StepsItem-subTitle', 'StepsItem-ellText'), title: String(step.subTitle) }, step.subTitle)),
+                        react_1.default.createElement("div", { className: cx('StepsItem-description', 'StepsItem-ellText'), title: String(step.description) },
+                            react_1.default.createElement("span", null, step.description)))))));
     })));
 }
 exports.Steps = Steps;

package/lib/components/Steps.js.map

@@ -6,8 +6,8 @@
         "/src/components/Steps.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "import React from 'react';\nimport {themeable, ThemeProps} from '../theme';\nimport {Icon} from './icons';\nimport {BaseSchema} from '../Schema';\nimport {isMobile} from '../utils/helper';\n\nexport enum StepStatus {\n  wait = 'wait',\n  process = 'process',\n  finish = 'finish',\n  error = 'error'\n}\n\nexport type StepSchema = {\n  /**\n   * 标题\n   */\n  title?: string | JSX.Element;\n\n  /**\n   * 子标题\n   */\n  subTitle?: string | JSX.Element;\n\n  /**\n   * 图标\n   */\n  icon?: string;\n\n  value?: string | number;\n\n  /**\n   * 描述\n   */\n  description?: string | JSX.Element;\n\n  status?: StepStatus;\n} & Omit<BaseSchema, 'type'>;\n\nexport interface StepsSchema extends BaseSchema {\n  /**\n   * 指定为 Steps 步骤条渲染器\n   */\n  type: 'steps';\n\n  /**\n   * 步骤\n   */\n  steps?: Array<StepSchema>;\n\n  /**\n   * API 或 数据映射\n   */\n  source?: string;\n\n  /**\n   * 指定当前步骤\n   */\n  value?: number | string;\n\n  /**\n   * 变量映射\n   */\n  name?: string;\n\n  status: StepStatus;\n\n  /**\n   * 展示模式\n   */\n  mode?: 'horizontal' | 'vertical';\n}\n\nexport interface StepsProps extends ThemeProps {\n  steps: StepSchema[];\n  className: string;\n  current: number;\n  status?:\n    | StepStatus\n    | {\n        [propName: string]: StepStatus;\n      };\n  mode?: 'horizontal' | 'vertical';\n  useMobileUI?: boolean;\n}\n\nexport function Steps(props: StepsProps) {\n  const {\n    steps: stepsRow,\n    classnames: cx,\n    className,\n    current,\n    status,\n    mode = 'horizontal',\n    useMobileUI\n  } = props;\n  const FINISH_ICON = 'check';\n  const ERROR_ICON = 'close';\n\n  function getStepStatus(\n    step: StepSchema,\n    i: number\n  ): {stepStatus: StepStatus; icon?: string} {\n    let stepStatus: StepStatus = StepStatus.wait;\n    let icon = step.icon;\n\n    if (i < current) {\n      stepStatus = StepStatus.finish;\n      !icon && (icon = FINISH_ICON);\n    } else if (i === current) {\n      stepStatus = StepStatus.process;\n    }\n\n    if (typeof status === 'string') {\n      if (i === current) {\n        stepStatus = step.status || status || StepStatus.process;\n        stepStatus === StepStatus.error && !icon && (icon = ERROR_ICON);\n      }\n    } else if (typeof status === 'object') {\n      const key = step.value;\n      key && status[key] && (stepStatus = status[key]);\n    }\n\n    return {\n      stepStatus,\n      icon\n    };\n  }\n\n  const mobileUI = useMobileUI && isMobile();\n  return (\n    <ul\n      className={cx(\n        'Steps',\n        `Steps--${mode}`,\n        mobileUI ? 'Steps-mobile' : '',\n        className\n      )}\n    >\n      {stepsRow.map((step, i) => {\n        const {stepStatus, icon} = getStepStatus(step, i);\n\n        return (\n          <li\n            key={i}\n            className={cx('StepsItem', `is-${stepStatus}`, step.className)}\n          >\n            <div className={cx('StepsItem-container')}>\n              <div\n                className={cx(\n                  'StepsItem-containerIcon',\n                  i < current && 'is-success'\n                )}\n              >\n                <span className={cx('StepsItem-icon')}>\n                  {icon ? <Icon icon={icon} className=\"icon\" /> : i + 1}\n                </span>\n              </div>\n              <div className={cx('StepsItem-containerWrapper')}>\n                <div className={cx('StepsItem-body')}>\n                  <div\n                    className={cx(\n                      'StepsItem-title',\n                      i < current && 'is-success'\n                    )}\n                  >\n                    <span>{step.title}</span>\n                    <span className={cx('StepsItem-subTitle')}>\n                      {step.subTitle}\n                    </span>\n                  </div>\n                  <div className={cx('StepsItem-description')}>\n                    {step.description}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\n\nexport default themeable(Steps);\n"
+        "import React from 'react';\nimport {themeable, ThemeProps} from '../theme';\nimport {Icon} from './icons';\nimport {BaseSchema} from '../Schema';\nimport {isMobile} from '../utils/helper';\n\nexport enum StepStatus {\n  wait = 'wait',\n  process = 'process',\n  finish = 'finish',\n  error = 'error'\n}\n\nexport type StepSchema = {\n  /**\n   * 标题\n   */\n  title?: string | JSX.Element;\n\n  /**\n   * 子标题\n   */\n  subTitle?: string | JSX.Element;\n\n  /**\n   * 图标\n   */\n  icon?: string;\n\n  value?: string | number;\n\n  /**\n   * 描述\n   */\n  description?: string | JSX.Element;\n\n  status?: StepStatus;\n} & Omit<BaseSchema, 'type'>;\n\nexport interface StepsSchema extends BaseSchema {\n  /**\n   * 指定为 Steps 步骤条渲染器\n   */\n  type: 'steps';\n\n  /**\n   * 步骤\n   */\n  steps?: Array<StepSchema>;\n\n  /**\n   * API 或 数据映射\n   */\n  source?: string;\n\n  /**\n   * 指定当前步骤\n   */\n  value?: number | string;\n\n  /**\n   * 变量映射\n   */\n  name?: string;\n\n  status: StepStatus;\n\n  /**\n   * 展示模式\n   */\n  mode?: 'horizontal' | 'vertical';\n\n  /**\n   * 标签放置位置\n   */\n   labelPlacement?: 'horizontal' | 'vertical';\n}\nexport interface StepsProps extends ThemeProps {\n  steps: StepSchema[];\n  className: string;\n  current: number;\n  status?:\n    | StepStatus\n    | {\n        [propName: string]: StepStatus;\n      };\n  mode?: 'horizontal' | 'vertical';\n  labelPlacement?: 'horizontal' | 'vertical';\n  progressDot?: boolean;\n  useMobileUI?: boolean;\n}\n\nexport function Steps(props: StepsProps) {\n  const {\n    steps: stepsRow,\n    classnames: cx,\n    className,\n    current,\n    status,\n    mode = 'horizontal',\n    labelPlacement = 'horizontal',\n    progressDot = false,\n    useMobileUI\n  } = props;\n  const FINISH_ICON = 'check';\n  const ERROR_ICON = 'close';\n\n  function getStepStatus(\n    step: StepSchema,\n    i: number\n  ): {stepStatus: StepStatus; icon?: string} {\n    let stepStatus: StepStatus = StepStatus.wait;\n    let icon = step.icon;\n\n    if (i < current) {\n      stepStatus = StepStatus.finish;\n      !icon && (icon = FINISH_ICON);\n    } else if (i === current) {\n      stepStatus = StepStatus.process;\n    }\n\n    if (typeof status === 'string') {\n      if (i === current) {\n        stepStatus = step.status || status || StepStatus.process;\n        stepStatus === StepStatus.error && !icon && (icon = ERROR_ICON);\n      }\n    } else if (typeof status === 'object') {\n      const key = step.value;\n      key && status[key] && (stepStatus = status[key]);\n    }\n\n    return {\n      stepStatus,\n      icon\n    };\n  }\n\n  const mobileUI = useMobileUI && isMobile();\n  return (\n    <ul className={cx( // 纵向步骤条暂时不支持labelPlacement属性\n      'Steps',\n      `Steps--Placement-${(progressDot || (labelPlacement === 'vertical' && mode != 'vertical')) ? 'vertical' : ''}`,\n      `Steps--${progressDot ? 'ProgressDot' : ''}`, \n      `Steps--${mode}`,\n      mobileUI ? 'Steps-mobile' : '', className)}>\n      {stepsRow.map((step, i) => {\n        const {stepStatus, icon} = getStepStatus(step, i);\n        return (\n          <li\n            key={i}\n            className={cx('StepsItem', `is-${stepStatus}`, step.className, `StepsItem-${progressDot ? 'ProgressDot' : ''}`)}\n          >\n            <div className={cx('StepsItem-container')}>\n                <div className={cx('StepsItem-containerTail')}></div>\n                {progressDot ? <div className={cx('StepsItem-containerProgressDot')}></div>\n                  : <div className={cx('StepsItem-containerIcon', i < current && 'is-success')}>\n                      <span className={cx('StepsItem-icon')}>\n                          {icon ? <Icon icon={icon} className=\"icon\" /> : i + 1}\n                      </span>\n                    </div>}\n              <div className={cx('StepsItem-containerWrapper')}>\n                <div className={cx('StepsItem-body')}>\n                  <div\n                    className={cx(\n                      'StepsItem-title',\n                      `StepsItem-${progressDot ? 'vertical-ProgressDot' : ''}`,\n                      i < current && 'is-success'\n                    )}\n                  >\n                    <span className={cx('StepsItem-ellText')} title={String(step.title)}>{step.title}</span>\n                    <span className={cx('StepsItem-subTitle', 'StepsItem-ellText')} title={String(step.subTitle)}>{step.subTitle}</span>\n                  </div>\n                  <div className={cx('StepsItem-description', 'StepsItem-ellText')} title={String(step.description)}>\n                    <span>{step.description}</span>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\n\nexport default themeable(Steps);\n"
     ]
 }

package/lib/components/Tooltip.d.ts

@@ -15,11 +15,15 @@ interface TooltipProps extends React.HTMLProps<HTMLDivElement> {
     style?: any;
     arrowProps?: any;
     placement?: string;
+    showArrow?: boolean;
+    tooltipTheme?: string;
     [propName: string]: any;
 }
 export declare class Tooltip extends React.Component<TooltipProps> {
     static defaultProps: {
         className: string;
+        tooltipTheme: string;
+        showArrow: boolean;
     };
     render(): JSX.Element;
 }

package/lib/components/Tooltip.js

@@ -15,14 +15,16 @@ var Tooltip = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     Tooltip.prototype.render = function () {
-        var _a = this.props, ns = _a.classPrefix, className = _a.className, title = _a.title, children = _a.children, arrowProps = _a.arrowProps, style = _a.style, placement = _a.placement, arrowOffsetLeft = _a.arrowOffsetLeft, arrowOffsetTop = _a.arrowOffsetTop, positionLeft = _a.positionLeft, positionTop = _a.positionTop, cx = _a.classnames, activePlacement = _a.activePlacement, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, rest = (0, tslib_1.__rest)(_a, ["classPrefix", "className", "title", "children", "arrowProps", "style", "placement", "arrowOffsetLeft", "arrowOffsetTop", "positionLeft", "positionTop", "classnames", "activePlacement", "onMouseEnter", "onMouseLeave"]);
-        return (react_1.default.createElement("div", (0, tslib_1.__assign)({}, rest, { className: cx("Tooltip", activePlacement ? "Tooltip--".concat(activePlacement) : '', className), style: style, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, role: "tooltip" }),
-            react_1.default.createElement("div", (0, tslib_1.__assign)({ className: cx("Tooltip-arrow") }, arrowProps)),
+        var _a = this.props, ns = _a.classPrefix, className = _a.className, tooltipTheme = _a.tooltipTheme, title = _a.title, children = _a.children, arrowProps = _a.arrowProps, style = _a.style, placement = _a.placement, arrowOffsetLeft = _a.arrowOffsetLeft, arrowOffsetTop = _a.arrowOffsetTop, positionLeft = _a.positionLeft, positionTop = _a.positionTop, cx = _a.classnames, activePlacement = _a.activePlacement, showArrow = _a.showArrow, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, rest = (0, tslib_1.__rest)(_a, ["classPrefix", "className", "tooltipTheme", "title", "children", "arrowProps", "style", "placement", "arrowOffsetLeft", "arrowOffsetTop", "positionLeft", "positionTop", "classnames", "activePlacement", "showArrow", "onMouseEnter", "onMouseLeave"]);
+        return (react_1.default.createElement("div", (0, tslib_1.__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_1.default.createElement("div", (0, tslib_1.__assign)({ className: cx("Tooltip-arrow") }, arrowProps))) : null,
             title ? react_1.default.createElement("div", { className: cx('Tooltip-title') }, title) : null,
             react_1.default.createElement("div", { className: cx('Tooltip-body') }, children)));
     };
     Tooltip.defaultProps = {
-        className: ''
+        className: '',
+        tooltipTheme: 'light',
+        showArrow: true
     };
     return Tooltip;
 }(react_1.default.Component));

package/lib/components/Tooltip.js.map

@@ -6,8 +6,8 @@
         "/src/components/Tooltip.tsx"
     ],
     "names": [],
-    "mappings": ";AAAA;;;;GAIG;;;;AAEH,6DAA0B;AAG1B,kCAAiD;AAcjD;IAA6B,wCAA6B;IAA1D;;IA4CA,CAAC;IAvCC,wBAAM,GAAN;QACE,IAAM,KAiBF,IAAI,CAAC,KAAK,EAhBC,EAAE,iBAAA,EACf,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,cAAc,oBAAA,EACd,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACC,EAAE,gBAAA,EACd,eAAe,qBAAA,EACf,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACT,IAAI,2BAhBH,0NAiBL,CAAa,CAAC;QAEf,OAAO,CACL,+DACM,IAAI,IACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,eAAe,CAAC,CAAC,CAAC,mBAAY,eAAe,CAAE,CAAC,CAAC,CAAC,EAAE,EACpD,SAAS,CACV,EACD,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAC,SAAS;YAEd,6DAAK,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,IAAM,UAAU,EAAI;YACtD,KAAK,CAAC,CAAC,CAAC,uCAAK,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,IAAG,KAAK,CAAO,CAAC,CAAC,CAAC,IAAI;YAClE,uCAAK,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,IAAG,QAAQ,CAAO,CAChD,CACP,CAAC;IACJ,CAAC;IA1CM,oBAAY,GAAG;QACpB,SAAS,EAAE,EAAE;KACd,CAAC;IAyCJ,cAAC;CAAA,AA5CD,CAA6B,eAAK,CAAC,SAAS,GA4C3C;AA5CY,0BAAO;AA8CpB,kBAAe,IAAA,iBAAS,EAAC,OAAO,CAAC,CAAC",
+    "mappings": ";AAAA;;;;GAIG;;;;AAEH,6DAA0B;AAG1B,kCAAiD;AAgBjD;IAA6B,wCAA6B;IAA1D;;IAmDA,CAAC;IA5CC,wBAAM,GAAN;QACE,IAAM,KAmBF,IAAI,CAAC,KAAK,EAlBC,EAAE,iBAAA,EACf,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,cAAc,oBAAA,EACd,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACC,EAAE,gBAAA,EACd,eAAe,qBAAA,EACf,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACT,IAAI,2BAlBH,uPAmBL,CAAa,CAAC;QAEf,OAAO,CACL,+DACM,IAAI,IACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,eAAe,CAAC,CAAC,CAAC,mBAAY,eAAe,CAAE,CAAC,CAAC,CAAC,EAAE,EACpD,SAAS,EACT,mBAAY,YAAY,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAE,CACzD,EACD,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAC,SAAS;YAEb,SAAS,CAAC,CAAC,CAAC,CACX,6DAAK,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,IAAM,UAAU,EAAI,CACxD,CAAC,CAAC,CAAC,IAAI;YACP,KAAK,CAAC,CAAC,CAAC,uCAAK,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,IAAG,KAAK,CAAO,CAAC,CAAC,CAAC,IAAI;YAClE,uCAAK,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,IAAG,QAAQ,CAAO,CAChD,CACP,CAAC;IACJ,CAAC;IAjDM,oBAAY,GAAG;QACpB,SAAS,EAAE,EAAE;QACb,YAAY,EAAE,OAAO;QACrB,SAAS,EAAE,IAAI;KAChB,CAAC;IA8CJ,cAAC;CAAA,AAnDD,CAA6B,eAAK,CAAC,SAAS,GAmD3C;AAnDY,0BAAO;AAqDpB,kBAAe,IAAA,iBAAS,EAAC,OAAO,CAAC,CAAC",
     "sourcesContent": [
-        "/**\n * @file Tooltip\n * @description\n * @author fex\n */\n\nimport React from 'react';\nimport cx from 'classnames';\nimport {classPrefix, classnames} from '../themes/default';\nimport {ClassNamesFn, themeable} from '../theme';\n\ninterface TooltipProps extends React.HTMLProps<HTMLDivElement> {\n  title?: string;\n  classPrefix: string;\n  classnames: ClassNamesFn;\n  theme?: string;\n  className?: string;\n  style?: any;\n  arrowProps?: any;\n  placement?: string;\n  [propName: string]: any;\n}\n\nexport class Tooltip extends React.Component<TooltipProps> {\n  static defaultProps = {\n    className: ''\n  };\n\n  render() {\n    const {\n      classPrefix: ns,\n      className,\n      title,\n      children,\n      arrowProps,\n      style,\n      placement,\n      arrowOffsetLeft,\n      arrowOffsetTop,\n      positionLeft,\n      positionTop,\n      classnames: cx,\n      activePlacement,\n      onMouseEnter,\n      onMouseLeave,\n      ...rest\n    } = this.props;\n\n    return (\n      <div\n        {...rest}\n        className={cx(\n          `Tooltip`,\n          activePlacement ? `Tooltip--${activePlacement}` : '',\n          className\n        )}\n        style={style}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        role=\"tooltip\"\n      >\n        <div className={cx(`Tooltip-arrow`)} {...arrowProps} />\n        {title ? <div className={cx('Tooltip-title')}>{title}</div> : null}\n        <div className={cx('Tooltip-body')}>{children}</div>\n      </div>\n    );\n  }\n}\n\nexport default themeable(Tooltip);\n"
+        "/**\n * @file Tooltip\n * @description\n * @author fex\n */\n\nimport React from 'react';\nimport cx from 'classnames';\nimport {classPrefix, classnames} from '../themes/default';\nimport {ClassNamesFn, themeable} from '../theme';\n\ninterface TooltipProps extends React.HTMLProps<HTMLDivElement> {\n  title?: string;\n  classPrefix: string;\n  classnames: ClassNamesFn;\n  theme?: string;\n  className?: string;\n  style?: any;\n  arrowProps?: any;\n  placement?: string;\n  showArrow?: boolean;\n  tooltipTheme?: string;\n  [propName: string]: any;\n}\n\nexport class Tooltip extends React.Component<TooltipProps> {\n  static defaultProps = {\n    className: '',\n    tooltipTheme: 'light',\n    showArrow: true\n  };\n\n  render() {\n    const {\n      classPrefix: ns,\n      className,\n      tooltipTheme,\n      title,\n      children,\n      arrowProps,\n      style,\n      placement,\n      arrowOffsetLeft,\n      arrowOffsetTop,\n      positionLeft,\n      positionTop,\n      classnames: cx,\n      activePlacement,\n      showArrow,\n      onMouseEnter,\n      onMouseLeave,\n      ...rest\n    } = this.props;\n\n    return (\n      <div\n        {...rest}\n        className={cx(\n          `Tooltip`,\n          activePlacement ? `Tooltip--${activePlacement}` : '',\n          className,\n          `Tooltip--${tooltipTheme === 'dark' ? 'dark' : 'light'}`\n        )}\n        style={style}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        role=\"tooltip\"\n      >\n        {showArrow ? (\n          <div className={cx(`Tooltip-arrow`)} {...arrowProps} />\n        ) : null}\n        {title ? <div className={cx('Tooltip-title')}>{title}</div> : null}\n        <div className={cx('Tooltip-body')}>{children}</div>\n      </div>\n    );\n  }\n}\n\nexport default themeable(Tooltip);\n"
     ]
 }

package/lib/components/TooltipWrapper.d.ts

@@ -6,18 +6,78 @@
 /// <reference types="hoist-non-react-statics" />
 import React from 'react';
 import { ClassNamesFn } from '../theme';
+export declare type Trigger = 'hover' | 'click' | 'focus';
 export interface TooltipObject {
+    /**
+     * 文字提示标题
+     */
     title?: string;
+    /**
+     * 文字提示内容
+     */
     content?: string;
-    render?: () => JSX.Element;
-    dom?: JSX.Element;
+    /**
+     * 浮层出现位置
+     */
+    placement?: 'top' | 'right' | 'bottom' | 'left';
+    /**
+     * 主题样式
+     */
+    tooltipTheme?: 'light' | 'dark';
+    /**
+     * 浮层位置相对偏移量
+     */
+    offset?: [number, number];
+    /**
+     * 内容区自定义样式
+     */
+    style?: React.CSSProperties;
+    /**
+     * 是否可以移入浮层中, 默认true
+     */
+    enterable?: boolean;
+    /**
+     * 是否展示浮层指向箭头
+     */
+    showArrow?: boolean;
+    /**
+     * 是否禁用提示
+     */
+    disabled?: boolean;
+    /**
+     * 浮层延迟显示时间, 单位 ms
+     */
+    mouseEnterDelay?: number;
+    /**
+     * 浮层延迟隐藏时间, 单位 ms
+     */
+    mouseLeaveDelay?: number;
+    /**
+     * 浮层内容可通过JSX渲染
+     */
+    children?: () => JSX.Element | JSX.Element;
+    /**
+     * 挂载容器元素
+     */
+    container?: React.ReactNode;
+    /**
+     * 浮层触发方式
+     */
+    trigger?: Trigger | Array<Trigger>;
+    /**
+     * 是否点击非内容区域关闭提示，默认为true
+     */
+    rootClose?: boolean;
+    /**
+     * 文字提示浮层CSS类名
+     */
+    tooltipClassName?: string;
 }
-export declare type Trigger = 'hover' | 'click' | 'focus';
 export interface TooltipWrapperProps {
+    tooltip?: string | TooltipObject;
     classPrefix: string;
     classnames: ClassNamesFn;
     placement: 'top' | 'right' | 'bottom' | 'left';
-    tooltip?: string | TooltipObject;
     container?: React.ReactNode;
     trigger: Trigger | Array<Trigger>;
     rootClose: boolean;
@@ -41,6 +101,8 @@ export declare class TooltipWrapper extends React.Component<TooltipWrapperProps,
     show(): void;
     hide(): void;
     getChildProps(): any;
+    tooltipMouseEnter: (e: MouseEvent) => void;
+    tooltipMouseLeave: (e: MouseEvent) => void;
     handleShow(): void;
     handleHide(): void;
     handleFocus(e: any): void;

package/lib/components/TooltipWrapper.js

@@ -14,12 +14,26 @@ var react_dom_1 = require("react-dom");
 var Tooltip_1 = (0, tslib_1.__importDefault)(require("./Tooltip"));
 var theme_1 = require("../theme");
 var Overlay_1 = (0, tslib_1.__importDefault)(require("./Overlay"));
+var helper_1 = require("../utils/helper");
 var waitToHide = null;
 var TooltipWrapper = /** @class */ (function (_super) {
     (0, tslib_1.__extends)(TooltipWrapper, _super);
     function TooltipWrapper(props) {
         var _this = _super.call(this, props) || this;
         _this.moutned = true;
+        _this.tooltipMouseEnter = function (e) {
+            var _a, _b;
+            var tooltip = _this.props.tooltip;
+            var enterable = (_b = (_a = tooltip) === null || _a === void 0 ? void 0 : _a.enterable) !== null && _b !== void 0 ? _b : true;
+            enterable && clearTimeout(_this.timer);
+        };
+        _this.tooltipMouseLeave = function (e) {
+            var _a, _b;
+            var tooltip = _this.props.tooltip;
+            var enterable = (_b = (_a = tooltip) === null || _a === void 0 ? void 0 : _a.enterable) !== null && _b !== void 0 ? _b : true;
+            enterable && clearTimeout(_this.timer);
+            _this.hide();
+        };
         _this.getTarget = _this.getTarget.bind(_this);
         _this.show = _this.show.bind(_this);
         _this.hide = _this.hide.bind(_this);
@@ -61,13 +75,26 @@ var TooltipWrapper = /** @class */ (function (_super) {
     TooltipWrapper.prototype.handleShow = function () {
         this.timer && clearTimeout(this.timer);
         waitToHide && waitToHide();
-        this.show();
+        var tooltip = this.props.tooltip;
+        if ((0, helper_1.isObject)(tooltip)) {
+            var _a = tooltip.mouseEnterDelay, mouseEnterDelay = _a === void 0 ? 0 : _a;
+            this.timer = setTimeout(this.show, mouseEnterDelay);
+        }
+        else {
+            this.timer = setTimeout(this.show, 0);
+        }
     };
     TooltipWrapper.prototype.handleHide = function () {
         clearTimeout(this.timer);
-        var delay = this.props.delay;
+        var _a = this.props, delay = _a.delay, tooltip = _a.tooltip;
         waitToHide = this.hide.bind(this);
-        this.timer = setTimeout(this.hide, delay);
+        if ((0, helper_1.isObject)(tooltip)) {
+            var _b = tooltip.mouseLeaveDelay, mouseLeaveDelay = _b === void 0 ? 300 : _b;
+            this.timer = setTimeout(this.hide, mouseLeaveDelay);
+        }
+        else {
+            this.timer = setTimeout(this.hide, delay);
+        }
     };
     TooltipWrapper.prototype.handleFocus = function (e) {
         var onFocus = this.getChildProps().onFocus;
@@ -98,11 +125,16 @@ var TooltipWrapper = /** @class */ (function (_super) {
         onClick && onClick(e);
     };
     TooltipWrapper.prototype.render = function () {
-        var _a = this.props, tooltip = _a.tooltip, children = _a.children, placement = _a.placement, container = _a.container, trigger = _a.trigger, rootClose = _a.rootClose, tooltipClassName = _a.tooltipClassName, style = _a.style;
-        var child = react_1.default.Children.only(children);
-        if (!tooltip) {
+        var props = this.props;
+        var child = react_1.default.Children.only(props.children);
+        if (!props.tooltip) {
             return child;
         }
+        // tooltip 对象内属性优先级更高
+        var tooltipObj = (0, tslib_1.__assign)({ placement: props.placement, container: props.container, trigger: props.trigger, rootClose: props.rootClose, tooltipClassName: props.tooltipClassName, style: props.style, mouseLeaveDelay: props.delay }, (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 childProps = {
             key: 'target'
         };
@@ -120,8 +152,8 @@ var TooltipWrapper = /** @class */ (function (_super) {
         }
         return [
             child ? react_1.default.cloneElement(child, childProps) : null,
-            react_1.default.createElement(Overlay_1.default, { key: "overlay", target: this.getTarget, show: this.state.show, onHide: this.handleHide, rootClose: rootClose, placement: placement, container: container },
-                react_1.default.createElement(Tooltip_1.default, { title: typeof tooltip !== 'string' ? tooltip.title : undefined, style: style, className: tooltipClassName, onMouseEnter: ~triggers.indexOf('hover') && this.handleMouseOver, onMouseLeave: ~triggers.indexOf('hover') && this.handleMouseOut }, tooltip && tooltip.render ? (this.state.show ? (tooltip.render()) : null) : tooltip && tooltip.dom ? (tooltip.dom) : (react_1.default.createElement(Html_1.default, { html: typeof tooltip === 'string' ? tooltip : tooltip.content || '' }))))
+            react_1.default.createElement(Overlay_1.default, { 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_1.default.createElement(Tooltip_1.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_1.default.createElement(react_1.default.Fragment, null, typeof children === 'function' ? children() : children)) : (react_1.default.createElement(Html_1.default, { html: typeof content === 'string' ? content : '' }))))
         ];
     };
     TooltipWrapper.defaultProps = {

package/lib/components/TooltipWrapper.js.map

@@ -6,8 +6,8 @@
         "/src/components/TooltipWrapper.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": ";AAAA;;;;GAIG;;;;AAEH,6DAA0B;AAC1B,6DAA0B;AAC1B,iDAA8C;AAC9C,uCAAsC;AACtC,mEAAgC;AAChC,kCAAiD;AACjD,mEAAgC;AAChC,0CAAyC;AA0FzC,IAAI,UAAU,GAAoB,IAAI,CAAC;AAEvC;IAAoC,+CAGnC;IAcC,wBAAY,KAA0B;QAAtC,YACE,kBAAM,KAAK,CAAC,SAgBb;QAlBD,aAAO,GAAG,IAAI,CAAC;QAgDf,uBAAiB,GAAG,UAAC,CAAa;;YAChC,IAAM,OAAO,GAAG,KAAI,CAAC,KAAK,CAAC,OAAO,CAAC;YACnC,IAAM,SAAS,GAAG,MAAA,MAAC,OAAe,0CAAE,SAAS,mCAAI,IAAI,CAAC;YACtD,SAAS,IAAI,YAAY,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;QACxC,CAAC,CAAC;QAEF,uBAAiB,GAAG,UAAC,CAAa;;YAChC,IAAM,OAAO,GAAG,KAAI,CAAC,KAAK,CAAC,OAAO,CAAC;YACnC,IAAM,SAAS,GAAG,MAAA,MAAC,OAAe,0CAAE,SAAS,mCAAI,IAAI,CAAC;YACtD,SAAS,IAAI,YAAY,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;YACtC,KAAI,CAAC,IAAI,EAAE,CAAC;QACd,CAAC,CAAC;QAvDA,KAAI,CAAC,SAAS,GAAG,KAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAI,CAAC,CAAC;QAC3C,KAAI,CAAC,IAAI,GAAG,KAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAI,CAAC,CAAC;QACjC,KAAI,CAAC,IAAI,GAAG,KAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAI,CAAC,CAAC;QACjC,KAAI,CAAC,UAAU,GAAG,KAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAI,CAAC,CAAC;QAC7C,KAAI,CAAC,UAAU,GAAG,KAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAI,CAAC,CAAC;QAC7C,KAAI,CAAC,WAAW,GAAG,KAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAI,CAAC,CAAC;QAC/C,KAAI,CAAC,WAAW,GAAG,KAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAI,CAAC,CAAC;QAC/C,KAAI,CAAC,UAAU,GAAG,KAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAI,CAAC,CAAC;QAC7C,KAAI,CAAC,eAAe,GAAG,KAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAI,CAAC,CAAC;QACvD,KAAI,CAAC,cAAc,GAAG,KAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAI,CAAC,CAAC;QAErD,KAAI,CAAC,KAAK,GAAG;YACX,IAAI,EAAE,KAAK;SACZ,CAAC;;IACJ,CAAC;IAED,6CAAoB,GAApB;QACE,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACzB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACvB,CAAC;IAED,kCAAS,GAAT;QACE,OAAO,IAAA,uBAAW,EAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;IAED,6BAAI,GAAJ;QACE,IAAI,CAAC,QAAQ,CAAC;YACZ,IAAI,EAAE,IAAI;SACX,CAAC,CAAC;IACL,CAAC;IAED,6BAAI,GAAJ;QACE,UAAU,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,OAAO;YACV,IAAI,CAAC,QAAQ,CAAC;gBACZ,IAAI,EAAE,KAAK;aACZ,CAAC,CAAC;IACP,CAAC;IAED,sCAAa,GAAb;QACE,IAAM,KAAK,GAAG,eAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QACvD,OAAO,KAAK,IAAK,KAAa,CAAC,KAAK,CAAC;IACvC,CAAC;IAeD,mCAAU,GAAV;QACE,IAAI,CAAC,KAAK,IAAI,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACvC,UAAU,IAAI,UAAU,EAAE,CAAC;QAC3B,IAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;QACnC,IAAI,IAAA,iBAAQ,EAAC,OAAO,CAAC,EAAE;YACd,IAAA,KAAuB,OAAwB,gBAA5B,EAAnB,eAAe,mBAAG,CAAC,KAAA,CAA6B;YACvD,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC;SACrD;aAAM;YACL,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;SACvC;IACH,CAAC;IAED,mCAAU,GAAV;QACE,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACnB,IAAA,KAAmB,IAAI,CAAC,KAAK,EAA5B,KAAK,WAAA,EAAE,OAAO,aAAc,CAAC;QAEpC,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAClC,IAAI,IAAA,iBAAQ,EAAC,OAAO,CAAC,EAAE;YACd,IAAA,KAAyB,OAAwB,gBAA5B,EAArB,eAAe,mBAAG,GAAG,KAAA,CAA6B;YACzD,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC;SACrD;aAAM;YACL,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;SAC3C;IACH,CAAC;IAED,oCAAW,GAAX,UAAY,CAAM;QACT,IAAA,OAAO,GAAI,IAAI,CAAC,aAAa,EAAE,QAAxB,CAAyB;QACvC,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC;IAED,mCAAU,GAAV,UAAW,CAAM;QACR,IAAA,MAAM,GAAI,IAAI,CAAC,aAAa,EAAE,OAAxB,CAAyB;QACtC,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,MAAM,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC;IACtB,CAAC;IAED,wCAAe,GAAf,UAAgB,CAAM;QACpB,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,EAAE,aAAa,CAAC,CAAC;IAC7D,CAAC;IAED,uCAAc,GAAd,UAAe,CAAM;QACnB,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC;IAC3D,CAAC;IAED,2CAAkB,GAAlB,UACE,OAAiB,EACjB,CAAgC,EAChC,aAAqB;QAErB,IAAM,MAAM,GAAG,CAAC,CAAC,aAAa,CAAC;QAC/B,IAAM,OAAO,GACX,CAAC,CAAC,aAAa,IAAK,CAAS,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;QAE3D,IAAI,CAAC,CAAC,OAAO,IAAI,OAAO,KAAK,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE;YACjE,OAAO,CAAC,CAAC,CAAC,CAAC;SACZ;IACH,CAAC;IAED,oCAAW,GAAX,UAAY,CAAM;QACT,IAAA,OAAO,GAAI,IAAI,CAAC,aAAa,EAAE,QAAxB,CAAyB;QACvC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;QAC5C,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC;IAED,+BAAM,GAAN;QACE,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QAEzB,IAAM,KAAK,GAAG,eAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAClD,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YAClB,OAAO,KAAK,CAAC;SACd;QAED,qBAAqB;QACrB,IAAM,UAAU,2BACd,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,eAAe,EAAE,KAAK,CAAC,KAAK,IACzB,CAAC,OAAO,KAAK,CAAC,OAAO,KAAK,QAAQ;YACnC,CAAC,CAAC,EAAC,OAAO,EAAE,KAAK,CAAC,OAAO,EAAC;YAC1B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CACnB,CAAC;QAGA,IAAA,KAAK,GAaH,UAAU,MAbP,EACL,OAAO,GAYL,UAAU,QAZL,EACP,SAAS,GAWP,UAAU,UAXH,EACT,SAAS,GAUP,UAAU,UAVH,EACT,OAAO,GASL,UAAU,QATL,EACP,SAAS,GAQP,UAAU,UARH,EACT,gBAAgB,GAOd,UAAU,iBAPI,EAChB,KAAK,GAMH,UAAU,MANP,EACL,KAKE,UAAU,SALI,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,MAAM,GAIJ,UAAU,OAJN,EACN,KAGE,UAAU,aAHU,EAAtB,YAAY,mBAAG,OAAO,KAAA,EACtB,KAEE,UAAU,UAFI,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,QAAQ,GACN,UAAU,SADJ,CACK;QAEf,IAAM,UAAU,GAAQ;YACtB,GAAG,EAAE,QAAQ;SACd,CAAC;QAEF,IAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QAEvE,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;YAC9B,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC;SACvC;QAED,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;YAC9B,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC;YACrC,UAAU,CAAC,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC;SACrC;QAED,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;YAC9B,UAAU,CAAC,WAAW,GAAG,IAAI,CAAC,eAAe,CAAC;YAC9C,UAAU,CAAC,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC;SAC7C;QAED,OAAO;YACL,KAAK,CAAC,CAAC,CAAC,eAAK,CAAC,YAAY,CAAC,KAAY,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI;YAE3D,8BAAC,iBAAO,IACN,GAAG,EAAC,SAAS,EACb,MAAM,EAAE,IAAI,CAAC,SAAS,EACtB,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,QAAQ,EAClC,MAAM,EAAE,IAAI,CAAC,UAAU,EACvB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;gBAE/C,8BAAC,iBAAO,IACN,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EACpD,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,gBAAgB,EAC3B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,YAAY,EACV,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,cAAO,CAAC,EAEhE,YAAY,EACV,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,cAAO,CAAC,IAG/D,QAAQ,CAAC,CAAC,CAAC,CACV,8DAAG,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAI,CAC9D,CAAC,CAAC,CAAC,CACF,8BAAC,cAAI,IAAC,IAAI,EAAE,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,GAAI,CAC3D,CACO,CACF;SACX,CAAC;IACJ,CAAC;IAtOM,2BAAY,GAGf;QACF,SAAS,EAAE,KAAK;QAChB,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;QAC3B,SAAS,EAAE,KAAK;QAChB,KAAK,EAAE,GAAG;KACX,CAAC;IA+NJ,qBAAC;CAAA,AA3OD,CAAoC,eAAK,CAAC,SAAS,GA2OlD;AA3OY,wCAAc;AA6O3B,kBAAe,IAAA,iBAAS,EACtB,IAAA,+BAAc,EAAC,cAAc,EAAE;IAC7B,IAAI,EAAE,iBAAiB;CACxB,CAAC,CACH,CAAC",
     "sourcesContent": [
-        "/**\n * @file TooltipWrapper\n * @description\n * @author fex\n */\n\nimport React from 'react';\nimport Html from './Html';\nimport {uncontrollable} from 'uncontrollable';\nimport {findDOMNode} from 'react-dom';\nimport Tooltip from './Tooltip';\nimport {ClassNamesFn, themeable} from '../theme';\nimport Overlay from './Overlay';\n\nexport interface TooltipObject {\n  title?: string;\n  content?: string;\n  render?: () => JSX.Element;\n  dom?: JSX.Element;\n}\n\nexport type Trigger = 'hover' | 'click' | 'focus';\n\nexport interface TooltipWrapperProps {\n  classPrefix: string;\n  classnames: ClassNamesFn;\n  placement: 'top' | 'right' | 'bottom' | 'left';\n  tooltip?: string | TooltipObject;\n  container?: React.ReactNode;\n  trigger: Trigger | Array<Trigger>;\n  rootClose: boolean;\n  overlay?: any;\n  delay: number;\n  theme?: string;\n  tooltipClassName?: string;\n  style?: React.CSSProperties;\n}\n\ninterface TooltipWrapperState {\n  show?: boolean;\n}\n\nlet waitToHide: Function | null = null;\n\nexport class TooltipWrapper extends React.Component<\n  TooltipWrapperProps,\n  TooltipWrapperState\n> {\n  static defaultProps: Pick<\n    TooltipWrapperProps,\n    'placement' | 'trigger' | 'rootClose' | 'delay'\n  > = {\n    placement: 'top',\n    trigger: ['hover', 'focus'],\n    rootClose: false,\n    delay: 300\n  };\n\n  target: HTMLElement;\n  timer: ReturnType<typeof setTimeout>;\n  moutned = true;\n  constructor(props: TooltipWrapperProps) {\n    super(props);\n\n    this.getTarget = this.getTarget.bind(this);\n    this.show = this.show.bind(this);\n    this.hide = this.hide.bind(this);\n    this.handleShow = this.handleShow.bind(this);\n    this.handleHide = this.handleHide.bind(this);\n    this.handleClick = this.handleClick.bind(this);\n    this.handleFocus = this.handleFocus.bind(this);\n    this.handleBlur = this.handleBlur.bind(this);\n    this.handleMouseOver = this.handleMouseOver.bind(this);\n    this.handleMouseOut = this.handleMouseOut.bind(this);\n\n    this.state = {\n      show: false\n    };\n  }\n\n  componentWillUnmount() {\n    clearTimeout(this.timer);\n    this.moutned = false;\n  }\n\n  getTarget() {\n    return findDOMNode(this);\n  }\n\n  show() {\n    this.setState({\n      show: true\n    });\n  }\n\n  hide() {\n    waitToHide = null;\n    this.moutned &&\n      this.setState({\n        show: false\n      });\n  }\n\n  getChildProps() {\n    const child = React.Children.only(this.props.children);\n    return child && (child as any).props;\n  }\n\n  handleShow() {\n    this.timer && clearTimeout(this.timer);\n    waitToHide && waitToHide();\n    this.show();\n  }\n\n  handleHide() {\n    clearTimeout(this.timer);\n    const {delay} = this.props;\n\n    waitToHide = this.hide.bind(this);\n    this.timer = setTimeout(this.hide, delay);\n  }\n\n  handleFocus(e: any) {\n    const {onFocus} = this.getChildProps();\n    this.handleShow();\n    onFocus && onFocus(e);\n  }\n\n  handleBlur(e: any) {\n    const {onBlur} = this.getChildProps();\n    this.handleHide();\n    onBlur && onBlur(e);\n  }\n\n  handleMouseOver(e: any) {\n    this.handleMouseOverOut(this.handleShow, e, 'fromElement');\n  }\n\n  handleMouseOut(e: any) {\n    this.handleMouseOverOut(this.handleHide, e, 'toElement');\n  }\n\n  handleMouseOverOut(\n    handler: Function,\n    e: React.MouseEvent<HTMLElement>,\n    relatedNative: string\n  ) {\n    const target = e.currentTarget;\n    const related: any =\n      e.relatedTarget || (e as any).nativeEvent[relatedNative];\n\n    if ((!related || related !== target) && !target.contains(related)) {\n      handler(e);\n    }\n  }\n\n  handleClick(e: any) {\n    const {onClick} = this.getChildProps();\n    this.state.show ? this.hide() : this.show();\n    onClick && onClick(e);\n  }\n\n  render() {\n    const {\n      tooltip,\n      children,\n      placement,\n      container,\n      trigger,\n      rootClose,\n      tooltipClassName,\n      style\n    } = this.props;\n\n    const child = React.Children.only(children);\n\n    if (!tooltip) {\n      return child;\n    }\n\n    const childProps: any = {\n      key: 'target'\n    };\n\n    const triggers = Array.isArray(trigger) ? trigger.concat() : [trigger];\n\n    if (~triggers.indexOf('click')) {\n      childProps.onClick = this.handleClick;\n    }\n\n    if (~triggers.indexOf('focus')) {\n      childProps.onFocus = this.handleShow;\n      childProps.onBlur = this.handleHide;\n    }\n\n    if (~triggers.indexOf('hover')) {\n      childProps.onMouseOver = this.handleMouseOver;\n      childProps.onMouseOut = this.handleMouseOut;\n    }\n\n    return [\n      child ? React.cloneElement(child as any, childProps) : null,\n\n      <Overlay\n        key=\"overlay\"\n        target={this.getTarget}\n        show={this.state.show}\n        onHide={this.handleHide}\n        rootClose={rootClose}\n        placement={placement}\n        container={container}\n      >\n        <Tooltip\n          title={typeof tooltip !== 'string' ? tooltip.title : undefined}\n          style={style}\n          className={tooltipClassName}\n          onMouseEnter={~triggers.indexOf('hover') && this.handleMouseOver}\n          onMouseLeave={~triggers.indexOf('hover') && this.handleMouseOut}\n        >\n          {tooltip && (tooltip as TooltipObject).render ? (\n            this.state.show ? (\n              (tooltip as TooltipObject).render!()\n            ) : null\n          ) : tooltip && (tooltip as TooltipObject).dom ? (\n            (tooltip as TooltipObject).dom!\n          ) : (\n            <Html\n              html={\n                typeof tooltip === 'string' ? tooltip : tooltip.content || ''\n              }\n            />\n          )}\n        </Tooltip>\n      </Overlay>\n    ];\n  }\n}\n\nexport default themeable(\n  uncontrollable(TooltipWrapper, {\n    show: 'onVisibleChange'\n  })\n);\n"
+        "/**\n * @file TooltipWrapper\n * @description\n * @author fex\n */\n\nimport React from 'react';\nimport Html from './Html';\nimport {uncontrollable} from 'uncontrollable';\nimport {findDOMNode} from 'react-dom';\nimport Tooltip from './Tooltip';\nimport {ClassNamesFn, themeable} from '../theme';\nimport Overlay from './Overlay';\nimport {isObject} from '../utils/helper';\n\nexport type Trigger = 'hover' | 'click' | 'focus';\n\nexport interface TooltipObject {\n  /**\n   * 文字提示标题\n   */\n  title?: string;\n  /**\n   * 文字提示内容\n   */\n  content?: string;\n  /**\n   * 浮层出现位置\n   */\n  placement?: 'top' | 'right' | 'bottom' | 'left';\n  /**\n   * 主题样式\n   */\n  tooltipTheme?: 'light' | 'dark';\n  /**\n   * 浮层位置相对偏移量\n   */\n  offset?: [number, number];\n  /**\n   * 内容区自定义样式\n   */\n  style?: React.CSSProperties;\n  /**\n   * 是否可以移入浮层中, 默认true\n   */\n  enterable?: boolean;\n  /**\n   * 是否展示浮层指向箭头\n   */\n  showArrow?: boolean;\n  /**\n   * 是否禁用提示\n   */\n  disabled?: boolean;\n  /**\n   * 浮层延迟显示时间, 单位 ms\n   */\n  mouseEnterDelay?: number;\n  /**\n   * 浮层延迟隐藏时间, 单位 ms\n   */\n  mouseLeaveDelay?: number;\n  /**\n   * 浮层内容可通过JSX渲染\n   */\n  children?: () => JSX.Element | JSX.Element;\n  /**\n   * 挂载容器元素\n   */\n  container?: React.ReactNode;\n  /**\n   * 浮层触发方式\n   */\n  trigger?: Trigger | Array<Trigger>;\n  /**\n   * 是否点击非内容区域关闭提示，默认为true\n   */\n  rootClose?: boolean;\n  /**\n   * 文字提示浮层CSS类名\n   */\n  tooltipClassName?: string;\n}\n\nexport interface TooltipWrapperProps {\n  tooltip?: string | TooltipObject;\n  classPrefix: string;\n  classnames: ClassNamesFn;\n  placement: 'top' | 'right' | 'bottom' | 'left';\n  container?: React.ReactNode;\n  trigger: Trigger | Array<Trigger>;\n  rootClose: boolean;\n  overlay?: any;\n  delay: number;\n  theme?: string;\n  tooltipClassName?: string;\n  style?: React.CSSProperties;\n}\n\ninterface TooltipWrapperState {\n  show?: boolean;\n}\n\nlet waitToHide: Function | null = null;\n\nexport class TooltipWrapper extends React.Component<\n  TooltipWrapperProps,\n  TooltipWrapperState\n> {\n  static defaultProps: Pick<\n    TooltipWrapperProps,\n    'placement' | 'trigger' | 'rootClose' | 'delay'\n  > = {\n    placement: 'top',\n    trigger: ['hover', 'focus'],\n    rootClose: false,\n    delay: 300\n  };\n\n  target: HTMLElement;\n  timer: ReturnType<typeof setTimeout>;\n  moutned = true;\n  constructor(props: TooltipWrapperProps) {\n    super(props);\n\n    this.getTarget = this.getTarget.bind(this);\n    this.show = this.show.bind(this);\n    this.hide = this.hide.bind(this);\n    this.handleShow = this.handleShow.bind(this);\n    this.handleHide = this.handleHide.bind(this);\n    this.handleClick = this.handleClick.bind(this);\n    this.handleFocus = this.handleFocus.bind(this);\n    this.handleBlur = this.handleBlur.bind(this);\n    this.handleMouseOver = this.handleMouseOver.bind(this);\n    this.handleMouseOut = this.handleMouseOut.bind(this);\n\n    this.state = {\n      show: false\n    };\n  }\n\n  componentWillUnmount() {\n    clearTimeout(this.timer);\n    this.moutned = false;\n  }\n\n  getTarget() {\n    return findDOMNode(this);\n  }\n\n  show() {\n    this.setState({\n      show: true\n    });\n  }\n\n  hide() {\n    waitToHide = null;\n    this.moutned &&\n      this.setState({\n        show: false\n      });\n  }\n\n  getChildProps() {\n    const child = React.Children.only(this.props.children);\n    return child && (child as any).props;\n  }\n\n  tooltipMouseEnter = (e: MouseEvent) => {\n    const tooltip = this.props.tooltip;\n    const enterable = (tooltip as any)?.enterable ?? true;\n    enterable && clearTimeout(this.timer);\n  };\n\n  tooltipMouseLeave = (e: MouseEvent) => {\n    const tooltip = this.props.tooltip;\n    const enterable = (tooltip as any)?.enterable ?? true;\n    enterable && clearTimeout(this.timer);\n    this.hide();\n  };\n\n  handleShow() {\n    this.timer && clearTimeout(this.timer);\n    waitToHide && waitToHide();\n    const tooltip = this.props.tooltip;\n    if (isObject(tooltip)) {\n      const {mouseEnterDelay = 0} = tooltip as TooltipObject;\n      this.timer = setTimeout(this.show, mouseEnterDelay);\n    } else {\n      this.timer = setTimeout(this.show, 0);\n    }\n  }\n\n  handleHide() {\n    clearTimeout(this.timer);\n    const {delay, tooltip} = this.props;\n\n    waitToHide = this.hide.bind(this);\n    if (isObject(tooltip)) {\n      const {mouseLeaveDelay = 300} = tooltip as TooltipObject;\n      this.timer = setTimeout(this.hide, mouseLeaveDelay);\n    } else {\n      this.timer = setTimeout(this.hide, delay);\n    }\n  }\n\n  handleFocus(e: any) {\n    const {onFocus} = this.getChildProps();\n    this.handleShow();\n    onFocus && onFocus(e);\n  }\n\n  handleBlur(e: any) {\n    const {onBlur} = this.getChildProps();\n    this.handleHide();\n    onBlur && onBlur(e);\n  }\n\n  handleMouseOver(e: any) {\n    this.handleMouseOverOut(this.handleShow, e, 'fromElement');\n  }\n\n  handleMouseOut(e: any) {\n    this.handleMouseOverOut(this.handleHide, e, 'toElement');\n  }\n\n  handleMouseOverOut(\n    handler: Function,\n    e: React.MouseEvent<HTMLElement>,\n    relatedNative: string\n  ) {\n    const target = e.currentTarget;\n    const related: any =\n      e.relatedTarget || (e as any).nativeEvent[relatedNative];\n\n    if ((!related || related !== target) && !target.contains(related)) {\n      handler(e);\n    }\n  }\n\n  handleClick(e: any) {\n    const {onClick} = this.getChildProps();\n    this.state.show ? this.hide() : this.show();\n    onClick && onClick(e);\n  }\n\n  render() {\n    const props = this.props;\n\n    const child = React.Children.only(props.children);\n    if (!props.tooltip) {\n      return child;\n    }\n\n    // tooltip 对象内属性优先级更高\n    const tooltipObj: TooltipObject = {\n      placement: props.placement,\n      container: props.container,\n      trigger: props.trigger,\n      rootClose: props.rootClose,\n      tooltipClassName: props.tooltipClassName,\n      style: props.style,\n      mouseLeaveDelay: props.delay,\n      ...(typeof props.tooltip === 'string'\n        ? {content: props.tooltip}\n        : props.tooltip)\n    };\n\n    const {\n      title,\n      content,\n      placement,\n      container,\n      trigger,\n      rootClose,\n      tooltipClassName,\n      style,\n      disabled = false,\n      offset,\n      tooltipTheme = 'light',\n      showArrow = true,\n      children\n    } = tooltipObj;\n\n    const childProps: any = {\n      key: 'target'\n    };\n\n    const triggers = Array.isArray(trigger) ? trigger.concat() : [trigger];\n\n    if (~triggers.indexOf('click')) {\n      childProps.onClick = this.handleClick;\n    }\n\n    if (~triggers.indexOf('focus')) {\n      childProps.onFocus = this.handleShow;\n      childProps.onBlur = this.handleHide;\n    }\n\n    if (~triggers.indexOf('hover')) {\n      childProps.onMouseOver = this.handleMouseOver;\n      childProps.onMouseOut = this.handleMouseOut;\n    }\n\n    return [\n      child ? React.cloneElement(child as any, childProps) : null,\n\n      <Overlay\n        key=\"overlay\"\n        target={this.getTarget}\n        show={this.state.show && !disabled}\n        onHide={this.handleHide}\n        rootClose={rootClose}\n        placement={placement}\n        container={container}\n        offset={Array.isArray(offset) ? offset : [0, 0]}\n      >\n        <Tooltip\n          title={typeof title === 'string' ? title : undefined}\n          style={style}\n          className={tooltipClassName}\n          tooltipTheme={tooltipTheme}\n          showArrow={showArrow}\n          onMouseEnter={\n            ~triggers.indexOf('hover') ? this.tooltipMouseEnter : () => {}\n          }\n          onMouseLeave={\n            ~triggers.indexOf('hover') ? this.tooltipMouseLeave : () => {}\n          }\n        >\n          {children ? (\n            <>{typeof children === 'function' ? children() : children}</>\n          ) : (\n            <Html html={typeof content === 'string' ? content : ''} />\n          )}\n        </Tooltip>\n      </Overlay>\n    ];\n  }\n}\n\nexport default themeable(\n  uncontrollable(TooltipWrapper, {\n    show: 'onVisibleChange'\n  })\n);\n"
     ]
 }