@uiw/doc
Version:
UIW documentation website.
1 lines • 72.1 kB
JavaScript
(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[4907],{4934:e=>{function t(e){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}t.keys=()=>[],t.resolve=t,t.id=4934,e.exports=t},5301:(e,t,n)=>{"use strict";n.d(t,{Z:()=>p});var r=n(8573),l=n(6320),a=n(8563),u=n(7622),i=n(7937);const o={docinfo:"index_docinfo__3Vx8S",markdown:"index_markdown__hcQCp",markdownWrap:"index_markdownWrap__t60jR"};var s=n(4760);function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{path:t}=e,n=/^http/.test(t||"")?t:"https://github.com/uiwjs/uiw/blob/master/".concat(t);return(0,s.jsxs)("div",{className:o.docinfo,children:["\u72af\u4e86\u9519\u8bef\u8fd8\u662f\u60f3\u5bf9\u6587\u4ef6\u505a\u51fa\u8d21\u732e\uff1f",n&&(0,s.jsx)("a",{href:n,target:"_blank",rel:"noopener noreferrer",children:"\u5728Github\u4e0a\u7f16\u8f91\u672c\u9875\uff01"}),(0,s.jsx)("br",{}),(0,s.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:"\u53cd\u9988\u5efa\u8bae"}),(0,s.jsx)(i.Divider,{type:"vertical"}),(0,s.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:"\u63d0\u4ea4bug"}),(0,s.jsx)(i.Divider,{type:"vertical"}),(0,s.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,s.jsx)(i.Divider,{type:"vertical"}),(0,s.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,s.jsx)(i.Divider,{type:"vertical"}),(0,s.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:"@kkt/ssr"}),(0,s.jsx)(i.Divider,{type:"vertical"}),(0,s.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:"\u56fd\u5185\u955c\u50cf"})]})}const f=l.ZP.Preview,d=l.ZP.Code,_=l.ZP.Toolbar,m=e=>{var t,n;let{node:u,components:i,data:o,...c}=e;const m=(0,r.useRef)(null),{headings:p,headingsList:v,...b}=c;(0,r.useEffect)((()=>{if(m.current){const e=m.current.parentElement;e&&e.parentElement&&e.parentElement.replaceChild(m.current,e)}}),[m]);const y=null===u||void 0===u||null===(t=u.position)||void 0===t?void 0:t.start.line,h=null===u||void 0===u||null===(n=u.data)||void 0===n?void 0:n.meta,E=(0,a.Mx)(h)||String(y),g=i["".concat(E)];if(E&&"function"===typeof g){const e=o[E].value||"",t=(0,a.aE)(h||"");return(0,s.jsxs)(l.ZP,{ref:m,children:[(0,s.jsx)(f,{style:{background:t.bg||"transparent"},children:(0,s.jsx)(g,{})}),(0,s.jsx)(_,{text:e,children:t.title||"Example"}),(0,s.jsx)(d,{children:(0,s.jsx)("pre",{...b})})]})}return(0,s.jsx)("code",{...b})};function p(e){return(0,s.jsxs)(r.Fragment,{children:[(0,s.jsx)(u.Z,{className:o.markdownWrap,source:e.source||"",disableCopy:!0,wrapperElement:{"data-color-mode":"light"},components:{code:t=>(0,s.jsx)(m,{...e,...t})}}),(0,s.jsx)(c,{path:e.path})]})}},1712:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>u});const r={components:{21:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);function l(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,a,u,i=[],o=!0,s=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);o=!0);}catch(e){s=!0,l=e}finally{try{if(!o&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(s)throw l}}return i}}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return a(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return a(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}return function(){var e=l(t.default.useState(20),2),n=e[0],a=e[1],u=l(t.default.useState(-5),2),i=u[0],o=u[1],s=l(t.default.useState([10,50]),2),c=s[0],f=s[1];return t.default.createElement("div",null,t.default.createElement(r.Slider,{value:n,style:{maxWidth:360},onChange:function(e){return a(e)}}),t.default.createElement("div",null,"\u8bbe\u7f6e progress \u503c\u4e3a ",t.default.createElement("b",null,'"false"')," \u4e0d\u663e\u793a\u8fdb\u5ea6\u6761"),t.default.createElement(r.Slider,{progress:!1,value:n,style:{maxWidth:360,marginTop:30},onChange:function(e){return a(e)}}),t.default.createElement("div",null,"\u8bbe\u7f6e progress \u503c\u4e3a ",t.default.createElement("b",null,'"#dc3545"')," \u8fd9\u662f\u4e00\u4e2a\u989c\u8272\u503c\uff0c\u8bbe\u7f6e\u8fdb\u5ea6\u6761\u989c\u8272"),t.default.createElement(r.Slider,{progress:"#dc3545",value:n,style:{maxWidth:360,marginTop:30},onChange:function(e){return a(e)}}),t.default.createElement("div",null,"\u5f53\u524d\u503c\uff1a",t.default.createElement("b",null,n)),t.default.createElement(r.Divider,null),t.default.createElement(r.Slider,{min:-10,max:30,value:i,style:{maxWidth:260},onChange:function(e){return o(e)}}),t.default.createElement("div",null,"\u53ef\u9009 -10~30\u503c\u8303\u56f4\uff1a",t.default.createElement("b",null,i)),t.default.createElement(r.Divider,null),t.default.createElement(r.Slider,{value:c,style:{maxWidth:260},onChange:function(e){return f(e)}}),t.default.createElement("div",null,"\u53d6\u503c\u8303\u56f4\uff1a",t.default.createElement("b",null,c[0]," ~ ",c[1])))}}(),75:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);return function(){return t.default.createElement("div",null,t.default.createElement(r.Form,{onSubmit:function(e){var t=e.initial,n=e.current;n.age===t.age?r.Notify.error({title:"\u63d0\u4ea4\u5931\u8d25\uff01",description:"\u8868\u5355\u63d0\u4ea4\u5e74\u9f84\u5931\u8d25\uff0c\u5e74\u9f84\u4e3a\uff1a".concat(n.age,"\uff0c\u4e0e\u521d\u59cb\u5316\u503c\u662f\u4e00\u6837\u6ef4\uff01")}):r.Notify.success({title:"\u63d0\u4ea4\u6210\u529f\uff01",description:"\u8868\u5355\u63d0\u4ea4\u5e74\u9f84\u6210\u529f\uff0c\u5e74\u9f84\u4e3a\uff1a".concat(n.age,"\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01")})},fields:{age:{initialValue:0,inline:!0,label:"\u5e74\u9f84",help:"\u503c\u5fc5\u987b\u5927\u4e8e 10",validator:function(e){return e<10?"\u5fc5\u586b\u9009\u9879\uff01":null},children:t.default.createElement(r.Slider,null)}}},(function(e){var n=e.fields,l=e.state,a=e.canSubmit;return console.log("state:",l),t.default.createElement("div",null,t.default.createElement(r.Row,{gutter:10},t.default.createElement(r.Col,{style:{maxWidth:300}},n.age),t.default.createElement(r.Col,null,l.current.age)),t.default.createElement(r.Row,null,t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.Button,{disabled:!a(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"))),t.default.createElement(r.Row,null,t.default.createElement(r.Col,null,t.default.createElement("pre",{style:{padding:10,marginTop:10}},JSON.stringify(l.current,null,2)))))})))}}(),140:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);return function(){return t.default.createElement("div",null,t.default.createElement("div",null,"\u8bbe\u7f6e tooltip \u503c\u4e3a ",t.default.createElement("b",null,"true"),"\uff0c\u63d0\u793a\u5c06\u59cb\u7ec8\u663e\u793a\u3002"),t.default.createElement(r.Slider,{value:25,style:{maxWidth:260},tooltip:!0}),t.default.createElement(r.Divider,null),t.default.createElement("div",null,"\u8bbe\u7f6e tooltip \u503c\u4e3a ",t.default.createElement("b",null,"null"),"\uff0c\u63d0\u793a\u5c06\u59cb\u7ec8\u4e0d\u663e\u793a\u3002"),t.default.createElement(r.Slider,{value:25,style:{maxWidth:260},tooltip:null}),t.default.createElement(r.Divider,null),t.default.createElement("div",null,"\u8bbe\u7f6e tooltip \u503c\u4e3a ",t.default.createElement("b",null,"false"),"\uff0c\u9f20\u6807\u7ecf\u8fc7\u663e\u793a\u63d0\u793a\u3002"),t.default.createElement(r.Slider,{value:25,style:{maxWidth:260},tooltip:!1}))}}(),164:function(){function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}var t,r=(t=n(8573))&&t.__esModule?t:{default:t},l=n(7937);function a(e,t,n){return(t=o(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function u(e,t){if(n=e,!(null!=(r=t)&&"undefined"!==typeof Symbol&&r[Symbol.hasInstance]?r[Symbol.hasInstance](n):n instanceof r))throw new TypeError("Cannot call a class as a function");var n,r}function i(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,o(r.key),r)}}function o(t){var n=function(t,n){if("object"!==e(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var l=r.call(t,n||"default");if("object"!==e(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"===e(n)?n:String(n)}function s(e,t){return s=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},s(e,t)}function c(t){var n=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,l=f(t);if(n){var a=f(this).constructor;r=Reflect.construct(l,arguments,a)}else r=l.apply(this,arguments);return function(t,n){if(n&&("object"===e(n)||"function"===typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(t)}(this,r)}}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}return function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&s(e,t)}(d,e);var t,n,o,f=c(d);function d(e){var t;return u(this,d),(t=f.call(this,e)).state={value:20,value2:1.5,value3:20,value4:[10,40]},t}return t=d,(n=[{key:"render",value:function(){var e=this;return r.default.createElement("div",null,r.default.createElement("div",null,"\u523b\u5ea6 ",r.default.createElement("b",null,"step=10")," \u5f53\u524d\u503c\uff1a",r.default.createElement("b",null,this.state.value)),r.default.createElement(l.Slider,{step:10,max:200,dots:!0,value:this.state.value,style:{maxWidth:460},onChange:function(t){e.setState({value:t})}}),r.default.createElement(l.Divider,null),r.default.createElement("div",null,"\u523b\u5ea6 ",r.default.createElement("b",null,"step=0.5")," \u5f53\u524d\u503c\uff1a",r.default.createElement("b",null,this.state.value2)),r.default.createElement(l.Slider,{min:0,max:2,step:.5,dots:!0,value:this.state.value2,style:{maxWidth:460},onChange:function(t){e.setState({value2:t})}}),r.default.createElement(l.Divider,null),r.default.createElement("div",null,"\u523b\u5ea6 ",r.default.createElement("b",null,"step=3"),"\uff0c\u8bbe\u7f6e ",r.default.createElement("b",null,"dots=false")," \u4e0d\u663e\u793a\u523b\u5ea6 \u5f53\u524d\u503c\uff1a",r.default.createElement("b",null,this.state.value3)),r.default.createElement(l.Slider,a(a(a({value:26,min:20,max:40,step:2},"value",this.state.value3),"style",{maxWidth:260}),"onChange",(function(t){e.setState({value3:t})}))),r.default.createElement(l.Divider,null),r.default.createElement("div",null,"\u503c ",r.default.createElement("b",null,"value=[10, 40]")," \uff0c\u5fc5\u987b\u8bbe\u7f6e",r.default.createElement("b",null,"range=true"),"\uff0c\u53d6\u503c\u8303\u56f4\uff1a",r.default.createElement("b",null,this.state.value4[0]," ~ ",this.state.value4[1])),r.default.createElement(l.Slider,{value:this.state.value4,style:{maxWidth:260},onChange:function(t){e.setState({value4:t})}}))}}])&&i(t.prototype,n),o&&i(t,o),Object.defineProperty(t,"prototype",{writable:!1}),d}(r.default.Component)}(),234:function(){function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}var t,r=(t=n(8573))&&t.__esModule?t:{default:t},l=n(7937);function a(e,t,n){return(t=o(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function u(e,t){if(n=e,!(null!=(r=t)&&"undefined"!==typeof Symbol&&r[Symbol.hasInstance]?r[Symbol.hasInstance](n):n instanceof r))throw new TypeError("Cannot call a class as a function");var n,r}function i(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,o(r.key),r)}}function o(t){var n=function(t,n){if("object"!==e(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var l=r.call(t,n||"default");if("object"!==e(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"===e(n)?n:String(n)}function s(e,t){return s=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},s(e,t)}function c(t){var n=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,l=f(t);if(n){var a=f(this).constructor;r=Reflect.construct(l,arguments,a)}else r=l.apply(this,arguments);return function(t,n){if(n&&("object"===e(n)||"function"===typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(t)}(this,r)}}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}return function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&s(e,t)}(d,e);var t,n,o,f=c(d);function d(e){var t;return u(this,d),(t=f.call(this,e)).state={value:20,value2:1.5,value3:20},t}return t=d,(n=[{key:"render",value:function(){var e=this;return r.default.createElement("div",null,r.default.createElement("div",null,"\u523b\u5ea6 ",r.default.createElement("b",null,"step=2")," \u5f53\u524d\u503c\uff1a",r.default.createElement("b",null,this.state.value)),r.default.createElement(l.Slider,{min:-10,max:30,step:2,dots:!0,value:this.state.value,marks:a(a(a(a({},-10,"-10\xb0C"),-2,"-2\xb0C"),0,{style:{color:"#af00ff"}}),30,{style:{color:"#ff7c00"},label:r.default.createElement("strong",null,"30\xb0C")}),renderMarks:function(e){return"".concat(e,"\xb0C")},onChange:function(t){e.setState({value:t})}}),r.default.createElement("div",null,"\u523b\u5ea6 ",r.default.createElement("b",null,"step=0.5")," \u5f53\u524d\u503c\uff1a",r.default.createElement("b",null,this.state.value2)),r.default.createElement(l.Slider,{min:0,max:2,step:.5,dots:!0,marks:!0,value:this.state.value2,style:{maxWidth:460},onChange:function(t){e.setState({value2:t})}}),r.default.createElement("div",null,"\u523b\u5ea6 ",r.default.createElement("b",null,"step=3")," \u5f53\u524d\u503c\uff1a",r.default.createElement("b",null,this.state.value3)),r.default.createElement(l.Slider,a(a(a({value:26,min:20,max:44,step:2,dots:!0,marks:!0},"value",this.state.value3),"style",{maxWidth:260}),"onChange",(function(t){console.log("value5:",t),e.setState({value3:t})}))))}}])&&i(t.prototype,n),o&&i(t,o),Object.defineProperty(t,"prototype",{writable:!1}),d}(r.default.Component)}(),310:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);return function(){return t.default.createElement("div",null,t.default.createElement(r.Slider,{value:25,disabled:!0,style:{maxWidth:260}}),t.default.createElement(r.Divider,null),t.default.createElement(r.Slider,{step:10,disabled:!0,dots:!0,value:50,style:{maxWidth:260}}),t.default.createElement(r.Divider,null),t.default.createElement(r.Slider,{disabled:!0,step:2,value:26,min:20,max:44,dots:!0,marks:!0}))}}(),335:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function a(e,t,n){return(t=function(e){var t=function(e,t){if("object"!==l(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==l(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===l(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}return function(){return t.default.createElement(r.Row,null,t.default.createElement(r.Col,{fixed:!0,style:{width:70}},t.default.createElement(r.Slider,{vertical:!0,min:-10,max:30,step:2,dots:!0,value:20,marks:a(a(a(a(a({},-10,"-10\xb0C"),-2,"-2\xb0C"),0," "),2,{style:{color:"#af00ff"}}),30,{style:{color:"#ff7c00"},label:t.default.createElement("strong",null,"30\xb0C")}),style:{height:260},renderMarks:function(e){return"".concat(e,"\xb0C")}})),t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.Slider,{vertical:!0,value:25,style:{height:260}})),t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.Slider,{vertical:!0,value:62,progress:!1,tooltip:!0,style:{height:260}})),t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.Slider,{vertical:!0,value:50,step:10,dots:!0,style:{height:260}})),t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.Slider,{vertical:!0,step:2,value:[26,40],min:20,max:44,dots:!0,marks:!0,style:{height:260}})))}}()},data:{21:{name:21,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nreturn function Demo() {\n var _React$useState = _react["default"].useState(20),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n value = _React$useState2[0],\n setValue = _React$useState2[1];\n var _React$useState3 = _react["default"].useState(-5),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n value2 = _React$useState4[0],\n setValue2 = _React$useState4[1];\n var _React$useState5 = _react["default"].useState([10, 50]),\n _React$useState6 = _slicedToArray(_React$useState5, 2),\n value3 = _React$useState6[0],\n setValue3 = _React$useState6[1];\n return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Slider, {\n value: value,\n style: {\n maxWidth: 360\n },\n onChange: function onChange(value) {\n return setValue(value);\n }\n }), /*#__PURE__*/_react["default"].createElement("div", null, "\\u8BBE\\u7F6E progress \\u503C\\u4E3A ", /*#__PURE__*/_react["default"].createElement("b", null, "\\"false\\""), " \\u4E0D\\u663E\\u793A\\u8FDB\\u5EA6\\u6761"), /*#__PURE__*/_react["default"].createElement(_uiw.Slider, {\n progress: false,\n value: value,\n style: {\n maxWidth: 360,\n marginTop: 30\n },\n onChange: function onChange(value) {\n return setValue(value);\n }\n }), /*#__PURE__*/_react["default"].createElement("div", null, "\\u8BBE\\u7F6E progress \\u503C\\u4E3A ", /*#__PURE__*/_react["default"].createElement("b", null, "\\"#dc3545\\""), " \\u8FD9\\u662F\\u4E00\\u4E2A\\u989C\\u8272\\u503C\\uFF0C\\u8BBE\\u7F6E\\u8FDB\\u5EA6\\u6761\\u989C\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Slider\n // progress={false}\n , {\n progress: "#dc3545",\n value: value,\n style: {\n maxWidth: 360,\n marginTop: 30\n },\n onChange: function onChange(value) {\n return setValue(value);\n }\n }), /*#__PURE__*/_react["default"].createElement("div", null, "\\u5F53\\u524D\\u503C\\uFF1A", /*#__PURE__*/_react["default"].createElement("b", null, value)), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Slider, {\n min: -10,\n max: 30,\n value: value2,\n style: {\n maxWidth: 260\n },\n onChange: function onChange(val) {\n return setValue2(val);\n }\n }), /*#__PURE__*/_react["default"].createElement("div", null, "\\u53EF\\u9009 -10~30\\u503C\\u8303\\u56F4\\uFF1A", /*#__PURE__*/_react["default"].createElement("b", null, value2)), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Slider, {\n value: value3,\n style: {\n maxWidth: 260\n },\n onChange: function onChange(val) {\n return setValue3(val);\n }\n }), /*#__PURE__*/_react["default"].createElement("div", null, "\\u53D6\\u503C\\u8303\\u56F4\\uFF1A", /*#__PURE__*/_react["default"].createElement("b", null, value3[0], " ~ ", value3[1])));\n};',language:"jsx",value:'import React from \'react\';\nimport { Slider, Divider } from \'uiw\';\n\nexport default function Demo() {\n const [value, setValue] = React.useState(20);\n const [value2, setValue2] = React.useState(-5);\n const [value3, setValue3] = React.useState([10, 50]);\n return (\n <div>\n <Slider\n value={value}\n style={{ maxWidth: 360 }}\n onChange={(value)=> setValue(value)}\n />\n <div>\u8bbe\u7f6e progress \u503c\u4e3a <b>"false"</b> \u4e0d\u663e\u793a\u8fdb\u5ea6\u6761</div>\n <Slider\n progress={false}\n value={value}\n style={{ maxWidth: 360, marginTop: 30 }}\n onChange={(value)=> setValue(value)}\n />\n <div>\u8bbe\u7f6e progress \u503c\u4e3a <b>"#dc3545"</b> \u8fd9\u662f\u4e00\u4e2a\u989c\u8272\u503c\uff0c\u8bbe\u7f6e\u8fdb\u5ea6\u6761\u989c\u8272</div>\n <Slider\n // progress={false}\n progress="#dc3545"\n value={value}\n style={{ maxWidth: 360, marginTop: 30 }}\n onChange={(value)=> setValue(value)}\n />\n <div>\u5f53\u524d\u503c\uff1a<b>{value}</b></div>\n <Divider />\n <Slider\n min={-10}\n max={30}\n value={value2}\n style={{ maxWidth: 260 }}\n onChange={(val)=> setValue2(val)}\n />\n <div>\u53ef\u9009 -10~30\u503c\u8303\u56f4\uff1a<b>{value2}</b></div>\n <Divider />\n <Slider value={value3} style={{ maxWidth: 260 }}\n onChange={(val)=> setValue3(val)}\n />\n <div>\u53d6\u503c\u8303\u56f4\uff1a<b>{value3[0]} ~ {value3[1]}</b></div>\n </div>\n )\n}'},75:{name:75,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nreturn function Demo() {\n return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Form, {\n onSubmit: function onSubmit(_ref) {\n var initial = _ref.initial,\n current = _ref.current;\n if (current.age === initial.age) {\n _uiw.Notify.error({\n title: \'\u63d0\u4ea4\u5931\u8d25\uff01\',\n description: "\\u8868\\u5355\\u63D0\\u4EA4\\u5E74\\u9F84\\u5931\\u8D25\\uFF0C\\u5E74\\u9F84\\u4E3A\\uFF1A".concat(current.age, "\\uFF0C\\u4E0E\\u521D\\u59CB\\u5316\\u503C\\u662F\\u4E00\\u6837\\u6EF4\\uFF01")\n });\n } else {\n _uiw.Notify.success({\n title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n description: "\\u8868\\u5355\\u63D0\\u4EA4\\u5E74\\u9F84\\u6210\\u529F\\uFF0C\\u5E74\\u9F84\\u4E3A\\uFF1A".concat(current.age, "\\uFF0C\\u5C06\\u81EA\\u52A8\\u586B\\u5145\\u521D\\u59CB\\u5316\\u503C\\uFF01")\n });\n }\n },\n fields: {\n age: {\n initialValue: 0,\n inline: true,\n label: \'\u5e74\u9f84\',\n help: \'\u503c\u5fc5\u987b\u5927\u4e8e 10\',\n validator: function validator(value) {\n return value < 10 ? \'\u5fc5\u586b\u9009\u9879\uff01\' : null;\n },\n children: /*#__PURE__*/_react["default"].createElement(_uiw.Slider, null)\n }\n }\n }, function (_ref2) {\n var fields = _ref2.fields,\n state = _ref2.state,\n canSubmit = _ref2.canSubmit;\n console.log(\'state:\', state);\n return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n gutter: 10\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n style: {\n maxWidth: 300\n }\n }, fields.age), /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, state.current.age)), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n disabled: !canSubmit(),\n type: "primary",\n htmlType: "submit"\n }, "\\u63D0\\u4EA4"))), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, /*#__PURE__*/_react["default"].createElement("pre", {\n style: {\n padding: 10,\n marginTop: 10\n }\n }, JSON.stringify(state.current, null, 2)))));\n }));\n};',language:"jsx",value:"import React from 'react';\nimport { Form, Row, Col, Slider, Button, Notify } from 'uiw';\n\nexport default function Demo() {\n return (\n <div>\n <Form\n onSubmit={({initial, current}) => {\n if(current.age === initial.age) {\n Notify.error({\n title: '\u63d0\u4ea4\u5931\u8d25\uff01',\n description: `\u8868\u5355\u63d0\u4ea4\u5e74\u9f84\u5931\u8d25\uff0c\u5e74\u9f84\u4e3a\uff1a${current.age}\uff0c\u4e0e\u521d\u59cb\u5316\u503c\u662f\u4e00\u6837\u6ef4\uff01`,\n });\n } else {\n Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01',\n description: `\u8868\u5355\u63d0\u4ea4\u5e74\u9f84\u6210\u529f\uff0c\u5e74\u9f84\u4e3a\uff1a${current.age}\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n });\n }\n }}\n fields={{\n age: {\n initialValue: 0,\n inline: true,\n label: '\u5e74\u9f84',\n help: '\u503c\u5fc5\u987b\u5927\u4e8e 10',\n validator: (value) => value < 10 ? '\u5fc5\u586b\u9009\u9879\uff01' : null,\n children: <Slider />\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n console.log('state:', state)\n return (\n <div>\n <Row gutter={10}>\n <Col style={{ maxWidth: 300 }}>{fields.age}</Col>\n <Col>{state.current.age}</Col>\n </Row>\n <Row>\n <Col fixed>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n </Col>\n </Row>\n <Row>\n <Col>\n <pre style={{ padding: 10, marginTop: 10 }}>\n {JSON.stringify(state.current, null, 2)}\n </pre>\n </Col>\n </Row>\n </div>\n )\n }}\n </Form>\n </div>\n )\n}"},140:{name:140,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nreturn function Demo() {\n return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", null, "\\u8BBE\\u7F6E tooltip \\u503C\\u4E3A ", /*#__PURE__*/_react["default"].createElement("b", null, "true"), "\\uFF0C\\u63D0\\u793A\\u5C06\\u59CB\\u7EC8\\u663E\\u793A\\u3002"), /*#__PURE__*/_react["default"].createElement(_uiw.Slider, {\n value: 25,\n style: {\n maxWidth: 260\n },\n tooltip: true\n }), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement("div", null, "\\u8BBE\\u7F6E tooltip \\u503C\\u4E3A ", /*#__PURE__*/_react["default"].createElement("b", null, "null"), "\\uFF0C\\u63D0\\u793A\\u5C06\\u59CB\\u7EC8\\u4E0D\\u663E\\u793A\\u3002"), /*#__PURE__*/_react["default"].createElement(_uiw.Slider, {\n value: 25,\n style: {\n maxWidth: 260\n },\n tooltip: null\n }), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement("div", null, "\\u8BBE\\u7F6E tooltip \\u503C\\u4E3A ", /*#__PURE__*/_react["default"].createElement("b", null, "false"), "\\uFF0C\\u9F20\\u6807\\u7ECF\\u8FC7\\u663E\\u793A\\u63D0\\u793A\\u3002"), /*#__PURE__*/_react["default"].createElement(_uiw.Slider, {\n value: 25,\n style: {\n maxWidth: 260\n },\n tooltip: false\n }));\n};',language:"jsx",value:"import React from 'react';\nimport { Slider, Divider } from 'uiw';\n\nexport default function Demo() {\n return (\n <div>\n <div>\u8bbe\u7f6e tooltip \u503c\u4e3a <b>true</b>\uff0c\u63d0\u793a\u5c06\u59cb\u7ec8\u663e\u793a\u3002</div>\n <Slider value={25} style={{ maxWidth: 260 }} tooltip />\n <Divider />\n <div>\u8bbe\u7f6e tooltip \u503c\u4e3a <b>null</b>\uff0c\u63d0\u793a\u5c06\u59cb\u7ec8\u4e0d\u663e\u793a\u3002</div>\n <Slider value={25} style={{ maxWidth: 260 }} tooltip={null} />\n <Divider />\n <div>\u8bbe\u7f6e tooltip \u503c\u4e3a <b>false</b>\uff0c\u9f20\u6807\u7ecf\u8fc7\u663e\u793a\u63d0\u793a\u3002</div>\n <Slider value={25} style={{ maxWidth: 260 }} tooltip={false} />\n </div>\n )\n}"},164:{name:164,meta:{bg:"#fff"},code:'"use strict";\n\nfunction _instanceof(left, right) { if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) { return !!right[Symbol.hasInstance](left); } else { return left instanceof right; } }\nfunction _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError("Cannot call a class as a function"); } }\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }\nfunction _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn\'t been initialised - super() hasn\'t been called"); } return self; }\nfunction _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\nvar Demo = /*#__PURE__*/function (_React$Component) {\n _inherits(Demo, _React$Component);\n var _super = _createSuper(Demo);\n function Demo(props) {\n var _this;\n _classCallCheck(this, Demo);\n _this = _super.call(this, props);\n _this.state = {\n value: 20,\n value2: 1.5,\n value3: 20,\n value4: [10, 40]\n };\n return _this;\n }\n _createClass(Demo, [{\n key: "render",\n value: function render() {\n var _this2 = this;\n return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", null, "\\u523B\\u5EA6 ", /*#__PURE__*/_react["default"].createElement("b", null, "step=10"), " \\u5F53\\u524D\\u503C\\uFF1A", /*#__PURE__*/_react["default"].createElement("b", null, this.state.value)), /*#__PURE__*/_react["default"].createElement(_uiw.Slider, {\n step: 10,\n max: 200,\n dots: true,\n value: this.state.value,\n style: {\n maxWidth: 460\n },\n onChange: function onChange(value) {\n _this2.setState({\n value: value\n });\n }\n }), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement("div", null, "\\u523B\\u5EA6 ", /*#__PURE__*/_react["default"].createElement("b", null, "step=0.5"), " \\u5F53\\u524D\\u503C\\uFF1A", /*#__PURE__*/_react["default"].createElement("b", null, this.state.value2)), /*#__PURE__*/_react["default"].createElement(_uiw.Slider, {\n min: 0,\n max: 2,\n step: 0.5,\n dots: true,\n value: this.state.value2,\n style: {\n maxWidth: 460\n },\n onChange: function onChange(value2) {\n _this2.setState({\n value2: value2\n });\n }\n }), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement("div", null, "\\u523B\\u5EA6 ", /*#__PURE__*/_react["default"].createElement("b", null, "step=3"), "\\uFF0C\\u8BBE\\u7F6E ", /*#__PURE__*/_react["default"].createElement("b", null, "dots=false"), " \\u4E0D\\u663E\\u793A\\u523B\\u5EA6 \\u5F53\\u524D\\u503C\\uFF1A", /*#__PURE__*/_react["default"].createElement("b", null, this.state.value3)), /*#__PURE__*/_react["default"].createElement(_uiw.Slider, _defineProperty(_defineProperty(_defineProperty({\n value: 26,\n min: 20,\n max: 40,\n step: 2\n }, "value", this.state.value3), "style", {\n maxWidth: 260\n }), "onChange", function onChange(value3) {\n _this2.setState({\n value3: value3\n });\n })), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement("div", null, "\\u503C ", /*#__PURE__*/_react["default"].createElement("b", null, "value=[10, 40]"), " \\uFF0C\\u5FC5\\u987B\\u8BBE\\u7F6E", /*#__PURE__*/_react["default"].createElement("b", null, "range=true"), "\\uFF0C\\u53D6\\u503C\\u8303\\u56F4\\uFF1A", /*#__PURE__*/_react["default"].createElement("b", null, this.state.value4[0], " ~ ", this.state.value4[1])), /*#__PURE__*/_react["default"].createElement(_uiw.Slider, {\n value: this.state.value4,\n style: {\n maxWidth: 260\n },\n onChange: function onChange(value4) {\n _this2.setState({\n value4: value4\n });\n }\n }));\n }\n }]);\n return Demo;\n}(_react["default"].Component);\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Slider, Divider} from 'uiw';\n\nclass Demo extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n value: 20,\n value2: 1.5,\n value3: 20,\n value4: [10, 40],\n };\n }\n render() {\n return (\n <div>\n <div>\u523b\u5ea6 <b>step=10</b> \u5f53\u524d\u503c\uff1a<b>{this.state.value}</b></div>\n <Slider\n step={10}\n max={200}\n dots\n value={this.state.value}\n style={{ maxWidth: 460 }}\n onChange={(value)=> {\n this.setState({ value });\n }}\n />\n <Divider />\n <div>\u523b\u5ea6 <b>step=0.5</b> \u5f53\u524d\u503c\uff1a<b>{this.state.value2}</b></div>\n <Slider\n min={0}\n max={2}\n step={0.5}\n dots\n value={this.state.value2}\n style={{ maxWidth: 460 }}\n onChange={(value2)=> {\n this.setState({ value2 });\n }}\n />\n <Divider />\n <div>\u523b\u5ea6 <b>step=3</b>\uff0c\u8bbe\u7f6e <b>dots=false</b> \u4e0d\u663e\u793a\u523b\u5ea6 \u5f53\u524d\u503c\uff1a<b>{this.state.value3}</b></div>\n <Slider\n value={26}\n min={20}\n max={40}\n step={2}\n value={this.state.value3}\n style={{ maxWidth: 260 }}\n onChange={(value3)=> {\n this.setState({ value3 });\n }}\n />\n <Divider />\n <div>\u503c <b>value=[10, 40]</b> \uff0c\u5fc5\u987b\u8bbe\u7f6e<b>range=true</b>\uff0c\u53d6\u503c\u8303\u56f4\uff1a<b>{this.state.value4[0]} ~ {this.state.value4[1]}</b></div>\n <Slider value={this.state.value4} style={{ maxWidth: 260 }}\n onChange={(value4)=> {\n this.setState({ value4 });\n }}\n />\n </div>\n )\n }\n}\nexport default Demo;"},234:{name:234,meta:{bg:"#fff"},code:'"use strict";\n\nfunction _instanceof(left, right) { if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) { return !!right[Symbol.hasInstance](left); } else { return left instanceof right; } }\nfunction _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError("Cannot call a class as a function"); } }\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }\nfunction _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn\'t been initialised - super() hasn\'t been called"); } return self; }\nfunction _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\nvar Demo = /*#__PURE__*/function (_React$Component) {\n _inherits(Demo, _React$Component);\n var _super = _createSuper(Demo);\n function Demo(props) {\n var _this;\n _classCallCheck(this, Demo);\n _this = _super.call(this, props);\n _this.state = {\n value: 20,\n value2: 1.5,\n value3: 20\n };\n return _this;\n }\n _createClass(Demo, [{\n key: "render",\n value: function render() {\n var _this2 = this;\n return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", null, "\\u523B\\u5EA6 ", /*#__PURE__*/_react["default"].createElement("b", null, "step=2"), " \\u5F53\\u524D\\u503C\\uFF1A", /*#__PURE__*/_react["default"].createElement("b", null, this.state.value)), /*#__PURE__*/_react["default"].createElement(_uiw.Slider, {\n min: -10,\n max: 30,\n step: 2,\n dots: true,\n value: this.state.value,\n marks: _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, -10, \'-10\xb0C\'), -2, \'-2\xb0C\'), 0, {\n style: {\n color: \'#af00ff\'\n }\n }), 30, {\n style: {\n color: \'#ff7c00\'\n },\n label: /*#__PURE__*/_react["default"].createElement("strong", null, "30\\xB0C")\n }),\n renderMarks: function renderMarks(mark) {\n return "".concat(mark, "\\xB0C");\n },\n onChange: function onChange(value) {\n _this2.setState({\n value: value\n });\n }\n }), /*#__PURE__*/_react["default"].createElement("div", null, "\\u523B\\u5EA6 ", /*#__PURE__*/_react["default"].createElement("b", null, "step=0.5"), " \\u5F53\\u524D\\u503C\\uFF1A", /*#__PURE__*/_react["default"].createElement("b", null, this.state.value2)), /*#__PURE__*/_react["default"].createElement(_uiw.Slider, {\n min: 0,\n max: 2,\n step: 0.5,\n dots: true,\n marks: true,\n value: this.state.value2,\n style: {\n maxWidth: 460\n },\n onChange: function onChange(value2) {\n _this2.setState({\n value2: value2\n });\n }\n }), /*#__PURE__*/_react["default"].createElement("div", null, "\\u523B\\u5EA6 ", /*#__PURE__*/_react["default"].createElement("b", null, "step=3"), " \\u5F53\\u524D\\u503C\\uFF1A", /*#__PURE__*/_react["default"].createElement("b", null, this.state.value3)), /*#__PURE__*/_react["default"].createElement(_uiw.Slider, _defineProperty(_defineProperty(_defineProperty({\n value: 26,\n min: 20,\n max: 44,\n step: 2,\n dots: true,\n marks: true\n }, "value", this.state.value3), "style", {\n maxWidth: 260\n }), "onChange", function onChange(value3) {\n console.log(\'value5:\', value3);\n _this2.setState({\n value3: value3\n });\n })));\n }\n }]);\n return Demo;\n}(_react["default"].Component);\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Slider, Divider} from 'uiw';\n\nclass Demo extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n value: 20,\n value2: 1.5,\n value3: 20,\n };\n }\n render() {\n