@chief-editor/ui
Version:
UI Component for chief editor
1 lines • 2.89 kB
JavaScript
;var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var r,o=1,t=arguments.length;o<t;o++)for(var a in r=arguments[o])Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a]);return e}).apply(this,arguments)},__rest=this&&this.__rest||function(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(t=Object.getOwnPropertySymbols(e);a<t.length;a++)r.indexOf(t[a])<0&&Object.prototype.propertyIsEnumerable.call(e,t[a])&&(o[t[a]]=e[t[a]])}return o},__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var r={};if(null!=e)for(var o in e)Object.hasOwnProperty.call(e,o)&&(r[o]=e[o]);return r.default=e,r};Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__importStar(require("react")),util_1=require("@co-hooks/util"),popper_1=require("@rc-hooks/popper"),use_1=require("@rc-hooks/use"),hooks_1=require("../../hooks"),ClickTrigger_1=require("../popover/components/ClickTrigger"),HoverTrigger_1=require("../popover/components/HoverTrigger"),TooltipContent_1=require("./TooltipContent");function Tooltip(e){var r=use_1.useToggle(!1),o=r[0],t=r[1],a=r[2],i=react_1.useMemo((function(){return util_1.guid()}),[]),n=react_1.useMemo((function(){return[i]}),[]),s=e.trigger,l=void 0===s?"hover":s,p=e.showDelay,c=e.hideDelay,u=void 0===c?0:c,_=e.placement,f=e.offset,g=e.preventOverflow,d=e.overflowBoundaries,v=e.arrow,m=void 0===v||v,h=e.arrowOffset,y=e.getArrow,w=e.hideToDestroy,O=e.lazyInit,T=e.zIndex,C=e.popoverStyle,b=e.className,k=e.content,A=e.children,D=e.disableAnimation,I=e.scaleAnimation,N=e.afterClose,j=e.wrapperClassName,q=e.popoverClassName,x=__rest(e,["trigger","showDelay","hideDelay","placement","offset","preventOverflow","overflowBoundaries","arrow","arrowOffset","getArrow","hideToDestroy","lazyInit","zIndex","popoverStyle","className","content","children","disableAnimation","scaleAnimation","afterClose","wrapperClassName","popoverClassName"]),P=util_1.classnames(hooks_1.usePrefixCls("tooltip"),b),S=__assign({className:P},x),z={placement:_,offset:f,preventOverflow:g,overflowBoundaries:d,arrow:m,arrowOffset:h,getArrow:y,hideToDestroy:w,lazyInit:O,zIndex:T,disableAnimation:D,scaleAnimation:I,afterClose:N,wrapperClassName:j,onShow:t,onHide:a};return react_1.default.createElement(popper_1.RcPopper,null,react_1.default.createElement(popper_1.RcTriggerGroup,{triggerGroupId:i},"click"===l&&react_1.default.createElement(ClickTrigger_1.ClickTrigger,__assign({},S),A),"hover"===l&&react_1.default.createElement(HoverTrigger_1.HoverTrigger,__assign({},S,{showDelay:p,hideDelay:u}),A)),react_1.default.createElement(TooltipContent_1.TooltipContent,__assign({},z,{className:q,show:o&&!1!==k&&""!==k&&null!=k,content:k,style:C,triggerIds:n})))}exports.Tooltip=Tooltip;