@chief-editor/ui
Version:
UI Component for chief editor
1 lines • 2.29 kB
JavaScript
;var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e}).apply(this,arguments)},__rest=this&&this.__rest||function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r},__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)Object.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t.default=e,t};Object.defineProperty(exports,"__esModule",{value:!0});var region_1=require("@rc-hooks/region"),use_1=require("@rc-hooks/use"),util_1=require("@co-hooks/util"),react_1=__importStar(require("react")),hooks_1=require("../../hooks"),InputNumberContent_1=require("../input-number/InputNumberContent"),SliderContent_1=require("./SliderContent");exports.Slider=react_1.memo((function(e){var t=e.strict,r=e.value,n=e.step,a=e.min,i=e.max,s=e.precision,o=e.onChange,l=e.onValueChange,u=e.format,c=e.parse,_=e.withInput,p=void 0!==_&&_,m=e.disabled,d=e.markList,f=e.invalid,h=e.style,b=e.className,g=__rest(e,["strict","value","step","min","max","precision","onChange","onValueChange","format","parse","withInput","disabled","markList","invalid","style","className"]),v=use_1.useRefCallback(o),y=use_1.useRefCallback(l),C=react_1.useCallback((function(e){v(e),y(e)}),[]),O=region_1.useSimpleRegion({strict:t,value:r,step:n,min:a,max:i,precision:s},C),k=O[0],S=O[1],x=util_1.classnames(hooks_1.usePrefixCls("slider",{}),b),P=hooks_1.usePrefixCls("slider-input",{});return react_1.default.createElement(region_1.RcRegionProvider,{region:k},react_1.default.createElement("div",__assign({className:x,style:h},g),react_1.default.createElement(SliderContent_1.SliderContent,{format:u,disabled:m,markList:d,showStart:!1,invalid:f,rangeStart:0,rangeEnd:S}),p&&react_1.default.createElement("div",{className:P},react_1.default.createElement(InputNumberContent_1.InputNumberContent,{disabled:m,format:u,parse:c}))))}));