diff --git a/dist/index.js b/dist/index.js
index 8f276c2..6ff6766 100644
--- a/dist/index.js
+++ b/dist/index.js
@@ -3,7 +3,7 @@
  *  description: React digital.
  *  homepage: https://github.com/afeiship/react-digital#readme
  *  version: 1.0.0
- *  date: 2021-03-06T04:01:00.697Z
+ *  date: 2021-03-06T04:10:18.824Z
  *  license: MIT
  */
 !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.ReactDigital=t():e.ReactDigital=t()}(window,(function(){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=4)}([function(e,t){e.exports=require("react")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("classnames")},function(e,t){e.exports=require("@jswork/noop")},function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r),a=n(1),c=n.n(a),u=n(2),i=n.n(u),l=n(3),f=n.n(l);function s(e){return(s="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)}function p(){return(p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function y(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function d(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function b(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,r.key,r)}}function m(e,t){return(m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function v(e){var t=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 n,r=g(e);if(t){var o=g(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return O(this,n)}}function O(e,t){return!t||"object"!==s(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function g(e){return(g=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var h=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}}),t&&m(e,t)}(c,e);var t,n,r,a=v(c);function c(){return d(this,c),a.apply(this,arguments)}return t=c,(n=[{key:"render",value:function(){var e=this.props,t=e.className,n=e.value,r=e.flat,a=y(e,["className","value","flat"]);return o.a.createElement("div",p({"data-value":n,"data-component":"react-digital",className:i()("react-digital",t)},a),o.a.createElement("div",{className:"".concat("react-digital","__body"),"data-flat":r,"data-digital":n},o.a.createElement("span",{className:"d1"}),o.a.createElement("span",{className:"d2"}),o.a.createElement("span",{className:"d3"}),o.a.createElement("span",{className:"d4"}),o.a.createElement("span",{className:"d5"}),o.a.createElement("span",{className:"d6"}),o.a.createElement("span",{className:"d7"})))}}])&&b(t.prototype,n),r&&b(t,r),c}(r.Component);h.displayName="react-digital",h.version="1.0.0",h.propTypes={className:c.a.string,value:c.a.any,onChange:c.a.func,flat:c.a.bool},h.defaultProps={value:":",flat:!1,onChange:f.a};t.default=h}])}));
diff --git a/docs/sw.js b/docs/sw.js
index 4e785ce..f6b1ef2 100644
--- a/docs/sw.js
+++ b/docs/sw.js
@@ -1,3 +1,3 @@
-var __wpo = {"assets":{"main":["./assets/styles/main.e5836981511096be50e8.css","./assets/bundle.37e9bddd59144610b3be.js","./favicon.ico","./"],"additional":[],"optional":[]},"externals":[],"hashesMap":{"12504c6876962440c224650cff0863c496aaf74d":"./assets/styles/main.e5836981511096be50e8.css","9136c819aa6f82077d290ba1ce0798670777c63d":"./assets/bundle.37e9bddd59144610b3be.js","cc258801a04cd766095328a9023b4cb1d255f47a":"./favicon.ico","84911d6440f3843080f20fd2e5ee05f56d70facb":"./"},"strategy":"changed","responseStrategy":"cache-first","version":"3/6/2021, 12:01:09 PM","name":"webpack-offline","pluginVersion":"5.0.7","relativePaths":true};
+var __wpo = {"assets":{"main":["./assets/styles/main.e5836981511096be50e8.css","./assets/bundle.37e9bddd59144610b3be.js","./favicon.ico","./"],"additional":[],"optional":[]},"externals":[],"hashesMap":{"12504c6876962440c224650cff0863c496aaf74d":"./assets/styles/main.e5836981511096be50e8.css","9136c819aa6f82077d290ba1ce0798670777c63d":"./assets/bundle.37e9bddd59144610b3be.js","cc258801a04cd766095328a9023b4cb1d255f47a":"./favicon.ico","84911d6440f3843080f20fd2e5ee05f56d70facb":"./"},"strategy":"changed","responseStrategy":"cache-first","version":"3/6/2021, 12:10:15 PM","name":"webpack-offline","pluginVersion":"5.0.7","relativePaths":true};
 
 !function(e){var n={};function t(r){if(n[r])return n[r].exports;var i=n[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,t),i.l=!0,i.exports}t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:r})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var i in e)t.d(r,i,function(n){return e[n]}.bind(null,i));return r},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s=0)}([function(e,n,t){"use strict";var r,i,o;if(r=ExtendableEvent.prototype.waitUntil,i=FetchEvent.prototype.respondWith,o=new WeakMap,ExtendableEvent.prototype.waitUntil=function(e){var n=this,t=o.get(n);if(!t)return t=[Promise.resolve(e)],o.set(n,t),r.call(n,Promise.resolve().then((function e(){var r=t.length;return Promise.all(t.map((function(e){return e.catch((function(){}))}))).then((function(){return t.length!=r?e():(o.delete(n),Promise.all(t))}))})));t.push(Promise.resolve(e))},FetchEvent.prototype.respondWith=function(e){return this.waitUntil(e),i.call(this,e)},void 0===a)var a=!1;function u(e,n){return caches.match(e,{cacheName:n}).then((function(t){return c(t)?t:s(t).then((function(t){return caches.open(n).then((function(n){return n.put(e,t)})).then((function(){return t}))}))})).catch((function(){}))}function c(e){return!e||!e.redirected||!e.ok||"opaqueredirect"===e.type}function s(e){return c(e)?Promise.resolve(e):("body"in e?Promise.resolve(e.body):e.blob()).then((function(n){return new Response(n,{headers:e.headers,status:e.status})}))}function f(e,n){n.forEach((function(e){}))}!function(e,n){var t=n.cacheMaps,r=n.navigationPreload,i=e.strategy,o=e.responseStrategy,a=e.assets,c=e.hashesMap,l=e.externals,h=e.prefetchRequest||{credentials:"same-origin",mode:"cors"},d=e.name,p=e.version,v=d+":"+p,m=d+"$preload";Object.keys(a).forEach((function(e){a[e]=a[e].map((function(e){var n=new URL(e,location);return n.hash="",-1===l.indexOf(e)&&(n.search=""),n.toString()}))})),c=Object.keys(c).reduce((function(e,n){var t=new URL(c[n],location);return t.search="",t.hash="",e[n]=t.toString(),e}),{}),l=l.map((function(e){var n=new URL(e,location);return n.hash="",n.toString()}));var g=[].concat(a.main,a.additional,a.optional);function w(n){var t=a[n];return caches.open(v).then((function(r){return x(r,t,{bust:e.version,request:h,failAll:"main"===n})})).then((function(){f("Cached assets: "+n,t)})).catch((function(e){throw e}))}function y(n){return caches.keys().then((function(e){for(var n=e.length,t=void 0;n--&&0!==(t=e[n]).indexOf(d););if(t){var r=void 0;return caches.open(t).then((function(e){return r=e,e.match(new URL("__offline_webpack__data",location).toString())})).then((function(e){if(e)return Promise.all([r,r.keys(),e.json()])}))}})).then((function(t){if(!t)return w(n);var r=t[0],i=t[1],o=t[2],u=o.hashmap,s=o.version;if(!o.hashmap||s===e.version)return w(n);var l=Object.keys(u).map((function(e){return u[e]})),d=i.map((function(e){var n=new URL(e.url);return n.search="",n.hash="",n.toString()})),p=a[n],m=[],g=p.filter((function(e){return-1===d.indexOf(e)||-1===l.indexOf(e)}));Object.keys(c).forEach((function(e){var n=c[e];if(-1!==p.indexOf(n)&&-1===g.indexOf(n)&&-1===m.indexOf(n)){var t=u[e];t&&-1!==d.indexOf(t)?m.push([t,n]):g.push(n)}})),f("Changed assets: "+n,g),f("Moved assets: "+n,m);var y=Promise.all(m.map((function(e){return r.match(e[0]).then((function(n){return[e[1],n]}))})));return caches.open(v).then((function(t){var r=y.then((function(e){return Promise.all(e.map((function(e){return t.put(e[0],e[1])})))}));return Promise.all([r,x(t,g,{bust:e.version,request:h,failAll:"main"===n,deleteFirst:"main"!==n})])}))}))}function b(){return caches.keys().then((function(e){var n=e.map((function(e){if(0===e.indexOf(d)&&0!==e.indexOf(v))return caches.delete(e)}));return Promise.all(n)}))}function P(){return caches.open(v).then((function(n){var t=new Response(JSON.stringify({version:e.version,hashmap:c}));return n.put(new URL("__offline_webpack__data",location).toString(),t)}))}self.addEventListener("install",(function(e){var n=void 0;n="changed"===i?y("main"):w("main"),e.waitUntil(n)})),self.addEventListener("activate",(function(e){var n=function(){if(!a.additional.length)return Promise.resolve();var e=void 0;e="changed"===i?y("additional"):w("additional");return e.catch((function(e){}))}();n=(n=(n=n.then(P)).then(b)).then((function(){if(self.clients&&self.clients.claim)return self.clients.claim()})),r&&self.registration.navigationPreload&&(n=Promise.all([n,self.registration.navigationPreload.enable()])),e.waitUntil(n)})),self.addEventListener("fetch",(function(e){if("GET"===e.request.method&&("only-if-cached"!==e.request.cache||"same-origin"===e.request.mode)){var n=new URL(e.request.url);n.hash="";var i=n.toString();-1===l.indexOf(i)&&(n.search="",i=n.toString());var a=-1!==g.indexOf(i),c=i;if(!a){var s=function(e){var n=e.url,r=new URL(n),i=void 0;i=function(e){return"navigate"===e.mode||e.headers.get("Upgrade-Insecure-Requests")||-1!==(e.headers.get("Accept")||"").indexOf("text/html")}(e)?"navigate":r.origin===location.origin?"same-origin":"cross-origin";for(var o=0;o<t.length;o++){var a=t[o];if(a&&(!a.requestTypes||-1!==a.requestTypes.indexOf(i))){var u=void 0;if((u="function"==typeof a.match?a.match(r,e):n.replace(a.match,a.to))&&u!==n)return u}}}(e.request);s&&(c=s,a=!0)}if(a){var f=void 0;f="network-first"===o?function(e,n,t){return q(e).then((function(e){if(e.ok)return e;throw e})).catch((function(e){return u(t,v).then((function(n){if(n)return n;if(e instanceof Response)return e;throw e}))}))}(e,0,c):function(e,n,t){return function(e){if(r&&"function"==typeof r.map&&e.preloadResponse&&"navigate"===e.request.mode){var n=r.map(new URL(e.request.url),e.request);n&&function(e,n){var t=new URL(e,location),r=n.preloadResponse;O.set(r,{url:t,response:r});var i=function(){return O.has(r)},o=r.then((function(e){if(e&&i()){var n=e.clone();return caches.open(m).then((function(e){if(i())return e.put(t,n).then((function(){if(!i())return caches.open(m).then((function(e){return e.delete(t)}))}))}))}}));n.waitUntil(o)}(n,e)}}(e),u(t,v).then((function(r){return r||fetch(e.request).then((function(r){return r.ok?(t===n&&(i=r.clone(),o=caches.open(v).then((function(e){return e.put(n,i)})).then((function(){})),e.waitUntil(o)),r):r;var i,o}))}))}(e,i,c),e.respondWith(f)}else{if("navigate"===e.request.mode&&!0===r)return void e.respondWith(q(e));if(r){var h=function(e){var n=new URL(e.request.url);if(!(self.registration.navigationPreload&&r&&r.test&&r.test(n,e.request)))return;var t=function(e){if(!O)return;var n=void 0,t=void 0;if(O.forEach((function(r,i){r.url.href===e.href&&(n=r.response,t=i)})),n)return O.delete(t),n}(n),i=e.request;if(t)return e.waitUntil(caches.open(m).then((function(e){return e.delete(i)}))),t;return u(i,m).then((function(n){return n&&e.waitUntil(caches.open(m).then((function(e){return e.delete(i)}))),n||fetch(e.request)}))}(e);if(h)return void e.respondWith(h)}}}})),self.addEventListener("message",(function(e){var n=e.data;if(n)switch(n.action){case"skipWaiting":self.skipWaiting&&self.skipWaiting()}}));var O=new Map;function x(e,n,t){n=n.slice();var r=t.bust,i=!1!==t.failAll,o=!0===t.deleteFirst,a=t.request||{credentials:"omit",mode:"cors"},u=Promise.resolve();return o&&(u=Promise.all(n.map((function(n){return e.delete(n).catch((function(){}))})))),Promise.all(n.map((function(e){var n,t,i;return r&&(t=r,i=-1!==(n=e).indexOf("?"),e=n+(i?"&":"?")+"__uncache="+encodeURIComponent(t)),fetch(e,a).then(s).then((function(e){return e.ok?{response:e}:{error:!0}}),(function(){return{error:!0}}))}))).then((function(t){return i&&t.some((function(e){return e.error}))?Promise.reject(new Error("Wrong response status")):(i||(t=t.filter((function(e,t){return!e.error||(n.splice(t,1),!1)}))),u.then((function(){var r=t.map((function(t,r){var i=t.response;return e.put(n[r],i)}));return Promise.all(r)})))}))}function q(e){return e.preloadResponse&&!0===r?e.preloadResponse.then((function(n){return n||fetch(e.request)})):fetch(e.request)}}(__wpo,{loaders:{},cacheMaps:[],navigationPreload:!1}),e.exports=t(1)},function(e,n){}]);
\ No newline at end of file