@chief-editor/ui/lib/components/slider/SliderMark.js

UI Component for chief editor

"use strict";var __importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var r={};if(null!=e)for(var t in e)Object.hasOwnProperty.call(e,t)&&(r[t]=e[t]);return r.default=e,r};Object.defineProperty(exports,"__esModule",{value:!0});var popper_1=require("@rc-hooks/popper"),region_1=require("@rc-hooks/region"),use_1=require("@rc-hooks/use"),react_1=__importStar(require("react")),hooks_1=require("../../hooks"),PopoverWrapper_1=require("../popover/PopoverWrapper");exports.SliderMark=react_1.memo((function(e){var r=e.value,t=e.format,o=e.tooltip,a=void 0!==o&&o,i=e.invalid,s=void 0!==i&&i,p=e.placement,l=void 0===p?"center":p,n=use_1.useGuid(),u=react_1.useMemo((function(){return[n]}),[]),c=region_1.useAxisMark(region_1.AxisType.HORIZONTAL,r),_=c.selected,d=c.offset,f=c.precisionValue,m=react_1.useRef(null),v=hooks_1.usePrefixCls("slider-mark",{invalid:s,selected:_}),g=hooks_1.usePrefixCls("slider-mark-pop"),k=hooks_1.usePrefixCls("slider-mark-pop-wrapper"),h=react_1.useCallback((function(){return a||(t?t(f):f)}),[a,t,f]);return react_1.default.createElement(react_1.Fragment,null,react_1.default.createElement(popper_1.RcHoverTrigger,{ref:m,className:v,triggerId:n,style:{left:d+"px"}}),react_1.default.createElement(PopoverWrapper_1.PopoverWrapper,{arrow:!1,className:g,zIndex:0,refType:"trigger",refId:n,triggerIds:u,wrapperClassName:k,placement:"left"===l?"bottom-start":"right"===l?"bottom-end":"bottom",show:!0,disableAnimation:!0,preventOverflow:!1,scaleAnimation:!1,getPopper:h}))}));