{"remainingRequest":"/Users/csr/workspace/open-component/node_modules/thread-loader/dist/cjs.js??ref--9-1!/Users/csr/workspace/open-component/node_modules/@breezr/plugin-typescript/node_modules/ts-loader/index.js??ref--9-2!/Users/csr/workspace/open-component/packages/rc-truncate/src/utils.tsx","dependencies":[{"path":"/Users/csr/workspace/open-component/packages/rc-truncate/src/utils.tsx","mtime":1571644356726},{"path":"/Users/csr/workspace/open-component/node_modules/cache-loader/dist/cjs.js","mtime":1571812248602},{"path":"/Users/csr/workspace/open-component/node_modules/thread-loader/dist/cjs.js","mtime":1571812248618},{"path":"/Users/csr/workspace/open-component/node_modules/@breezr/plugin-typescript/node_modules/ts-loader/index.js","mtime":1571882237140}],"contextDependencies":[],"result":["import React, { useState } from 'react';\nimport { Balloon } from '@aliwind/component';\nimport { tooltipPopupClassName, originalContentClassName, } from './constants';\nexport function useTooltip(_a) {\n    var showTooltip = _a.showTooltip, tooltipMaxWidth = _a.tooltipMaxWidth, align = _a.align, originalContent = _a.originalContent, truncatedContent = _a.truncatedContent;\n    var _b = useState(false), visible = _b[0], setVisible = _b[1];\n    var popupStyle = {};\n    if (showTooltip &&\n        typeof tooltipMaxWidth === 'number' &&\n        tooltipMaxWidth > 0) {\n        popupStyle.maxWidth = tooltipMaxWidth;\n    }\n    return (\n    // TODO: 提供选项给用户自定义Ballon的各种属性，比如弹层容器\n    React.createElement(Balloon, { visible: visible, trigger: truncatedContent, onVisibleChange: function (newVisible) {\n            if (showTooltip && newVisible)\n                setVisible(true);\n            else\n                setVisible(false);\n        }, align: align, popupStyle: popupStyle, popupClassName: tooltipPopupClassName, alignEdge: true, needAdjust: true },\n        React.createElement(\"span\", { style: { display: 'inline-block' }, className: originalContentClassName }, originalContent)));\n}\n",{"version":3,"file":"/Users/csr/workspace/open-component/packages/rc-truncate/src/utils.tsx","sourceRoot":"","sources":["/Users/csr/workspace/open-component/packages/rc-truncate/src/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,OAAO,EAEL,qBAAqB,EACrB,wBAAwB,GACzB,MAAM,aAAa,CAAA;AAEpB,MAAM,UAAU,UAAU,CAAC,EAY1B;QAXC,4BAAW,EACX,oCAAe,EACf,gBAAK,EACL,oCAAe,EACf,sCAAgB;IAQV,IAAA,oBAAuC,EAAtC,eAAO,EAAE,kBAA6B,CAAA;IAE7C,IAAM,UAAU,GAAwB,EAAE,CAAA;IAC1C,IACE,WAAW;QACX,OAAO,eAAe,KAAK,QAAQ;QACnC,eAAe,GAAG,CAAC,EACnB;QACA,UAAU,CAAC,QAAQ,GAAG,eAAe,CAAA;KACtC;IAED,OAAO;IACL,qCAAqC;IACrC,oBAAC,OAAO,IACN,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,gBAAgB,EACzB,eAAe,EAAE,UAAC,UAAmB;YACnC,IAAI,WAAW,IAAI,UAAU;gBAAE,UAAU,CAAC,IAAI,CAAC,CAAA;;gBAC1C,UAAU,CAAC,KAAK,CAAC,CAAA;QACxB,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAgB,EAC5B,cAAc,EAAE,qBAAqB,EACrC,SAAS,QACT,UAAU;QAEV,8BACE,KAAK,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,EAClC,SAAS,EAAE,wBAAwB,IAElC,eAAe,CACX,CACC,CACX,CAAA;AACH,CAAC","sourcesContent":["import React, { useState } from 'react'\nimport { Balloon } from '@aliwind/component'\nimport {\n  AlignType,\n  tooltipPopupClassName,\n  originalContentClassName,\n} from './constants'\n\nexport function useTooltip({\n  showTooltip,\n  tooltipMaxWidth,\n  align,\n  originalContent,\n  truncatedContent,\n}: {\n  showTooltip: boolean\n  tooltipMaxWidth?: number\n  align: AlignType\n  originalContent: React.ReactNode\n  truncatedContent: React.ReactNode\n}) {\n  const [visible, setVisible] = useState(false)\n\n  const popupStyle: React.CSSProperties = {}\n  if (\n    showTooltip &&\n    typeof tooltipMaxWidth === 'number' &&\n    tooltipMaxWidth > 0\n  ) {\n    popupStyle.maxWidth = tooltipMaxWidth\n  }\n\n  return (\n    // TODO: 提供选项给用户自定义Ballon的各种属性，比如弹层容器\n    <Balloon\n      visible={visible}\n      trigger={truncatedContent}\n      onVisibleChange={(newVisible: boolean) => {\n        if (showTooltip && newVisible) setVisible(true)\n        else setVisible(false)\n      }}\n      align={align}\n      popupStyle={popupStyle as {}}\n      popupClassName={tooltipPopupClassName}\n      alignEdge\n      needAdjust\n    >\n      <span\n        style={{ display: 'inline-block' }}\n        className={originalContentClassName}\n      >\n        {originalContent}\n      </span>\n    </Balloon>\n  )\n}\n"]}]}