app-base-react/lib/library/form-render/widgets/antd/percentSlider.js

react development common base package.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _slider=require("antd/lib/slider"),_slider2=_interopRequireDefault(_slider),_inputNumber=require("antd/lib/input-number"),_inputNumber2=_interopRequireDefault(_inputNumber),_extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r,n=arguments[t];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},_react=(require("antd/lib/slider/style/css"),require("antd/lib/input-number/style/css"),require("react")),React=_interopRequireWildcard(_react),_antd=require("antd");function _interopRequireWildcard(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t.default=e,t}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var PercentSlider=function(t){var e=t.schema,r=e.max,n=e.min,e=e.step,r=!r&&0!==r?{}:{max:r},n=(!n&&0!==n||(r=_extends({},r,{min:n})),e&&(r=_extends({},r,{step:e})),!1),e=(t.options&&t.options.hideNumber&&(n=!0),100);if("string"==typeof(a=t.value)&&a.endsWith("%"))try{e=Number(t.value.split("%")[0]),Number.isNaN(e)&&(e=100)}catch(e){}function i(e){t.onChange(e+"%")}var a=t.readonly?React.createElement("span",{style:{width:"80px"}},""===t.value?"-":t.value+"%"):React.createElement(_inputNumber2.default,_extends({},t.options,r,{style:{width:"80px"},value:e,disabled:t.disabled,onChange:i,formatter:function(e){return e+"%"},parser:function(e){return e.replace("%","")}}));return React.createElement("div",{className:"fr-slider"},React.createElement(_slider2.default,_extends({style:{flexGrow:1,marginRight:n?0:12}},r,{onChange:i,max:100,tooltip:function(e){return e+"%"},value:e||100,disabled:t.disabled||t.readonly})),n?null:a)};exports.default=PercentSlider;