diff --git a/dist/main.js b/dist/main.js
index 60e521c..bb0c83c 100644
--- a/dist/main.js
+++ b/dist/main.js
@@ -1 +1 @@
-!function(t,n){"object"==typeof exports&&"object"==typeof module?module.exports=n():"function"==typeof define&&define.amd?define([],n):"object"==typeof exports?exports["vue-flip-down"]=n():t["vue-flip-down"]=n()}(window,(function(){return function(t){var n={};function e(i){if(n[i])return n[i].exports;var o=n[i]={i:i,l:!1,exports:{}};return t[i].call(o.exports,o,o.exports,e),o.l=!0,o.exports}return e.m=t,e.c=n,e.d=function(t,n,i){e.o(t,n)||Object.defineProperty(t,n,{enumerable:!0,get:i})},e.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},e.t=function(t,n){if(1&n&&(t=e(t)),8&n)return t;if(4&n&&"object"==typeof t&&t&&t.__esModule)return t;var i=Object.create(null);if(e.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:t}),2&n&&"string"!=typeof t)for(var o in t)e.d(i,o,function(n){return t[n]}.bind(null,o));return i},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,n){return Object.prototype.hasOwnProperty.call(t,n)},e.p="",e(e.s=1)}([function(t,n,e){var i=e(3),o=e(4);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[t.i,o,""]]);var r={insert:"head",singleton:!1},a=(i(t.i,o,r),o.locals?o.locals:{});t.exports=a},function(t,n,e){t.exports=e(6)},function(t,n,e){"use strict";var i=e(0);e.n(i).a},function(t,n,e){"use strict";var i,o=function(){return void 0===i&&(i=Boolean(window&&document&&document.all&&!window.atob)),i},r=function(){var t={};return function(n){if(void 0===t[n]){var e=document.querySelector(n);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(t){e=null}t[n]=e}return t[n]}}(),a={};function s(t,n,e){for(var i=0;i<n.length;i++){var o={css:n[i][1],media:n[i][2],sourceMap:n[i][3]};a[t][i]?a[t][i](o):a[t].push(h(o,e))}}function c(t){var n=document.createElement("style"),i=t.attributes||{};if(void 0===i.nonce){var o=e.nc;o&&(i.nonce=o)}if(Object.keys(i).forEach((function(t){n.setAttribute(t,i[t])})),"function"==typeof t.insert)t.insert(n);else{var a=r(t.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(n)}return n}var u,p=(u=[],function(t,n){return u[t]=n,u.filter(Boolean).join("\n")});function l(t,n,e,i){var o=e?"":i.css;if(t.styleSheet)t.styleSheet.cssText=p(n,o);else{var r=document.createTextNode(o),a=t.childNodes;a[n]&&t.removeChild(a[n]),a.length?t.insertBefore(r,a[n]):t.appendChild(r)}}function d(t,n,e){var i=e.css,o=e.media,r=e.sourceMap;if(o?t.setAttribute("media",o):t.removeAttribute("media"),r&&btoa&&(i+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),t.styleSheet)t.styleSheet.cssText=i;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(i))}}var f=null,m=0;function h(t,n){var e,i,o;if(n.singleton){var r=m++;e=f||(f=c(n)),i=l.bind(null,e,r,!1),o=l.bind(null,e,r,!0)}else e=c(n),i=d.bind(null,e,n),o=function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(e)};return i(t),function(n){if(n){if(n.css===t.css&&n.media===t.media&&n.sourceMap===t.sourceMap)return;i(t=n)}else o()}}t.exports=function(t,n,e){return(e=e||{}).singleton||"boolean"==typeof e.singleton||(e.singleton=o()),t=e.base?t+e.base:t,n=n||[],a[t]||(a[t]=[]),s(t,n,e),function(n){if(n=n||[],"[object Array]"===Object.prototype.toString.call(n)){a[t]||(a[t]=[]),s(t,n,e);for(var i=n.length;i<a[t].length;i++)a[t][i]();a[t].length=n.length,0===a[t].length&&delete a[t]}}}},function(t,n,e){(n=e(5)(!1)).push([t.i,'.vue-countdown-component {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: flex;\n}\n@-webkit-keyframes animate-filp-face {\n0% {\n    -webkit-transform: rotateX(-0.01deg);\n            transform: rotateX(-0.01deg);\n    opacity: 1;\n}\n50% {\n    opacity: 1;\n}\n51% {\n    opacity: 0;\n}\n100% {\n    -webkit-transform: rotateX(-180deg);\n            transform: rotateX(-180deg);\n    opacity: 0;\n}\n}\n@keyframes animate-filp-face {\n0% {\n    -webkit-transform: rotateX(-0.01deg);\n            transform: rotateX(-0.01deg);\n    opacity: 1;\n}\n50% {\n    opacity: 1;\n}\n51% {\n    opacity: 0;\n}\n100% {\n    -webkit-transform: rotateX(-180deg);\n            transform: rotateX(-180deg);\n    opacity: 0;\n}\n}\n@-webkit-keyframes animate-filp-back {\n0% {\n    -webkit-transform: rotateX(180deg);\n            transform: rotateX(180deg);\n}\n100% {\n    -webkit-transform: rotateX(-0.01deg);\n            transform: rotateX(-0.01deg);\n}\n}\n@keyframes animate-filp-back {\n0% {\n    -webkit-transform: rotateX(180deg);\n            transform: rotateX(180deg);\n}\n100% {\n    -webkit-transform: rotateX(-0.01deg);\n            transform: rotateX(-0.01deg);\n}\n}\n.vue-countdown-component.ie .base .base-b {\n  clip: rect(15px, auto, auto, auto);\n}\n.vue-countdown-component.ie .face {\n  clip: rect(auto, auto, 15px, auto);\n}\n.vue-countdown-component.ie .back {\n  clip: rect(15px, auto, auto, auto);\n}\n.vue-countdown-component.theme2 .time-box {\n  min-width: 20px;\n}\n.vue-countdown-component.theme2 .time-box + .time-box {\n  margin-left: 1px;\n}\n.vue-countdown-component .time-unit {\n  padding: 0 4px;\n  color: #222;\n  font-size: 14px;\n  line-height: 30px;\n  white-space: nowrap;\n}\n.vue-countdown-component .time-box {\n  position: relative;\n  box-sizing: border-box;\n  height: 30px;\n  min-width: 28px;\n  font-size: 14px;\n  text-align: center;\n  background-color: #6c96e8;\n  -webkit-perspective: 60px;\n          perspective: 60px;\n  border-radius: 3px;\n  padding: 0 2px;\n  color: #fff;\n  line-height: 30px;\n}\n.vue-countdown-component .time-box:before {\n  content: "";\n  position: absolute;\n  background: #a7c7ff;\n  width: 1px;\n  height: 6px;\n  top: 50%;\n  left: -1px;\n  margin-top: -3px;\n  z-index: -1;\n}\n.vue-countdown-component .time-box:after {\n  content: "";\n  position: absolute;\n  background: #a7c7ff;\n  width: 1px;\n  height: 6px;\n  top: 50%;\n  right: -1px;\n  margin-top: -3px;\n  z-index: -1;\n}\n.vue-countdown-component .time-box + .time-box {\n  margin-left: 8px;\n}\n.vue-countdown-component .time-box > div {\n  overflow: hidden;\n  -webkit-animation-timing-function: linear;\n          animation-timing-function: linear;\n  -webkit-animation-duration: 400ms;\n          animation-duration: 400ms;\n  -webkit-transform: rotateX(-0.01deg);\n          transform: rotateX(-0.01deg);\n  border-radius: 3px;\n}\n.vue-countdown-component .time-box > div.base {\n  position: relative;\n}\n.vue-countdown-component .time-box > div.base .base-b {\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  border-radius: 0 0 3px 3px;\n  width: 100%;\n  height: 100%;\n  background-color: #709bf1;\n  -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0 100%);\n          clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0 100%);\n}\n.vue-countdown-component .time-box > div.face {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  background-color: #6c96e8;\n  -webkit-backface-visibility: visible;\n          backface-visibility: visible;\n  -webkit-clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%);\n          clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%);\n  z-index: 2;\n}\n.vue-countdown-component .time-box > div.face.anime {\n  -webkit-animation-name: animate-filp-face;\n          animation-name: animate-filp-face;\n}\n.vue-countdown-component .time-box > div.back {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  background-color: #709bf1;\n  -webkit-transform: rotateX(-180deg);\n          transform: rotateX(-180deg);\n  -webkit-backface-visibility: visible;\n          backface-visibility: visible;\n  -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0 100%);\n          clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0 100%);\n}\n.vue-countdown-component .time-box > div.back.anime {\n  -webkit-animation-name: animate-filp-back;\n          animation-name: animate-filp-back;\n}\n',""]),t.exports=n},function(t,n,e){"use strict";t.exports=function(t){var n=[];return n.toString=function(){return this.map((function(n){var e=function(t,n){var e=t[1]||"",i=t[3];if(!i)return e;if(n&&"function"==typeof btoa){var o=(a=i,s=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),c="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(s),"/*# ".concat(c," */")),r=i.sources.map((function(t){return"/*# sourceURL=".concat(i.sourceRoot).concat(t," */")}));return[e].concat(r).concat([o]).join("\n")}var a,s,c;return[e].join("\n")}(n,t);return n[2]?"@media ".concat(n[2]," {").concat(e,"}"):e})).join("")},n.i=function(t,e){"string"==typeof t&&(t=[[null,t,""]]);for(var i=0;i<t.length;i++){var o=[].concat(t[i]);e&&(o[2]?o[2]="".concat(e," and ").concat(o[2]):o[2]=e),n.push(o)}},n}},function(t,n,e){"use strict";e.r(n);var i=function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("div",{class:["vue-countdown-component",{theme2:1!==t.theme},{ie:t.isIE}]},[t._l(t.timeArray,(function(n,i){return[e("div",{key:i,class:["time-box"]},[e("div",{staticClass:"base"},[t._v(t._s(n)),e("div",{staticClass:"base-b"},[t._v(t._s(t.timeArrayT[i]))])]),t._v(" "),e("div",{class:["face",{anime:t.isAnimate[i]}],on:{animationend:function(n){return t.onAnimateEnd(i)}}},[t._v(t._s(t.timeArrayT[i]))]),t._v(" "),e("div",{class:["back",{anime:t.isAnimate[i]}]},[t._v(t._s(n))])]),t._v(" "),t.isTimeUnitShow(i)?e("div",{key:"unit-"+i,staticClass:"time-unit"},[t._v("\n      "+t._s(t.setTimeUnit(i))+"\n    ")]):t._e()]}))],2)};i._withStripped=!0;var o={data(){return{isIE:!1,timeArray:2===this.theme?new Array(2*this.type).fill("0"):new Array(this.type).fill("00"),timeArrayT:2===this.theme?new Array(2*this.type).fill("0"):new Array(this.type).fill("00"),isAnimate:2===this.theme?new Array(2*this.type).fill(!1):new Array(this.type).fill(!1)}},props:{endDate:{type:[Date,Number,String],default:0},type:{type:[Number,String],default:4},theme:{type:[Number,String],default:1},timeUnit:{type:Array,default:()=>[]}},computed:{endTime(){return this.endDate instanceof Date?this.endDate.getTime():Number(this.endDate)>0?Number(this.endDate):0},step(){return 1===this.theme?1:2},arr(){const t=this.timeArray.length,n=this.step,e=[t-1,t-n-1,t-2*n-1,t-3*n-1];return e.length=this.type>1?this.type:1,e}},watch:{timeArray(t,n){const e=[];t.forEach((t,i)=>{t!==n[i]&&(e.push({value:t,index:i}),this.$set(this.isAnimate,i,!0))}),setTimeout(()=>{e.forEach(t=>{this.$set(this.timeArrayT,t.index,t.value)})},350)},endTime(t){t>0&&this.start()}},mounted(){(window.ActiveXObject||"ActiveXObject"in window||window.navigator.userAgent.indexOf("Edge")>-1)&&(this.isIE=!0),this.start(0)},beforeDestroy(){clearTimeout(this.timer)},methods:{start(t=1e3){clearTimeout(this.timer),this.timer=setTimeout(()=>{let t=this.endTime-(new Date).getTime();t=t<0?0:t;let n=0,e=0,i=0,o=0;const r=Number(this.type);r>=4?(n=Math.floor(t/864e5),e=Math.floor(t/36e5-24*n),i=Math.floor(t/6e4-1440*n-60*e),o=Math.floor(t/1e3-86400*n-3600*e-60*i)):r>=3?(e=Math.floor(t/36e5),i=Math.floor(t/6e4-60*e),o=Math.floor(t/1e3-3600*e-60*i)):r>=2?(i=Math.floor(t/6e4),o=Math.floor(t/1e3-60*i)):o=Math.floor(t/1e3);let a=[];1===Number(this.theme)?(r>=4&&a.push(String(n).padStart(2,"0")),r>=3&&a.push(String(e).padStart(2,"0")),r>=2&&a.push(String(i).padStart(2,"0")),a.push(String(o).padStart(2,"0"))):(r>=4&&a.push(...String(n).padStart(2,"0").split("")),r>=3&&a.push(...String(e).padStart(2,"0").split("")),r>=2&&a.push(...String(i).padStart(2,"0").split("")),a.push(...String(o).padStart(2,"0").split(""))),this.timeArray=a,t>0?this.start():this.$emit("timeUp")},t)},onAnimateEnd(t){this.$set(this.isAnimate,t,!1)},isTimeUnitShow(t){return!!this.arr.includes(t)&&!(t===this.timeArray.length-1&&!this.timeUnit[3])},setTimeUnit(t){switch(t){case this.timeArray.length-1:return this.timeUnit[3]||"";case this.timeArray.length-this.step-1:return this.timeUnit[2]||"";case this.timeArray.length-2*this.step-1:return this.timeUnit[1]||"";default:return this.timeUnit[0]||""}}}};e(2);var r=function(t,n,e,i,o,r,a,s){var c,u="function"==typeof t?t.options:t;if(n&&(u.render=n,u.staticRenderFns=e,u._compiled=!0),i&&(u.functional=!0),r&&(u._scopeId="data-v-"+r),a?(c=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(a)},u._ssrRegister=c):o&&(c=s?function(){o.call(this,this.$root.$options.shadowRoot)}:o),c)if(u.functional){u._injectStyles=c;var p=u.render;u.render=function(t,n){return c.call(n),p(t,n)}}else{var l=u.beforeCreate;u.beforeCreate=l?[].concat(l,c):[c]}return{exports:t,options:u}}(o,i,[],!1,null,null,null);r.options.__file="src/app.vue";var a=r.exports;n.default=a}])}));
\ No newline at end of file
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["vue-flip-down"]=e():t["vue-flip-down"]=e()}(this,(function(){return function(t){var e={};function n(i){if(e[i])return e[i].exports;var o=e[i]={i:i,l:!1,exports:{}};return t[i].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,i){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:i})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(i,o,function(e){return t[e]}.bind(null,o));return i},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=2)}([function(t,e,n){var i=n(4),o=n(5);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[t.i,o,""]]);var r={insert:"head",singleton:!1};i(o,r);t.exports=o.locals||{}},function(t,e,n){"use strict";t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var n=function(t,e){var n=t[1]||"",i=t[3];if(!i)return n;if(e&&"function"==typeof btoa){var o=(a=i,s=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),c="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(s),"/*# ".concat(c," */")),r=i.sources.map((function(t){return"/*# sourceURL=".concat(i.sourceRoot||"").concat(t," */")}));return[n].concat(r).concat([o]).join("\n")}var a,s,c;return[n].join("\n")}(e,t);return e[2]?"@media ".concat(e[2]," {").concat(n,"}"):n})).join("")},e.i=function(t,n,i){"string"==typeof t&&(t=[[null,t,""]]);var o={};if(i)for(var r=0;r<this.length;r++){var a=this[r][0];null!=a&&(o[a]=!0)}for(var s=0;s<t.length;s++){var c=[].concat(t[s]);i&&o[c[0]]||(n&&(c[2]?c[2]="".concat(n," and ").concat(c[2]):c[2]=n),e.push(c))}},e}},function(t,e,n){t.exports=n(6)},function(t,e,n){"use strict";var i=n(0);n.n(i).a},function(t,e,n){"use strict";var i,o=function(){return void 0===i&&(i=Boolean(window&&document&&document.all&&!window.atob)),i},r=function(){var t={};return function(e){if(void 0===t[e]){var n=document.querySelector(e);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(t){n=null}t[e]=n}return t[e]}}(),a=[];function s(t){for(var e=-1,n=0;n<a.length;n++)if(a[n].identifier===t){e=n;break}return e}function c(t,e){for(var n={},i=[],o=0;o<t.length;o++){var r=t[o],c=e.base?r[0]+e.base:r[0],u=n[c]||0,p="".concat(c," ").concat(u);n[c]=u+1;var l=s(p),f={css:r[1],media:r[2],sourceMap:r[3]};-1!==l?(a[l].references++,a[l].updater(f)):a.push({identifier:p,updater:b(f,e),references:1}),i.push(p)}return i}function u(t){var e=document.createElement("style"),i=t.attributes||{};if(void 0===i.nonce){var o=n.nc;o&&(i.nonce=o)}if(Object.keys(i).forEach((function(t){e.setAttribute(t,i[t])})),"function"==typeof t.insert)t.insert(e);else{var a=r(t.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(e)}return e}var p,l=(p=[],function(t,e){return p[t]=e,p.filter(Boolean).join("\n")});function f(t,e,n,i){var o=n?"":i.media?"@media ".concat(i.media," {").concat(i.css,"}"):i.css;if(t.styleSheet)t.styleSheet.cssText=l(e,o);else{var r=document.createTextNode(o),a=t.childNodes;a[e]&&t.removeChild(a[e]),a.length?t.insertBefore(r,a[e]):t.appendChild(r)}}function d(t,e,n){var i=n.css,o=n.media,r=n.sourceMap;if(o?t.setAttribute("media",o):t.removeAttribute("media"),r&&btoa&&(i+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),t.styleSheet)t.styleSheet.cssText=i;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(i))}}var m=null,h=0;function b(t,e){var n,i,o;if(e.singleton){var r=h++;n=m||(m=u(e)),i=f.bind(null,n,r,!1),o=f.bind(null,n,r,!0)}else n=u(e),i=d.bind(null,n,e),o=function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(n)};return i(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;i(t=e)}else o()}}t.exports=function(t,e){(e=e||{}).singleton||"boolean"==typeof e.singleton||(e.singleton=o());var n=c(t=t||[],e);return function(t){if(t=t||[],"[object Array]"===Object.prototype.toString.call(t)){for(var i=0;i<n.length;i++){var o=s(n[i]);a[o].references--}for(var r=c(t,e),u=0;u<n.length;u++){var p=s(n[u]);0===a[p].references&&(a[p].updater(),a.splice(p,1))}n=r}}}},function(t,e,n){"use strict";n.r(e);var i=n(1),o=n.n(i)()(!1);o.push([t.i,'.vue-countdown-component {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: flex;\n}\n@-webkit-keyframes animate-filp-face {\n0% {\n    -webkit-transform: rotateX(-0.01deg);\n            transform: rotateX(-0.01deg);\n    opacity: 1;\n}\n50% {\n    opacity: 1;\n}\n51% {\n    opacity: 0;\n}\n100% {\n    -webkit-transform: rotateX(-180deg);\n            transform: rotateX(-180deg);\n    opacity: 0;\n}\n}\n@keyframes animate-filp-face {\n0% {\n    -webkit-transform: rotateX(-0.01deg);\n            transform: rotateX(-0.01deg);\n    opacity: 1;\n}\n50% {\n    opacity: 1;\n}\n51% {\n    opacity: 0;\n}\n100% {\n    -webkit-transform: rotateX(-180deg);\n            transform: rotateX(-180deg);\n    opacity: 0;\n}\n}\n@-webkit-keyframes animate-filp-back {\n0% {\n    -webkit-transform: rotateX(180deg);\n            transform: rotateX(180deg);\n}\n100% {\n    -webkit-transform: rotateX(-0.01deg);\n            transform: rotateX(-0.01deg);\n}\n}\n@keyframes animate-filp-back {\n0% {\n    -webkit-transform: rotateX(180deg);\n            transform: rotateX(180deg);\n}\n100% {\n    -webkit-transform: rotateX(-0.01deg);\n            transform: rotateX(-0.01deg);\n}\n}\n.vue-countdown-component.ie .base .base-b {\n  clip: rect(15px, auto, auto, auto);\n}\n.vue-countdown-component.ie .face {\n  clip: rect(auto, auto, 15px, auto);\n}\n.vue-countdown-component.ie .back {\n  clip: rect(15px, auto, auto, auto);\n}\n.vue-countdown-component.theme2 .time-box {\n  min-width: 20px;\n}\n.vue-countdown-component.theme2 .time-box + .time-box {\n  margin-left: 1px;\n}\n.vue-countdown-component .time-unit {\n  padding: 0 4px;\n  color: #222;\n  font-size: 14px;\n  line-height: 30px;\n  white-space: nowrap;\n}\n.vue-countdown-component .time-box {\n  position: relative;\n  box-sizing: border-box;\n  height: 30px;\n  min-width: 28px;\n  font-size: 14px;\n  text-align: center;\n  background-color: #6c96e8;\n  -webkit-perspective: 60px;\n          perspective: 60px;\n  border-radius: 3px;\n  padding: 0 2px;\n  color: #fff;\n  line-height: 30px;\n}\n.vue-countdown-component .time-box:before {\n  content: "";\n  position: absolute;\n  background: #a7c7ff;\n  width: 1px;\n  height: 6px;\n  top: 50%;\n  left: -1px;\n  margin-top: -3px;\n  z-index: -1;\n}\n.vue-countdown-component .time-box:after {\n  content: "";\n  position: absolute;\n  background: #a7c7ff;\n  width: 1px;\n  height: 6px;\n  top: 50%;\n  right: -1px;\n  margin-top: -3px;\n  z-index: -1;\n}\n.vue-countdown-component .time-box + .time-box {\n  margin-left: 8px;\n}\n.vue-countdown-component .time-box > div {\n  overflow: hidden;\n  -webkit-animation-timing-function: linear;\n          animation-timing-function: linear;\n  -webkit-animation-duration: 400ms;\n          animation-duration: 400ms;\n  -webkit-transform: rotateX(-0.01deg);\n          transform: rotateX(-0.01deg);\n  border-radius: 3px;\n}\n.vue-countdown-component .time-box > div.base {\n  position: relative;\n}\n.vue-countdown-component .time-box > div.base .base-b {\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  border-radius: 0 0 3px 3px;\n  width: 100%;\n  height: 100%;\n  background-color: #709bf1;\n  -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0 100%);\n          clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0 100%);\n}\n.vue-countdown-component .time-box > div.face {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  background-color: #6c96e8;\n  -webkit-backface-visibility: visible;\n          backface-visibility: visible;\n  -webkit-clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%);\n          clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%);\n  z-index: 2;\n}\n.vue-countdown-component .time-box > div.face.anime {\n  -webkit-animation-name: animate-filp-face;\n          animation-name: animate-filp-face;\n}\n.vue-countdown-component .time-box > div.back {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  background-color: #709bf1;\n  -webkit-transform: rotateX(-180deg);\n          transform: rotateX(-180deg);\n  -webkit-backface-visibility: visible;\n          backface-visibility: visible;\n  -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0 100%);\n          clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0 100%);\n}\n.vue-countdown-component .time-box > div.back.anime {\n  -webkit-animation-name: animate-filp-back;\n          animation-name: animate-filp-back;\n}\n',""]),e.default=o},function(t,e,n){"use strict";n.r(e);var i=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{class:["vue-countdown-component",{theme2:1!==t.theme},{ie:t.isIE}]},[t._l(t.timeArray,(function(e,i){return[n("div",{key:i,class:["time-box"]},[n("div",{staticClass:"base"},[t._v(t._s(e)),n("div",{staticClass:"base-b"},[t._v(t._s(t.timeArrayT[i]))])]),t._v(" "),n("div",{class:["face",{anime:t.isAnimate[i]}],on:{animationend:function(e){return t.onAnimateEnd(i)}}},[t._v(t._s(t.timeArrayT[i]))]),t._v(" "),n("div",{class:["back",{anime:t.isAnimate[i]}]},[t._v(t._s(e))])]),t._v(" "),t.isTimeUnitShow(i)?n("div",{key:"unit-"+i,staticClass:"time-unit"},[t._v("\n      "+t._s(t.setTimeUnit(i))+"\n    ")]):t._e()]}))],2)};i._withStripped=!0;var o={data(){return{isIE:!1,timeArray:2===this.theme?new Array(2*this.type).fill("0"):new Array(this.type).fill("00"),timeArrayT:2===this.theme?new Array(2*this.type).fill("0"):new Array(this.type).fill("00"),isAnimate:2===this.theme?new Array(2*this.type).fill(!1):new Array(this.type).fill(!1)}},props:{endDate:{type:[Date,Number,String],default:0},type:{type:[Number,String],default:4},theme:{type:[Number,String],default:1},timeUnit:{type:Array,default:()=>[]}},computed:{endTime(){return this.endDate instanceof Date?this.endDate.getTime():Number(this.endDate)>0?Number(this.endDate):0},step(){return 1===this.theme?1:2},arr(){const t=this.timeArray.length,e=this.step,n=[t-1,t-e-1,t-2*e-1,t-3*e-1];return n.length=this.type>1?this.type:1,n}},watch:{timeArray(t,e){const n=[];t.forEach((t,i)=>{t!==e[i]&&(n.push({value:t,index:i}),this.$set(this.isAnimate,i,!0))}),setTimeout(()=>{n.forEach(t=>{this.$set(this.timeArrayT,t.index,t.value)})},350)},endTime(t){t>0&&this.start()}},mounted(){(window.ActiveXObject||"ActiveXObject"in window||window.navigator.userAgent.indexOf("Edge")>-1)&&(this.isIE=!0),this.start(0)},beforeDestroy(){clearTimeout(this.timer)},methods:{start(t=1e3){clearTimeout(this.timer),this.timer=setTimeout(()=>{let t=this.endTime-(new Date).getTime();t=t<0?0:t;let e=0,n=0,i=0,o=0;const r=Number(this.type);r>=4?(e=Math.floor(t/864e5),n=Math.floor(t/36e5-24*e),i=Math.floor(t/6e4-1440*e-60*n),o=Math.floor(t/1e3-86400*e-3600*n-60*i)):r>=3?(n=Math.floor(t/36e5),i=Math.floor(t/6e4-60*n),o=Math.floor(t/1e3-3600*n-60*i)):r>=2?(i=Math.floor(t/6e4),o=Math.floor(t/1e3-60*i)):o=Math.floor(t/1e3);let a=[];1===Number(this.theme)?(r>=4&&a.push(String(e).padStart(2,"0")),r>=3&&a.push(String(n).padStart(2,"0")),r>=2&&a.push(String(i).padStart(2,"0")),a.push(String(o).padStart(2,"0"))):(r>=4&&a.push(...String(e).padStart(2,"0").split("")),r>=3&&a.push(...String(n).padStart(2,"0").split("")),r>=2&&a.push(...String(i).padStart(2,"0").split("")),a.push(...String(o).padStart(2,"0").split(""))),this.timeArray=a,t>0?this.start():this.$emit("timeUp")},t)},onAnimateEnd(t){this.$set(this.isAnimate,t,!1)},isTimeUnitShow(t){return!!this.arr.includes(t)&&!(t===this.timeArray.length-1&&!this.timeUnit[3])},setTimeUnit(t){switch(t){case this.timeArray.length-1:return this.timeUnit[3]||"";case this.timeArray.length-this.step-1:return this.timeUnit[2]||"";case this.timeArray.length-2*this.step-1:return this.timeUnit[1]||"";default:return this.timeUnit[0]||""}}}};n(3);var r=function(t,e,n,i,o,r,a,s){var c,u="function"==typeof t?t.options:t;if(e&&(u.render=e,u.staticRenderFns=n,u._compiled=!0),i&&(u.functional=!0),r&&(u._scopeId="data-v-"+r),a?(c=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(a)},u._ssrRegister=c):o&&(c=s?function(){o.call(this,(u.functional?this.parent:this).$root.$options.shadowRoot)}:o),c)if(u.functional){u._injectStyles=c;var p=u.render;u.render=function(t,e){return c.call(e),p(t,e)}}else{var l=u.beforeCreate;u.beforeCreate=l?[].concat(l,c):[c]}return{exports:t,options:u}}(o,i,[],!1,null,null,null);r.options.__file="src/app.vue";var a=r.exports;e.default=a}])}));
\ No newline at end of file
diff --git a/package.json b/package.json
index 4f1770a..a30180b 100644
--- a/package.json
+++ b/package.json
@@ -1,8 +1,11 @@
 {
   "name": "vue-flip-down",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "vue 翻页效果的倒计时组件",
   "main": "dist/main.js",
+  "files": [
+    "dist/"
+  ],
   "scripts": {
     "dev": "webpack-dev-server --config webpack.dev.config.js",
     "build": "webpack --config webpack.production.config.js --progress --profile --colors",
@@ -22,35 +25,35 @@
   },
   "homepage": "https://github.com/javaLuo/vue-flip-down#readme",
   "dependencies": {
-    "optimize-css-assets-webpack-plugin": "^5.0.3",
-    "terser-webpack-plugin": "^2.3.1",
-    "vue": "^2.6.11"
+    "optimize-css-assets-webpack-plugin": "^5.0.4",
+    "terser-webpack-plugin": "^4.1.0",
+    "vue": "^2.6.12"
   },
   "devDependencies": {
-    "@babel/core": "^7.7.7",
-    "@babel/plugin-proposal-class-properties": "^7.7.4",
-    "@babel/plugin-proposal-object-rest-spread": "^7.7.7",
-    "@babel/plugin-syntax-dynamic-import": "^7.7.4",
-    "@babel/plugin-transform-runtime": "^7.7.6",
-    "@babel/polyfill": "^7.7.0",
-    "@babel/runtime": "^7.7.7",
-    "autoprefixer": "^9.7.3",
-    "babel-loader": "^8.0.6",
+    "@babel/core": "^7.11.6",
+    "@babel/plugin-proposal-class-properties": "^7.10.4",
+    "@babel/plugin-proposal-object-rest-spread": "^7.11.0",
+    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+    "@babel/plugin-transform-runtime": "^7.11.5",
+    "@babel/polyfill": "^7.11.5",
+    "@babel/runtime": "^7.11.2",
+    "autoprefixer": "^9.8.6",
+    "babel-loader": "^8.1.0",
     "babel-plugin-import": "^1.13.0",
     "babel-plugin-transform-decorators-legacy": "^1.3.5",
     "babel-preset-vue-app": "^2.0.0",
     "clean-webpack-plugin": "^3.0.0",
-    "css-loader": "^3.4.0",
-    "less": "^3.10.3",
-    "less-loader": "^5.0.0",
-    "postcss-loader": "^3.0.0",
-    "style-loader": "^1.1.2",
-    "url-loader": "^3.0.0",
-    "vue-loader": "^15.8.3",
-    "vue-template-compiler": "^2.6.11",
-    "webpack": "^4.41.5",
-    "webpack-cli": "^3.3.10",
-    "webpack-dev-server": "^3.10.1"
+    "css-loader": "^4.3.0",
+    "less": "^3.12.2",
+    "less-loader": "^7.0.1",
+    "postcss-loader": "^4.0.1",
+    "style-loader": "^1.2.1",
+    "url-loader": "^4.1.0",
+    "vue-loader": "^15.9.3",
+    "vue-template-compiler": "^2.6.12",
+    "webpack": "^4.44.1",
+    "webpack-cli": "^3.3.12",
+    "webpack-dev-server": "^3.11.0"
   },
   "browserslist": [
     "iOS >= 8",
diff --git a/webpack.production.config.js b/webpack.production.config.js
index b146035..8c96d75 100644
--- a/webpack.production.config.js
+++ b/webpack.production.config.js
@@ -16,6 +16,7 @@ module.exports = {
     filename: "[name].js", //编译后的文件名字
     library: ["vue-flip-down"],
     libraryTarget: "umd",
+    globalObject: 'this'
   },
   externals: {
     vue: "vue",